*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#a8b8a5;color:#f7f2df}#app{position:relative;touch-action:none}#game-canvas{display:block;width:100%;height:100%;cursor:crosshair}.start-screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:18px;overflow-y:auto;background:radial-gradient(circle at 50% 38%,#6f826933,#080c0b94 62%),#0a0e0d75;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.start-screen[hidden]{display:none}.start-screen__panel{width:min(560px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;padding:22px;border:1px solid rgba(255,246,210,.28);border-radius:8px;background:#171f1dd6;box-shadow:0 22px 70px #060a0875}.start-screen__header span{display:block;color:#f7f2dfad;font-size:.82rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.start-screen__header strong{display:block;margin-top:2px;color:#fff6d2;font-size:clamp(2.2rem,10vw,4.4rem);line-height:.92}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.mode-button{min-height:104px;padding:14px;border:1px solid rgba(255,246,210,.28);border-radius:8px;background:#344c3ed6;color:#fff6d2;font:inherit;text-align:left;cursor:pointer}.mode-button:hover,.mode-button:focus-visible{background:#527456f0;outline:none}.mode-button span{display:block;color:#f7f2dfb3;font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.mode-button strong{display:block;margin-top:6px;color:#fff6d2;font-size:clamp(1.12rem,4vw,1.55rem);line-height:1}.quality-control{display:grid;gap:9px;margin-top:18px}.quality-control>span{color:#f7f2dfad;font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.quality-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px;border:1px solid rgba(255,246,210,.2);border-radius:8px;background:#090f0d61}.quality-button{min-width:0;min-height:34px;border:1px solid transparent;border-radius:6px;background:transparent;color:#f7f2dfb3;font:inherit;font-size:.78rem;font-weight:850;cursor:pointer}.quality-button:hover,.quality-button:focus-visible{background:#5b80606b;color:#fff6d2;outline:none}.quality-button[aria-pressed=true]{border-color:#fff6d257;background:#5c805ddb;color:#fff6d2;box-shadow:0 8px 18px #080c0a3d}.quality-summary{display:block;min-height:1.1rem;color:#f7f2df94;font-size:.66rem;font-weight:700;line-height:1.35}.quality-manual{display:grid;gap:8px}.quality-slider{display:grid;grid-template-columns:58px minmax(0,1fr) 44px;gap:8px;align-items:center;color:#f7f2dfb3;font-size:.74rem;font-weight:800}.quality-slider span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quality-slider input{width:100%;accent-color:#76d0a0}.quality-slider strong{color:#fff6d2;font-size:.72rem;text-align:right}.quality-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quality-toggles label{display:flex;align-items:center;gap:7px;min-height:30px;padding:6px 8px;border:1px solid rgba(255,246,210,.16);border-radius:6px;background:#090f0d47;color:#f7f2dfb8;font-size:.74rem;font-weight:800}.quality-toggles input{accent-color:#76d0a0}#app.is-starting .level-tracker,#app.is-starting .hud,#app.is-starting .storm-meter{opacity:0;pointer-events:none}.level-tracker{position:fixed;top:16px;left:16px;width:min(320px,calc(100vw - 132px));padding:10px 12px;border:1px solid rgba(255,246,210,.24);border-radius:8px;background:#18211fb8;box-shadow:0 12px 34px #11161238;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.level-tracker__header span,.level-tracker__objective span{display:block;color:#f7f2dfad;font-size:.62rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.level-tracker__header strong{display:block;margin-top:2px;overflow:hidden;color:#fff6d2;font-size:1.05rem;line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.level-tracker__objective{display:grid;gap:6px;margin-top:9px}.level-tracker__bar{height:8px;overflow:hidden;border-radius:999px;background:#0b110f8f}.level-tracker__fill{width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#d9bb62,#76d0a0);transition:transform .18s ease-out}.hud{position:fixed;bottom:16px;left:16px;display:grid;grid-template-columns:repeat(5,minmax(54px,auto));gap:6px;pointer-events:none}.hud-panel{min-width:0;padding:7px 8px;border:1px solid rgba(255,246,210,.24);border-radius:8px;background:#1c251fbd;box-shadow:0 10px 30px #191e1838;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-panel span{display:block;color:#f7f2dfb3;font-size:.58rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.hud-panel strong{display:block;margin-top:2px;overflow:hidden;color:#fff6d2;font-size:.95rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}.hud-panel--primary{background:#264f41d6}.hud-panel--timer{background:#59362fc7}.storm-meter{position:fixed;right:auto;bottom:86px;left:18px;display:grid;grid-template-columns:220px minmax(0,220px);align-items:center;gap:12px;pointer-events:none}.storm-meter__bar{height:12px;overflow:hidden;border:1px solid rgba(255,246,210,.34);border-radius:8px;background:#212720b8;box-shadow:0 8px 24px #11161247}.storm-meter__fill{width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#dbbe5c,#76d0a0,#b7f2df);transition:transform .16s ease-out}.storm-message{min-height:36px;justify-self:start;padding:9px 12px;border:1px solid rgba(255,246,210,.22);border-radius:8px;background:#1f2823b8;color:#fff6d200;font-weight:800;letter-spacing:0;transform:translateY(8px);opacity:0;transition:opacity .15s ease,transform .15s ease,color .15s ease}.storm-message--visible{color:#fff6d2;transform:translateY(0);opacity:1}#app.has-mobile-controls .storm-meter{left:174px}.mobile-joystick{position:fixed;left:18px;bottom:96px;z-index:8;display:grid;width:136px;height:136px;place-items:center;border:0;opacity:.92;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-joystick[hidden]{display:none}.mobile-joystick__base{display:grid;width:118px;height:118px;place-items:center;border:1px solid rgba(255,246,210,.28);border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff6d21f,#141d1947 44%,#0a100e8f);box-shadow:inset 0 0 28px #fff6d214,0 16px 44px #0509074d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-joystick__knob{width:52px;height:52px;border:1px solid rgba(255,246,210,.38);border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff6d2b3,#7caa7be0 34%,#23483deb);box-shadow:inset 0 3px 10px #fff6d229,0 10px 22px #0307055c;transition:filter .12s ease,transform 80ms ease-out}.mobile-joystick--active{opacity:1}.mobile-joystick--active .mobile-joystick__knob{filter:brightness(1.12);transition:filter .12s ease}.pause-button{position:fixed;right:16px;top:16px;min-width:86px;min-height:40px;border:1px solid rgba(255,246,210,.3);border-radius:8px;background:#1f2823bd;color:#fff6d2;font:inherit;font-size:.88rem;font-weight:800;letter-spacing:0;box-shadow:0 10px 30px #191e1838;cursor:pointer}.pause-button:hover,.pause-button:focus-visible{background:#45674fdb;outline:none}.pause-menu{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:#0e121057;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-menu[hidden]{display:none}.pause-menu__panel{width:min(420px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;padding:18px;border:1px solid rgba(255,246,210,.28);border-radius:8px;background:#1c251fe0;box-shadow:0 18px 60px #0a0e0c6b}.pause-menu__header span,.setting-row span{display:block;color:#f7f2dfad;font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.pause-menu__header strong{display:block;margin-top:4px;color:#fff6d2;font-size:1.55rem;line-height:1}.setting-row{display:grid;gap:10px;margin-top:18px}.setting-row.quality-control{gap:8px}.setting-row input[type=range]{width:100%;accent-color:#76d0a0}.setting-row small{display:flex;justify-content:space-between;color:#f7f2dfad;font-weight:700}.setting-row small:before{content:"Low"}.setting-row small:after{content:"High"}.pause-menu__actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.pause-menu__actions button{min-height:42px;border:1px solid rgba(255,246,210,.28);border-radius:8px;background:#45674fdb;color:#fff6d2;font:inherit;font-weight:800;cursor:pointer}.pause-menu__actions button:hover,.pause-menu__actions button:focus-visible{background:#5b8060eb;outline:none}#diagnostics{position:fixed;right:14px;bottom:14px;z-index:30;width:min(340px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 112px));max-height:min(680px,calc(100dvh - 112px));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;padding:12px;border:1px solid rgba(255,246,210,.26);border-radius:8px;background:#0a0e0dd1;box-shadow:0 18px 56px #0407066b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f7f2df;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;pointer-events:auto;-webkit-user-select:text;user-select:text}#diagnostics[hidden]{display:none}.diagnostics__header{position:sticky;top:-12px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-12px -12px 0;padding:12px 12px 8px;border-bottom:1px solid rgba(255,246,210,.16);background:#0a0e0df0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.diagnostics__header span,.diagnostics__section h2{margin:0;color:#f7f2dfa3;font-size:.66rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.diagnostics__header strong{display:inline-grid;min-width:30px;min-height:22px;place-items:center;border:1px solid rgba(255,246,210,.22);border-radius:6px;background:#485b498c;color:#fff6d2;font-size:.68rem}.diagnostics__section{display:grid;gap:5px;margin-top:10px}.diagnostics__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:baseline}.diagnostics__row span{overflow:hidden;color:#f7f2df94;text-overflow:ellipsis;white-space:nowrap}.diagnostics__row strong{color:#fff6d2;font-weight:800;text-align:right}@media(max-width:720px){.hud{left:10px;bottom:10px;grid-template-columns:repeat(5,minmax(44px,auto))}.level-tracker{top:10px;left:10px;width:calc(100vw - 126px);padding:8px 9px}.level-tracker__header strong{font-size:.88rem}.hud-panel{padding:6px}.hud-panel strong{font-size:.78rem}.pause-button{top:10px;right:10px;bottom:auto}.storm-meter{right:10px;bottom:60px;left:10px;grid-template-columns:minmax(120px,220px);gap:6px}#app.has-mobile-controls .storm-meter{right:10px;bottom:62px;left:154px;grid-template-columns:minmax(90px,1fr)}.mobile-joystick{left:10px;bottom:78px;width:132px;height:132px}.mobile-joystick__base{width:112px;height:112px}.mobile-joystick__knob{width:50px;height:50px}.storm-message{justify-self:stretch;min-height:30px;padding:6px 9px;font-size:.88rem}.pause-menu__actions,.mode-grid{grid-template-columns:1fr}.mode-button{min-height:82px}.quality-options{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-slider{grid-template-columns:52px minmax(0,1fr) 40px}#diagnostics{right:10px;bottom:10px;left:10px;width:auto;max-height:min(68vh,calc(100vh - 92px));max-height:min(68dvh,calc(100dvh - 92px));font-size:.66rem}}