:root{color:#e8eef7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05070d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}#app{background:radial-gradient(circle at 50% 48%,#17202d 0%,#080b12 52%,#030409 100%);width:100vw;height:100vh;position:relative}.game-canvas{width:100%;height:100%;display:block}.start-screen{z-index:30;opacity:1;background:radial-gradient(circle at 50% 48%,#273c4b57 0%,#060a11e0 52%,#020307f5 100%),#05070d;place-items:center;padding:24px;transition:opacity .32s,transform .32s;display:grid;position:fixed;inset:0}.start-screen--hidden{opacity:0;pointer-events:none;transform:scale(1.015)}.start-screen__content{justify-items:center;gap:18px;width:min(980px,100%);display:grid}.start-screen__logo{object-fit:contain;filter:drop-shadow(0 24px 52px #00000085);width:min(860px,92vw);max-height:64vh;display:block}.start-screen__sector{color:#8ee8ff;letter-spacing:.18em;text-transform:uppercase;margin:-4px 0 2px;font-size:13px;font-weight:700}.start-screen__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.start-screen__button,.results__button{color:#eef6ff;min-height:40px;font:inherit;cursor:pointer;background:#0d141ed1;border:1px solid #a5cbe747;border-radius:7px;padding:0 14px;font-size:13px;font-weight:700;transition:border-color .12s,background .12s,transform .12s}.start-screen__button:hover,.results__button:hover{background:#16222fe0;border-color:#8ee8ff94;transform:translateY(-1px)}.start-screen__button--primary,.results__button--primary{color:#071018;background:linear-gradient(#d7a845,#8a6421);border-color:#ffd36a6b}.start-screen__music{color:#cfe3f7;cursor:pointer;background:#090e16ad;border:1px solid #a5cbe738;border-radius:7px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.start-screen__music input{accent-color:#ffd36a;width:16px;height:16px}.results{z-index:40;opacity:0;pointer-events:none;background:#02050aa3;place-items:center;padding:18px;transition:opacity .18s;display:grid;position:fixed;inset:0}.results--visible{opacity:1;pointer-events:auto}.results [hidden]{display:none!important}.results__panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070c14f5;border:1px solid #97cdec42;border-radius:8px;gap:14px;width:min(620px,100%);max-height:calc(100vh - 36px);padding:18px;display:grid;position:relative;overflow:auto;box-shadow:0 24px 68px #0000008a}.results__close{color:#e7f3ff;cursor:pointer;background:#070c146b;border:1px solid #97cdec33;border-radius:7px;width:32px;height:32px;font-size:20px;line-height:1;position:absolute;top:10px;right:10px}.results__title{letter-spacing:0;margin:0;padding-right:36px;font-size:22px}.results__summary{gap:12px;display:grid}.results__score,.results__rank{color:#c8d4e2;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.results__score strong{color:#ffd36a;font-variant-numeric:tabular-nums;font-size:30px}.results__rank strong{color:#8ff7ff;font-size:24px}.results__grid{color:#c8d4e2;grid-template-columns:1fr auto;gap:7px 14px;font-size:13px;display:grid}.results__grid strong{color:#fff;font-variant-numeric:tabular-nums}.results__form{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:end;gap:10px;display:grid}.results__label{color:#cfe3f7;gap:5px;font-size:12px;font-weight:700;display:grid}.results__label input{color:#fff;width:100%;height:40px;font:inherit;background:#03070db8;border:1px solid #a5cbe747;border-radius:7px;padding:0 10px;font-size:15px}.results__status{color:#9fdff0;min-height:16px;margin:-4px 0 0;font-size:12px;line-height:1.35}.results__status--error{color:#ffb08f}.results__board{gap:8px;padding-top:4px;display:grid}.results__board h3{color:#e8f4ff;margin:0;font-size:14px}.results__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.results__entry{background:#0b121ba8;border:1px solid #97cdec24;border-radius:7px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px 10px;min-height:42px;padding:7px 9px;display:grid}.results__place{color:#8ee8ff;text-align:center;font-weight:800}.results__pilot{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.results__meta{color:#93a9bd;grid-column:2;font-size:11px}.results__entry strong{color:#ffd36a;font-variant-numeric:tabular-nums;grid-area:1/3/span 2}.results__empty{color:#93a9bd;text-align:center;border:1px solid #97cdec24;border-radius:7px;padding:12px}.results__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.game-controls{z-index:24;gap:8px;display:flex;position:fixed;inset:16px 16px auto auto}.game-controls[hidden],.pause-overlay[hidden]{display:none!important}.game-controls__button{color:#eef6ff;width:38px;height:38px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080d15b8;border:1px solid #a5cbe742;border-radius:7px;font-size:18px;font-weight:800;line-height:1;transition:border-color .12s,background .12s,transform .12s;box-shadow:0 10px 26px #0000003d}.game-controls__button:hover{background:#141f2bd1;border-color:#8ee8ff8a;transform:translateY(-1px)}.pause-overlay{z-index:35;background:#02050a85;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.pause-overlay__panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070c14f0;border:1px solid #97cdec42;border-radius:8px;gap:16px;width:min(360px,100%);padding:18px;display:grid;box-shadow:0 24px 68px #0000007a}.pause-overlay__panel h2{margin:0;font-size:22px}.pause-overlay__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.hud{color:#eff6ff;pointer-events:none;gap:8px;width:min(320px,100vw - 32px);display:grid;position:fixed;inset:16px auto auto 16px}.hud__title{letter-spacing:0;margin:0;font-size:16px;font-weight:700}.hud__panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080d15b8;border:1px solid #8fb9dc38;border-radius:8px;gap:6px;padding:10px 12px;display:grid;box-shadow:0 16px 38px #00000047}.hud__row{color:#c8d4e2;justify-content:space-between;gap:12px;font-size:13px;display:flex}.hud__value{color:#fff;font-variant-numeric:tabular-nums}.hud__value--gold{color:#ffd36a}.hud__meter{gap:5px;padding-top:2px;display:grid}.hud__meter-head{color:#d7e4f1;font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;font-size:12px;display:flex}.hud__bar{background:#04080ec2;border:1px solid #99c6e83d;border-radius:999px;width:100%;height:8px;display:block;overflow:hidden}.hud__axis-bar{background:#04080ec2;border:1px solid #99c6e83d;border-radius:999px;width:100%;height:8px;display:block;position:relative;overflow:hidden}.hud__bar-fill{border-radius:inherit;width:0%;height:100%;transition:width .12s ease-out;display:block}.hud__axis-fill{width:0%;height:100%;transition:width .12s ease-out;position:absolute;top:0}.hud__axis-fill--pitch-down{background:linear-gradient(90deg,#4868ff,#70c7ff);border-radius:999px 0 0 999px;right:50%}.hud__axis-fill--pitch-up{background:linear-gradient(90deg,#70c7ff,#d7b15d);border-radius:0 999px 999px 0;left:50%}.hud__axis-center{z-index:1;background:#e6f4ffb8;width:2px;position:absolute;inset:-1px auto -1px 50%;transform:translate(-50%)}.hud__bar-fill--speed{background:linear-gradient(90deg,#6fd0ff,#d7b15d)}.hud__bar-fill--center{background:linear-gradient(90deg,#5f8cff,#6fd0ff,#ffbe6b)}.hud__bar-fill--energy{background:linear-gradient(90deg,#ff6b5b,#ffd36a 42%,#8ff7ff)}.hint{color:#dbeafe;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:fixed;inset:auto 16px 16px}.hint kbd{text-align:center;background:#0d131cc2;border:1px solid #b4cde63d;border-radius:6px;min-width:28px;padding:5px 8px;font-size:12px;box-shadow:inset 0 -1px #ffffff1a}@media (width<=640px){.start-screen{padding:18px}.start-screen__logo{width:min(720px,92vw);max-height:52vh}.start-screen__actions{width:min(320px,100%)}.start-screen__button{flex:140px}.start-screen__music{flex:100%;justify-content:center}.results{padding:10px}.results__panel{max-height:calc(100vh - 20px);padding:14px}.results__title{font-size:19px}.results__score strong{font-size:26px}.results__form{grid-template-columns:1fr}.results__entry{grid-template-columns:24px minmax(0,1fr) auto}.hud{width:min(280px,100vw - 20px);inset:10px auto auto 10px}.hint{inset:auto 10px 10px}}