:root{color:#f8fafc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:#111827}button,a{font:inherit}#app{position:relative}#game-canvas{background:#9edbff;width:100%;height:100%;display:block}.hud{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));z-index:4;pointer-events:none;grid-template-columns:minmax(180px,1fr) auto auto;align-items:start;gap:12px;display:grid;position:absolute}.brand-panel,.meter-grid,.hud-actions,.menu-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b1220b8;border:1px solid #f8fafc2e;border-radius:8px;box-shadow:0 20px 55px #00000047}.brand-panel{max-width:380px;padding:12px 14px}.brand-panel span,.menu-panel>span{color:#fbbf24;letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:950;display:block}.brand-panel strong{margin-top:4px;font-size:clamp(1.4rem,3vw,2.2rem);line-height:.96;display:block}.meter-grid{grid-template-columns:repeat(4,minmax(82px,auto));gap:1px;display:grid;overflow:hidden}.meter{background:#ffffff0b;min-height:56px;padding:8px 10px}.meter span{color:#f8fafc9e;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:850;display:block}.meter strong{margin-top:3px;font-size:1.02rem;display:block}.hud-actions{pointer-events:auto;gap:8px;padding:7px;display:flex}.icon-button,.primary-button,.touch-button{color:#f8fafc;cursor:pointer;background:#f8fafc1a;border:1px solid #f8fafc33;border-radius:8px}.icon-button{color:#f8fafc;place-items:center;width:42px;height:42px;padding:0;font-weight:950;text-decoration:none;display:grid}.icon-button:hover,.primary-button:hover,.touch-button:active{background:#fbbf242e;border-color:#fbbf248f}.menu{z-index:5;background:linear-gradient(#0f172a0a,#0f172a6b),radial-gradient(circle at 50% 57%,#fbbf242e,#0000 38%);place-items:center;padding:22px;transition:opacity .16s,visibility .16s;display:grid;position:absolute;inset:0}.menu[data-visible=false]{opacity:0;visibility:hidden;pointer-events:none}.menu-panel{text-align:center;width:min(620px,100%);padding:clamp(22px,5vw,38px)}.menu-panel h1{margin:10px 0 0;font-size:clamp(3rem,10vw,6.2rem);line-height:.86}.menu-panel p{color:#f8fafccc;max-width:480px;margin:17px auto 0;font-size:1.02rem;font-weight:760;line-height:1.55}.primary-button{color:#111827;background:linear-gradient(135deg,#fbbf24,#34d399);border-color:#0000;min-width:156px;min-height:48px;margin-top:24px;padding:0 20px;font-weight:950}.guide{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.guide kbd{color:#f8fafcb8;min-height:32px;font:inherit;background:#ffffff0f;border:1px solid #f8fafc2e;border-radius:8px;padding:7px 8px;font-size:.78rem;font-weight:830}.touch-controls{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));z-index:4;pointer-events:none;grid-template-columns:78px 78px 1fr 106px;gap:10px;display:none;position:absolute}.touch-button{color:#f8fafc;pointer-events:auto;touch-action:none;min-height:58px;font-size:1.15rem;font-weight:950}.boost-touch{color:#111827;background:linear-gradient(135deg,#fbbf24,#fb7185);border-color:#0000;grid-column:4;font-size:.9rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=820px){.hud{grid-template-columns:1fr auto}.brand-panel{display:none}.meter-grid{grid-template-columns:repeat(4,1fr)}.meter{min-height:48px;padding:7px 8px}.meter span{font-size:.6rem}.meter strong{font-size:.86rem}.touch-controls{display:grid}.guide{grid-template-columns:1fr}}