:root{--color-primary: #363227;--color-secondary: #000;--color-ink-soft: #6b6455;--color-danger: #c8433a;--surface: hsla(0, 0%, 100%, .62);--surface-strong: hsla(0, 0%, 100%, .82);--surface-dark: hsla(40, 12%, 8%, .62);--border: hsla(44, 18%, 20%, .28);--fs-display: clamp(2.2rem, 5.2vw, 4.5rem);--fs-title: clamp(1.5rem, 2.6vw, 2.25rem);--fs-body: clamp(.95rem, 1.2vw, 1.125rem);--fs-hud: clamp(1.75rem, 3.4vw, 3rem);--fs-hud-label: clamp(.7rem, .9vw, .85rem);--space-1: .35rem;--space-2: .65rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.25rem;--radius: .6rem;--edge: clamp(1rem, 3vw, 3rem);--blur: blur(10px)}*{box-sizing:border-box}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;background:ivory}.ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top-left     top-right" "middle       panel" "bottom-left  bottom-right";gap:var(--space-3);padding:var(--edge);font-family:Roboto,system-ui,sans-serif;color:var(--color-primary);pointer-events:none}.ui button,.ui input,.ui a,.ui label,.panel{pointer-events:auto}.btn{font:inherit;font-size:var(--fs-body);padding:var(--space-2) var(--space-4);color:var(--color-primary);background:var(--surface);border:2px solid var(--color-primary);border-radius:var(--radius);cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);white-space:nowrap}.btn:hover{background:var(--color-primary);color:ivory}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.btn--primary{background:var(--color-primary);color:ivory}.btn--primary:hover{background:var(--color-secondary)}.icon_button{display:grid;place-items:center;width:clamp(2.5rem,4vw,3.25rem);aspect-ratio:1;padding:0;color:var(--color-primary);background:none;border:0;cursor:pointer;opacity:.75;transition:opacity .15s ease}.icon_button:hover{opacity:1}.icon{width:100%;height:100%}.ui__lower{grid-area:bottom-left;align-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);max-width:min(30rem,46vw)}.brand{margin:0;font-size:var(--fs-display);font-weight:800;line-height:.95;letter-spacing:-.02em;text-shadow:0 2px 18px hsla(0,0%,100%,.65)}.nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--fs-body)}.field__label{font-weight:600;opacity:.8}.field__input{font:inherit;font-size:var(--fs-body);padding:var(--space-2) var(--space-3);color:var(--color-primary);background:var(--surface);border:2px solid var(--color-primary);border-radius:var(--radius);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.field__input:focus{border-color:var(--color-secondary);outline:none}.settings{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-3);font-size:var(--fs-body);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.toggle__input{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex:none;width:1.4rem;height:1.4rem;margin:0;border:2px solid var(--color-primary);border-radius:.25rem;cursor:pointer;transition:background .15s ease}.toggle__input:checked{background:var(--color-primary)}.toggle__input:checked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:.6rem;height:.6rem;background:ivory}.slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--fs-body);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.slider__input{width:100%;min-width:0;margin:0;accent-color:var(--color-primary);cursor:pointer}.slider__value{min-width:2.6rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.panel{grid-column:2;grid-row:2 / -1;align-self:center;justify-self:end;display:flex;flex-direction:column;gap:var(--space-3);width:min(34rem,40vw);max-height:100%;padding:var(--space-4);background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);animation:rise .35s ease-out both}.panel__title{margin:0;font-size:var(--fs-title);font-weight:700}.panel__body{min-height:0;overflow-y:auto}.panel__note{margin:0;font-size:var(--fs-body);color:var(--color-ink-soft)}.board,.credits{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none;font-size:var(--fs-body)}.board__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.board__rank{flex:none;width:1.75rem;font-weight:700;color:var(--color-ink-soft)}.board__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board__score{font-variant-numeric:tabular-nums;font-weight:700}.credits__item{padding:var(--space-2) 0;border-bottom:1px solid var(--border);color:var(--color-ink-soft);line-height:1.5}.credits__item:last-child{border-bottom:0}.credits a{color:var(--color-primary);text-decoration:underline}.credits a:hover{color:var(--color-secondary)}.ui__sound{grid-area:bottom-right;align-self:end;justify-self:end}.ui__sound--menu{grid-area:top-right;align-self:start}.hud{display:flex;flex-direction:column;gap:.1rem;text-shadow:0 2px 14px hsla(0,0%,100%,.7)}.hud--top-left{grid-area:top-left;align-items:flex-start}.hud--top-right{grid-area:top-right;align-items:flex-end;text-align:right}.hud--bottom-left{grid-area:bottom-left;align-self:end;align-items:flex-start}.hud__label{font-size:var(--fs-hud-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.hud__value{font-size:var(--fs-hud);font-weight:700;line-height:1}.hud__value--num{font-variant-numeric:tabular-nums}.airspeed{display:flex;align-items:baseline;gap:.35rem}.airspeed__unit{font-size:var(--fs-hud-label);opacity:.6}.turbo{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.turbo__track{width:clamp(5rem,11vw,8rem);height:.5rem;border-radius:999px;background:#ffffff29;overflow:hidden}.turbo__fill{width:100%;height:100%;border-radius:inherit;transform-origin:left center;transform:scaleX(1);will-change:transform;background:linear-gradient(90deg,#38bdf8,#eafff8)}.turbo.is_empty .turbo__fill{background:var(--color-danger)}.turbo.is_empty .hud__label{opacity:1;color:var(--color-danger);animation:pulse .8s infinite}.stall{font-size:var(--fs-title);font-weight:700;color:var(--color-danger);opacity:0;transition:opacity .1s ease}.stall.is_stalling{opacity:1;animation:pulse .6s infinite}.warning{grid-area:middle;align-self:start;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--color-danger);text-align:center;animation:pulse .8s infinite}.warning__text{font-size:var(--fs-title);font-weight:700;white-space:nowrap}.warning__countdown{font-size:var(--fs-body);font-variant-numeric:tabular-nums}.modal{grid-area:1 / 1 / -1 / -1;display:grid;place-items:center;margin:calc(var(--edge) * -1)}.modal__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0006,#000000b8);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade .35s ease-out both;pointer-events:none}.modal__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:min(32rem,90vw);padding:var(--space-5);text-align:center;color:ivory;animation:rise .4s ease-out both}.modal__title{margin:0;font-size:var(--fs-display);font-weight:800;line-height:1;text-shadow:0 2px 16px hsla(0,0%,0%,.9)}.modal__stat{margin:0;font-size:var(--fs-display);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.modal__caption{margin:0;font-size:var(--fs-hud-label);letter-spacing:.16em;text-transform:uppercase;opacity:.7}.modal__note{margin:0;font-size:var(--fs-body);opacity:.75}.modal__note--error{color:#ff8b82;opacity:1}.modal__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-2)}.modal .btn{color:ivory;background:#00000073;border-color:ivory}.modal .btn:hover,.modal .btn--primary{color:var(--color-primary);background:ivory}.modal .btn--primary:hover{background:#fffc}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:hover{background:var(--surface);color:var(--color-primary)}.btn--primary:disabled:hover{background:var(--color-primary);color:ivory}.btn--ghost{background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding-inline:var(--space-2)}.btn--ghost:hover{background:var(--surface);color:var(--color-primary)}.nav>.btn--ghost:first-child{margin-left:calc(var(--space-2) * -1)}.eyebrow{margin:calc(var(--space-1) * -1) 0 0;font-size:var(--fs-hud-label);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-soft)}.swatch{display:inline-block;flex:none;width:.8em;height:.8em;border-radius:999px;border:2px solid hsla(0,0%,100%,.9);box-shadow:0 0 0 1px var(--border)}.avatar{display:grid;place-items:center;flex:none;width:2.1rem;height:2.1rem;border-radius:999px;font-size:.8rem;font-weight:800;letter-spacing:.02em;color:#171512d1;border:2px solid hsla(0,0%,100%,.85);box-shadow:0 1px 4px #0000002e}.avatar--open{color:var(--color-ink-soft);background:transparent;border:2px dashed var(--border);box-shadow:none}.tag{flex:none;padding:.1rem .5rem;font-size:var(--fs-hud-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);border:1px solid var(--border);border-radius:999px}.tag--you{color:ivory;background:var(--color-primary);border-color:var(--color-primary)}.count{margin-left:var(--space-1);font-size:var(--fs-body);font-weight:600;color:var(--color-ink-soft)}.status{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--fs-body);color:var(--color-ink-soft)}.status__dot{flex:none;width:.55rem;height:.55rem;border-radius:999px;background:#16a34a;animation:pulse 1.2s infinite}.note{margin:0;font-size:var(--fs-body);color:var(--color-ink-soft)}.note--error{padding:var(--space-2) var(--space-3);color:var(--color-danger);font-weight:600;background:var(--surface-strong);border-left:3px solid var(--color-danger);border-radius:var(--radius)}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);width:100%}.choice{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:var(--space-3);font:inherit;text-align:left;color:var(--color-primary);background:var(--surface);border:2px solid var(--color-primary);border-radius:var(--radius);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.choice:hover{color:ivory;background:var(--color-primary);transform:translateY(-2px)}.choice:active{transform:translateY(0)}.choice:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.choice__icon{width:2rem;height:2rem;margin-bottom:var(--space-1)}.choice__title{font-size:var(--fs-body);font-weight:700}.choice__blurb{font-size:.85em;opacity:.7;line-height:1.3}.join{display:flex;align-items:flex-end;gap:var(--space-2)}.code_input{width:7.5em;font-size:calc(var(--fs-body) * 1.25);font-weight:800;letter-spacing:.3em;text-indent:.3em;text-align:center;text-transform:uppercase}.code_input::placeholder{color:var(--color-ink-soft);opacity:.35}.pilot_cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);width:100%}.pilot_card{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--fs-body)}.pilot_card .field__input{width:100%}.pilot_card--join{margin:0;justify-content:center;align-items:center;min-height:5.5rem;padding:var(--space-2);border:2px dashed var(--border);border-radius:var(--radius);color:var(--color-ink-soft);text-align:center}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(8.5rem,100%),1fr));gap:var(--space-2);width:100%}.mode_card{display:flex;flex-direction:column;gap:.2rem;padding:var(--space-2) var(--space-3);font:inherit;text-align:left;color:var(--color-primary);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.mode_card:hover:not(:disabled){border-color:var(--color-primary)}.mode_card.is_selected{color:ivory;background:var(--color-primary);border-color:var(--color-primary)}.mode_card:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.mode_card:disabled{cursor:default}.mode_card:disabled:not(.is_selected){opacity:.5}.mode_card__title{font-size:var(--fs-body);font-weight:700}.mode_card__blurb{font-size:.85em;line-height:1.3;opacity:.75}.split_keys{width:100%;border-collapse:separate;border-spacing:0 var(--space-1);font-size:var(--fs-body)}.split_keys thead th{padding-bottom:var(--space-1);font-size:var(--fs-hud-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-align:left;color:var(--color-ink-soft)}.split_keys tbody th{padding-right:var(--space-3);font-weight:600;text-align:left;white-space:nowrap}.split_keys td{padding:.15rem var(--space-2) .15rem 0}.keycaps{display:inline-flex;flex-wrap:wrap;gap:.3rem}.keycap{display:inline-grid;place-items:center;min-width:1.9rem;height:1.9rem;padding:0 .45rem;font-family:inherit;font-size:.85em;font-weight:700;white-space:nowrap;background:var(--surface-strong);border:1px solid var(--border);border-bottom-width:3px;border-radius:.4rem}.bind_table td{padding-right:var(--space-1)}.bind_slot{display:inline-flex;align-items:center;gap:.15rem}.bind_slot__key{min-width:2.6rem;height:1.7rem;color:var(--color-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease}.bind_slot__key:hover{border-color:var(--color-primary)}.bind_slot__key.is_empty{color:var(--color-ink-soft);font-weight:400}.bind_slot__key.is_listening{color:ivory;background:var(--color-primary);border-color:var(--color-primary);animation:pulse 1s infinite}.bind_slot__clear{width:1.3rem;height:1.3rem;padding:0;font:inherit;line-height:1;color:var(--color-ink-soft);background:none;border:none;border-radius:50%;cursor:pointer}.bind_slot__clear:hover{color:var(--color-danger)}.bind_footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-2) 0}.bind_notice{font-weight:600;color:var(--color-primary)}.room{display:flex;flex-direction:column;gap:var(--space-1)}.room .eyebrow{margin:0}.room__row{display:flex;align-items:center;gap:var(--space-3)}.room__code{font-size:var(--fs-display);font-weight:800;letter-spacing:.15em;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 18px hsla(0,0%,100%,.65)}.room__copy{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:.6rem;font-size:1.2rem;font-weight:800;border:2px solid var(--color-primary);border-radius:var(--radius);background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.room__copy.is_copied{color:ivory;background:#16a34a;border-color:#16a34a}.invite{display:flex;align-items:flex-end;gap:var(--space-2)}.invite .field{flex:1;min-width:0}.invite__link{width:100%;text-overflow:ellipsis}.pilots{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none;font-size:var(--fs-body)}.pilots__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);animation:rise .3s ease-out both}.pilots__row--open{background:transparent;border-style:dashed;color:var(--color-ink-soft);animation:none}.pilots__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-frames{grid-area:1 / 1 / -1 / -1;margin:calc(var(--edge) * -1);display:grid;grid-template-columns:repeat(var(--columns, 1),minmax(0,1fr));grid-template-rows:repeat(var(--rows, 1),minmax(0,1fr))}.hud-frames--quad .hud-frame{--fs-hud: clamp(1.1rem, 2vw, 1.9rem);--fs-hud-label: clamp(.6rem, .65vw, .75rem);--edge: clamp(.6rem, 1.5vw, 1.5rem)}.hud-frame{position:relative;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top-left     top-right" "middle       panel" "bottom-left  bottom-right";gap:var(--space-3);padding:var(--edge)}.hud-frame--seam-left{border-left:3px solid hsla(0,0%,100%,.75);box-shadow:inset 3px 0 12px #00000026}.hud-frame--seam-top{border-top:3px solid hsla(0,0%,100%,.75);box-shadow:inset 0 3px 12px #00000026}.hud-frame--seam-left.hud-frame--seam-top{box-shadow:inset 3px 0 12px #00000026,inset 0 3px 12px #00000026}.player_chip{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:var(--space-1);padding:.2rem .65rem .2rem .45rem;font-size:var(--fs-hud-label);font-weight:700;letter-spacing:.04em;text-shadow:none;background:var(--surface-strong);border-radius:999px;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.banner{grid-area:middle;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:min(14rem,80%);padding:var(--space-3) var(--space-4);text-align:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.5);box-shadow:0 8px 30px #00000040;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);animation:rise .3s ease-out both}.banner__title{font-size:var(--fs-title);font-weight:800;line-height:1.1}.banner__sub{font-size:var(--fs-body);color:var(--color-ink-soft)}.banner__timer{width:100%;height:.35rem;border-radius:999px;background:#1715121f;overflow:hidden}.banner__timer:after{content:"";display:block;height:100%;background:var(--color-primary);transform-origin:left center;animation:drain 3s linear both}@keyframes drain{to{transform:scaleX(0)}}.medal{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:999px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-primary);background:#ffffffb3;border:2px solid hsla(40,12%,8%,.15)}.medal--1{background:linear-gradient(135deg,#fde68a,#f59e0b);border-color:#b45309}.medal--2{background:linear-gradient(135deg,#f1f5f9,#94a3b8);border-color:#64748b}.medal--3{background:linear-gradient(135deg,#fed7aa,#c2410c);border-color:#9a3412;color:ivory}.medal--dnf{opacity:.5}.banner--finished .medal{width:2.75rem;height:2.75rem;font-size:1.3rem;margin-bottom:var(--space-1)}.countdown{grid-area:1 / 1 / -1 / -1;place-self:center;font-size:calc(var(--fs-display) * 2);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 2px 30px hsla(0,0%,100%,.85)}.countdown:empty{display:none}.countdown.is_tick{animation:tick .6s cubic-bezier(.2,1.4,.4,1) both}@keyframes tick{0%{opacity:0;transform:scale(1.8)}}.scoreboard{grid-area:1 / 1 / 2 / -1;justify-self:center;align-self:start;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);max-width:50vw;margin:0;padding:.3rem;list-style:none;font-size:var(--fs-hud-label);background:var(--surface);border-radius:999px;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.scoreboard__row{display:flex;align-items:center;gap:.35rem;padding:.15rem .6rem .15rem .4rem;border-radius:999px}.scoreboard__row.is_you{font-weight:700;background:var(--surface-strong)}.scoreboard__rings{font-variant-numeric:tabular-nums;opacity:.7}.scoreboard__row.is_finished .scoreboard__rings{opacity:1;color:#15803d;font-weight:800}.nametag{display:inline-block;padding:.1rem .55rem;font-family:Roboto,system-ui,sans-serif;font-size:.8rem;font-weight:700;white-space:nowrap;color:var(--color-primary);background:var(--surface-strong);border:2px solid;border-radius:999px;box-shadow:0 2px 8px #0003;pointer-events:none;-webkit-user-select:none;user-select:none}.modal__card--wide{max-width:min(36rem,92vw);width:100%}.modal__card--wide .modal__title{font-size:clamp(2rem,4.4vw,3.5rem)}.results__headline{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.results{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin:0;padding:0;list-style:none;font-size:var(--fs-body);text-align:left}.results__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.16);border-radius:var(--radius);animation:rise .35s ease-out both}.results__row:nth-child(2){animation-delay:.06s}.results__row:nth-child(3){animation-delay:.12s}.results__row:nth-child(4){animation-delay:.18s}.results__row:nth-child(n+5){animation-delay:.24s}.results__row.is_winner{background:#fbbd232e;border-color:#fbbd238c}.results__body{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:0}.results__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.results__bar{height:.35rem;border-radius:999px;background:#ffffff24;overflow:hidden}.results__fill{display:block;height:100%;border-radius:inherit}.results__value{flex:none;font-weight:700;font-variant-numeric:tabular-nums}.loading{grid-area:1 / 1 / -1 / -1;margin:calc(var(--edge) * -1);display:grid;place-items:center;background:ivory}.loading__text{font-size:var(--fs-title);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(.75rem)}}@media(max-width:768px){.ui{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top-left     top-right" "middle       middle" "bottom-left  bottom-right";gap:var(--space-2)}.panel{grid-column:1 / -1;grid-row:2;align-self:stretch;justify-self:stretch;width:100%}.ui__lower{grid-column:1 / -1;max-width:none}.nav{width:100%}.nav .btn{flex:1 1 auto}.pilot_cards{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.panel,.modal__card,.modal__scrim{animation:none}.stall.is_stalling,.turbo.is_empty .hud__label,.warning,.loading__text,.banner,.banner__timer:after,.countdown.is_tick,.pilots__row,.results__row,.status__dot{animation:none}.choice:hover{transform:none}}.health{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:var(--space-2)}.health__track{width:clamp(7rem,16vw,12rem);height:.75rem;border-radius:999px;background:#fff3;overflow:hidden}.health__fill{width:100%;height:100%;border-radius:inherit;transform-origin:left center;transition:transform .15s ease-out;background:linear-gradient(90deg,#22c55e,#bbf7d0)}.health.is_low .health__fill{background:var(--color-danger)}.health.is_low .hud__label{opacity:1;color:var(--color-danger);animation:pulse .8s infinite}.crosshair,.lead_marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.crosshair{--cross: #fff;width:1.6rem;height:1.6rem;background:linear-gradient(90deg,var(--cross) 0 35%,transparent 35% 65%,var(--cross) 65% 100%) center / 100% 2px no-repeat,linear-gradient(var(--cross) 0 35%,transparent 35% 65%,var(--cross) 65% 100%) center / 2px 100% no-repeat;filter:drop-shadow(0 0 2px hsla(0,0%,0%,.6));transition:transform .08s ease-out}.crosshair.is_hit{--cross: #ff5a4f;transform:translate(-50%,-50%) scale(1.35)}.heat{position:absolute;top:calc(100% + .4rem);left:50%;width:2.6rem;height:.22rem;transform:translate(-50%);border-radius:999px;background:#ffffff40;overflow:hidden}.heat__fill{width:100%;height:100%;transform-origin:left center;transform:scaleX(0);will-change:transform;background:linear-gradient(90deg,#fde68a,#f97316)}.crosshair.is_locked .heat__fill{background:var(--color-danger);animation:pulse .4s infinite}.crosshair.is_locked{opacity:.45}.lead_marker{width:1.4rem;height:1.4rem;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000059,inset 0 0 0 1px #00000059}.aim_reticle,.nose_marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 2px hsla(0,0%,0%,.6))}.aim_reticle{width:2.4rem;height:2.4rem;border:1.5px solid hsla(0,0%,100%,.85);border-radius:50%;background:radial-gradient(circle,#fff 0 2px,transparent 2.5px)}.nose_marker{width:1.1rem;height:1.1rem;background:linear-gradient(90deg,#fff 0 35%,transparent 35% 65%,#fff 65% 100%) center / 100% 2px no-repeat,linear-gradient(#fff 0 35%,transparent 35% 65%,#fff 65% 100%) center / 2px 100% no-repeat}.aim_hint{grid-area:1 / 1 / -1 / -1;place-self:center;margin:10rem 0 0;padding:var(--space-2) var(--space-4);font-size:var(--fs-body);font-weight:700;background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);pointer-events:none}.damage_flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .25s ease-out;box-shadow:inset 0 0 6rem #c32d22bf}.damage_flash.is_on{opacity:1;transition:none}.kill_feed{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;margin:var(--space-2) 0 0;padding:0;list-style:none;font-size:var(--fs-hud-label);text-shadow:none}.kill_feed__line{display:flex;align-items:center;gap:.4rem;padding:.2rem .6rem;border-radius:999px;background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);animation:feed-in .2s ease-out,feed-out .6s ease-in 4.4s forwards}.kill_feed__line.is_mine{font-weight:700;background:var(--surface-strong);box-shadow:inset 0 0 0 2px var(--color-primary)}.kill_feed__name{display:inline-flex;align-items:center;gap:.3rem}.kill_feed__verb{opacity:.6}@keyframes feed-in{0%{opacity:0;transform:translate(1rem)}}@keyframes feed-out{to{opacity:0}}.kill_medals{position:absolute;top:22%;left:50%;transform:translate(-50%);pointer-events:none}.kill_medals__list{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin:0;padding:0;list-style:none}.kill_medal{--delay: calc(var(--index, 0) * .12s);padding:.2rem .8rem;font-size:calc(var(--fs-hud-label) * 1.15);font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--color-primary);text-shadow:none;background:linear-gradient(135deg,#fed7aa,#c2410c);border:2px solid #9a3412;border-radius:999px;box-shadow:0 4px 16px #00000040;animation:medal-in .45s cubic-bezier(.2,1.4,.4,1) var(--delay) both,feed-out .6s ease-in calc(2.5s + var(--delay)) forwards}.kill_medal:first-child{padding:.3rem 1.1rem;font-size:calc(var(--fs-hud) * .55)}.kill_medal--bronze{color:ivory}.kill_medal--silver{background:linear-gradient(135deg,#f1f5f9,#94a3b8);border-color:#64748b}.kill_medal--gold{background:linear-gradient(135deg,#fde68a,#f59e0b);border-color:#b45309;box-shadow:0 4px 20px #f59f0a80}@keyframes medal-in{0%{opacity:0;transform:scale(1.8)}}@media(prefers-reduced-motion:reduce){.kill_feed__line{animation:feed-out .01s linear 5s forwards}.kill_medal{animation:feed-out .01s linear 3s forwards}.health__fill,.crosshair{transition:none}}.is_pad .ui :focus,.toggle:has(.toggle__input:focus-visible),.slider__input:focus-visible,.bind_slot__key:focus-visible,.icon_button:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.is_pad .ui .toggle__input:focus{outline:none}.is_pad .ui .toggle:has(.toggle__input:focus){outline:3px solid var(--color-secondary);outline-offset:2px;border-radius:.4rem}.keycap--pad{min-width:1.9rem}.keycap--face{width:1.9rem;padding:0;border-radius:50%;font-size:1em}.keycap--cross{color:#5b8ff9}.keycap--circle{color:#e5484d}.keycap--square{color:#d16ad8}.keycap--triangle{color:#2fae8f}.keycap--xbox.keycap--cross{color:#3f9b3f}.keycap--xbox.keycap--circle{color:#d23c3c}.keycap--xbox.keycap--square{color:#3b6fd1}.keycap--xbox.keycap--triangle{color:#c99a16}.pad_hints{position:fixed;left:50%;bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));z-index:20;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-3);margin:0;padding:var(--space-1) var(--space-3);font-size:var(--fs-body);white-space:nowrap;color:var(--color-ink-soft);background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;pointer-events:none}.pad_hints>span{display:inline-flex;align-items:center;gap:var(--space-1)}.pad_stick{margin-right:var(--space-1);white-space:nowrap}.panel__subtitle{margin:var(--space-3) 0 var(--space-1);font-size:var(--fs-hud-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.slot_input{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;color:var(--color-ink-soft)}.slot_input--pad{color:var(--color-primary);font-weight:700}.slot_input__leave{width:1.4rem;font-size:1.1rem;line-height:1}