html,body{height:100vh;color:#e2e2e6;touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#0e0e12;height:100dvh;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}#game{width:100vw;height:100vh;touch-action:none;height:100dvh}canvas{touch-action:none;display:block}#hud{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));pointer-events:none;text-shadow:0 1px 2px #000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0e1299;border:1px solid #ffffff1a;border-radius:8px;min-width:180px;padding:10px 14px;font-size:13px;line-height:1.45;position:fixed}#hud-title{letter-spacing:.06em;text-transform:uppercase;color:#fbbf24;margin-bottom:6px;font-size:12px;font-weight:700}#hud .hud-key{color:#9ca3af;width:50px;display:inline-block}#hud-career{color:#fbbf24;font-weight:700}#hud-cash{color:#34d399;font-weight:700}#hud-goal{color:#d1d5db}#hud-timer{top:max(12px, env(safe-area-inset-top));color:#fbbf24;text-shadow:0 2px 6px #000000b3;pointer-events:none;letter-spacing:.05em;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:36px;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}#hud-time.warning{color:#ef4444;animation:1s steps(2,end) infinite timer-pulse}@keyframes timer-pulse{50%{opacity:.5}}@media (max-width:480px){#hud-timer{font-size:28px}}#touch-controls{inset:auto 0 max(20px, env(safe-area-inset-bottom)) 0;padding-left:max(20px, env(safe-area-inset-left));pointer-events:none;z-index:6;justify-content:flex-start;display:none;position:fixed}#touch-controls>*{pointer-events:auto}#dpad{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#0e0e1273 0%,#0e0e12b3 70%);border:1px solid #ffffff2e;border-radius:50%;width:180px;height:180px;position:relative;box-shadow:0 4px 16px #0006}.dpad-arrow{color:#e2e2e68c;pointer-events:none;font-size:22px;font-weight:700;transition:color 80ms,transform 80ms;position:absolute}.dpad-up{top:10px;left:50%;transform:translate(-50%)}.dpad-down{bottom:10px;left:50%;transform:translate(-50%)}.dpad-left{top:50%;left:10px;transform:translateY(-50%)}.dpad-right{top:50%;right:10px;transform:translateY(-50%)}.dpad-arrow.active{color:#fbbf24}.dpad-up.active,.dpad-down.active{transform:translate(-50%)scale(1.25)}.dpad-left.active,.dpad-right.active{transform:translateY(-50%)scale(1.25)}#dpad-knob{pointer-events:none;will-change:transform;background:#d9770673;border:1px solid #ffffff4d;border-radius:50%;width:64px;height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}#dpad.pressed #dpad-knob{background:#d97706}@media (pointer:coarse),(max-width:800px){#touch-controls{display:flex}#hud{min-width:160px;padding:8px 12px;font-size:12px}}@media (max-width:480px){#dpad{width:150px;height:150px}#dpad-knob{width:56px;height:56px}.dpad-arrow{font-size:18px}}#start-overlay{z-index:9000;-webkit-backdrop-filter:blur(6px);padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#start-overlay[hidden]{display:none}#start-card{text-align:center;pointer-events:auto;background:#0e0e12f2;border:1px solid #ffffff26;border-radius:12px;max-width:460px;padding:28px 40px 32px;box-shadow:0 10px 40px #0009}#start-logo{filter:drop-shadow(0 2px 6px #0006);width:88px;height:auto;margin:0 auto 16px;display:block}#start-title{color:#fbbf24;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-family:inherit;font-size:28px;font-weight:700}#start-tagline{color:#d1d5db;letter-spacing:.02em;margin-bottom:18px;font-size:14px;font-style:italic}#start-banner{letter-spacing:.08em;text-transform:uppercase;border-radius:6px;margin:0 auto 16px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-block}#start-banner[data-tone=success]{color:#4ade80;background:#16a34a2e;border:1px solid #4ade8059}#start-banner[data-tone=failure]{color:#f87171;background:#dc262626;border:1px solid #f8717159}#start-banner[data-tone=info]{color:#60a5fa;background:#60a5fa26;border:1px solid #60a5fa59}#start-banner[hidden]{display:none}#start-avatar{width:96px;height:128px;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 4px 10px #00000080);margin:4px auto 12px;display:block}#start-avatar[hidden]{display:none}#start-role{color:#fbbf24;letter-spacing:.04em;margin-bottom:6px;font-family:inherit;font-size:20px;font-weight:700}#start-role-desc{color:#d1d5db;margin-bottom:8px;font-size:13px;line-height:1.55}#start-goal{color:#9ca3af;margin-bottom:18px;font-size:13px;font-weight:600}#start-tip{color:#e2e2e6;text-align:left;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;margin:16px 0 20px;padding:10px 14px;font-size:12px;line-height:1.55}#start-tip-label{color:#fbbf24;letter-spacing:.1em;text-transform:uppercase;vertical-align:1px;background:#fbbf242e;border-radius:3px;margin-right:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}#start-tip-ladder{color:#fde68a;letter-spacing:.04em;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;margin-top:8px;font-size:11px;font-weight:600;display:flex}.start-tip-arrow{color:#9ca3af;font-weight:400}#start-button{font:inherit;color:#fff;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#16a34a;border:none;border-radius:8px;padding:12px 36px;font-size:16px;font-weight:700;transition:transform 80ms,background .15s}#start-button:hover{background:#22c55e}#start-button:active{transform:scale(.97)}@media (max-width:480px){#start-card{padding:22px 24px 26px}#start-logo{width:64px;margin-bottom:12px}#start-title{font-size:22px}#start-subtitle{font-size:13px}}#update-banner{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:9200;font:inherit;letter-spacing:.06em;text-transform:uppercase;color:#0e0e12;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fbbf24;border:1px solid #0003;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:700;animation:.22s ease-out update-banner-in;position:fixed;box-shadow:0 4px 14px #0006}#update-banner[hidden]{display:none}#update-banner:hover{background:#fcd34d}#update-banner:active{transform:scale(.97)}@keyframes update-banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}#compliance-popup{z-index:9500;-webkit-backdrop-filter:blur(5px);pointer-events:none;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#compliance-popup[hidden]{display:none}#compliance-card{text-align:center;background:#0e0e12f5;border:2px solid #dc2626;border-radius:12px;max-width:320px;padding:22px 28px 18px;animation:.2s ease-out compliance-pop-in;box-shadow:0 8px 36px #dc262666}@keyframes compliance-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}#compliance-title{color:#dc2626;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}#compliance-icon{width:72px;height:72px;image-rendering:pixelated;filter:drop-shadow(0 3px 6px #0009);margin:4px auto 12px;display:block}#compliance-count{color:#fbbf24;margin-bottom:4px;font-size:18px;font-weight:700}#compliance-num{vertical-align:middle;margin-right:4px;font-size:36px;font-weight:900}#compliance-instruction{color:#d1d5db;margin-bottom:14px;font-size:13px;line-height:1.5}#compliance-progress{transform-origin:0;background:#dc2626;border-radius:2px;height:3px}#compliance-popup:not([hidden]) #compliance-progress{animation:2s linear forwards compliance-countdown}@keyframes compliance-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}