.hud{position:absolute;inset:0;pointer-events:none;--rail-x: var(--edge-x);--rail-r: var(--edge-r)}.hud-top{position:absolute;top:var(--edge-t);left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:var(--gap);max-width:2000px;margin-inline:auto;padding-inline:var(--edge-x) var(--edge-r)}.hud-scorestack{display:grid;justify-items:center;gap:8px;min-width:0;width:min(440px,36vw)}.hud-score{display:flex;align-items:center;gap:13px;margin-top:calc(var(--edge-t) * -1);padding:7px 13px 8px 20px;border-radius:0 0 var(--r-m) var(--r-m);background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:inset 0 0 0 1px var(--hair),var(--sh-2),var(--inset-hi)}.score-body{display:grid;justify-items:center;gap:1px}.score-line{display:flex;align-items:baseline;gap:11px;font-size:var(--fs-l);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.03em;line-height:1}.score-num{color:var(--ink-2);transition:color var(--d-3) var(--ease),text-shadow var(--d-3) var(--ease)}.score-dash{font-style:normal;color:var(--ink-4);font-size:.7em}.hud-score.is-p1 .score-num:first-of-type,.hud-score.is-p2 .score-num:last-of-type{color:var(--acc-hi);text-shadow:0 0 18px var(--acc-glow)}.score-meta{display:flex;align-items:center;gap:9px;font-size:var(--fs-2xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--ink-4)}.score-race:before{content:"";display:inline-block;width:3px;height:3px;margin-right:9px;border-radius:50%;background:currentColor;vertical-align:middle}.pcard{position:relative;width:clamp(196px,20vw,300px);padding:11px 13px 12px;border-radius:var(--r-m);background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:inset 0 0 0 1px var(--hair),var(--sh-2),var(--inset-hi);opacity:.78;transform:scale(1);transform-origin:top left;transition:opacity var(--d-3) var(--ease),transform var(--d-3) var(--ease-out),box-shadow var(--d-3) var(--ease)}.pcard.is-left{justify-self:start}.pcard.is-right{justify-self:end;transform-origin:top right}.pcard.is-active{opacity:1;transform:scale(1.025);box-shadow:inset 0 0 0 1px #ffbf6c8c,0 0 34px -12px var(--acc-glow),var(--sh-2)}.pcard.is-turnpop{animation:card-pop .52s var(--ease-out)}@keyframes card-pop{0%{transform:scale(1)}46%{transform:scale(1.062)}to{transform:scale(1.025)}}.pcard-glow{position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(160deg,var(--acc-soft),transparent 58%);opacity:0;transition:opacity var(--d-3) var(--ease);pointer-events:none}.pcard.is-active .pcard-glow{opacity:1}.pcard-body{position:relative;display:flex;align-items:center;gap:11px}.pcard.is-right .pcard-body{flex-direction:row-reverse;text-align:right}.pcard-avatar{position:relative;display:grid;place-items:center;width:clamp(34px,2.9vw,44px);aspect-ratio:1;flex:none;border-radius:50%;background:linear-gradient(158deg,hsl(var(--hue, 32) 42% 40%),hsl(var(--hue, 32) 38% 19%));box-shadow:inset 0 1px #ffffff2e,0 5px 14px -6px #000c}.pcard-avatar-ring{position:absolute;inset:-3px;border-radius:50%;box-shadow:0 0 0 1.5px var(--acc);opacity:0;transform:scale(.86);transition:opacity var(--d-3) var(--ease),transform var(--d-3) var(--ease-pop)}.pcard.is-active .pcard-avatar-ring{opacity:.85;transform:scale(1)}.pcard-monogram{font-size:var(--fs-s);font-weight:750;letter-spacing:.02em;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pcard-info{min-width:0;flex:1 1 auto}.pcard-namerow{display:flex;align-items:center;gap:7px;min-width:0}.pcard.is-right .pcard-namerow{flex-direction:row-reverse}.pcard-name{font-size:var(--fs-m);font-weight:640;letter-spacing:-.005em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard-tag{flex:none;padding:2px 6px;border-radius:5px;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.12em;color:var(--acc-hi);background:var(--acc-soft);box-shadow:inset 0 0 0 1px #ffbf6c4d}.pcard-grouprow{display:flex;align-items:center;gap:6px;margin-top:3px}.pcard.is-right .pcard-grouprow{flex-direction:row-reverse}.pcard-grouptext{font-size:var(--fs-xs);font-weight:550;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.pcard-score{flex:none;font-size:var(--fs-l);font-weight:750;font-variant-numeric:tabular-nums;color:var(--ink-2);line-height:1}.pcard-score.is-bumped{animation:score-bump .46s var(--ease-pop)}@keyframes score-bump{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.pcard-pips{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:10px;min-height:var(--pip)}.pcard.is-right .pcard-pips{justify-content:flex-end}.pip,.pcard-groupicon{position:relative;width:var(--pip);height:var(--pip);flex:none;border-radius:50%;overflow:hidden;background:#f4f0e6;box-shadow:inset 0 -1.5px 2.5px #0000006b,inset 0 1px 1px #fff6,0 1px 2px #00000073;transition:opacity var(--d-3) var(--ease),transform var(--d-3) var(--ease-pop),filter var(--d-3) var(--ease)}.pip.is-solid,.pcard-groupicon.is-solid{background:var(--c, #999)}.pip.is-stripe:before,.pcard-groupicon.is-stripe:before{content:"";position:absolute;inset:25% -12%;background:var(--c, #999)}.pip:after,.pcard-groupicon:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 33% 26%,#ffffffb3,#fff0 46%),radial-gradient(circle at 64% 80%,rgba(0,0,0,.3),transparent 52%)}.pip.is-off{opacity:.2;transform:scale(.76);filter:saturate(.2)}.pip.is-neutral{background:#ffffff29}.pip.is-neutral:after{opacity:.35}.pip-eight{margin-left:7px}.pip.is-target{opacity:1;animation:pip-breathe 1.9s var(--ease) infinite;box-shadow:inset 0 -1.5px 2.5px #0000006b,0 0 0 1.5px var(--acc),0 0 12px var(--acc-glow)}@keyframes pip-breathe{0%,to{transform:scale(1.1)}50%{transform:scale(1.24)}}.pcard-groupicon{width:clamp(11px,.9vw,14px);height:clamp(11px,.9vw,14px)}.pcard-groupicon.is-open{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink-4)}.pcard-groupicon.is-open:after{display:none}.hud-banner{position:relative;max-width:100%;opacity:0;transform:translateY(-7px) scale(.98);transition:opacity var(--d-2) var(--ease),transform var(--d-2) var(--ease-out);will-change:transform,opacity}.hud-banner.is-in{opacity:1;transform:none}.banner-card{position:relative;display:flex;align-items:center;gap:11px;padding:8px 16px 9px 10px;border-radius:var(--r-m);overflow:hidden;text-align:left;background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:inset 0 0 0 1px var(--hair),var(--sh-2),var(--inset-hi)}.banner-glyph{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;font-size:var(--fs-xs);font-weight:800;line-height:1;color:#1b1409;background:linear-gradient(180deg,var(--acc-hi),var(--acc));box-shadow:0 4px 12px -4px var(--acc-glow)}.banner-texts{min-width:0}.banner-title{font-size:var(--fs-s);font-weight:650;letter-spacing:.005em;line-height:1.25;color:var(--ink)}.banner-sub{margin-top:1px;font-size:var(--fs-xs);font-weight:450;line-height:1.3;color:var(--ink-3)}.banner-bar{position:absolute;left:0;right:0;bottom:0;height:2px;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--acc),transparent);opacity:.65}.hud-banner.is-in .banner-bar{animation:banner-drain var(--dur, 2.4s) linear forwards}@keyframes banner-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.banner-card.is-foul .banner-glyph{color:#fff;background:linear-gradient(180deg,#ff8272,var(--bad));box-shadow:0 4px 12px -4px #eb4c3eb3}.banner-card.is-warn .banner-glyph{color:#241a03;background:linear-gradient(180deg,#ffe08a,var(--warn));box-shadow:0 4px 12px -4px #f6c44699}.banner-card.is-foul{box-shadow:inset 0 0 0 1px #eb4c3e66,var(--sh-3)}.banner-card.is-foul .banner-bar{background:linear-gradient(90deg,var(--bad),transparent)}.banner-card.is-success .banner-glyph{color:#06210f;background:linear-gradient(180deg,#8bf0b6,var(--ok));box-shadow:0 4px 12px -4px #46d68499}.banner-card.is-over .banner-glyph{font-size:var(--fs-xs)}.hud-status{justify-self:center;max-width:100%;opacity:0;transform:translateY(-6px);transition:opacity var(--d-2) var(--ease),transform var(--d-2) var(--ease-out)}.hud-status.is-in{opacity:1;transform:translateY(0)}.hud-status-text{display:inline-block;padding:6px 15px 7px;border-radius:999px;background:var(--acc-soft);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:inset 0 0 0 1px #ffbf6c5c;font-size:var(--fs-xs);font-weight:650;letter-spacing:.11em;text-transform:uppercase;color:var(--acc-hi)}.hud-dock{position:absolute;left:var(--rail-x);bottom:var(--edge-b);display:flex;gap:8px}.ui-iconbtn:disabled{cursor:default;color:var(--ink-3)}.ui-iconbtn:disabled .ui-icon{opacity:.5}.ui-iconbtn:disabled:hover,.ui-iconbtn:disabled:active{transform:none;color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--hair),var(--sh-1),var(--inset-hi)}.hud-shoot{position:absolute;right:var(--rail-r);bottom:var(--edge-b);min-width:138px;letter-spacing:.06em;text-transform:uppercase}.hud-shoot.is-idle{color:var(--ink-3);background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--hair),var(--sh-1);cursor:default}.hud-shoot.is-idle:hover{color:var(--ink-2);background:#ffffff14;box-shadow:inset 0 0 0 1px var(--hair-hi),var(--sh-1)}.hud-shoot.is-idle:active{transform:none}.hud-shoot.is-idle .ui-icon{opacity:.55}.hud-spin,.hud-power{transition:opacity var(--d-2) var(--ease),transform var(--d-3) var(--ease-out),visibility 0s}.hud.is-busy .hud-spin,.hud.is-busy .hud-power{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--d-2) var(--ease),transform var(--d-3) var(--ease),visibility 0s linear var(--d-3)}.hud.is-busy .hud-spin{transform:translateY(20px) scale(.95)}.hud.is-busy .hud-power{transform:translateY(-50%) translate(28px) scale(.95)}@media(max-width:1100px){.pcard{width:clamp(160px,24vw,230px)}.pcard-score,.score-race{display:none}}@media(max-width:780px){.spin-side{display:none}.pcard{width:clamp(120px,27vw,178px);padding:8px 10px 9px}.pcard-pips{gap:4px;margin-top:7px}.hud-shoot{min-width:110px}.hud-scorestack{width:min(320px,42vw)}.hud-score{gap:9px;padding:6px 10px 7px 14px}}@media(max-width:620px){.hud-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:8px}.pcard.is-left,.pcard.is-right{justify-self:stretch;width:auto;transform-origin:top center}.pcard.is-left{grid-area:1 / 1 / 2 / 2}.pcard.is-right{grid-area:1 / 2 / 2 / 3}.hud-scorestack{grid-area:2 / 1 / 3 / 3;width:100%}.hud-score{margin-top:0;border-radius:var(--r-m)}.hud-banner{width:100%}.banner-card{justify-content:flex-start}.pockets-panel{left:auto;right:var(--rail-r);bottom:calc(var(--edge-b) + 52px);transform:none}.pockets-panel.is-enter{animation-name:pockets-in-right}.pockets-table{width:clamp(132px,38vw,172px)}}@media(max-height:560px){.hud-scorestack{gap:6px}.hud-spin{bottom:calc(var(--edge-b) + 46px);padding:8px 10px}.spin-head,.spin-readout{display:none}.pockets-table{width:clamp(140px,20vw,180px)}.pcard-pips{margin-top:6px}}@media(min-aspect-ratio:2/1)and (min-width:1600px){.hud-top{max-width:min(2000px,190vh)}.hud{--rail-x: calc(max(0px, (100vw - min(2000px, 190vh)) / 2) + var(--edge-x));--rail-r: calc(max(0px, (100vw - min(2000px, 190vh)) / 2) + var(--edge-r))}}@media(prefers-reduced-motion:reduce){.hud.is-busy .hud-spin,.hud.is-busy .hud-power{transition-delay:0s!important}}.hud-power{position:absolute;right:var(--rail-r);top:50%;display:grid;justify-items:center;gap:9px;padding:13px 11px 11px;border-radius:var(--r-l);transform:translateY(-50%);background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:inset 0 0 0 1px var(--hair),var(--sh-2),var(--inset-hi)}.power-label{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-4)}.power-track{position:relative;width:16px;height:var(--power-h);border-radius:999px;overflow:hidden;background:#00000073;box-shadow:inset 0 0 0 1px var(--hair),inset 0 2px 9px #000000a6}.power-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ff5a46,#f6883a,#f6c446 52%,#9fdc64,#46d684);clip-path:inset(100% 0 0 0)}.power-ticks{position:absolute;inset:0;pointer-events:none}.power-tick{position:absolute;left:3px;right:3px;height:1px;top:calc((1 - var(--at, 0)) * 100%);background:#ffffff29}.power-tick.is-major{left:0;right:0;background:#ffffff47}.power-peak{position:absolute;left:-4px;right:-4px;bottom:0;height:2px;border-radius:2px;background:var(--acc-hi);box-shadow:0 0 10px var(--acc-glow);transform:translateY(calc(var(--peak, 0) * var(--power-h) * -1));pointer-events:none}.power-value{display:flex;align-items:baseline;gap:1px;color:var(--pc, var(--ink));font-variant-numeric:tabular-nums;transition:color var(--d-2) var(--ease)}.power-num{font-size:var(--fs-m);font-weight:750;line-height:1}.power-pct{font-size:var(--fs-2xs);font-style:normal;opacity:.6}.hud-power.is-max .power-track{animation:power-throb .78s var(--ease) infinite}@keyframes power-throb{0%,to{box-shadow:inset 0 0 0 1px var(--hair),inset 0 2px 9px #000000a6}50%{box-shadow:inset 0 0 0 1px #ff8c78b3,inset 0 2px 9px #000000a6,0 0 22px 3px #eb4c3e6b}}.hud-spin{position:absolute;left:var(--rail-x);bottom:calc(var(--edge-b) + 50px);display:grid;gap:6px;padding:9px 11px 8px;border-radius:var(--r-l);background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:inset 0 0 0 1px var(--hair),var(--sh-2),var(--inset-hi)}.spin-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.spin-title{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-4)}.spin-hint{font-size:var(--fs-2xs);letter-spacing:.08em;color:var(--ink-4);opacity:.7}.spin-body{display:flex;align-items:center;gap:10px}.spin-pad{position:relative;width:var(--spin-size);aspect-ratio:1;flex:none;border-radius:50%;cursor:crosshair;touch-action:none;background:radial-gradient(circle at 34% 27%,#fffdf6,#f4efe2 38%,#ddd6c6 72%,#b8b1a2);box-shadow:inset -4px -6px 14px #0000003d,inset 3px 4px 10px #ffffff80,0 6px 18px -8px #000000bf}.spin-face{position:absolute;inset:0;width:100%;height:100%}.spin-ball{fill:none;stroke:#00000029;stroke-width:1}.spin-shade{fill:none;stroke:#00000012;stroke-width:7}.spin-limit{fill:none;stroke:#0000003d;stroke-width:1;stroke-dasharray:3 4.5;transition:stroke var(--d-2) var(--ease)}.spin-cross{stroke:#00000024;stroke-width:1}.spin-centre{fill:#0000004d}.hud-spin.is-warn .spin-limit{stroke:#eb4c3ebf}.hud-spin.is-danger .spin-limit{stroke:var(--bad);stroke-dasharray:none}.spin-marker{--r: calc(var(--spin-size) / 2 * .92);position:absolute;left:50%;top:50%;width:21%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8fd0ff,#2f80cf 52%,#12457d);box-shadow:0 0 0 2px #ffffffb3,0 3px 7px #0000008c;transform:translate(-50%,-50%) translate(calc(var(--sx, 0) * var(--r)),calc(var(--sy, 0) * var(--r)));transition:transform var(--d-1) var(--ease);pointer-events:none}.spin-pad.is-dragging .spin-marker{transition:none}.spin-pad:focus-visible{outline-offset:5px}.spin-warn-ring{position:absolute;inset:-4px;border-radius:50%;box-shadow:0 0 0 2px #eb4c3ee6,0 0 24px #eb4c3e66;opacity:0;transition:opacity var(--d-2) var(--ease);pointer-events:none}.hud-spin.is-warn .spin-warn-ring{opacity:.5}.hud-spin.is-danger .spin-warn-ring{opacity:1;animation:warn-throb .9s var(--ease) infinite}@keyframes warn-throb{0%,to{opacity:.55}50%{opacity:1}}.spin-side{position:relative;width:clamp(58px,5vw,82px);flex:none}.spin-side-svg{display:block;width:100%;height:auto}.spin-cloth{stroke:#1f6b4abf;stroke-width:2;stroke-linecap:round}.spin-side-ball{fill:#f2ecdf;stroke:#0003;stroke-width:.8}.spin-side-gloss{fill:#ffffffe6}.spin-cue-shaft{stroke:#c9a06a;stroke-width:3.2;stroke-linecap:round}.spin-cue-tip{stroke:#4a86c9;stroke-width:5.2;stroke-linecap:round}.spin-cue{transition:transform var(--d-2) var(--ease-out)}.spin-elev{position:absolute;top:0;right:0;font-size:var(--fs-2xs);font-weight:650;font-variant-numeric:tabular-nums;color:var(--ink-4);transition:color var(--d-2) var(--ease)}.spin-side.is-jacked .spin-elev{color:var(--acc-hi)}.spin-readout{font-size:var(--fs-xs);font-weight:550;letter-spacing:.03em;color:var(--ink-3);font-variant-numeric:tabular-nums;min-height:1.2em}.hud-spin.is-danger .spin-readout{color:#ff9a90}.hud-clock{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;margin-left:3px}.hud-clock:before{content:"";position:absolute;left:-14px;top:3px;bottom:3px;width:1px;background:var(--hair)}.hud-clock.is-paused .clock-bg{stroke:#ffffff12}.hud-clock.is-paused .clock-fg{stroke:var(--ink-4)}.hud-clock.is-paused .clock-num{color:var(--ink-3)}.clock-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.clock-bg{fill:#00000057;stroke:#ffffff1a;stroke-width:3}.clock-fg{fill:none;stroke:var(--acc);stroke-width:3;stroke-linecap:round;transition:stroke var(--d-3) var(--ease)}.clock-num{position:relative;font-size:var(--fs-s);font-weight:750;font-variant-numeric:tabular-nums;color:var(--ink-2);transition:color var(--d-3) var(--ease)}.hud-clock.is-warn .clock-fg{stroke:var(--warn)}.hud-clock.is-warn .clock-num{color:var(--warn)}.hud-clock.is-danger .clock-fg{stroke:var(--bad)}.hud-clock.is-danger .clock-num{color:#ff9a90}.hud-clock.is-danger .clock-ring{animation:clock-throb 1s var(--ease) infinite}@keyframes clock-throb{0%,to{transform:rotate(-90deg) scale(1)}50%{transform:rotate(-90deg) scale(1.1)}}.hud-pockets{position:absolute;inset:0}.pockets-panel{position:absolute;left:50%;bottom:var(--edge-b);display:grid;justify-items:center;gap:7px;padding:9px 13px 10px;border-radius:var(--r-m);transform:translate(-50%);background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:inset 0 0 0 1px var(--hair),var(--sh-3),var(--inset-hi)}.pockets-panel.is-enter{animation:pockets-in .38s var(--ease-out)}@keyframes pockets-in{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pockets-in-right{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pockets-head{display:flex;align-items:center;gap:8px;color:var(--acc-hi)}.pockets-title{font-size:var(--fs-xs);font-weight:700;letter-spacing:.13em;text-transform:uppercase}.pockets-table{position:relative;width:clamp(158px,15vw,214px);border-radius:11px;background:radial-gradient(120% 150% at 50% 0%,#2c8560,#1a5e40 58%,#10402c);box-shadow:inset 0 0 0 6px #3d2718,inset 0 0 0 7px #0000008c,inset 0 8px 22px #00000073,0 10px 26px -12px #000c}.pockets-cloth{position:absolute;inset:8px;border-radius:7px;background:linear-gradient(90deg,transparent calc(25% - .5px),rgba(255,255,255,.14) 25%,transparent calc(25% + .5px));pointer-events:none}.pocket-btn{position:absolute;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;transform:translate(-50%,-50%);touch-action:manipulation}.pocket-dot{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#10161a,#04070a 70%);box-shadow:0 0 0 2px #ffb24dd9,0 0 0 3.5px #0000008c,0 0 12px -2px var(--acc-glow);transition:transform var(--d-2) var(--ease-pop),background var(--d-2) var(--ease),box-shadow var(--d-2) var(--ease)}.pocket-btn.is-side .pocket-dot{width:16px;height:12px;border-radius:999px}.pocket-halo{position:absolute;inset:1px;border-radius:50%;box-shadow:0 0 0 2px var(--acc),0 0 20px var(--acc-glow);opacity:0;transform:scale(.66);transition:opacity var(--d-2) var(--ease),transform var(--d-2) var(--ease-pop);pointer-events:none}.pocket-btn:hover .pocket-dot{transform:scale(1.22)}.pocket-btn:active .pocket-dot{transform:scale(1.05)}.pocket-btn.is-selected .pocket-dot{transform:scale(1.15);background:radial-gradient(circle at 36% 30%,var(--acc-hi),var(--acc-deep));box-shadow:0 0 0 2px #ffffff8c,0 0 16px 2px var(--acc-glow)}.pocket-btn.is-selected .pocket-halo{opacity:1;transform:scale(1)}.hud-pockets:not(.is-overlay) .pocket-btn:not(.is-selected) .pocket-halo{opacity:.25;transform:scale(.9);animation:pocket-breathe 2.6s var(--ease) infinite}@keyframes pocket-breathe{0%,to{opacity:.16;transform:scale(.82)}50%{opacity:.44;transform:scale(1.02)}}.pockets-hint{font-size:var(--fs-2xs);font-weight:600;letter-spacing:.09em;text-transform:uppercase;text-align:center;color:var(--ink-3)}.hud-pockets.is-overlay .pockets-panel{position:absolute;inset:0 0 auto;display:block;padding:0;transform:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.hud-pockets.is-overlay .pockets-head,.hud-pockets.is-overlay .pockets-hint,.hud-pockets.is-overlay .pockets-cloth{display:none}.hud-pockets.is-overlay .pockets-table{position:absolute;inset:0;width:auto;border-radius:0;background:none;box-shadow:none}.hud-pockets.is-overlay .pocket-btn{width:44px;height:44px}.hud-pockets.is-overlay .pocket-dot{width:18px;height:18px}.ui-drawer{position:fixed;inset:0;z-index:40;pointer-events:none}.ui-scrim{position:absolute;inset:0;background:#03050780;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity var(--d-3) var(--ease)}.ui-drawer.is-open .ui-scrim{opacity:1}.ui-drawer:not(.is-open) .ui-scrim,.ui-drawer:not(.is-open) .ui-drawer-panel{pointer-events:none}.ui-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(390px,92vw);display:grid;grid-template-rows:auto 1fr auto;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:inset 1px 0 0 var(--hair),var(--sh-3);transform:translate(102%);transition:transform var(--d-3) var(--ease-out);will-change:transform}.ui-drawer.is-open .ui-drawer-panel{transform:translate(0)}.ui-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 22px 16px;border-bottom:1px solid var(--hair)}.ui-drawer-title{margin:0;font-size:var(--fs-l);font-weight:700;letter-spacing:-.01em}.ui-drawer-sub{margin:4px 0 0;font-size:var(--fs-xs);color:var(--ink-3)}.ui-drawer-close{flex:none}.ui-drawer-body{display:grid;align-content:start;gap:26px;padding:22px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.ui-drawer-body::-webkit-scrollbar{width:8px}.ui-drawer-body::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background-clip:content-box;background-color:#ffffff29}.ui-section{display:grid;gap:16px}.ui-section-title{margin:0;font-size:var(--fs-2xs);font-weight:750;letter-spacing:.24em;text-transform:uppercase;color:var(--acc);opacity:.85}.ui-drawer-foot{display:flex;gap:10px;padding:16px 22px 22px;border-top:1px solid var(--hair)}.ui-drawer-foot .ui-btn{flex:1 1 auto}.ui-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top,0px)) 24px max(24px,env(safe-area-inset-bottom,0px));pointer-events:auto;background:radial-gradient(120% 90% at 50% 42%,#080c0eb8,#030507ed 72%);backdrop-filter:blur(9px) saturate(120%);-webkit-backdrop-filter:blur(9px) saturate(120%);opacity:0;transition:opacity var(--d-3) var(--ease)}.ui-overlay.is-open{opacity:1}.ui-overlay:not(.is-open){pointer-events:none}.ui-overlay-card{position:relative;display:grid;justify-items:center;gap:18px;width:min(560px,100%);max-height:100%;overflow-y:auto;padding:clamp(26px,4vh,44px) clamp(24px,4vw,46px);border-radius:var(--r-xl);text-align:center;background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--hair),var(--sh-3),var(--inset-hi);transform:translateY(18px) scale(.97);opacity:0;transition:transform var(--d-3) var(--ease-out),opacity var(--d-3) var(--ease)}.ui-overlay.is-open .ui-overlay-card{transform:translateY(0) scale(1);opacity:1}.ui-overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:4px}.ui-overlay-actions .ui-btn{min-width:168px}.ui-overlay-actions.is-secondary{margin-top:-6px}.menu-brand{display:grid;justify-items:center;gap:14px}.menu-ball{position:relative;isolation:isolate;display:grid;place-items:center;width:clamp(64px,8vh,88px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 26%,#56514d,#221f1d 34%,#100e0d 66%,#050404);box-shadow:inset -5px -7px 16px #000000d9,inset 3px 4px 10px #ffffff12,0 18px 40px -16px #000000e6,0 0 40px -8px var(--acc-glow)}.menu-ball:before{content:"";position:absolute;z-index:-1;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 34%,#fffdf6,#efe9dc 62%,#cfc7b8)}.menu-ball-num{font-size:clamp(22px,2.8vh,30px);font-weight:800;color:#17130f;letter-spacing:-.02em}.menu-wordmark{font-size:var(--fs-xl);font-weight:300;letter-spacing:.5em;text-indent:.5em;color:var(--ink)}.menu-tagline{margin:0;max-width:42ch;font-size:var(--fs-s);line-height:1.55;color:var(--ink-3)}.menu-tips{display:grid;gap:8px;margin:8px 0 0;padding:16px 0 0;list-style:none;width:100%;border-top:1px solid var(--hair)}.menu-tip{position:relative;padding-left:20px;font-size:var(--fs-xs);line-height:1.5;color:var(--ink-4);text-align:left}.menu-tip:before{content:"";position:absolute;left:6px;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--acc);opacity:.7}.over-crest{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;color:var(--acc-hi);background:var(--acc-soft);box-shadow:inset 0 0 0 1px #ffbf6c52,0 0 42px -12px var(--acc-glow)}.ui-overlay-card.is-loss .over-crest{color:var(--ink-3);background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--hair)}.over-kicker{font-size:var(--fs-2xs);font-weight:750;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-4)}.over-title{margin:0;font-size:var(--fs-xl);font-weight:700;letter-spacing:-.015em;line-height:1.1}.ui-overlay-card.is-win .over-title{background:linear-gradient(180deg,#fff3e0,var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent}.over-reason{margin:0;max-width:44ch;font-size:var(--fs-s);line-height:1.55;color:var(--ink-3)}@media(max-height:560px){.ui-overlay-card{gap:12px;padding:20px 26px}.menu-tips{display:none}.menu-ball{width:clamp(46px,11vh,62px)}.over-crest{width:50px;height:50px}}@media(max-width:560px){.ui-overlay-actions .ui-btn{min-width:0;flex:1 1 140px}.ui-drawer-panel{width:100vw}}:root{color-scheme:dark;--font: "Inter", "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--bg-0: #05070a;--bg-1: #0a0d10;--ink: #f3f5f4;--ink-2: rgba(240, 245, 243, .74);--ink-3: rgba(240, 245, 243, .46);--ink-4: rgba(240, 245, 243, .26);--acc: #ffb24d;--acc-hi: #ffd8a4;--acc-deep: #d3812a;--acc-soft: rgba(255, 178, 77, .14);--acc-glow: rgba(255, 171, 64, .42);--ok: #46d684;--warn: #f6c446;--bad: #eb4c3e;--cloth: #1f6b4a;--glass: linear-gradient(168deg, rgba(25, 30, 33, .76), rgba(11, 14, 16, .62));--glass-strong: linear-gradient(168deg, rgba(26, 31, 34, .95), rgba(10, 13, 15, .92));--hair: rgba(255, 255, 255, .1);--hair-hi: rgba(255, 255, 255, .2);--blur: blur(20px) saturate(150%);--sh-1: 0 2px 10px rgba(0, 0, 0, .34);--sh-2: 0 18px 44px -16px rgba(0, 0, 0, .74), 0 2px 10px rgba(0, 0, 0, .38);--sh-3: 0 48px 110px -30px rgba(0, 0, 0, .86), 0 4px 18px rgba(0, 0, 0, .5);--inset-hi: inset 0 1px 0 rgba(255, 255, 255, .09);--r-xs: 7px;--r-s: 11px;--r-m: 16px;--r-l: 22px;--r-xl: 30px;--gap: clamp(10px, 1.15vw, 18px);--edge-x: max(var(--gap), env(safe-area-inset-left, 0px));--edge-r: max(var(--gap), env(safe-area-inset-right, 0px));--edge-t: max(var(--gap), env(safe-area-inset-top, 0px));--edge-b: max(var(--gap), env(safe-area-inset-bottom, 0px));--fs-2xs: clamp(8.5px, .58vw, 10.5px);--fs-xs: clamp(10px, .7vw, 12px);--fs-s: clamp(11.5px, .82vw, 13.5px);--fs-m: clamp(13px, .95vw, 16px);--fs-l: clamp(16px, 1.3vw, 21px);--fs-xl: clamp(22px, 2.4vw, 38px);--fs-2xl: clamp(30px, 3.6vw, 58px);--d-1: .13s;--d-2: .24s;--d-3: .4s;--ease: cubic-bezier(.3, .7, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-pop: cubic-bezier(.34, 1.5, .5, 1);--power-h: clamp(150px, 26vh, 250px);--spin-size: clamp(86px, 7vw, 116px);--pip: clamp(9px, .78vw, 13px)}@media(max-width:780px){:root{--power-h: clamp(120px, 22vh, 190px);--spin-size: clamp(84px, 22vw, 110px)}}@media(max-height:560px){:root{--power-h: clamp(96px, 30vh, 150px);--spin-size: clamp(72px, 17vh, 104px);--gap: 8px;--pip: clamp(8px, 1.4vh, 11px)}}@media(max-height:400px){:root{--power-h: clamp(84px, 26vh, 120px)}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg-0);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none;touch-action:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#scene{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none}#ui-root{position:fixed;inset:0;z-index:10;pointer-events:none;font-family:var(--font);contain:layout style}.pe{pointer-events:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}button{font:inherit;color:inherit;background:none;border:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus{outline:none}:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:var(--r-xs)}.ui-icon{display:block;flex:none}#boot{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(120% 80% at 50% 38%,rgba(31,107,74,.16),transparent 62%),radial-gradient(90% 70% at 50% 50%,#0b0f12,#05070a 58%,#010203);transition:opacity .62s var(--ease-out),transform .62s var(--ease-out);perspective:700px}#boot:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(78% 62% at 50% 46%,transparent 40%,rgba(0,0,0,.72) 100%)}.boot-inner{position:relative;display:grid;justify-items:center;gap:clamp(14px,2.2vh,26px);padding:0 24px;text-align:center;transform-style:preserve-3d}.boot-inner:before{content:"";position:absolute;top:-18%;left:50%;width:min(420px,70vw);aspect-ratio:1;transform:translate(-50%);background:radial-gradient(circle,var(--acc-glow) 0%,rgba(255,171,64,.06) 42%,transparent 68%);filter:blur(6px);pointer-events:none}.boot-logo{position:relative;isolation:isolate;display:grid;place-items:center;width:clamp(78px,11vh,108px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 26%,#55504c,#221f1d 34%,#100e0d 66%,#050404);box-shadow:inset -6px -8px 18px #000000d9,inset 4px 5px 12px #ffffff12,0 22px 44px -16px #000000e6,0 0 44px -6px var(--acc-glow);color:#17130f;font-size:clamp(26px,3.4vh,36px);font-weight:800;letter-spacing:-.02em}.boot-logo:before{content:"";position:absolute;z-index:-1;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 34%,#fffdf6,#efe9dc 62%,#cfc7b8);box-shadow:inset 0 -2px 4px #00000029}.boot-logo:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 34% 26% at 32% 22%,rgba(255,255,255,.55),transparent 70%);mix-blend-mode:screen;pointer-events:none}.boot-title{font-size:clamp(20px,2.6vh,30px);font-weight:300;letter-spacing:.62em;text-indent:.62em;color:var(--ink);opacity:.94}.boot-bar{position:relative;width:min(280px,56vw);height:3px;border-radius:999px;overflow:hidden;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0d}.boot-bar>i{position:absolute;inset:0 auto 0 0;width:34%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--acc-hi) 22%,var(--acc) 60%,transparent);box-shadow:0 0 14px var(--acc-glow);animation:boot-slide 1.55s cubic-bezier(.62,.02,.34,1) infinite;will-change:transform}@keyframes boot-slide{0%{transform:translate(-110%)}to{transform:translate(400%)}}.boot-status{min-height:1.4em;max-width:34ch;font-size:var(--fs-s);font-weight:450;letter-spacing:.06em;color:var(--ink-3);transition:color var(--d-2) var(--ease)}.boot-done{opacity:0;transform:scale(1.03);pointer-events:none}.boot-error .boot-logo{animation-play-state:paused;box-shadow:inset -6px -8px 18px #000000d9,0 0 42px -8px #eb4c3eb3}.boot-error .boot-bar>i{animation:none;width:100%;background:linear-gradient(90deg,rgba(235,76,62,.2),var(--bad),rgba(235,76,62,.2))}.boot-error .boot-status{color:#ff9a90;font-weight:500}.ui-field{display:grid;gap:8px}.ui-field-row{grid-template-columns:1fr auto;align-items:center;gap:14px}.ui-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ui-field-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.ui-field-hint{margin-top:3px;font-size:var(--fs-xs);color:var(--ink-4);letter-spacing:.01em;text-transform:none}.ui-field-value{font-size:var(--fs-s);font-weight:650;font-variant-numeric:tabular-nums;color:var(--acc-hi)}.ui-seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;border-radius:var(--r-s);background:#00000052;box-shadow:inset 0 0 0 1px var(--hair),inset 0 2px 6px #0006}.ui-seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / var(--seg-count, 3));border-radius:calc(var(--r-s) - 3px);background:linear-gradient(180deg,#ffb24d42,#ffb24d21);box-shadow:inset 0 0 0 1px #ffbf6c6b,0 4px 14px -6px var(--acc-glow);transform:translate(calc(var(--seg-index, 0) * 100%));transition:transform var(--d-2) var(--ease-out);pointer-events:none}.ui-seg-item{position:relative;padding:8px 6px;border-radius:calc(var(--r-s) - 3px);font-size:var(--fs-s);font-weight:550;letter-spacing:.01em;color:var(--ink-3);white-space:nowrap;transition:color var(--d-1) var(--ease),transform var(--d-1) var(--ease)}.ui-seg.is-compact .ui-seg-item{padding:7px 3px;font-size:var(--fs-xs)}.ui-seg-item:hover{color:var(--ink-2)}.ui-seg-item:active{transform:scale(.96)}.ui-seg-item.is-on{color:var(--acc-hi);font-weight:650}.ui-range{position:relative;display:grid;align-items:center;height:26px}.ui-range-track{position:absolute;left:0;right:0;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--acc-deep),var(--acc)) left / calc(var(--pct, 0) * 100%) 100% no-repeat,#ffffff17;box-shadow:inset 0 0 0 1px #ffffff12;pointer-events:none}.ui-range-input{position:relative;width:100%;height:26px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.ui-range-input::-webkit-slider-runnable-track{height:26px;background:transparent}.ui-range-input::-moz-range-track{height:26px;background:transparent}.ui-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;margin-top:4.5px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff,#ffd7a2 45%,var(--acc) 100%);box-shadow:0 2px 8px #0009,0 0 0 1px #ffffff4d,0 0 14px -2px var(--acc-glow);transition:transform var(--d-1) var(--ease)}.ui-range-input::-moz-range-thumb{width:17px;height:17px;border:0;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff,#ffd7a2 45%,var(--acc) 100%);box-shadow:0 2px 8px #0009,0 0 0 1px #ffffff4d}.ui-range-input:hover::-webkit-slider-thumb{transform:scale(1.14)}.ui-range-input:active::-webkit-slider-thumb{transform:scale(1.05)}.ui-switch{position:relative;width:48px;height:27px;flex:none;border-radius:999px;background:#00000061;box-shadow:inset 0 0 0 1px var(--hair),inset 0 2px 5px #00000080;transition:background var(--d-2) var(--ease),box-shadow var(--d-2) var(--ease)}.ui-switch-knob{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:linear-gradient(180deg,#f4f6f5,#b9bfbd);box-shadow:0 2px 6px #0000008c;transition:transform var(--d-2) var(--ease-pop),background var(--d-2) var(--ease)}.ui-switch.is-on{background:linear-gradient(180deg,#ffb24d6b,#ffb24d38);box-shadow:inset 0 0 0 1px #ffbf6c80,0 0 18px -6px var(--acc-glow)}.ui-switch.is-on .ui-switch-knob{transform:translate(21px);background:linear-gradient(180deg,#fff5e6,var(--acc-hi))}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 20px;border-radius:var(--r-s);font-size:var(--fs-m);font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:transform var(--d-1) var(--ease),background var(--d-2) var(--ease),box-shadow var(--d-2) var(--ease),color var(--d-2) var(--ease)}.ui-btn:active{transform:translateY(1px) scale(.985)}.ui-btn-primary{color:#241606;background:linear-gradient(180deg,var(--acc-hi),var(--acc) 52%,var(--acc-deep));box-shadow:0 10px 26px -12px var(--acc-glow),inset 0 1px #ffffff73,inset 0 -1px #0003}.ui-btn-primary:hover{box-shadow:0 14px 34px -12px var(--acc-glow),inset 0 1px #ffffff8c}.ui-btn-secondary{color:var(--ink);background:#ffffff0f;box-shadow:inset 0 0 0 1px var(--hair-hi),var(--sh-1)}.ui-btn-secondary:hover{background:#ffffff1c}.ui-btn-ghost{color:var(--ink-3);background:transparent;box-shadow:inset 0 0 0 1px transparent}.ui-btn-ghost:hover{color:var(--ink);background:#ffffff0d}.ui-iconbtn{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-s);color:var(--ink-2);background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:inset 0 0 0 1px var(--hair),var(--sh-1),var(--inset-hi);transition:transform var(--d-1) var(--ease),color var(--d-2) var(--ease),box-shadow var(--d-2) var(--ease)}.ui-iconbtn:hover{color:var(--acc-hi);transform:translateY(-1px);box-shadow:inset 0 0 0 1px var(--hair-hi),var(--sh-2),0 0 20px -8px var(--acc-glow)}.ui-iconbtn:active{transform:translateY(0) scale(.94)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.boot-logo{animation:none}.boot-bar>i{animation:none;width:100%;opacity:.75}}