html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--line2:#00a84d;--line2-deep:#007a38;--line2-soft:#d8f5e4;--cabin:#e8f6ee;--cabin-dark:#1a3d2c;--seat:#2f6b4f;--seat-edge:#1f4d38;--ink:#14231b;--muted:#4d6b5a;--cream:#f3fff7;--warn:#ffd166;--miss:#e76f51;--hit:#06d6a0;--pixel:"Galmuri11", "DungGeunMo", "Press Start 2P", monospace;--sans:"Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;color:var(--ink);font-family:var(--sans);background:var(--cabin-dark);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.4}@font-face{font-family:Galmuri11;src:url(https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri11.woff2)format("woff2");font-weight:400;font-display:swap}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{overscroll-behavior:none;min-height:100dvh}button{font:inherit;cursor:pointer}.btn{border:3px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:12px;padding:.75rem 1.25rem;font-weight:700;transition:transform .12s,box-shadow .12s}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn.primary{background:var(--line2);color:#fff}.status-dock{background:0 0}.btn.ghost{color:#fff;box-shadow:none;background:0 0;border-color:#ffffff8c}.btn.xl{letter-spacing:.04em;padding:.95rem 2.2rem;font-size:1.15rem}.start-screen{text-align:center;color:#fff;background:radial-gradient(at 50% 0,#1f7a4a 0%,#0000 55%),linear-gradient(#0d2a1c 0%,#143526 45%,#0a1f15 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:2rem 1.25rem 3rem;display:flex;position:relative;overflow:hidden}.start-screen:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(90deg,#0000 0 18px,#ffffff08 18px 20px);animation:12s linear infinite drift;position:absolute;inset:0}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-40px)}}.start-visual{z-index:1;width:min(92vw,360px);margin-bottom:1.5rem}.start-bg-preview{border:3px solid #9ef0bf8c;border-radius:14px;width:100%;height:auto;animation:2.4s ease-in-out infinite bob;display:block;box-shadow:0 14px #00000038}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.brand{z-index:1;font-family:var(--pixel);color:#9ef0bf;letter-spacing:.02em;margin:0 0 .65rem;font-size:clamp(1.35rem,5vw,1.85rem)}.start-headline{z-index:1;margin:0 0 .75rem;font-size:clamp(1.6rem,6vw,2.2rem);font-weight:800}.start-sub{z-index:1;color:#ffffffc7;margin:0 0 1.75rem;font-size:.95rem}.how-to{z-index:1;color:#ffffff8c;gap:.35rem;margin:2rem 0 0;padding:0;font-size:.82rem;list-style:none;display:grid}.game-shell{background:radial-gradient(at 50% 20%,#1f5c3c 0%,#0000 50%),#0d2a1c;flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.game-stage{background:0 0;flex:1;justify-content:center;align-items:center;min-height:0;padding:1.2rem .75rem 1.8rem;display:flex;position:relative;overflow:hidden}.play-column{flex-direction:column;align-items:stretch;gap:.75rem;width:min(100%,480px);display:flex}.top-hud{z-index:10;justify-content:space-between;align-items:center;width:min(100%,480px);margin:0 auto;padding:0;display:flex}.hud-station{flex:1}.hud-stats{background:#14231b66;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.hud-progress{align-items:center;gap:6px;display:flex}.hud-dot{background:#fff3;border-radius:50%;width:8px;height:8px;transition:all .3s}.hud-dot.done{background:var(--line2)}.hud-dot.current{background:var(--warn);transform:scale(1.3);box-shadow:0 0 6px #ffd16699}.hud-controls{align-items:center;gap:.35rem;display:flex}.hud-icon-btn{appearance:none;color:#eafff2;letter-spacing:-.02em;min-height:32px;box-shadow:none;background:#14231b73;border:1px solid #ffffff2e;border-radius:999px;padding:.38rem .7rem;font-size:.72rem;font-weight:700}.hud-icon-btn.is-muted{color:#ffd166;border-color:#ffd16673}.hud-icon-btn:active{transform:translateY(1px)}.stage-hint{color:#eafff2;text-align:center;background:#0f241ab8;border:1px solid #9ef0bf38;border-radius:12px;width:min(100%,480px);margin:0;padding:.45rem .85rem;font-size:.86rem;font-weight:700;line-height:1.35}.stage-hint-index{background:var(--line2);color:#fff;border-radius:999px;margin-right:.45rem;padding:.08rem .42rem;font-size:.72rem;font-weight:800;display:inline-block}.screen-controls{z-index:20;position:absolute;top:.75rem;right:.75rem}.start-wrap,.result-wrap{position:relative}.exit-modal{z-index:50;background:#0816109e;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.exit-modal-card{text-align:center;background:#f7fff9;border:3px solid #14231b;border-radius:16px;width:min(100%,320px);padding:1.3rem 1.15rem 1.15rem;box-shadow:5px 5px #14231b}.exit-modal-title{margin:0 0 .35rem;font-size:1.15rem;font-weight:800}.exit-modal-desc{color:var(--muted);margin:0 0 1rem;font-size:.88rem}.exit-modal-actions{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.hud-hit{display:none}.hud-hit-label{color:#fff9;font-size:.75rem;font-weight:600}.hud-hit-value{font-family:var(--pixel);color:var(--line2);font-size:1.1rem}.hud-hit-value small{color:#fff6;font-size:.7rem}.train-scene{--seat-row-left:14.5%;--seat-row-right:10.5%;--seat-row-top:38%;--seat-char-height:52%;background:#dfe2e6;border-radius:14px;flex-direction:column;flex-shrink:0;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059,0 0 0 3px #9ef0bf40}.train-cabin-viewport{aspect-ratio:1024/458;flex-shrink:0;width:100%;position:relative;overflow:hidden}.train-cabin{transform-origin:50% 68%;will-change:transform;background:#e8eaee;flex-shrink:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:visible;transform:scale(1)}.train-cabin.is-zoomed{transform:scale(1.3)}.countdown-overlay{z-index:20;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-number{font-family:var(--pixel);color:#ffffffd9;text-shadow:0 4px 16px #00000080,0 0 0 4px #14231b99;opacity:0;font-size:6rem;animation:1s cubic-bezier(.175,.885,.32,1.275) forwards count-pop}.countdown-overlay.is-urgent .countdown-number{color:var(--miss);text-shadow:0 4px 16px #e76f5199,0 0 0 4px #14231bcc}@keyframes count-pop{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.1)}50%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)translateY(-20px)}}.train-aisle{background:linear-gradient(#5a5e66 0%,#6a6e76 14%,#c8ccd2 15%,#e8eaee 42%,#f4f5f7 100%);border-top:1px solid #0000001f;width:100%;height:clamp(72px,14vw,92px);min-height:72px;position:relative;overflow:hidden}@media (width<=480px){.train-scene{border-radius:10px}}.announce-banner{z-index:7;pointer-events:none;text-align:center;background:linear-gradient(#163528 0%,#0f241a 100%);border:1px solid #9ef0bf47;border-radius:16px;width:100%;padding:.75rem 1rem;transition:border-color .25s;position:relative;box-shadow:inset 0 1px #ffffff0f,0 10px 24px #00000038}.announce-slot{place-items:center;min-height:1.7em;display:grid;position:relative}.announce-text{color:#eafff2;opacity:0;pointer-events:none;grid-area:1/1;justify-content:center;align-items:center;margin:0;transition:opacity .25s;display:flex}.announce-text.is-shown{opacity:1}.announce-text.is-dimmed{opacity:0}.announce-main{letter-spacing:-.03em;color:#eafff2;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:clamp(1.1rem,4.2vw,1.35rem);font-weight:800;line-height:1.25}.announce-main.soft{align-items:baseline;gap:.35rem;display:inline-flex}.announce-main em{color:#9ef0bf;font-style:normal}.announce-main .unit{opacity:.72;font-size:.72em;font-weight:700}.announce-main .ding-inline{font-family:var(--pixel);letter-spacing:.08em;color:#ffd166;opacity:.95;font-size:.72em;font-weight:700}.line-badge{display:none}.announce-banner.is-visible{border-color:#ffd16680}.announce-banner.is-visible .announce-alert em{color:#ffd166}.train-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.train-bg-img{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.window-sheen{pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 30%,#ffffff2e 48%,#0000 62%);width:58%;height:32%;position:absolute;top:10%;left:20%}.train-bg.is-moving .window-sheen{animation:3.6s linear infinite sheen}@keyframes sheen{0%{opacity:0;transform:translate(-12%)}20%{opacity:.7}55%{opacity:0;transform:translate(18%)}to{opacity:0;transform:translate(18%)}}.seat-row{z-index:3;left:var(--seat-row-left);right:var(--seat-row-right);top:var(--seat-row-top);height:var(--seat-char-height);pointer-events:none;grid-template-columns:repeat(7,1fr);align-items:end;gap:.2%;display:grid;position:absolute}.seat-slot{pointer-events:auto;justify-content:center;display:flex;position:relative}@keyframes tag-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes hint-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.seat-slot.glow-hit .seat-btn{filter:drop-shadow(0 0 8px #06d6a0d9)}.seat-slot.glow-miss .seat-btn{filter:drop-shadow(0 0 8px #e76f51d9)}.seat-btn{appearance:none;width:100%;height:100%;color:inherit;background:0 0;border:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;padding:0;transition:transform .15s;display:flex;position:relative}.seat-btn:disabled{cursor:default}.seat-btn.is-selected{z-index:6;transform:translateY(-5px)scale(1.06)}.seat-btn.is-selected:before{content:"";filter:blur(5px);z-index:0;pointer-events:none;background:radial-gradient(circle,#ffeb3bf2 0%,#ffc107cc 50%,#ff980000 80%);border-radius:50% 50% 35% 35%;animation:1.3s ease-in-out infinite alternate select-spot-pulse;position:absolute;inset:6% -12% 0}@keyframes select-spot-pulse{0%{opacity:.85;transform:scale(.96)}to{opacity:1;filter:blur(7px);transform:scale(1.12)}}.seat-btn.is-selected .char-wrap{z-index:1;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 7px #ffeb3b)drop-shadow(0 0 14px #ff9800)drop-shadow(0 5px 12px #000000a6);position:relative}.selected-target-pin{z-index:10;pointer-events:none;flex-direction:column;align-items:center;animation:.75s ease-in-out infinite alternate pin-bounce;display:flex;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.selected-target-pin .pin-triangle{color:#ffea00;filter:drop-shadow(0 2px 4px #000000d9)drop-shadow(0 0 8px #ff6f00);font-size:1.25rem;line-height:1}@keyframes pin-bounce{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-6px)}}.seat-btn.is-exiting{z-index:8;pointer-events:none;animation:.95s forwards exit-forward}.seat-btn.is-exiting .seat-label{opacity:0}.seat-btn.is-boarding .char-wrap{animation:none}.seat-btn.is-dimmed{opacity:.55}@keyframes exit-forward{0%{opacity:1;filter:none;transform:translateY(0)scale(1)}45%{opacity:.85;transform:translateY(18%)scale(1.35)}to{opacity:0;filter:blur(1px);transform:translateY(55%)scale(1.7)}}@keyframes board-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.char-wrap{pointer-events:none;justify-content:center;align-items:flex-end;width:115%;max-width:120px;height:105%;margin-left:-7.5%;margin-right:-7.5%;display:flex}.seat-btn.clue-stretch .char-wrap.size-delivery{transform-origin:bottom;transform:scale(1.15)}.char-wrap.size-couple{z-index:1;width:177%;max-width:160px;height:105%;margin-left:-38.5%;margin-right:-38.5%}.char-wrap.size-student,.char-wrap.size-dev,.char-wrap.size-school,.char-wrap.size-office,.char-wrap.size-hiker,.char-wrap.size-grandma,.char-wrap.size-delivery{transform:none}.char-sprite{object-fit:contain;object-position:bottom center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 1px #00000014);transform-origin:bottom;width:auto;max-width:100%;height:100%;animation:2.8s ease-in-out infinite alternate train-shake;display:block}@keyframes train-shake{0%{transform:rotate(.5deg)translate(.5px)}to{transform:rotate(-.5deg)translate(-.5px)}}.figure-svg{display:none}.clue-chip{z-index:4;pointer-events:none;background:#ffffffeb;border:1.5px solid #14231b26;border-radius:50%;justify-content:center;align-items:center;width:1.6em;height:1.6em;font-size:clamp(.7rem,2.2vw,.85rem);line-height:1;transition:opacity .2s;display:flex;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000001f}.seat-btn.is-exiting .clue-chip{opacity:0}.seat-btn.is-exiting .char-wrap{animation:none}.seat-label{display:none}.player{z-index:5;pointer-events:none;color:#1a3326;width:12%;max-width:52px;margin-left:-6%;transition:left .28s cubic-bezier(.2,.8,.2,1),top .35s,transform .35s,opacity .35s;position:absolute;top:6%}.player.is-sitting{opacity:.45;top:-48%;transform:scale(.78)}.player-silhouette{object-fit:contain;object-position:bottom center;opacity:.7;filter:drop-shadow(0 1px #ffffff80);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.player-sprite,.player-svg{display:none}.hint{text-align:center;z-index:6;color:#143526;background:#ffffffd1;border:1px solid #14231b14;border-radius:999px;width:max-content;max-width:92%;margin:0;padding:.32rem .7rem;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:clamp(.72rem,2.8vw,.86rem);font-weight:700;animation:.28s hint-in;position:absolute;inset:auto auto 10% 50%;transform:translate(-50%);box-shadow:0 4px 12px #00000014}.hint.is-stage{white-space:normal;border-radius:14px;max-width:94%;line-height:1.35}.hint.is-locked{opacity:.85;color:#3d5a4a;animation:none}.hint.is-result{animation:.28s cubic-bezier(.34,1.56,.64,1) tag-pop}.hint.is-result.is-hit{color:#04382a;background:#9ef0bff2;border-color:#00a84d73}.hint.is-result.is-miss{color:#7a2e1d;background:#ffe5def2;border-color:#e76f5173}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.feedback-toast{z-index:6;font-family:var(--pixel);border:3px solid #111;border-radius:10px;padding:.6rem 1rem;font-size:1.4rem;animation:.35s pop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.feedback-toast.hit{background:var(--hit);color:#043}.feedback-toast.miss{color:#7a2e1d;background:#ffe5de}@keyframes pop{0%{opacity:0;transform:translate(-50%,-40%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.status-dock{color:#eafff2;background:linear-gradient(#163528 0%,#0f241a 100%);border:1px solid #9ef0bf47;border-radius:16px;grid-template-columns:1.4fr .9fr;align-items:center;gap:0;width:100%;padding:.7rem .85rem;display:grid;box-shadow:inset 0 1px #ffffff0f,0 10px 24px #00000047}.status-dock.is-predicting{border-color:#ffd1668c;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #ffd16626,0 10px 24px #00000047}.status-dock.is-urgent{border-color:#e76f51b3}.status-timer,.status-route,.status-hit{flex-direction:column;gap:.2rem;min-width:0;display:flex}.status-timer{flex-direction:row;align-items:center;gap:.65rem;padding-right:.75rem}.status-route{border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;padding:0 .75rem}.status-hit{text-align:right;align-items:flex-end;padding-left:.75rem}.status-label{letter-spacing:.02em;color:#eafff28c;font-size:.68rem;font-weight:600}.status-clock{font-family:var(--pixel);color:#ffd166;min-width:1.2ch;font-size:clamp(2rem,8vw,2.55rem);line-height:1;animation:.45s cubic-bezier(.175,.885,.32,1.275) count-pop}.status-dock.is-urgent .status-clock{color:var(--miss)}.status-timer-meta{flex-direction:column;gap:.08rem;min-width:0;display:flex}.status-phase{color:#eafff2;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.route-track{align-items:center;gap:0;height:14px;margin-top:.15rem;display:flex;position:relative}.route-track:before{content:"";background:#9ef0bf40;height:2px;position:absolute;top:50%;left:4px;right:4px;transform:translateY(-50%)}.route-node{z-index:1;flex:1;justify-content:center;display:flex;position:relative}.route-node:after{content:"";box-sizing:border-box;background:#1f4332;border:2px solid #9ef0bf73;border-radius:50%;width:10px;height:10px}.route-node.done:after{background:#00a84d;border-color:#9ef0bf}.route-node.current:after{background:#ffd166;border-color:#fff3c4;width:12px;height:12px;box-shadow:0 0 0 3px #ffd16640}.status-hit-value{font-family:var(--pixel);color:#9ef0bf;font-size:clamp(1.35rem,5vw,1.7rem);line-height:1}.status-hit-value small{opacity:.55;margin-left:.1em;font-size:.55em}.result-overlay{background:radial-gradient(circle at 50% 20%,#00a84d59,#0000 50%),#0d2a1c;justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex}.result-card{text-align:center;background:linear-gradient(160deg,#f7fff9,#e7f8ee);border:3px solid #14231b;border-radius:18px;width:min(100%,360px);padding:1.6rem 1.3rem 1.4rem;animation:.4s pop;box-shadow:6px 6px #14231b}.result-date{color:var(--muted);margin:0;font-size:.8rem}.result-score{font-family:var(--pixel);color:var(--line2-deep);margin:.4rem 0 .2rem;font-size:3rem;line-height:1}.result-score span{color:var(--muted);font-size:1.2rem}.result-title{margin:.5rem 0 .25rem;font-size:1.25rem;font-weight:800}.result-flavor{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.result-history{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-bottom:1.25rem;display:flex}.result-history span{border:1px solid #0000;border-radius:6px;padding:.25rem .45rem;font-size:.72rem}.result-history .hit{color:#0b6b4f;background:#d8f8ec;border-color:#8ad9bc}.result-history .miss{color:#8a3b28;background:#ffe8e1;border-color:#f0b3a2}.result-actions{gap:.55rem;display:grid}.result-actions .btn.ghost{color:var(--ink);border-color:var(--ink)}@media (width>=480px){.game-shell{border-left:2px solid #0a1f15;border-right:2px solid #0a1f15;min-height:100dvh}}