*{box-sizing:border-box;margin:0;padding:0}:root{--mint: #d7f4ea;--sky: #dceefb;--cream: #fff9ec;--gold: #e8b64c;--ink: #3d4451;--ink-soft: #6b7280;--good: #2f9e6e;--warm: #e2725b;--card: #ffffff;--radius: 18px;--shadow: 0 4px 14px rgba(61, 68, 81, .12)}html,body,#root{height:100%}body{font-family:Pretendard,Malgun Gothic,Apple SD Gothic Neo,sans-serif;background:linear-gradient(160deg,var(--mint),var(--sky));color:var(--ink);font-size:18px;line-height:1.5}.app{max-width:960px;margin:0 auto;padding:16px;min-height:100%;display:flex;flex-direction:column}button{font-family:inherit;font-size:1rem;border:none;border-radius:var(--radius);cursor:pointer;padding:12px 18px;background:var(--card);color:var(--ink);box-shadow:var(--shadow);transition:transform .1s ease}button:active{transform:scale(.97)}button.primary{background:var(--gold);color:#fff;font-weight:700}button.ghost{background:transparent;box-shadow:none;color:var(--ink-soft)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 4px 16px;flex-wrap:wrap}.topbar h1{font-size:1.25rem}.topbar .sub{color:var(--ink-soft);font-size:.85rem}.hud{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hud .chip{background:var(--cream);border-radius:999px;padding:6px 14px;box-shadow:var(--shadow);font-weight:700;font-size:.95rem}.hud .rank{background:var(--gold);color:#fff}.start{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.start img.wizard{width:140px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.15))}.start h2{font-size:1.6rem}.start .child-list{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.start .child-list button{font-size:1.15rem;font-weight:700;padding:16px 26px}.map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;align-items:start}.place-card{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;background:var(--card);border:none;padding:0;text-align:left}.place-card img{width:100%;height:150px;object-fit:cover;display:block}.place-card.dark img{filter:grayscale(.75) brightness(.75)}.place-card .place-info{padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.place-card .place-name{font-weight:700;font-size:1.1rem}.place-card .lights{font-size:.95rem}.queue-banner{margin:14px 0;background:var(--cream);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.scene{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#000}.scene img.bg{width:100%;height:240px;object-fit:cover;display:block;opacity:.95}.scene img.npc{position:absolute;bottom:8px;right:18px;height:205px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.scene .npc-name{position:absolute;left:14px;top:12px;background:#ffffffe6;border-radius:999px;padding:4px 14px;font-weight:700;font-size:.9rem}.panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-top:14px}.panel .situation{font-size:1.15rem}.panel .step-label{display:inline-block;border-radius:999px;padding:4px 14px;font-weight:700;font-size:.9rem;margin-bottom:10px;color:#fff}.step-stop{background:#d64545}.step-read{background:#d69a2d}.step-respond{background:var(--good)}.choices{display:flex;flex-direction:column;gap:10px;margin-top:14px}.choices button{text-align:left;font-size:1.05rem;padding:14px 16px}.choices button:hover{background:var(--cream)}.coach{margin-top:12px;background:var(--sky);border-radius:12px;padding:12px 16px}.hint{margin-top:12px;background:var(--cream);border-radius:12px;padding:12px 16px}.wordbank{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.wordbank button{background:var(--sky);font-weight:700}.wordbank button:disabled{opacity:.35;cursor:default}.frame-line{font-size:1.2rem;margin-top:12px;line-height:2}.slot{display:inline-block;min-width:90px;border-bottom:3px solid var(--gold);text-align:center;font-weight:700;color:var(--good);padding:0 6px}.slot.empty{color:var(--ink-soft);font-weight:400}.hard-input{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.hard-input input{flex:1;min-width:200px;font-family:inherit;font-size:1.1rem;padding:12px 14px;border-radius:12px;border:2px solid var(--sky)}.stoplight{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 0}.stoplight .lights-row{display:flex;gap:14px}.stoplight .bulb{width:56px;height:56px;border-radius:50%;background:#e5e7eb;transition:background .3s,box-shadow .3s}.stoplight .bulb.red.on{background:#e05252;box-shadow:0 0 18px #e05252}.stoplight .bulb.yellow.on{background:#eab63d;box-shadow:0 0 18px #eab63d}.stoplight .bulb.green.on{background:#3fae76;box-shadow:0 0 18px #3fae76}.stoplight .count{font-size:2rem;font-weight:800}.feedback{text-align:center;padding:10px 0}.feedback .big{font-size:1.5rem;font-weight:800;margin-bottom:10px}.feedback .reward{font-size:1.3rem;margin:12px 0}.feedback .msg{font-size:1.1rem}.actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;justify-content:center}.console{display:flex;flex-direction:column;gap:16px}.console h2{font-size:1.3rem}.console .section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.console table{width:100%;border-collapse:collapse;font-size:.9rem}.console th,.console td{border-bottom:1px solid #eee;padding:8px 6px;text-align:left}.console .form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}.console input[type=text]{font-family:inherit;font-size:1rem;padding:10px 12px;border-radius:10px;border:2px solid var(--sky)}.console select{font-family:inherit;font-size:1rem;padding:10px;border-radius:10px;border:2px solid var(--sky)}.console .queue-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.console .queue-list label{display:flex;gap:8px;align-items:center;font-size:.95rem}.console .child-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid #eee}.console .child-row .name{font-weight:700;min-width:90px}.notice{font-size:.85rem;color:var(--ink-soft)}.slide{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.slide img{width:100%;display:block}.slide-bubble{position:absolute;max-width:46%;padding:12px 16px;font-size:1.05rem;line-height:1.45;background:#fffffff5;border:2px solid #d8d2c4;border-radius:18px;color:var(--ink);box-shadow:0 3px 8px #00000026}.slide-bubble .bubble-speaker{display:block;font-size:.8rem;font-weight:800;color:var(--warm);margin-bottom:2px}.slide-bubble.thought{border-style:dashed;border-radius:24px;background:#ffffffeb;font-style:normal}.slide-bubble.narration{background:#2b2f3ad1;color:#fff;border:none;border-radius:10px;max-width:80%;font-size:1rem;text-align:center}.pos-tl{top:5%;left:4%}.pos-tr{top:5%;right:4%}.pos-bl{bottom:6%;left:4%}.pos-br{bottom:6%;right:4%}.pos-bc{bottom:5%;left:50%;transform:translate(-50%)}.story-controls{margin-top:10px;text-align:center}.story-dots{display:flex;gap:8px;justify-content:center}.story-dots .dot{width:10px;height:10px;border-radius:50%;background:#d6d2c6}.story-dots .dot.on{background:var(--gold)}.feedback .slide{margin-bottom:14px;text-align:left}.chat-wrap{display:flex;gap:14px;align-items:flex-start}.chat-side{width:120px;flex-shrink:0;text-align:center}.chat-side img{width:100%;border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow)}.chat-npc-name{font-weight:700;margin-top:6px}.chat-main{flex:1;min-width:0}.chat-log{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.bubble{max-width:85%;padding:10px 14px;border-radius:16px;font-size:1.05rem;position:relative}.bubble.bot{background:var(--sky);align-self:flex-start;border-bottom-left-radius:4px}.bubble.child{background:var(--gold);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.bubble-speak{background:none;box-shadow:none;padding:0 0 0 8px;font-size:.9rem}@media (max-width: 640px){.chat-wrap{flex-direction:column}.chat-side{width:80px}}.place-card .mission-list{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px}.mission-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--cream);border:none;border-radius:12px;padding:12px 14px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .08s ease,background .15s ease}.mission-btn:hover{background:#ffe9b8;transform:translateY(-1px)}.mission-btn .mission-icon{font-size:1.1rem}.mission-btn .mission-name{flex:1}.mission-btn .mission-again{font-size:.8rem;font-weight:600;color:#8a7a5f;background:#ffffffb3;border-radius:999px;padding:2px 10px}.mission-btn.done{background:#e8f2e9}.mission-btn.done:hover{background:#d9ecdb}.place-card.dark img{filter:none}.guide-box{margin-top:12px;background:var(--cream);border-radius:12px;padding:12px 16px}.guide-box .guide-line{margin:4px 0}.scene img.npc{background:transparent}.child-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.new-adventurer{border:2px dashed #d9c9a8;border-radius:12px}.new-adventurer-form{margin:10px 0}.new-adventurer-form>p{font-size:1.15rem}.path-doors{display:flex;gap:16px;justify-content:center;margin:18px 0 8px}.path-door{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--card);border:2px solid #e8dcc2;border-radius:18px;padding:22px 28px;cursor:pointer;box-shadow:var(--shadow);transition:transform .1s ease,border-color .15s ease}.path-door:hover{transform:translateY(-3px);border-color:#e8b64c}.path-door .path-emoji{font-size:2.4rem}.path-door .path-title{font-weight:800;font-size:1.05rem}.answer-mode-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding:10px 12px;background:#f6f1e6;border-radius:12px}.answer-mode-label{font-size:.9rem;font-weight:700;color:#8a7a5f;margin-right:2px}.mode-btn{background:#fff;border:1.5px solid #e4d8bd;border-radius:999px;padding:7px 14px;font-size:.92rem;font-weight:700;cursor:pointer}.mode-btn:hover{border-color:#e8b64c}.mode-btn.active{background:#f9c860;border-color:#f9c860;color:#4a3a1e}.mode-btn.toggle{margin-left:auto}.level-up-suggest{margin:14px auto 0;max-width:560px;background:#eef7ee;border:1.5px solid #bcdec0;border-radius:14px;padding:14px 18px}.level-up-suggest p{margin:0 0 6px;font-size:1.05rem}@media (max-width: 480px){.topbar{flex-wrap:wrap;gap:8px}.hud{flex-wrap:wrap}.path-doors{gap:10px}.path-door{padding:16px 14px;flex:1;min-width:0}.path-door .path-title{font-size:.95rem}.answer-mode-row{gap:6px;padding:8px 10px}.mode-btn{padding:8px 11px;font-size:.86rem}.mode-btn.toggle{margin-left:0}.scene img.npc{height:150px;right:10px}.panel{padding:14px}.choices button{font-size:1rem;padding:13px 14px}.queue-banner{flex-direction:column;align-items:stretch;gap:8px}}.talk-situation{max-width:620px;margin:16px auto 0;font-size:1.08rem;line-height:1.75;text-align:center;color:var(--ink)}.talk-question{max-width:540px;margin:16px auto 10px;background:#fff7e2;border:1.5px solid #f2dfae;border-radius:14px;padding:14px 20px;font-size:1.18rem;font-weight:800;line-height:1.6}.talk-question:before{content:"🗣️ "}.story-controls{margin-top:12px}.story-controls .actions{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.story-controls .primary{font-size:1.12rem;padding:13px 26px}.sentence-line{margin:3px 0}.talk-situation .sentence-line{margin:5px 0}.more-ways{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:10px 0 4px}.more-ways .mode-btn{font-size:1.02rem;padding:11px 18px}.pill{background:#fff;border:1.5px solid #e4d8bd;border-radius:999px;padding:11px 18px;font-size:.98rem;font-weight:700;cursor:pointer;color:var(--ink)}.pill:hover{border-color:#e8b64c;background:#fffaf0}.more-ways-card{max-width:540px;margin:6px auto 0;padding:26px 24px 22px;background:linear-gradient(180deg,#fffdf6,#fff3d9);border:2px solid #f2dfae;border-radius:22px;box-shadow:var(--shadow)}.more-ways-card .more-ways-emoji{font-size:2.6rem;line-height:1;margin-bottom:4px}.more-ways-card .big{margin-bottom:4px}.more-ways-card .msg{color:#6d5c3f}.way-card{background:#fff;border:2px solid #ecd9a8;border-radius:16px;padding:14px 20px;font-size:1.05rem;font-weight:800;cursor:pointer;box-shadow:0 2px 6px #a0823c1f;transition:transform .1s ease,border-color .15s ease}.way-card:hover{transform:translateY(-2px);border-color:#e8b64c}.big-btn{font-size:1.1rem;padding:13px 26px}