:root{--bg:#070a12;--bg2:#0d1320;--panel:#0f1626;--line:#1d2740;--ink:#e8ecf5;--muted:#8b94a8;--gold:#f5b942;--pos:#8fdc7b;--neg:#ff9aa9;--zero:#aeb6c8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 700px at 50% 0%,#121b30,#070a12 70%);color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}.screen{max-width:760px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:0 16px 28px;position:relative;z-index:1}.topbar{display:flex;align-items:center;gap:12px;padding:16px 4px 14px;border-bottom:1px solid var(--line)}.exitbtn{font-size:12px;font-weight:600;color:var(--muted);background:#101a2e;border:1px solid var(--line);padding:6px 12px;border-radius:8px;cursor:pointer}.exitbtn:hover{color:var(--ink);border-color:var(--gold)}.topbar .title{font-size:13px;color:var(--muted)}.topbar .title b{color:var(--ink)}.topbar .scenetag{margin-left:auto;font-size:12px;color:var(--gold);background:#1a1305;border:1px solid #3a2c08;padding:4px 10px;border-radius:20px}.toggles{display:flex;gap:6px;align-items:center}.tg{font-size:13px;line-height:1;background:#101a2e;border:1px solid var(--line);color:var(--muted);width:30px;height:28px;border-radius:8px;cursor:pointer}.tg.on{border-color:var(--gold);color:var(--gold);background:#1a1305}.devbtn{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--muted);background:#101a2e;border:1px solid var(--line);padding:5px 10px;border-radius:8px;cursor:pointer}.devbtn.on{color:#08101f;background:var(--gold);border-color:var(--gold)}.tint{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.28;pointer-events:none;mix-blend-mode:soft-light;z-index:0}.overlays{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.ov-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:flash linear forwards}@keyframes flash{0%{opacity:0}18%{opacity:.5}to{opacity:0}}.ov-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 45%,transparent 52%,rgba(0,0,0,.62) 100%)}.ov-particles{position:absolute;top:0;right:0;bottom:0;left:0}.star{position:absolute;color:#ffe7a0;opacity:0;text-shadow:0 0 8px rgba(255,210,120,.9);animation:floatup 1.7s ease-out forwards}@keyframes floatup{0%{opacity:0;transform:translateY(14px) scale(.5)}20%{opacity:1}to{opacity:0;transform:translateY(-34px) scale(1.1)}}.enter-fade{position:relative;z-index:2;animation:fadein ease-out both}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.shake-soft{animation:shakeS .42s ease-in-out}.shake-strong{animation:shakeL .5s ease-in-out}@keyframes shakeS{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,2px)}}@keyframes shakeL{0%,to{transform:translate(0)}15%{transform:translate(-8px,3px)}30%{transform:translate(8px,-4px)}45%{transform:translate(-7px,-3px)}60%{transform:translate(7px,4px)}75%{transform:translate(-5px,2px)}}.stage{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px;padding:26px 0 0}.stage.stage-end{justify-content:center;gap:22px;padding:26px 0}.art{width:160px;height:160px;filter:drop-shadow(0 12px 30px rgba(0,0,0,.5))}.scrim{position:fixed;left:0;right:0;bottom:0;height:46%;z-index:0;pointer-events:none;background:linear-gradient(180deg,#06091200,#06091273 42%,#060912d1)}.box{position:relative;width:100%;background:linear-gradient(180deg,#162c488c,#0f2038a8);border:1px solid rgba(130,190,220,.34);border-radius:22px;padding:26px 30px 24px;box-shadow:0 10px 36px #020c1e57;backdrop-filter:blur(9px) saturate(1.12);-webkit-backdrop-filter:blur(9px) saturate(1.12)}.peekbtn{position:absolute;top:12px;right:14px;background:#ffffff12;border:1px solid rgba(130,190,220,.28);color:#cfe0ee;width:32px;height:30px;border-radius:9px;cursor:pointer;font-size:14px;line-height:1;padding:0}.peekbtn:hover{border-color:var(--gold)}.showbox{align-self:center;background:#0c16289e;border:1px solid rgba(130,190,220,.34);color:#eef5ff;padding:9px 18px;border-radius:22px;cursor:pointer;font:inherit;font-size:13px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 20px #020c1e4d}.showbox:hover{border-color:var(--gold)}.box .speaker{margin:0 0 10px;color:var(--gold);font-weight:800;font-size:14px}.box .text{position:relative;margin:0;font-size:17px;line-height:1.95;color:#eef5ff;min-height:3.9em}.box .text .tw-measure{visibility:hidden;display:block}.box .text .tw-live{position:absolute;left:0;right:0;top:0;bottom:0;display:grid;align-content:center}.box .text .tw{display:block}.box .text .tw-rest{color:transparent}.box .prompt{margin:0 0 14px;font-size:17px;font-weight:700}.dots{letter-spacing:8px;color:var(--muted);text-align:center;font-size:20px;margin:6px 0}.actionrow{display:flex;justify-content:flex-end;margin-top:14px}.next{background:transparent;border:1px solid var(--line);color:var(--muted);padding:8px 16px;border-radius:10px;font:inherit;font-size:13px;cursor:pointer}.next:hover{border-color:var(--gold);color:var(--gold)}.next.ghost{visibility:hidden}.inputrow{display:flex;gap:10px}.inputrow input{flex:1;background:#0a1120;border:1px solid var(--line);color:var(--ink);padding:12px 14px;border-radius:10px;font:inherit;font-size:15px}.inputrow input:focus{outline:none;border-color:var(--gold)}.primary{background:var(--gold);color:#08101f;border:none;font-weight:800;padding:12px 20px;border-radius:10px;font:inherit;cursor:pointer}.primary:hover{filter:brightness(1.07)}.choices{display:flex;flex-direction:column;gap:10px;margin-top:18px;transition:opacity .25s ease}.choices.pending{visibility:hidden;opacity:0}.choice{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:#0c1322;border:1px solid var(--line);color:var(--ink);padding:14px 16px;border-radius:12px;font:inherit;font-size:15px;line-height:1.5;cursor:pointer;transition:border-color .15s,transform .05s}.choice:hover{border-color:var(--gold)}.choice:active{transform:translateY(1px)}.eff{font-weight:800;font-size:12px;padding:2px 9px;border-radius:20px;white-space:nowrap}.eff.pos{background:#8fdc7b29;color:var(--pos)}.eff.neg{background:#ff9aa929;color:var(--neg)}.debrief{text-align:center}.dtitle{margin:0 0 16px;font-size:14px;color:var(--muted);letter-spacing:.5px}.dlean{font-size:20px;margin:0 0 8px}.lk{padding:2px 10px;border-radius:10px}.lk.pos{color:var(--pos)}.lk.neg{color:var(--neg)}.lk.zero{color:var(--zero)}.dcareer{color:var(--gold);font-size:14px;margin:0 0 18px}.dnote{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 20px}.dev{position:fixed;right:16px;bottom:16px;width:230px;background:var(--panel);border:1px solid var(--gold);border-radius:12px;padding:12px 14px;font-size:12px;box-shadow:0 12px 30px #00000080;max-height:72vh;overflow:auto;z-index:60}.devhead{font-weight:800;color:var(--gold);font-size:11px;letter-spacing:.6px;text-transform:uppercase;margin:8px 0 6px}.devhead:first-child{margin-top:0}.devrow{display:flex;justify-content:space-between;align-items:center;padding:3px 0;color:var(--muted);gap:8px}.devrow code{color:var(--ink);font-size:11px;word-break:break-all;text-align:right}.devrow b.pos,.devlog .pos{color:var(--pos)}.devrow b.neg,.devlog .neg{color:var(--neg)}.devrow b.zero{color:var(--zero)}.devempty{color:var(--muted);font-style:italic}.devlog{display:flex;gap:8px;padding:3px 0;border-top:1px solid var(--line)}.devlog span:first-child{font-weight:800;min-width:22px}.devlog .zero{color:var(--zero)}.devpick{color:var(--ink);font-size:11.5px;line-height:1.4}@media (max-width:520px){.dev{left:16px;right:16px;width:auto}.box .text{font-size:15.5px}}.charlayer{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:flex-end;gap:2%;pointer-events:none;z-index:1}.char{height:min(72vh,640px);width:auto;max-width:62%;filter:drop-shadow(0 10px 26px rgba(0,0,0,.5));animation:charin .35s ease-out both}.char.slot-left{margin-right:auto}.char.slot-right{margin-left:auto}.char.off{opacity:.5;filter:grayscale(.45) brightness(.65)}@keyframes charin{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}.char .char-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.box,.showbox,.choices,.next,.inputrow,.mg-box{position:relative;z-index:2}.bgfull{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:760px;z-index:-1;overflow:hidden;pointer-events:none}.bgfull .layer{position:absolute;left:0;right:0;top:0;height:160%;background-size:cover;background-position:center;background-repeat:no-repeat;transform:translateY(-18%);will-change:transform}.bgfull .layer.pan{animation:panup 24s ease-in-out infinite alternate}@keyframes panup{0%{transform:translateY(-37.5%)}to{transform:translateY(0)}}.bg-ph{background:linear-gradient(160deg,#101a2e,#0a1322 60%,#0d1730)}.bg-ph-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;opacity:.5}.bg-ph-scene{font-size:18px;font-weight:800;color:#aeb6c8;letter-spacing:1px}.bg-ph-key{font-size:12px;color:#6b7488;font-family:ui-monospace,monospace;background:#ffffff0d;padding:2px 10px;border-radius:8px}.bg-ph-note{font-size:12px;color:#586275;margin-top:6px}.star.sparkle{text-shadow:0 0 10px rgba(190,210,255,.95);animation:floatup 1.3s ease-out forwards}.confetti{position:absolute;border-radius:2px;opacity:0;animation:confettifall 2.2s ease-in forwards}@keyframes confettifall{0%{opacity:0;transform:translateY(-10px) rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(120px) rotate(220deg)}}.mg-box{display:flex;flex-direction:column;gap:6px}.mg-title{margin:0;color:var(--gold);font-weight:800;font-size:15px}.mg-goal{margin:0 0 6px;color:var(--muted);font-size:13.5px;line-height:1.6}.mg{display:flex;flex-direction:column;gap:10px}.mg-rule{margin:0;font-size:13.5px;color:#cdd5e6;line-height:1.6}.mg-hint{background:#1a2236;border:1px solid #34406a;color:#ffe9a8;font-size:13px;padding:8px 12px;border-radius:10px;line-height:1.5;animation:hintin .3s ease-out}.mg-hint.static{animation:none}@keyframes hintin{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.mg-board{position:relative;width:100%;aspect-ratio:16/10;background:#0a1322;border:1px solid var(--line);border-radius:14px;overflow:hidden}.mg-board.nudge{animation:shakeS .4s ease-in-out}.mg-board.wflash{animation:wflash .4s ease-out}@keyframes wflash{0%{box-shadow:0 0 #ff9aa900 inset}30%{box-shadow:0 0 0 3px #ff9aa959 inset}to{box-shadow:0 0 #ff9aa900 inset}}.mg-progress{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mg-pip{width:14px;height:14px;border-radius:50%;background:#1d2740;border:1px solid #2c3a5e}.mg-pip.on{background:var(--pos);border-color:var(--pos);box-shadow:0 0 10px #8fdc7b99}.mg-rover-go{font-size:13px;color:var(--pos);font-weight:700;margin-left:6px}.mg-cleared{margin-top:8px;text-align:center;color:var(--pos);font-weight:700;font-size:14px}.mg-missing{text-align:center;color:var(--muted);font-size:14px;display:flex;flex-direction:column;gap:12px;align-items:center;padding:10px 0}.mg-feedback{font-size:13.5px;color:var(--neg);background:#ff9aa91a;border:1px solid rgba(255,154,169,.3);padding:8px 12px;border-radius:10px;line-height:1.5}.mg-feedback.ok{color:var(--pos);background:#8fdc7b1f;border-color:#8fdc7b59}.mg-map .mg-mapbg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mg-flag{position:absolute;transform:translate(-50%,-100%);background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:0;color:var(--ink)}.mg-flag-pin{font-size:22px;color:var(--gold);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.mg-flag-lbl{font-size:11px;background:#08101fd1;padding:2px 7px;border-radius:8px;margin-top:2px;white-space:nowrap;border:1px solid var(--line)}.mg-flag.open .mg-flag-pin{color:var(--teal);transform:scale(1.18)}.mg-flag.dim{opacity:.35;filter:grayscale(.6)}.mg-flag-x{position:absolute;top:-2px;right:-6px;color:var(--neg);font-weight:800;font-size:13px}.mg-flag.blink .mg-flag-pin{animation:blinkpulse 1s ease-in-out infinite;color:#ffe9a8}@keyframes blinkpulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255,233,168,.6))}50%{transform:scale(1.35);filter:drop-shadow(0 0 12px rgba(255,233,168,1))}}.mg-card{background:#0c1322;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.mg-card-title{margin:0 0 8px;font-weight:800;font-size:14px;color:var(--ink)}.mg-checks{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.mg-checks li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#cdd5e6}.mg-checks li.ok .mg-mark{color:var(--pos)}.mg-checks li.no .mg-mark{color:var(--neg)}.mg-mark{font-weight:800;width:16px;text-align:center}.mg-decide{background:var(--gold);color:#08101f;border:none;font-weight:800;padding:10px 18px;border-radius:10px;font:inherit;cursor:pointer;width:100%}.mg-decide:hover{filter:brightness(1.07)}.mg-wire,.mg-route{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wire-off{stroke:#e0556b;stroke-width:1.2;stroke-dasharray:3 2;opacity:.8}.wire-on{stroke:#6bbf59;stroke-width:1.6}.route-on{stroke:#bcd0ff;stroke-width:1.2;filter:drop-shadow(0 0 3px rgba(188,208,255,.9))}.mg-dot,.mg-starpt{position:absolute;transform:translate(-50%,-50%);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.mg-dot{width:46px;height:46px}.mg-dot-core{width:18px;height:18px;border-radius:50%;background:#1d2740;border:2px solid #4a587c;display:block}.mg-dot.linked .mg-dot-core{background:var(--pos);border-color:var(--pos);box-shadow:0 0 10px #8fdc7bb3}.mg-dot.hintmark .mg-dot-core{border-color:var(--gold);box-shadow:0 0 8px #f5b94280}.mg-dot.blink .mg-dot-core{animation:dotblink 1s ease-in-out infinite}@keyframes dotblink{0%,to{box-shadow:0 0 2px #f5b94280}50%{box-shadow:0 0 14px #f5b942;transform:scale(1.2)}}.mg-dot-lbl{position:absolute;top:100%;font-size:11px;color:#aeb6c8;white-space:nowrap}.mg-starpt .mg-star-glow{color:#ffe7a0;line-height:1;text-shadow:0 0 8px rgba(255,231,160,.8);font-size:inherit}.mg-starpt.linked .mg-star-glow{color:#bcd0ff;text-shadow:0 0 12px rgba(188,208,255,1)}.mg-starpt.hintmark .mg-star-glow{color:#fff}.mg-starpt.blink .mg-star-glow{animation:starblink 1s ease-in-out infinite}@keyframes starblink{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.4);text-shadow:0 0 16px rgba(255,255,255,1)}}.mg-sky{background:radial-gradient(120% 100% at 50% 20%,#15224a,#0a1124 70%)}.mg-clues{display:flex;flex-direction:column;gap:3px}.mg-clue{margin:0;font-size:13px;color:#bcd0ff;line-height:1.55}.mg-memgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:420px;margin:0 auto}.mg-memcard{position:relative;aspect-ratio:1/1;background:transparent;border:none;padding:0;cursor:pointer;perspective:600px;font:inherit}.mg-memface{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:clamp(22px,5.2vw,34px);backface-visibility:hidden;transition:transform .45s ease;border:1px solid var(--line)}.mg-memface.back{background:linear-gradient(145deg,#162240,#0c1322);transform:rotateY(0)}.mg-memface.front{background:#1a2440;transform:rotateY(180deg)}.mg-memcard.up .mg-memface.back{transform:rotateY(180deg)}.mg-memcard.up .mg-memface.front{transform:rotateY(0)}.mg-memcard.static .mg-memface{transition:none}.mg-memcard.matched .mg-memface.front{background:#8fdc7b24;border-color:#8fdc7b73}.mg-memcard.matched{cursor:default}.mg-memcard.shake{animation:shakeS .4s ease-in-out}.mg-memcard.glow .mg-memface.back{border-color:var(--gold);box-shadow:0 0 10px #f5b942b3}.mg-memcard.blink .mg-memface.back{animation:memblink 1s ease-in-out infinite}.mg-memcard.mark .mg-memface.back{border-color:var(--gold);box-shadow:0 0 12px #f5b942}@keyframes memblink{0%,to{box-shadow:0 0 2px #f5b94280}50%{box-shadow:0 0 14px #f5b942}}.mg-memcount{font-size:13px;color:var(--muted);margin-left:6px;font-weight:700}.mg-cl-status{display:flex;gap:14px;font-size:13px;color:var(--muted);font-weight:700}.mg-cl-board{position:relative;display:grid;width:min(340px,86vw);aspect-ratio:1/1;margin:0 auto;background:#0a1322;border:1px solid var(--line);border-radius:14px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.mg-cl-board.done{outline:2px solid rgba(143,220,123,.5)}.mg-cl-cell{position:relative;border:1px solid rgba(44,58,94,.35)}.mg-cl-dot{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border-radius:50%;box-shadow:0 0 8px #ffffff26,inset 0 -2px 4px #0000004d;z-index:1}.mg-cl-fill{position:absolute;top:31%;right:31%;bottom:31%;left:31%;border-radius:50%;opacity:.95;z-index:1}.mg-cl-arm{position:absolute;opacity:.95}.mg-cl-arm.top{left:35%;right:35%;top:0;height:50%}.mg-cl-arm.bottom{left:35%;right:35%;bottom:0;height:50%}.mg-cl-arm.left{top:35%;bottom:35%;left:0;width:50%}.mg-cl-arm.right{top:35%;bottom:35%;right:0;width:50%}.mg-cl-guide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.mg-cl-toolbar{display:flex;gap:10px;justify-content:center}.mg-cl-btn{background:#1a2236;border:1px solid #34406a;color:var(--ink);font:inherit;font-size:13px;font-weight:700;padding:8px 14px;border-radius:10px;cursor:pointer}.mg-cl-btn:hover{filter:brightness(1.15)}@media (prefers-reduced-motion: reduce){.mg-flag.blink .mg-flag-pin,.mg-dot.blink .mg-dot-core,.mg-starpt.blink .mg-star-glow,.mg-memcard.blink .mg-memface.back,.mg-memcard.shake{animation:none}.mg-memcard .mg-memface{transition:none}.mg-memcard.blink .mg-memface.back{border-color:var(--gold);box-shadow:0 0 12px #f5b942}.mg-flag.blink .mg-flag-pin{color:#ffe9a8;filter:drop-shadow(0 0 8px rgba(255,233,168,1))}.mg-dot.blink .mg-dot-core{box-shadow:0 0 12px #f5b942;border-color:var(--gold)}.mg-starpt.blink .mg-star-glow{color:#fff;text-shadow:0 0 14px rgba(255,255,255,1)}.mg-board.nudge,.mg-board.wflash{animation:none}}