:root{--coin:#ffd24a;--core:#a78bfa;--player:#22d3ee;--ink:#04141c;--hud-bg:#061a229e;--hud-border:#7dd3fc47;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#0a1c24;height:100%;margin:0;overflow:hidden}.game{width:100vw;height:100dvh;position:relative}.game canvas{outline:none;display:block}.game__overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hud{pointer-events:none;color:#e8f7fb;position:absolute;inset:0}.hud__hurt{opacity:0;background:radial-gradient(#0000 42%,#ff2d55d9 100%);transition:opacity 90ms linear;position:absolute;inset:0}.hud__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:14px;left:14px;right:14px}.health{background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:13px;width:min(300px,42vw);height:26px;position:relative;overflow:hidden}.health__fill{transform-origin:0;background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:11px;position:absolute;inset:2px;transform:scaleX(1)}.health__text{letter-spacing:.04em;text-shadow:0 1px 3px #000000bf;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.hud__resources{gap:8px;display:flex}.res{background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;border-radius:13px;align-items:center;gap:8px;min-width:92px;padding:6px 14px 6px 10px;font-size:16px;font-weight:800;display:flex}.res__icon{border-radius:50%;flex:none;width:16px;height:16px}.res--coin .res__icon{background:radial-gradient(circle at 35% 30%, #ffe9a8, var(--coin) 62%, #c98c14);box-shadow:0 0 10px #ffd24a8c}.res--core .res__icon{background:radial-gradient(circle at 35% 30%, #e0d7ff, var(--core) 62%, #6d47d6);border-radius:3px;transform:rotate(45deg);box-shadow:0 0 10px #a78bfa80}.res--coin .res__value{color:var(--coin)}.res--core .res__value{color:var(--core)}.hud__stats{flex-wrap:wrap;gap:6px;max-width:min(360px,52vw);display:flex;position:absolute;top:52px;left:14px}.stat{background:#061a2266;border-radius:9px;align-items:baseline;gap:6px;padding:3px 10px;font-size:12px;display:flex}.stat__label{color:#c8eaf499;letter-spacing:.1em;font-weight:600}.stat__value{font-variant-numeric:tabular-nums;color:var(--player);font-weight:800}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061a22d1;border:1px solid;border-radius:11px;flex-direction:column;align-items:center;padding:7px 20px;animation:.22s cubic-bezier(.2,1.3,.4,1) toast-in;display:flex}.toast__label{letter-spacing:.06em;font-size:15px;font-weight:800}.toast__detail{color:#dcf4fab8;font-size:12px}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.94)}}.hint{border:1px solid var(--hud-border);letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061a22b3;border-radius:999px;padding:9px 22px;font-size:14px;font-weight:600;animation:.3s ease-out hint-in;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,12px)}}.hud__death{opacity:0;background:#3c06146b;place-content:center;justify-items:center;gap:6px;transition:opacity .18s ease-out;display:grid;position:absolute;inset:0}.hud__death-title{letter-spacing:.14em;color:#ff6b6b;text-shadow:0 3px 18px #0009;font-size:clamp(28px,6vw,54px);font-weight:900}.hud__death-sub{letter-spacing:.22em;color:#ffdcdccc;font-size:15px}.joystick{opacity:0;pointer-events:none;width:0;height:0;transition:opacity .13s ease-out;position:absolute}.joystick__ring{background:#061a2252;border:2px solid #7dd3fc73;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;position:absolute}.joystick__knob{background:#22d3ee8c;border:2px solid #dcfaffbf;border-radius:50%;width:54px;height:54px;position:absolute;transform:translate(-50%,-50%)}.debug{color:#b4e6f5b8;text-shadow:0 1px 2px #000000b3;flex-direction:column;gap:2px;font-family:ui-monospace,Cascadia Code,monospace;font-size:11px;display:flex;position:absolute;bottom:10px;left:12px}.dev{z-index:5;font-family:ui-monospace,Cascadia Code,monospace;font-size:11px;position:absolute;bottom:12px;right:12px}.dev--toggle{border:1px solid var(--hud-border);color:#b4e6f5d9;cursor:pointer;background:#061a22b8;border-radius:8px;padding:5px 12px}.dev--panel{border:1px solid var(--hud-border);color:#cdeef7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061a22e6;border-radius:11px;width:216px;padding:9px}.dev__row{letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dev__grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.dev button{color:#cdeef7;cursor:pointer;background:#123846e6;border:1px solid #7dd3fc38;border-radius:7px;padding:5px 6px;font-family:inherit;font-size:11px}.dev button:hover{background:#1e5468f2}.dev__danger{grid-column:1/-1;color:#ffb4b4!important;border-color:#ff6b6b66!important}.prestige-badge{color:#ddd0ff;letter-spacing:.08em;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#231442d1;border:1px solid #a78bfa8c;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:800;animation:2.4s ease-in-out infinite badge-pulse;display:flex;position:absolute;top:92px;right:14px}.prestige-badge:hover{background:#341e60eb}.prestige-badge__icon{background:var(--core);border-radius:2px;width:12px;height:12px;transform:rotate(45deg);box-shadow:0 0 12px #a78bfacc}@keyframes badge-pulse{50%{border-color:#a78bfaf2;box-shadow:0 0 22px #a78bfa52}}.prestige{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#060c1ac7;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.prestige__panel{color:#e6e2ff;background:linear-gradient(160deg,#181230fa,#0c1622fa);border:1px solid #a78bfa59;border-radius:18px;width:min(680px,100%);max-height:92dvh;padding:22px;overflow-y:auto;box-shadow:0 30px 90px #0000008c}.prestige__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.prestige__head h2{letter-spacing:.14em;color:var(--core);margin:0 0 4px;font-size:24px}.prestige__head p{color:#e2dcffad;max-width:46ch;margin:0;font-size:13px}.prestige__close{color:#e2dcff99;cursor:pointer;background:0 0;border:none;font-size:26px;line-height:1}.prestige__cores{letter-spacing:.08em;color:#e2dcffb3;align-items:center;gap:9px;margin:16px 0;font-size:15px;display:flex}.prestige__cores strong{color:var(--core);font-size:22px}.prestige__core-icon{background:var(--core);border-radius:3px;width:15px;height:15px;transform:rotate(45deg);box-shadow:0 0 12px #a78bfab3}.prestige__grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;display:grid}.perm{text-align:left;color:inherit;font:inherit;cursor:pointer;background:#121a2ebf;border:1px solid #a78bfa38;border-radius:11px;flex-direction:column;gap:5px;padding:11px 13px;transition:border-color .14s,transform .14s;display:flex}.perm:hover:not(:disabled){border-color:#a78bfab3;transform:translateY(-2px)}.perm:disabled{opacity:.45;cursor:not-allowed}.perm__label{letter-spacing:.08em;font-size:12px;font-weight:800}.perm__desc{color:#e2dcff99;font-size:12px}.perm__foot{justify-content:space-between;margin-top:2px;font-size:12px;font-weight:700;display:flex}.perm__cost{color:var(--core)}.perm__cost--no{color:#e2dcff61}.prestige__foot{border-top:1px solid #a78bfa2e;margin-top:18px;padding-top:14px}.prestige__warn{color:#ffbebed9;margin:0 0 12px;font-size:12.5px}.prestige__confirm{color:#fff;letter-spacing:.14em;cursor:pointer;background:linear-gradient(120deg,#6d28d9,#a78bfa);border:1px solid #a78bfa8c;border-radius:11px;width:100%;padding:13px;font-size:14px;font-weight:800}.prestige__confirm:hover{filter:brightness(1.12)}.stat--button{border:1px solid var(--hud-border);cursor:pointer;pointer-events:auto;font:inherit;color:inherit}.stat--button:hover{background:#061a22bf}.stat--button[aria-pressed=false] .stat__label{color:#c8eaf459}@media (width<=640px){.hud__top{gap:6px;top:8px;left:8px;right:8px}.health{width:min(190px,46vw);height:20px}.health__text{font-size:11px}.res{gap:5px;min-width:0;padding:4px 9px 4px 7px;font-size:13px}.res__icon{width:13px;height:13px}.hud__stats{gap:5px;top:36px;left:8px}.stat{padding:2px 7px;font-size:11px}.stat--button .stat__label{font-size:0}.stat--button .stat__label:after{content:"♪";font-size:13px}.toasts{width:calc(100% - 24px);top:72px}.toast{padding:6px 14px}.toast__label{font-size:13px}.hint{text-align:center;max-width:calc(100% - 32px);padding:8px 16px;font-size:12.5px;bottom:24px}.prestige-badge{padding:7px 13px;font-size:11.5px;top:auto;bottom:74px;right:10px}.prestige__panel{padding:16px}.prestige__head h2{font-size:19px}.prestige__grid{grid-template-columns:1fr}}.stat--button{background:var(--hud-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:6px 12px;position:absolute;bottom:34px;left:14px}@media (width<=640px){.stat--button{bottom:24px;left:10px}}