:root{color-scheme:dark;font-family:Pretendard,Noto Sans KR,system-ui,sans-serif;color:#f7f5ef;background:#080e15;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}:where(html,body,#app,#ui,[data-ui]){touch-action:manipulation}:where(html){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}:where(button>*){pointer-events:none}:where(input,textarea,[contenteditable=true],.settings-issued-code,.settings-player-id){-webkit-user-select:text;user-select:text}:where(img){-webkit-user-drag:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;height:100vh;height:100dvh;overflow:hidden;display:grid;place-items:center}#app{position:relative;width:min(100vw,56.25vh);width:min(100vw,56.25dvh);height:min(100vh,calc(100vw * 16 / 9));height:min(100dvh,calc(100vw * 16 / 9));overflow:hidden;background:#101f29}#app[data-fill]{width:min(100vw,calc(100vh * 720 / var(--app-h, 1280)));width:min(100vw,calc(100dvh * 720 / var(--app-h, 1280)));height:min(100vh,calc(100vw * var(--app-h, 1280) / 720));height:min(100dvh,calc(100vw * var(--app-h, 1280) / 720))}#game{position:absolute;inset:0}canvas{display:block;width:100%!important;height:100%!important;touch-action:none;outline:none}#ui{position:absolute;inset:0;pointer-events:none}[data-ui]{pointer-events:auto}.splash,.pause-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;padding:max(env(safe-area-inset-top),16px) 24px max(env(safe-area-inset-bottom),16px);background:linear-gradient(180deg,#111426ba,#1e2238e8)}h1{color:#38e1ff;font-size:clamp(26px,6.5vw,38px);margin:0;letter-spacing:-1px}h2{margin:0 0 16px;font-size:26px}p{margin:0;word-break:keep-all;overflow-wrap:anywhere;line-height:1.6}.status{color:#c3c8db;max-width:280px;font-size:14px}button{min-width:220px;min-height:52px;border:2px solid #9cf3ff;border-radius:12px;color:#102b3a;background:#38e1ff;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;pointer-events:auto}button:focus-visible{outline:2px solid #ff8a3d;outline-offset:4px}button:active{transform:scale(.96)}.run-controls{position:absolute;top:max(env(safe-area-inset-top),18px);right:16px;pointer-events:none}.pause-control{min-width:44px;width:44px;min-height:44px;padding:6px;font-size:12px;border-width:1px;border-color:#d7f3ee;border-radius:6px;color:#f9fff0;background:linear-gradient(180deg,#253c49,#152a36);box-shadow:0 3px #193a48,0 5px 10px #193a4855,inset 0 1px #fff5}.pause-control:before{content:"";display:block;width:4px;height:16px;margin:auto;border-radius:1px;background:#f9fff0;box-shadow:9px 0 #f9fff0;transform:translate(-4px)}.run-hint{position:absolute;bottom:max(env(safe-area-inset-bottom),20px);left:16px;right:16px;text-align:center;font-size:14px;color:#eef5ff;padding:8px 12px;background:#122631ed;border:1px solid #68efcb88;border-radius:6px;box-shadow:0 3px #193a4866}.debug-overlay{position:absolute;left:10px;top:100px;max-width:calc(100% - 20px);margin:0;padding:8px;background:#111426cc;color:#9cf3ff;font-size:10px;line-height:1.4}.pause-panel{background:#111426dc}@media(prefers-reduced-motion:reduce){*{animation-duration:0s!important;transition-duration:0s!important}}:root{--kit-ink: #080f29;--kit-night: #0d1638;--kit-paper: #fff7e5;--kit-muted: #c0cbec;--kit-dim: #8d9ac4;--kit-accent: #ffe078;--kit-gold-top: #ffe9a3;--kit-gold: #ffc94a;--kit-gold-deep: #c9781f;--kit-cyan-top: #8cedfa;--kit-cyan: #53cce8;--kit-cyan-deep: #2189b1;--kit-mint: #7ff0c8;--kit-coin: #ffcf5a;--kit-gem: #d3b5ff;--kit-alert: #ff4d63;--kit-panel-top: #2b3b78;--kit-panel: #1b2655;--kit-panel-deep: #121a3f;--kit-line: #3e4f92;--kit-rare: #4fc3ff;--kit-epic: #c08bff;--kit-fusion: #ff7ad9;--kit-legend: #ffb340;--kit-radius: 16px;--kit-radius-sm: 11px;--kit-font-display: var( --font-game-display, "Noto Sans KR", system-ui, sans-serif );--kit-font-body: "Noto Sans KR", Pretendard, system-ui, sans-serif;--kit-bevel: inset 0 2px #ffffff26, inset 0 -4px #0000004d, 0 4px 0 var(--kit-ink);--kit-backdrop: radial-gradient(circle at 1px 1px, #718ed21a 1px, transparent 1.5px) 0 0 / 12px 12px, radial-gradient(ellipse at 25% 0%, #34499a, transparent 62%), linear-gradient(160deg, #162a58, #1d1b45 72%, #120f2c)}