.flux-game{color:#f2f5f5;background:radial-gradient(at 75% 0,#173f4d,#0000 52%),#07101d;min-height:100dvh}.flux-header{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:auto;padding:15px 24px;font-size:14px;display:flex}.flux-header a{align-items:center;gap:8px;min-height:44px;display:flex}.flux-header>span{color:#72e4d8;letter-spacing:2px}.flux-header small{letter-spacing:0;color:#8aa2ad;font-size:12px}.flux-shell{max-width:1020px;margin:auto;padding:28px 24px 40px}.flux-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.flux-title>div>span{color:#75d9cf;letter-spacing:3px;font-size:14px}.flux-title h1{margin:5px 0;font-size:44px;font-weight:850;line-height:1.25}.flux-title h1 span{color:#f4c65e;margin-left:8px}.flux-title p{color:#adbdc5;font-size:16px;line-height:1.8}.flux-layout{grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);align-items:start;gap:24px;display:grid}.flux-play{background:#0a1827;border:1px solid #3e6f76;border-radius:18px;overflow:hidden;box-shadow:0 25px 60px #0007}.flux-hud{grid-template-columns:1.25fr 1fr 1fr;gap:10px;padding:18px;display:grid}.flux-hud span{color:#9fb2bc;margin-bottom:4px;font-size:14px;display:block}.flux-hud b{font:700 24px ui-monospace,monospace}.flux-hud small{color:#8ba0aa;font-size:12px}.flux-shields{color:#f5c85f;gap:5px;padding-top:5px;display:flex}.flux-progress{background:#18323d;height:4px}.flux-progress i{background:linear-gradient(90deg,#62ddd0,#f4c65e);height:100%;display:block}.flux-field{aspect-ratio:420/500;background:#07101d;max-height:510px;position:relative;overflow:hidden}.flux-field>svg{width:100%;height:100%;display:block}.flux-hit{box-shadow:inset 0 0 75px #ff5e50}.flux-car-damaged{opacity:.48}.flux-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#05101dd1;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.flux-overlay>div{width:100%;max-width:330px}.flux-overlay svg{color:#72e4d8;margin:0 auto}.flux-overlay h2{margin:12px 0;font-size:30px;font-weight:850}.flux-overlay p{color:#bccbd0;margin:8px 0;font-size:16px;line-height:1.7}.flux-primary{color:#1b2730;background:#f1c457;border:1px solid #fff0b7;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:54px;margin:22px auto 0;padding:15px 20px;font-size:17px;font-weight:800;display:flex}.flux-primary svg{color:inherit;margin:0}.flux-controls{background:#0f2735;grid-template-columns:1fr 1.25fr 1fr;gap:10px;padding:14px;display:grid}.flux-controls button{touch-action:none;-webkit-user-select:none;user-select:none;background:#183c4a;border:1px solid #477580;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-height:60px;font-size:16px;font-weight:750;display:flex}.flux-controls .flux-boost{color:#162732;background:#f2c65c;border-color:#ffe8a0}.flux-controls button:active:not(:disabled){filter:brightness(1.16);transform:translateY(2px)}.flux-game button:disabled{opacity:.42;cursor:default}:is(.flux-game button:focus-visible,.flux-game a:focus-visible){outline-offset:3px;outline:3px solid #fff}.flux-side{gap:16px;display:grid}.flux-energy,.flux-guide{background:#0e2432de;border:1px solid #ffffff21;border-radius:16px;padding:23px}.flux-energy>span{color:#9db3bb;font-size:14px}.flux-energy>b{color:#f3c65c;margin:5px 0 12px;font:800 29px ui-monospace,monospace;display:block}.flux-energy>div{background:#1f3d47;border-radius:10px;height:8px;overflow:hidden}.flux-energy>div i{border-radius:inherit;background:linear-gradient(90deg,#5ed9cc,#f3c65c);height:100%;display:block}.flux-energy p{color:#79e4d9;min-height:48px;margin:16px 0 0;font-size:16px;line-height:1.5}.flux-guide h2{margin:0 0 16px;font-size:18px;font-weight:750}.flux-guide p{color:#b2c1c8;margin:12px 0;font-size:14px;line-height:1.8}.flux-guide hr{border-color:#ffffff20;margin:20px 0}.flux-key{vertical-align:-2px;width:14px;height:14px;margin-right:12px;display:inline-block}.flux-key.cell{clip-path:polygon(50% 0,100% 35%,84% 100%,16% 100%,0 35%);background:#82f7ea}.flux-key.barrier{background:#ff775c;border-radius:3px}.flux-secondary{background:#143340;border:1px solid #416a75;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:50px;font-size:16px;display:flex}.flux-note{text-align:center;color:#8298a2;font-size:14px;line-height:1.8}@media (max-width:700px){.flux-header{padding:8px 14px}.flux-header small{display:none}.flux-shell{padding:20px 12px 30px}.flux-title{align-items:start;margin-bottom:16px}.flux-title h1{font-size:32px}.flux-title>div>span{letter-spacing:1px;font-size:12px}.flux-title p{max-width:150px;margin:0;font-size:14px}.flux-layout{grid-template-columns:1fr;gap:15px;max-width:480px;margin:auto}.flux-hud{gap:6px;padding:12px}.flux-hud b{font-size:20px}.flux-field{min-height:250px;max-height:48dvh}.flux-controls{gap:8px;padding:10px}.flux-controls button{min-height:58px}.flux-side{gap:12px}.flux-energy,.flux-guide{padding:17px}.flux-energy p{min-height:0}.flux-note{margin:0}}@media (max-width:360px){.flux-title{display:block}.flux-title p{max-width:none;margin-top:6px}.flux-title p br{display:none}.flux-hud b{font-size:18px}.flux-hud small{font-size:12px}.flux-shields{gap:3px}.flux-overlay h2{font-size:26px}.flux-controls button{font-size:14px}.flux-controls svg{width:18px}}@media (prefers-reduced-motion:reduce){.flux-controls button:active:not(:disabled){transform:none}}