.bar.hud-bar{position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.9rem;padding:.4rem 1rem;--hud-ball: clamp(17px, 2.05vw, 26px);--hud-ball-big: calc(var(--hud-ball) * 1.35);--hud-gap: clamp(2px, .32vw, 5px)}.hud-defs{position:absolute;width:0;height:0;overflow:hidden}.hud-seat{position:relative;display:flex;align-items:center;gap:.7rem;justify-self:start;min-width:0;max-width:100%;padding:.3rem .7rem;border-radius:100px;border:1px solid transparent;transition:border-color .18s ease,background .18s ease}.hud-seat[hidden]{display:none}.hud-seat--right{justify-self:end}.hud-seat--active{border-color:var(--brass-dim);background:linear-gradient(180deg,#c9a24a1f,#c9a24a08)}.hud-seat--won{border-color:#5fb98a80;background:#5fb98a12}.hud-seat[data-banner]:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;background-color:var(--banner-bg, #10161a);-webkit-mask-image:linear-gradient(to left,#000 0%,#000 46%,transparent 88%);mask-image:linear-gradient(to left,#000 0%,#000 46%,transparent 88%);opacity:.85}.hud-seat--right[data-banner]:before{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 46%,transparent 88%);mask-image:linear-gradient(to right,#000 0%,#000 46%,transparent 88%)}.hud-seat>*{position:relative;z-index:1}.hud-seat[data-banner]{--banner-ink: color-mix(in srgb, var(--banner-fg, #c9a24a) 32%, transparent)}.hud-seat[data-banner=stripes]:before{background-image:repeating-linear-gradient(90deg,transparent 0 12px,var(--banner-ink) 12px 16px)}.hud-seat[data-banner=chevron]:before{background-image:repeating-linear-gradient(135deg,transparent 0 11px,var(--banner-ink) 11px 15px)}.hud-seat[data-banner=flag]:before{background-image:linear-gradient(0deg,transparent calc(50% - 6px),var(--banner-ink) calc(50% - 6px) calc(50% + 6px),transparent calc(50% + 6px)),linear-gradient(90deg,transparent calc(50% - 6px),var(--banner-ink) calc(50% - 6px) calc(50% + 6px),transparent calc(50% + 6px)),repeating-linear-gradient(45deg,transparent 0 52px,var(--banner-ink) 52px 58px),repeating-linear-gradient(-45deg,transparent 0 52px,var(--banner-ink) 52px 58px)}.hud-seat[data-banner]{--banner-ink3: color-mix(in srgb, var(--banner-c3, var(--banner-fg, #c9a24a)) 32%, transparent)}.hud-seat[data-banner=bands]:before{background-image:linear-gradient(180deg,var(--banner-ink) 0 33.3%,transparent 33.3% 66.6%,var(--banner-ink3) 66.6% 100%)}.hud-seat[data-banner=bars]:before{background-image:linear-gradient(90deg,var(--banner-ink) 0 33.3%,transparent 33.3% 66.6%,var(--banner-ink3) 66.6% 100%)}.hud-seat[data-banner=halves]:before{background-image:linear-gradient(180deg,transparent 0 50%,var(--banner-ink) 50% 100%)}.hud-seat[data-banner=triband]:before{background-image:linear-gradient(180deg,var(--banner-ink) 0 25%,transparent 25% 75%,var(--banner-ink) 75% 100%)}.hud-seat[data-banner=pale]:before{background-image:linear-gradient(90deg,var(--banner-ink) 0 25%,transparent 25% 75%,var(--banner-ink) 75% 100%)}.hud-seat[data-banner=nordic]:before{background-image:linear-gradient(180deg,transparent calc(50% - 5px),var(--banner-ink) calc(50% - 5px) calc(50% + 5px),transparent calc(50% + 5px)),linear-gradient(90deg,transparent 26px,var(--banner-ink) 26px 36px,transparent 36px)}.hud-seat--right[data-banner=nordic]:before{background-image:linear-gradient(180deg,transparent calc(50% - 5px),var(--banner-ink) calc(50% - 5px) calc(50% + 5px),transparent calc(50% + 5px)),linear-gradient(270deg,transparent 26px,var(--banner-ink) 26px 36px,transparent 36px)}.hud-seat[data-banner=saltire]:before{background-image:repeating-linear-gradient(45deg,transparent 0 44px,var(--banner-ink) 44px 52px),repeating-linear-gradient(-45deg,transparent 0 44px,var(--banner-ink3) 44px 52px)}.hud-seat[data-banner=diagonal]:before{background-image:linear-gradient(118deg,transparent 0 46%,var(--banner-ink) 46% 54%,var(--banner-ink3) 54% 100%)}.hud-seat--right[data-banner=diagonal]:before{background-image:linear-gradient(242deg,transparent 0 46%,var(--banner-ink) 46% 54%,var(--banner-ink3) 54% 100%)}.hud-seat[data-banner=hoist]:before{background-image:linear-gradient(to bottom right,var(--banner-ink) 0 40%,transparent 40% 100%)}.hud-seat--right[data-banner=hoist]:before{background-image:linear-gradient(to bottom left,var(--banner-ink) 0 40%,transparent 40% 100%)}.hud-seat[data-banner=canton]:before{background-image:linear-gradient(var(--banner-ink),var(--banner-ink));background-repeat:no-repeat;background-size:44px 52%;background-position:left top}.hud-seat--right[data-banner=canton]:before{background-position:right top}.hud-seat[data-banner=disc]:before{background-image:radial-gradient(circle 11px at 26px 50%,var(--banner-ink) 0 96%,transparent 96%)}.hud-seat--right[data-banner=disc]:before{background-image:radial-gradient(circle 11px at calc(100% - 26px) 50%,var(--banner-ink) 0 96%,transparent 96%)}.hud-seat[data-banner=rays]:before{background-image:radial-gradient(circle 7px at 26px 50%,var(--banner-ink) 0 96%,transparent 96%),repeating-conic-gradient(from 0deg at 26px 50%,var(--banner-ink3) 0deg 9deg,transparent 9deg 30deg)}.hud-seat--right[data-banner=rays]:before{background-image:radial-gradient(circle 7px at calc(100% - 26px) 50%,var(--banner-ink) 0 96%,transparent 96%),repeating-conic-gradient(from 0deg at calc(100% - 26px) 50%,var(--banner-ink3) 0deg 9deg,transparent 9deg 30deg)}.hud-seat[data-banner=crescent]:before{background-image:radial-gradient(circle 9px at 30px 50%,var(--banner-bg, #10161a) 0 96%,transparent 96%),radial-gradient(circle 12px at 26px 50%,var(--banner-ink) 0 96%,transparent 96%)}.hud-seat--right[data-banner=crescent]:before{background-image:radial-gradient(circle 9px at calc(100% - 30px) 50%,var(--banner-bg, #10161a) 0 96%,transparent 96%),radial-gradient(circle 12px at calc(100% - 26px) 50%,var(--banner-ink) 0 96%,transparent 96%)}.hud-seat[data-banner=stars]:before{background-image:radial-gradient(circle 2px at 6px 6px,var(--banner-ink) 0 99%,transparent 99%);background-size:17px 17px}.hud-seat[data-banner=chequer]:before{background-image:conic-gradient(var(--banner-ink) 0deg 90deg,transparent 90deg 180deg,var(--banner-ink) 180deg 270deg,transparent 270deg 360deg);background-size:16px 16px}.hud-seat[data-banner=border]:before{background-image:linear-gradient(180deg,var(--banner-ink) 0 5px,transparent 5px),linear-gradient(0deg,var(--banner-ink) 0 5px,transparent 5px),linear-gradient(90deg,var(--banner-ink3) 0 5px,transparent 5px),linear-gradient(270deg,var(--banner-ink3) 0 5px,transparent 5px)}.hud-seat[data-banner-flag]:before{background-image:var(--banner-flag);background-repeat:no-repeat;background-position:right center;background-size:auto 100%;opacity:.92}.hud-seat--right[data-banner-flag]:before{background-position:left center}.hud-legend{flex:none;max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--banner-fg, var(--brass-dim));opacity:.75}.hud-legend[hidden]{display:none}.hud-seat[data-banner] .hud-balls{filter:drop-shadow(0 0 2px rgb(0 0 0 / .85))}.hud-seat[data-banner] .hud-name,.hud-seat[data-banner] .hud-raceline{text-shadow:0 1px 3px rgb(0 0 0 / .9)}.hud-avatar{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden;font-size:12px;font-weight:650;color:var(--ink-faint);background:var(--panel-2);border:1px solid var(--line);transition:box-shadow .18s ease,color .18s ease,border-color .18s ease,background .18s ease}.hud-avatar .hud-face{width:62%;height:62%;opacity:.75}.hud-avatar .hud-face-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hud-seat--active .hud-avatar{color:#14100a;background:var(--brass);border-color:var(--brass);box-shadow:0 0 0 3px #c9a24a2e}.hud-seat--won .hud-avatar{color:#0a1410;background:var(--good);border-color:var(--good)}.hud-id{display:flex;flex-direction:column;gap:2px;min-width:0}.hud-seat--right .hud-id{align-items:flex-end}.hud-nameline{display:flex;align-items:center;gap:.32rem;min-width:0}.hud-name{font-weight:560;line-height:1.15;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .18s ease}.hud-crown{flex:none;display:inline-flex;color:var(--good)}.hud-crown svg{width:12px;height:12px}.hud-crown[hidden]{display:none}.hud-level{flex:none;font-size:.68rem;color:var(--ink-faint);letter-spacing:.02em}.hud-level[hidden]{display:none}.hud-seat--active .hud-name,.hud-seat--won .hud-name{color:var(--ink)}.hud-raceline{display:flex;align-items:center;gap:.4rem;line-height:1;min-height:9px}.hud-seat--right .hud-raceline{flex-direction:row-reverse}.hud-frame{font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:var(--ink-faint)}.hud-pips{display:flex;gap:3px}.hud-pip{width:6px;height:6px;border-radius:50%;border:1px solid var(--ink-faint)}.hud-pip--won{background:var(--ink-dim);border-color:var(--ink-dim)}.hud-seat--active .hud-pip--won{background:var(--ink);border-color:var(--ink)}.hud-tally{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--ink-dim)}.hud-of{color:var(--ink-faint);margin:0 1px}.hud-balls{display:flex;align-items:center;gap:var(--hud-gap);flex:none;min-width:0;transition:filter .22s ease}.hud-seat--dim .hud-balls{filter:saturate(.4)}.hud-seat--right .hud-balls{flex-direction:row-reverse}.hud-balls[hidden]{display:none}.hud-ball{width:var(--hud-ball);height:var(--hud-ball);flex:none;display:block;transition:opacity .22s ease}.hud-ball text{font-family:var(--mono);font-size:36px;font-weight:700;fill:#15181a}.hud-ball--down{opacity:.16;filter:saturate(.15)}.hud-ball--lone{width:var(--hud-ball-big);height:var(--hud-ball-big);margin-inline:.2rem}.hud-ball--open{color:var(--ink-faint);opacity:.75}.hud-centre{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.hud-rotation{display:flex;align-items:flex-end;gap:calc(var(--hud-gap) + 2px);padding:0 .3rem}.hud-rot-slot{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-rot-slot .hud-ball{width:var(--hud-ball-big);height:var(--hud-ball-big)}.hud-rot-arrow{display:block;width:10px;height:7px;color:transparent}.hud-rot-arrow svg{display:block;width:100%;height:100%}.hud-rot-slot--next .hud-rot-arrow{color:var(--brass);animation:hud-next-pulse 1.6s ease-in-out infinite}.hud-rot-slot--next .hud-ball{border-radius:50%;box-shadow:0 0 0 2px var(--brass-dim)}@keyframes hud-next-pulse{0%,to{color:var(--brass-dim);filter:none}50%{color:var(--brass);filter:drop-shadow(0 0 5px rgb(201 162 74 / .85))}}.hud-rotation[data-count="10"]{gap:var(--hud-gap)}.hud-points{display:flex;align-items:baseline;gap:.5rem;font-family:var(--mono)}.hud-points b{font-size:clamp(17px,2.4vw,23px);font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.hud-points-gap{font-size:11px;font-weight:600;color:var(--brass);letter-spacing:.02em}.hud-points-under{margin-top:2px;font-family:var(--mono);font-size:10px;letter-spacing:.02em;color:var(--ink-faint);text-align:center}.hud-points-under b{font-size:10px;color:var(--ink-dim)}.hud-points-under--warn{color:var(--ink-dim)}.hud-points-foul{margin-top:1px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--foul);text-align:center}@media(prefers-reduced-motion:reduce){.hud-rot-slot--next .hud-rot-arrow{animation:none;color:var(--brass)}.hud-seat,.hud-avatar,.hud-name,.hud-ball{transition:none}}@media(max-width:980px){.bar.hud-bar{gap:.5rem;padding:.35rem .6rem;--hud-ball: clamp(14px, 2.2vw, 20px)}.hud-seat{gap:.45rem;padding:.25rem .45rem}.hud-name{font-size:12.5px}}@media(max-width:760px){.hud-raceline{display:none}.hud-avatar{width:24px;height:24px;font-size:11px}}@media(max-width:640px){.hud-avatar,.hud-name{display:none}}.decision{min-width:min(21rem,92%);box-sizing:border-box}.decision-choices{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.5rem;width:100%;max-width:100%}.decision .choice{display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;gap:0;width:auto;min-width:8.25rem;max-width:100%;min-height:2.65rem;padding:.55rem 1.15rem;font-size:14px;font-weight:550;line-height:1.15;letter-spacing:.01em;text-align:center;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;hyphens:none;border:1px solid var(--brass-dim);border-radius:10px;background:transparent;color:var(--brass);cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease}.decision #decision-take{border-color:var(--brass);background:var(--brass);color:var(--void);font-weight:650}.decision #decision-take:hover:not(:disabled){background:#dbb257;border-color:#dbb257;color:var(--void)}.decision #decision-pass{border-color:var(--brass-dim);background:#c9a24a14;color:var(--brass)}.decision #decision-pass:hover:not(:disabled){background:#c9a24a29;border-color:var(--brass);color:var(--brass)}.decision #decision-replace{border-color:var(--line);background:#e9eef00a;color:var(--ink-dim);font-weight:550}.decision #decision-replace:hover:not(:disabled){background:#e9eef01a;border-color:var(--ink-faint);color:var(--ink)}.decision .choice:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-color:var(--brass)}.decision .choice:active:not(:disabled){transform:translateY(1px)}@media(max-width:460px){.decision .choice{white-space:normal;min-width:7rem}}.hud-practice{grid-column:3;justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;min-width:0}.hud-practice-row{display:flex;align-items:center;gap:.35rem;min-width:0}.hud-practice[hidden],.hud-practice-row[hidden]{display:none}.hud-pbtn,.hud-pick{font:inherit;font-size:.72rem;letter-spacing:.02em;color:var(--ink-dim);background:transparent;border:1px solid var(--line);border-radius:100px;padding:.22rem .62rem;cursor:pointer;white-space:nowrap;transition:color .12s ease,border-color .12s ease,background-color .12s ease}.hud-pbtn:hover,.hud-pick:hover{color:var(--ink);border-color:var(--ink-faint)}.hud-pbtn:disabled{opacity:.35;cursor:default;pointer-events:none}.hud-pbtn:focus-visible,.hud-pick:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.hud-pbtn.is-on{color:var(--brass);border-color:var(--brass-dim);background:#c9a24a14}.hud-pick{appearance:none;padding-right:.62rem;max-width:8.5rem;overflow:hidden;text-overflow:ellipsis}.hud-pick option{background:var(--panel);color:var(--ink)}@media(max-width:760px){.hud-practice{gap:.25rem}.hud-pbtn,.hud-pick{font-size:.66rem;padding:.18rem .5rem}.hud-pick{max-width:6rem}}.emote-sky{position:fixed;inset:0;z-index:8;pointer-events:none;overflow:hidden}.emote-flit{position:absolute;top:0;left:0;display:flex;align-items:center;gap:.35rem;padding:.22rem .6rem;border-radius:100px;border:1px solid var(--line);background:var(--panel-2);box-shadow:0 6px 18px #00000073;white-space:nowrap;pointer-events:none;will-change:transform,opacity}.emote-flit.is-still{transition:opacity .16s ease}.emote-flit.is-out{opacity:0;transition:opacity .6s ease}.emote-flit-face{font-size:1.1rem;line-height:1}.emote-flit-text{font-size:.72rem;font-weight:600;color:var(--ink)}.hud-equip{display:flex;align-items:center;justify-content:center;gap:.55rem;min-width:0;flex-wrap:wrap}.hud-equip-racks{display:flex;align-items:center;gap:.35rem}.hud-rackbtn[aria-pressed=true]{color:var(--ink);border-color:var(--ink-faint);background:#ffffff0d}