@font-face{font-family:Pretendard;font-weight:400;src:url(/fonts/pretendard-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Pretendard;font-weight:600;src:url(/fonts/pretendard-SemiBold.woff2) format("woff2");font-display:swap}@font-face{font-family:Pretendard;font-weight:800;src:url(/fonts/pretendard-ExtraBold.woff2) format("woff2");font-display:swap}@font-face{font-family:Jua;src:url(/fonts/jua.woff2) format("woff2");font-display:swap}@font-face{font-family:Jua;src:url(/fonts/jua-latin.woff2) format("woff2");unicode-range:U+0000-00FF;font-display:swap}*{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;--line: #e6e0d4;--bg: #f2f7f4;--radius: 18px;--shadow: 0 4px 14px rgba(61, 68, 81, .12);--press-good: #26805a;--press-gold: #c8922f}html,body,#root{height:100%}body{font-family:Pretendard,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-weight:600;background:var(--bg);color:var(--ink);font-size:18px;line-height:1.5;word-break:keep-all;overflow-wrap:break-word}.app{max-width:1040px;margin:0 auto;padding:16px;min-height:100%;display:flex;flex-direction:column}button{font-family:inherit;font-size:1rem;font-weight:700;border:2px solid var(--line);border-radius:var(--radius);cursor:pointer;padding:12px 18px;background:var(--card);color:var(--ink);box-shadow:0 3px 0 var(--line);transition:transform .06s ease,box-shadow .06s ease}button:active{transform:translateY(3px);box-shadow:0 0 0 var(--line)}button.primary{background:var(--good);color:#fff;font-weight:800;border:none;box-shadow:0 4px 0 var(--press-good)}button.primary:active{transform:translateY(4px);box-shadow:0 0 0 var(--press-good)}button.ghost{background:transparent;box-shadow:none;border:none;color:var(--ink-soft)}button.ghost:active{transform:none}.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:14px;text-align:center}.pet-stage{position:relative;display:flex;justify-content:center;align-items:flex-end}.pet-stage .spotlight{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:210px;height:46px;border-radius:50%;background:radial-gradient(ellipse at center,#fff0aae6,#fff0aa00 70%)}.start img.wizard{height:220px;width:auto;max-width:70%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}.start h2{font-size:1.6rem}.pet-hello{display:table;margin:0 auto;max-width:460px;position:relative;background:#fff;border:2px solid var(--line);border-radius:18px;padding:11px 18px;font-size:1.05rem;font-weight:600;color:var(--ink);box-shadow:0 3px 10px #1e32501a}.pet-hello:after{content:"";position:absolute;left:50%;bottom:-15px;margin-left:-8px;border:8px solid transparent;border-top-color:var(--line)}.pet-hello .who{display:block;font-size:.78rem;font-weight:800;color:#2f8f83;letter-spacing:.5px}.pick-hint{display:table;margin:4px auto 0;background:#fff;border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:30px;padding:8px 20px;font-size:1.05rem;font-weight:800;animation:title-float 1.8s ease-in-out infinite}.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;background:var(--card);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);padding:0;text-align:left}.place-card.place-done{border-color:#bfe0c8;box-shadow:0 4px #bfe0c8}.place-head{position:relative}.place-head img{width:100%;height:150px;object-fit:cover;display:block}.place-card.dark .place-head img{filter:saturate(.7) brightness(.9)}.place-label{position:absolute;left:10px;bottom:10px;z-index:1;background:#fffffff0;border-radius:12px;padding:5px 14px;font-family:Jua,Pretendard,sans-serif;font-size:1.15rem;color:var(--ink);box-shadow:0 2px 6px #00000040}.place-progress{position:absolute;right:10px;top:10px;z-index:1;background:#fffffff0;border-radius:999px;padding:4px 12px;font-size:.9rem;font-weight:800;color:var(--ink-soft);box-shadow:0 2px 6px #0003}.place-progress.done{background:#58cc02;color:#fff}.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:10px;flex-wrap:wrap;margin-top:14px;justify-content:center}.wordbank button{background:#eef6ff;border:2px solid #cfe3f5;border-bottom-width:4px;font-weight:700;color:#2b5f8a}.wordbank button:disabled{opacity:.3;cursor:default}.wordbank.pictorial button{min-width:96px;padding:12px 14px}.wordcard-inner{display:flex;flex-direction:column;align-items:center;gap:2px}.w-emoji{font-size:2.4rem;line-height:1}.w-label{font-size:.95rem;color:var(--ink-soft);font-weight:700}.frame-line{font-size:1.25rem;margin-top:14px;line-height:2.1;text-align:center}.slot{display:inline-flex;align-items:center;justify-content:center;min-width:92px;min-height:44px;vertical-align:middle;margin:0 4px;border:2px dashed #c7b98a;border-radius:12px;background:#fffbf0;text-align:center;font-weight:800;color:var(--good);padding:4px 10px}.slot .wordcard-inner{flex-direction:row;gap:5px}.slot .w-emoji{font-size:1.5rem}.slot .w-label{font-size:1.05rem;color:var(--good)}.slot.empty{border-color:#d8cfb8;background:#f7f4ea}.slot.empty:before{content:"여기";color:#bcae8c;font-weight:700;font-size:.9rem}.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}.result-panel{background:#fff;border:2px solid var(--line);border-radius:22px;padding:22px 26px;margin:14px auto 0;max-width:540px;box-shadow:0 4px 14px #1e32501a}.result-panel .reward{display:inline-block;background:linear-gradient(#fff6df,#ffe4a0);border:2px solid #f0d488;border-radius:999px;padding:8px 22px;font-size:1.15rem;font-weight:800;color:#8a6200;margin:12px auto 0}.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%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}.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 .mission-chat{font-size:.78rem;font-weight:700;color:#2f8f83;background:#40b5a629;border-radius:999px;padding:2px 9px;white-space:nowrap}.mission-btn .mission-chat.open{color:#fff;background:#3aa896}@media (max-width: 640px){.mission-btn .mission-chat .chat-label{display:none}.mission-btn{gap:7px;padding:11px 12px;font-size:.98rem}.mission-btn .mission-name{min-width:0}.mission-btn .mission-again{padding:2px 8px}}.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:#9fc7e8}.mode-btn.active{background:#1cb0f6;border-color:#1cb0f6;color:#fff;box-shadow:0 3px #1899d6}.mode-btn.active:active{transform:translateY(2px);box-shadow:0 1px #1899d6}.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:600px;margin:10px auto 0;padding:22px 28px;background:#fbf9f4;border:2px solid var(--line);border-radius:18px;box-shadow:0 3px 10px #3c321e0f;font-size:1.12rem;line-height:1.75;text-align:center;color:var(--ink);word-break:keep-all}.talk-situation .sentence-line{margin:8px 0}.talk-situation .sentence-line:first-child{margin-top:0}.talk-situation .sentence-line:last-child{margin-bottom:0}.talk-question{max-width:560px;margin:16px auto 10px;background:#fff7e2;border:2px solid #f2dfae;border-radius:16px;padding:16px 22px;font-size:1.15rem;font-weight:800;line-height:1.65;word-break:keep-all}.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}@media (max-width: 640px){.slide-bubble{font-size:.72rem;max-width:48%;padding:6px 9px;line-height:1.3;border-radius:12px}.slide-bubble .bubble-speaker{font-size:.62rem;margin-bottom:1px}.slide-bubble.narration{font-size:.7rem;max-width:82%;padding:5px 10px}.pos-tl,.pos-tr{top:4%}.pos-bl,.pos-br{bottom:4%}}@media (max-width: 400px){.slide-bubble{font-size:.64rem;max-width:50%;padding:5px 8px}}.panel .step-respond,.panel .step-read{box-shadow:0 2px 6px #0000001f;font-size:.95rem;padding:5px 16px}.choices button{background:#fff;border:2px solid #ece2cc;border-radius:16px;font-size:1.06rem;font-weight:600;padding:15px 18px;line-height:1.45;box-shadow:0 2px 5px #9682461a;transition:transform .09s ease,border-color .15s ease,background .15s ease;display:flex;align-items:center;gap:10px}.choices button:before{content:"💬";font-size:1.05rem;flex-shrink:0}.choices button:hover{background:#fffaf0;border-color:#e8b64c;transform:translateY(-1px)}.panel .situation{background:#fbf7ee;border-radius:14px;padding:14px 18px;margin-top:4px}.panel .situation .sentence-line{margin:4px 0}.tts-bar{display:flex;justify-content:flex-end;margin-bottom:8px}.tts-toggle{border-radius:999px;padding:8px 16px;font-size:.92rem;font-weight:700;cursor:pointer;border:2px solid transparent;transition:background .15s ease,border-color .15s ease}.tts-toggle.on{background:#e8f2e9;color:#2f7d4f;border-color:#bfe0c8}.tts-toggle.off{background:#f0ece3;color:#8a7d68;border-color:#ddd5c6}.tts-toggle:hover{border-color:#e8b64c}@media (max-width: 480px){.tts-toggle{font-size:.84rem;padding:7px 13px}}.title-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:url(/assets/title_wide.webp) center 42% / cover no-repeat,var(--bg);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;padding:0 20px 6vh}@media (max-aspect-ratio: 3/4){.title-screen{background-image:url(/assets/title_tall.webp);background-position:center top}}.title-banner{font-family:Jua,Pretendard,sans-serif;font-size:clamp(34px,7vw,60px);color:#fff;background:linear-gradient(#fffdf6,#fff3d9);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(2px 0 0 #c8922f) drop-shadow(-2px 0 0 #c8922f) drop-shadow(0 2px 0 #c8922f) drop-shadow(0 6px 0 #96420a) drop-shadow(0 10px 18px rgba(20,10,0,.4));padding:6px 40px;border-radius:22px;letter-spacing:2px;animation:title-float 3s ease-in-out infinite}@keyframes title-float{50%{transform:translateY(-8px)}}.title-sub{color:#fff;font-weight:700;font-size:clamp(15px,3.4vw,20px);text-shadow:0 2px 8px rgba(0,0,0,.6);background:#281e1459;border-radius:999px;padding:5px 18px}.btn-title{font-size:clamp(18px,4.4vw,24px);padding:15px 36px;margin-top:6px}.topbar h1,.start h2,.feedback .big,.more-ways-card .big{font-family:Jua,Pretendard,sans-serif;font-weight:400}.topbar h1{color:var(--good);letter-spacing:.3px}.hud .chip{border:2px solid var(--line);box-shadow:0 3px 0 var(--line)}.hud .rank{border:none;box-shadow:0 3px 0 var(--press-gold)}@media (min-width: 1024px){body{font-size:20px}.app{max-width:1140px}.start img.wizard{height:300px}.pet-hello{font-size:1.2rem;max-width:560px;padding:14px 24px}.pick-hint{font-size:1.2rem}.start .child-list button{font-size:1.3rem;padding:18px 32px}.place-card .place-name{font-size:1.25rem}.panel .situation{font-size:1.3rem}.choices button{font-size:1.2rem;padding:17px 20px}}@media (min-width: 1440px){body{font-size:22px}.app{max-width:1280px}.start img.wizard{height:360px}.map-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}}