:root{--ink-0: oklch(.14 .018 255);--ink-1: oklch(.18 .02 255);--ink-2: oklch(.225 .022 255);--ink-3: oklch(.29 .022 255);--ice: oklch(.965 .008 240);--ice-2: oklch(.84 .014 245);--ice-3: oklch(.68 .02 250);--ice-4: oklch(.5 .022 252);--ink-mix: oklch(.17 .006 255);--rule: oklch(.965 .008 240 / .11);--rule-strong: oklch(.965 .008 240 / .24);--lamp: oklch(.6 .21 27);--lamp-hot: oklch(.66 .21 29);--font-display: "Big Shoulders Display", "Arial Narrow", "Roboto Condensed", sans-serif;--font-ui: "Archivo", "Segoe UI", system-ui, sans-serif;--space-3xs: 4px;--space-2xs: 8px;--space-xs: 12px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--space-3xl: 96px;--gutter: clamp(16px, 6vw, 112px);--radius: 8px;--ease-out: cubic-bezier(.25, 1, .5, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1);--hintbar-h: 64px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink-0);color:var(--ice);overflow:hidden}body{font:400 16px/1.5 var(--font-ui);font-stretch:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#rink{position:fixed;inset:0;display:block;width:100%;height:100%;image-rendering:pixelated}#ui{position:fixed;inset:0;pointer-events:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}button:focus{outline:none}kbd{font:inherit}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stage,.overlays{position:absolute;inset:0;isolation:isolate}.stage{z-index:0}.overlays{z-index:1}.hintbar,.fps{z-index:2}.hud{position:absolute;inset:0;z-index:0}.screen,.layer{position:absolute;inset:0;pointer-events:auto;transition:opacity .24s var(--ease-out),transform .32s var(--ease-expo)}.screen.is-entering,.layer.is-entering{opacity:0;transform:translateY(10px)}.layer.is-entering{transform:none}.eyebrow,.section-label{font:600 13px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ice-3)}.eyebrow{color:var(--lamp-hot)}.screen-head{display:flex;align-items:baseline;gap:var(--space-md)}.screen-title{font:800 clamp(2.5rem,4vw,3.5rem)/.95 var(--font-display);text-transform:uppercase;letter-spacing:.01em}.screen-sub{color:var(--ice-3);font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border:1px solid var(--rule-strong);border-radius:var(--radius);font-weight:600;font-size:17px;transition:background-color .14s var(--ease-out),color .14s var(--ease-out),border-color .14s}.btn:hover,.btn:focus{background:var(--ice);color:var(--ink-0);border-color:var(--ice)}.btn-quiet{border-color:transparent;color:var(--ice-3)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:68px;padding:0 56px;border-radius:var(--radius);background:var(--lamp);color:var(--ice);font:800 30px/1 var(--font-display);text-transform:uppercase;letter-spacing:.04em;transition:background-color .14s var(--ease-out),box-shadow .16s var(--ease-out),transform .16s var(--ease-out)}.cta:hover{background:var(--lamp-hot)}.cta:focus{background:var(--lamp-hot);box-shadow:0 0 0 3px var(--ink-0),0 0 0 6px var(--ice)}.cta:active{transform:translateY(1px)}.chip-btn{display:inline-flex;align-items:center;gap:var(--space-2xs);height:44px;padding:0 18px 0 14px;border:1px solid var(--rule-strong);border-radius:999px;font-weight:600;font-size:15px;color:var(--ice-2);transition:background-color .14s,color .14s,border-color .14s}.chip-ico{font-size:17px;width:18px;text-align:center;color:var(--ice-3)}.chip-btn:hover,.chip-btn:focus{background:var(--ice);color:var(--ink-0);border-color:var(--ice)}.chip-btn:hover .chip-ico,.chip-btn:focus .chip-ico{color:var(--ink-0)}.back-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border-radius:999px;color:var(--ice-3);font-weight:600;font-size:14px;border:1px solid var(--rule)}.back-btn span{font-size:20px;line-height:1;margin-top:-2px}.back-btn:hover{color:var(--ice);border-color:var(--rule-strong)}.badge{position:relative;isolation:isolate;display:inline-grid;place-items:center;flex:none;overflow:hidden;background:var(--team);color:var(--team-ink);border-radius:22%;box-shadow:inset 0 0 0 1px #ffffff24}.badge:after{content:"";position:absolute;left:0;right:0;bottom:18%;height:9%;background:var(--team-2);opacity:.95}.badge-letters{position:relative;z-index:1;font:900 1em/1 var(--font-display);letter-spacing:.02em;margin-bottom:.32em}.badge-crest{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;image-rendering:pixelated;z-index:2}.badge.has-crest{background:#eaeff3}.badge.has-crest:after,.badge.has-crest .badge-letters{display:none}.badge-xs{width:26px;height:26px;font-size:10px;border-radius:6px}.badge-sm{width:44px;height:44px;font-size:15px}.badge-md{width:64px;height:64px;font-size:22px}.badge-lg{width:112px;height:112px;font-size:38px}.hintbar{position:absolute;left:0;right:0;bottom:0;height:var(--hintbar-h);padding:0 var(--gutter);display:flex;align-items:center;gap:var(--space-md);pointer-events:auto}.hintbar[hidden]{display:none}.hint{display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--ice-3);font-size:14px;font-weight:500;padding:6px 4px;border-radius:6px}.hint:not(:disabled):hover{color:var(--ice)}.hint:disabled{cursor:default}.hint-glyphs{display:inline-flex;gap:4px}.glyph,.key{display:inline-grid;place-items:center;min-width:28px;height:26px;padding:0 7px;border:1px solid var(--rule-strong);border-bottom-width:2px;border-radius:5px;background:var(--ink-2);color:var(--ice-2);font:600 12px/1 var(--font-ui);letter-spacing:.02em}.glyph-round{border-radius:50%;width:26px;min-width:26px;padding:0;border-bottom-width:1px}.fps{position:absolute;top:12px;right:16px;padding:4px 8px;border-radius:4px;background:#050910cc;font:700 14px/1 var(--font-display);letter-spacing:.06em;color:var(--ice-2);font-variant-numeric:tabular-nums}.fps[hidden]{display:none}.screen-home{display:grid;grid-template-columns:minmax(440px,40%) 1fr;background:linear-gradient(90deg,var(--ink-0) 0%,oklch(.14 .018 255 / .95) 26%,oklch(.14 .018 255 / .72) 40%,oklch(.14 .018 255 / 0) 64%),linear-gradient(0deg,#050910bf,#05091000 26%)}.title-col{display:flex;flex-direction:column;justify-content:center;gap:clamp(40px,8vh,88px);padding:var(--space-xl) 0 calc(var(--hintbar-h) + var(--space-xl)) var(--gutter)}.wm{display:flex;align-items:baseline;gap:.06em;font:900 clamp(6.5rem,11vw,12rem)/.8 var(--font-display);letter-spacing:-.01em}.wm-nhl{color:var(--ice)}.wm-year{color:var(--lamp)}.wm-sub{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);font:600 14px/1 var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--ice-3)}.wm-rule{width:56px;height:2px;background:var(--lamp)}.main-menu{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.mm-item{position:relative;display:flex;align-items:baseline;gap:var(--space-sm);min-height:60px;padding:6px 0;color:var(--ice-3);transition:color .16s var(--ease-out);animation:mm-in .42s var(--ease-expo) both;animation-delay:calc(80ms + var(--i, 0) * 45ms)}.mm-item:before{content:"";position:absolute;left:0;top:50%;width:28px;height:4px;margin-top:-2px;border-radius:2px;background:var(--lamp);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease-expo)}.mm-label{font:800 2.75rem/1 var(--font-display);text-transform:uppercase;letter-spacing:.02em;transition:transform .26s var(--ease-expo)}.mm-item.is-primary .mm-label{font-size:4rem}.mm-note{font-size:15px;color:var(--ice-2);opacity:0;transform:translate(-6px);transition:opacity .16s,transform .26s var(--ease-expo);white-space:nowrap}.mm-tag{align-self:center;font:700 11px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ice-3);border:1px solid var(--rule-strong);border-radius:4px;padding:4px 6px}.mm-item:focus,.mm-item:hover{color:var(--ice)}.mm-item:focus:before{transform:scaleX(1)}.mm-item:focus .mm-label{transform:translate(44px)}.mm-item:focus .mm-note{opacity:1;transform:translate(44px)}.mm-item.is-soon{color:var(--ice-4);cursor:default}.mm-item.is-soon:focus{color:var(--ice-3)}.mm-item.is-soon:focus:before{background:var(--ice-4)}@keyframes mm-in{0%{opacity:0;transform:translate(-14px)}}.title-foot{position:absolute;right:var(--gutter);top:var(--space-md);font-size:12px;color:var(--ice-4);letter-spacing:.04em}.attract-tag{position:absolute;right:var(--gutter);bottom:calc(var(--hintbar-h) + 4px);display:flex;align-items:center;gap:var(--space-xs);padding:8px 14px 8px 12px;border-radius:999px;background:#050910db;border:1px solid var(--rule);font-size:14px;color:var(--ice-2)}.attract-tag:empty{display:none}.at-live{display:inline-flex;align-items:center;gap:8px;font:700 11px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ice-3);border-right:1px solid var(--rule);margin-right:2px;padding-right:12px}.at-dot{width:8px;height:8px;border-radius:50%;background:var(--lamp);animation:live 1.8s ease-in-out infinite}@keyframes live{50%{opacity:.3}}.at-team{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ice)}.at-score{font:800 18px/1 var(--font-display);font-variant-numeric:tabular-nums}.at-sep{color:var(--ice-3);font-size:13px}.at-clock{font:700 15px/1 var(--font-display);letter-spacing:.04em;color:var(--ice-3);font-variant-numeric:tabular-nums}.screen-setup{background:#050910e6;overflow-y:auto;overscroll-behavior:contain}.setup-inner{max-width:1360px;margin:0 auto;min-height:100%;justify-content:center;padding:var(--space-lg) var(--space-xl) calc(var(--hintbar-h) + var(--space-md));display:flex;flex-direction:column;gap:var(--space-lg)}.screen-setup .screen-head{align-items:center}.matchup{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-md);align-items:stretch}.matchup-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md)}.mm-at{font:800 2rem/1 var(--font-display);text-transform:uppercase;color:var(--ice-3)}.mid-tools{display:flex;flex-direction:column;gap:var(--space-2xs)}.team-card{--wash: color-mix(in oklab, var(--team) 30%, var(--ink-mix));position:relative;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) var(--space-lg) var(--space-lg);border-radius:12px;background:var(--wash);border:1px solid var(--rule);transition:background-color .3s var(--ease-out),box-shadow .16s var(--ease-out)}.team-card:has(.tc-pick:focus){box-shadow:0 0 0 2px var(--ink-0),0 0 0 4px var(--ice)}.tc-head{display:flex;justify-content:space-between;align-items:center}.tc-side{font:700 13px/1 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ice-2)}.tc-owner{font:700 12px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px}.tc-owner.is-cpu{color:var(--ice-3);border:1px solid var(--rule-strong)}.tc-owner.is-human{background:var(--ice);color:var(--ink-0)}.tc-main{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-md)}.tc-body{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-lg)}.tc-crest{display:grid}.tc-pickwrap{display:flex;align-items:center;gap:2px;min-width:0}.tc-pick{flex:1;min-width:0;display:flex;flex-direction:column;padding:6px 10px;border-radius:var(--radius)}.tc-names{display:flex;flex-direction:column;min-width:0}.tc-location{font:600 14px/1.2 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ice-2)}.tc-nickname{font:800 clamp(2.5rem,3.3vw,3.5rem)/.95 var(--font-display);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-change{margin-top:6px;font-size:13px;color:var(--ice-3);opacity:0;transition:opacity .16s}.tc-pick:focus .tc-change,.tc-pick:hover .tc-change{opacity:1}.tc-arrow{flex:none;width:40px;height:56px;display:grid;place-items:center;border-radius:6px;font:400 34px/1 var(--font-ui);color:var(--ice-3);opacity:.55;transition:opacity .14s,color .14s,background-color .14s}.tc-arrow span{margin-top:-4px}.tc-arrow:hover{background:#ffffff14}.team-card:has(.tc-pick:focus) .tc-arrow,.tc-arrow:hover{opacity:1;color:var(--ice)}.tc-overall{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:96px;align-self:stretch;padding-left:var(--space-lg);border-left:1px solid var(--rule)}.tc-overall b{font:800 4rem/.85 var(--font-display);font-variant-numeric:tabular-nums}.tc-overall span{font:600 11px/1.4 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ice-3)}.slide-r{animation:slide-r .28s var(--ease-expo)}.slide-l{animation:slide-l .28s var(--ease-expo)}@keyframes slide-r{0%{opacity:0;transform:translate(18px)}}@keyframes slide-l{0%{opacity:0;transform:translate(-18px)}}.tc-ratings{display:grid;gap:10px;margin:0}.tc-rating{display:grid;grid-template-columns:8.5em 1fr 2em;align-items:center;gap:var(--space-sm)}.tc-rating dt{font:600 13px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ice-2)}.tc-rating dd{display:contents}.tc-bar{position:relative;height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.tc-bar:after{content:"";position:absolute;inset:0;background:var(--ice);transform-origin:left;transform:scaleX(var(--v));transition:transform .42s var(--ease-expo),background-color .2s}.tc-rating b{font:800 24px/1 var(--font-display);text-align:right;font-variant-numeric:tabular-nums}.tc-rating.is-worse .tc-bar:after{background:var(--ice-4)}.tc-rating.is-worse b{color:var(--ice-3)}.tc-rating.is-even .tc-bar:after{background:var(--ice-2)}.tc-stars{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--space-sm);font-size:15px;color:var(--ice);padding-top:var(--space-sm);border-top:1px solid var(--rule)}.tc-stars-label{font:600 12px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ice-3);margin-right:2px}.tc-star i{font-style:normal;color:var(--ice-3);margin-right:4px;font-variant-numeric:tabular-nums}.controllers{--away: var(--ink-3);--home: var(--ink-3);display:flex;flex-direction:column;gap:var(--space-2xs);width:min(100%,920px);margin:0 auto}.controllers .section-label{margin-bottom:4px}.ctl-head,.ctl-lane{display:grid;grid-template-columns:repeat(3,1fr)}.ctl-head span{text-align:center;font:800 18px/1 var(--font-display);letter-spacing:.08em;color:var(--ice-2);padding-bottom:2px}.ctl-head .ctl-col-off{color:var(--ice-3)}.ctl-rows{display:flex;flex-direction:column;gap:var(--space-2xs)}.ctl-row{display:block;width:100%;padding:4px;border-radius:10px;background:var(--ink-1);border:1px solid var(--rule);transition:box-shadow .16s}.ctl-row:focus{box-shadow:0 0 0 2px var(--ink-0),0 0 0 4px var(--ice)}.ctl-lane{position:relative;height:52px;gap:4px}.ctl-slot{border-radius:7px}.slot-away{background:color-mix(in oklab,var(--away) 34%,var(--ink-mix))}.slot-home{background:color-mix(in oklab,var(--home) 34%,var(--ink-mix))}.slot-off{background:repeating-linear-gradient(135deg,oklch(1 0 0 / .03) 0 6px,transparent 6px 12px)}.ctl-token{position:absolute;top:0;bottom:0;left:0;width:calc((100% - 8px) / 3);display:flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;background:var(--ice);color:var(--ink-0);transition:transform .3s var(--ease-expo),background-color .16s,color .16s}.ctl-row[data-slot=off] .ctl-token{transform:translate(calc(100% + 4px));background:var(--ink-3);color:var(--ice-2)}.ctl-row[data-slot=home] .ctl-token{transform:translate(calc(200% + 8px))}.ctl-kind{font-weight:700;font-size:15px}.ctl-detail{font-size:14px;opacity:.75}.ctl-row:focus .ctl-token:before,.ctl-row:focus .ctl-token:after{position:absolute;top:50%;transform:translateY(-50%);font-size:20px;color:inherit;opacity:.6}.ctl-row:focus .ctl-token:before{content:"\2039";left:12px}.ctl-row:focus .ctl-token:after{content:"\203a";right:12px}.ctl-row[data-slot=away] .ctl-token:before,.ctl-row[data-slot=home] .ctl-token:after{content:none!important}.ctl-hint{font-size:14px;color:var(--ice-3);text-align:center}.setup-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--rule)}.foot-field{display:flex;flex-direction:column;gap:var(--space-xs)}.seg{position:relative;display:inline-flex;padding:4px;gap:4px;border-radius:10px;background:var(--ink-1);border:1px solid var(--rule);transition:box-shadow .16s}.seg:focus{outline:none;box-shadow:0 0 0 2px var(--ink-0),0 0 0 4px var(--ice)}.seg-opt{display:inline-flex;align-items:baseline;justify-content:center;gap:4px;min-width:84px;height:52px;padding:0 16px;align-items:center;border-radius:7px;color:var(--ice-3);transition:background-color .16s,color .16s}.seg-opt b{font:800 24px/1 var(--font-display)}.seg-opt span{font-size:13px;font-weight:600}.seg-opt:hover{color:var(--ice)}.seg-opt.is-on{background:var(--ice);color:var(--ink-0)}.layer{background:#050910f2;overflow-y:auto;overscroll-behavior:contain}.layer-inner,.picker-inner{max-width:1200px;margin:0 auto;min-height:100%;padding:var(--space-xl) var(--space-xl) calc(var(--hintbar-h) + var(--space-lg));display:flex;flex-direction:column;gap:var(--space-lg)}.layer-narrow{max-width:880px}.layer-actions{display:flex;gap:var(--space-sm)}.screen-head:has(.screen-sub){flex-wrap:wrap}.picker-inner{max-width:1360px;gap:var(--space-md)}.pick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.pick-col,.pick-extras{display:flex;flex-direction:column;gap:6px}.pick-div{display:flex;align-items:baseline;gap:var(--space-2xs);padding:0 4px 6px;font:800 22px/1 var(--font-display);text-transform:uppercase;letter-spacing:.04em}.pick-div small{font:600 12px/1 var(--font-ui);letter-spacing:.12em;color:var(--ice-3)}.pick-extras-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.pick-tile{display:flex;align-items:center;gap:var(--space-xs);min-height:64px;padding:8px 14px 8px 10px;border-radius:10px;background:color-mix(in oklab,var(--team) 16%,var(--ink-mix));border:1px solid var(--rule);transition:background-color .12s,color .12s,border-color .12s}.pt-names{flex:1;display:flex;flex-direction:column;min-width:0}.pt-location{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ice-3)}.pt-nickname{font:800 22px/1.05 var(--font-display);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-tag{font:700 10px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;padding:4px 6px;border-radius:4px;border:1px solid var(--rule-strong);color:var(--ice-3)}.pt-overall{font:800 24px/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--ice-2)}.pick-tile.is-current{border-color:var(--ice-3)}.pick-tile:hover{border-color:var(--rule-strong)}.pick-tile:focus{background:var(--ice);color:var(--ink-0);border-color:var(--ice)}.pick-tile:focus .pt-location,.pick-tile:focus .pt-overall,.pick-tile:focus .pt-tag{color:var(--ink-3);border-color:var(--ink-3)}.ctl-table{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(var(--ct-cols, 3),1fr)}.ct-row{display:contents}.ct-cell{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:var(--space-md) var(--space-sm) var(--space-md) 0;border-top:1px solid var(--rule)}.ct-headrow .ct-cell{border-top:0;padding-top:0;padding-bottom:var(--space-sm)}.ct-cell b{font-weight:700;font-size:18px}.ct-headrow b{font:800 22px/1 var(--font-display);text-transform:uppercase;letter-spacing:.04em}.ct-cell small{font-size:13px;color:var(--ice-3);line-height:1.4}.ct-action b{font:800 26px/1 var(--font-display);text-transform:uppercase;letter-spacing:.02em}.keys{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ctl-table .key{min-width:42px;height:42px;font-size:16px;border-radius:7px;border-bottom-width:3px}.ctl-table .key-wide{padding:0 12px;font-size:14px}.ctl-table .key-round{border-radius:50%;width:42px;padding:0;border-bottom-width:1px}.cluster{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.cluster-row .keys{gap:4px;flex-wrap:nowrap}.face{display:inline-flex;align-items:center;gap:6px}.face-or,.pad-or{color:var(--ice-4);font-size:13px}.pad-text{font-weight:600;font-size:15px}.ct-foot{color:var(--ice-3);font-size:14px}.opt-list{display:flex;flex-direction:column}.opt-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0;border-top:1px solid var(--rule)}.opt-row:last-child{border-bottom:1px solid var(--rule)}.opt-text{display:flex;flex-direction:column;gap:4px;max-width:46ch}.opt-text b{font:800 26px/1 var(--font-display);text-transform:uppercase;letter-spacing:.02em}.opt-text small{font-size:14px;color:var(--ice-3);line-height:1.45}.vol{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 14px;border-radius:10px;background:var(--ink-1);border:1px solid var(--rule);transition:box-shadow .16s}.vol:focus{outline:none;box-shadow:0 0 0 2px var(--ink-0),0 0 0 4px var(--ice)}.vol-cells{display:inline-flex;gap:4px;align-items:flex-end}.vol-cell{width:12px;height:32px;border-radius:3px;background:var(--ink-3);cursor:pointer;transition:background-color .12s}.vol-cell.is-on{background:var(--ice)}.vol-value{min-width:4ch;font:800 22px/1 var(--font-display);text-align:right;font-variant-numeric:tabular-nums}.hud[hidden]{display:none}.bug{position:absolute;top:20px;left:20px;display:flex;align-items:stretch;height:46px;border-radius:8px;overflow:hidden;background:#050910eb;box-shadow:0 6px 20px #00000059;font-family:var(--font-display);font-variant-numeric:tabular-nums}.bug-team{display:flex;align-items:stretch}.bug-abbr{display:grid;place-items:center;min-width:64px;padding:0 12px;background:var(--team);color:var(--team-ink);font-weight:800;font-size:21px;letter-spacing:.05em;box-shadow:inset 0 -4px 0 var(--team-2)}.bug-score{display:grid;place-items:center;min-width:44px;font-weight:800;font-size:30px;color:var(--ice)}.bug-score.bump{animation:bump .7s var(--ease-expo)}@keyframes bump{0%{transform:scale(1.5);color:var(--lamp-hot)}to{transform:none}}.bug-time{display:flex;align-items:center;gap:10px;padding:0 16px;border-left:1px solid var(--rule-strong)}.bug-period{font:700 13px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ice-3)}.bug-clock{font-weight:800;font-size:26px;min-width:3.2ch;text-align:right;color:var(--ice)}.hud.is-frozen .bug{opacity:0}.goal-banner{position:absolute;left:0;right:0;bottom:16vh;pointer-events:none;visibility:hidden}.goal-banner.is-on{visibility:visible;animation:banner-life 3.6s linear both}.goal-band{display:flex;align-items:center;gap:clamp(20px,3vw,48px);padding:18px var(--gutter);background:var(--team);color:var(--team-ink);box-shadow:inset 0 6px 0 var(--team-2),inset 0 -6px 0 var(--team-2);clip-path:inset(0 100% 0 0)}.goal-banner.is-on .goal-band{animation:band 3.6s var(--ease-expo) both}@keyframes band{0%{clip-path:inset(0 100% 0 0)}14%{clip-path:inset(0 0 0 0)}88%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes banner-life{to{visibility:hidden}}.goal-word{font:900 clamp(4.5rem,9vw,8.5rem)/.82 var(--font-display);text-transform:uppercase;letter-spacing:.01em}.goal-text{display:flex;flex-direction:column;gap:4px}.goal-team{font:700 13px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;opacity:.85}.goal-scorer{font:800 clamp(1.75rem,2.6vw,2.5rem)/1 var(--font-display);text-transform:uppercase;letter-spacing:.02em}.goal-assists{font-size:16px;opacity:.85}.pause{background:linear-gradient(90deg,#050910f5,#050910d9 45%,#0509108c)}.pause-col{display:flex;flex-direction:column;justify-content:center;gap:var(--space-md);min-height:100%;max-width:620px;padding:var(--space-xl) var(--space-md) calc(var(--hintbar-h) + var(--space-lg)) var(--gutter)}.pause-title{font:900 clamp(4.5rem,8vw,7rem)/.85 var(--font-display);text-transform:uppercase}.main-menu.is-compact .mm-label{font-size:2.25rem}.main-menu.is-compact .mm-item{min-height:52px;animation:none}.main-menu.is-compact .mm-item.is-primary .mm-label{font-size:2.25rem}.score-lines{display:flex;flex-direction:column;gap:6px;margin:var(--space-2xs) 0 var(--space-xs)}.sl-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--space-sm);padding:8px 14px 8px 8px;border-radius:10px;background:color-mix(in oklab,var(--team) 22%,var(--ink-mix))}.sl-name{display:flex;flex-direction:column;min-width:0}.sl-name small{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ice-3)}.sl-name span{font:800 26px/1 var(--font-display);text-transform:uppercase}.sl-shots{display:flex;flex-direction:column;align-items:flex-end;color:var(--ice-3)}.sl-shots b{font:700 18px/1 var(--font-display);color:var(--ice-2);font-variant-numeric:tabular-nums}.sl-shots small{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.sl-score{min-width:1.4ch;text-align:right;font:800 40px/1 var(--font-display);font-variant-numeric:tabular-nums}.score-lines.is-big .sl-row{padding:14px 24px 14px 14px;gap:var(--space-md)}.score-lines.is-big .sl-name span{font-size:40px}.score-lines.is-big .sl-score{font-size:76px;line-height:.85}.score-lines.is-big .sl-shots b{font-size:26px}.sl-row.is-loser{background:var(--ink-1)}.sl-row.is-loser .sl-score,.sl-row.is-loser .sl-name span{color:var(--ice-3)}.summary{background:#050910e6}.summary-col{display:flex;flex-direction:column;justify-content:center;gap:var(--space-sm);min-height:100%;max-width:1180px;padding:var(--space-xl) var(--space-md) calc(var(--hintbar-h) + var(--space-lg)) var(--gutter)}.summary-title{font:900 clamp(3.5rem,6.5vw,6rem)/.9 var(--font-display);text-transform:uppercase;margin-bottom:var(--space-2xs)}.goal-block{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-2xs)}.goal-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:auto auto 1fr;gap:6px var(--space-md);font-size:15px}.goal-list li{display:contents}.gl-time{color:var(--ice-3);font-variant-numeric:tabular-nums}.gl-team{font:800 16px/1.4 var(--font-display);letter-spacing:.06em}.summary-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}:root{--warn: oklch(.82 .15 78);--good: oklch(.8 .13 155)}.text-field{width:100%;height:56px;padding:0 16px;border-radius:var(--radius);border:1px solid var(--rule-strong);background:var(--ink-1);color:var(--ice);font:600 20px/1 var(--font-ui);transition:border-color .14s,box-shadow .16s}.text-field::placeholder{color:var(--ice-4);font-weight:500}.text-field:focus{outline:none;border-color:var(--ice);box-shadow:0 0 0 3px #eff4f82e}.field{display:flex;flex-direction:column;gap:var(--space-xs);max-width:420px}.lead{color:var(--ice-2);font-size:17px;max-width:60ch;margin-top:calc(-1 * var(--space-sm))}.online-inner{max-width:980px;justify-content:center}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.entry-panel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg);border-radius:12px;background:var(--ink-1);border:1px solid var(--rule)}.entry-panel p{color:var(--ice-3);font-size:15px;flex:1}.entry-title{font:800 2rem/1 var(--font-display);text-transform:uppercase;letter-spacing:.02em}.join-row{display:flex;gap:var(--space-xs);width:100%}.code-field{flex:1;min-width:0;height:68px;text-align:center;font:800 34px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;padding:0 8px 0 calc(8px + .16em);font-variant-numeric:tabular-nums}.code-field::placeholder{letter-spacing:.16em}.btn-strong{min-height:68px;padding:0 32px;font-size:18px}.btn-strong.is-armed{background:var(--ice);color:var(--ink-0);border-color:var(--ice)}.form-error{min-height:1.5em;color:var(--lamp-hot);font-weight:600}.screen-online.is-busy .entry-panel{opacity:.7}button:disabled{cursor:default}.cta:disabled{background:var(--ink-3);color:var(--ice-3);box-shadow:none}.cta:disabled:focus{box-shadow:0 0 0 2px var(--ink-0),0 0 0 4px var(--ice-3)}.lobby-head{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:var(--space-lg)}.room{display:flex;flex-direction:column;gap:6px}.room-line{display:flex;align-items:center;gap:var(--space-sm)}.room-line .chip-btn{white-space:nowrap}.room-code{display:inline-flex;gap:.45em;font:900 4rem/.85 var(--font-display);letter-spacing:.08em;font-variant-numeric:tabular-nums}.room-help{color:var(--ice-3);font-size:15px;max-width:34ch}.room-help b{color:var(--ice-2);font-weight:600}.screen-lobby .tc-stars{display:none}.tc-pickwrap.is-static .tc-pick{cursor:default}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-xl);align-items:start}.lobby-local .controllers{width:100%}.lobby-note{min-height:1.4em;margin-top:6px;color:var(--warn);font-size:14px;text-align:center}.ctl-row.is-refused{animation:refuse .32s var(--ease-out)}@keyframes refuse{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.members{display:flex;flex-direction:column;gap:var(--space-2xs)}.member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.member{display:grid;grid-template-columns:minmax(0,1fr) auto auto 5.5em;align-items:center;gap:var(--space-sm);min-height:52px;padding:6px 14px;border-radius:10px;background:var(--ink-1);border:1px solid var(--rule)}.member.is-you{border-color:var(--rule-strong)}.member.is-open{grid-template-columns:auto 1fr;background:none;border-style:dashed;color:var(--ice-3);font-size:14px}.member.is-open>span:first-child{font-weight:700;color:var(--ice-2)}.member-who{display:flex;align-items:baseline;gap:var(--space-2xs);min-width:0}.member-name{font-weight:700;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-tags{display:inline-flex;gap:4px}.tag{font:700 10px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;padding:4px 6px;border-radius:4px;background:var(--ice);color:var(--ink-0)}.tag-quiet{background:none;color:var(--ice-3);border:1px solid var(--rule-strong)}.member-teams{display:inline-flex;gap:4px}.member-none{color:var(--ice-4);font-size:13px}.conn{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--font-ui);letter-spacing:.04em;color:var(--ice-3);white-space:nowrap}.conn-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.conn.is-good{color:var(--good)}.conn.is-warn{color:var(--warn)}.conn.is-pending .conn-dot{animation:live 1.2s ease-in-out infinite}.conn.is-self{color:var(--ice-4)}.ready{font:700 12px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;text-align:right;color:var(--ice-4)}.ready.is-ready{color:var(--ice)}.lobby-foot{align-items:center}.lobby-status{flex:1;display:flex;flex-direction:column;gap:6px;color:var(--ice-2);font-size:15px;text-align:right}.slow-note{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--warn);font-weight:600}.period-static{font:800 28px/52px var(--font-display)}.ready-btn{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:68px;padding:0 36px 0 24px;border-radius:var(--radius);border:2px solid var(--ice-3);font:800 28px/1 var(--font-display);text-transform:uppercase;letter-spacing:.04em;transition:background-color .14s,color .14s,border-color .14s,box-shadow .16s}.ready-box{width:26px;height:26px;border-radius:6px;border:2px solid currentColor;display:grid;place-items:center}.ready-btn.is-on{background:var(--ice);color:var(--ink-0);border-color:var(--ice)}.ready-btn.is-on .ready-box:after{content:"";width:12px;height:7px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:translateY(-2px) rotate(-45deg)}.ready-btn:focus{box-shadow:0 0 0 3px var(--ink-0),0 0 0 6px var(--ice)}.toasts{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{padding:12px 20px;border-radius:999px;background:var(--ice);color:var(--ink-0);font-weight:600;font-size:15px;box-shadow:0 8px 24px #00000059;animation:toast-in .32s var(--ease-expo);transition:opacity .3s,transform .3s}.toast.is-leaving{opacity:0;transform:translateY(-8px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}}.hud-top{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:var(--space-xs)}.hud-top .bug{position:static}.hud-chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;background:#050910eb;font:700 13px/1 var(--font-ui)}.hud-chip[hidden]{display:none}.hud-chip.is-warn{color:var(--warn)}.pause.is-live{background:linear-gradient(90deg,#050910f0,#050910b3 45%,#05091026)}.pause-note{color:var(--ice-2);font-size:15px;max-width:44ch}.summary-wait{color:var(--ice-2);font-size:16px}@media(max-width:1100px){.matchup{grid-template-columns:1fr}.matchup-mid{flex-direction:row;justify-content:space-between}.mid-tools{flex-direction:row}.matchup .tc-home{order:3}}@media(max-width:720px){:root{--hintbar-h: 52px}.screen-home{grid-template-columns:1fr;background:linear-gradient(0deg,var(--ink-0) 0%,oklch(.14 .018 255 / .94) 52%,oklch(.14 .018 255 / .2) 82%,oklch(.14 .018 255 / 0) 100%)}.title-col{justify-content:flex-end;gap:var(--space-lg);padding:var(--space-md) var(--space-sm) calc(var(--hintbar-h) + var(--space-sm))}.wm{font-size:6.5rem}.wm-sub{font-size:12px;letter-spacing:.18em}.mm-label{font-size:2.25rem}.mm-item.is-primary .mm-label{font-size:3rem}.mm-item{min-height:52px}.mm-note{display:none}.mm-item:focus .mm-label{transform:translate(36px)}.mm-item:before{width:22px}.attract-tag{inset:16px 16px auto auto;font-size:13px;padding:6px 10px}.at-name{display:none}.hintbar{gap:var(--space-xs);padding:0 var(--space-sm);background:var(--ink-0);border-top:1px solid var(--rule)}.hint.is-minor{display:none}.setup-inner{padding:var(--space-sm) var(--space-sm) calc(var(--hintbar-h) + var(--space-md));gap:var(--space-md)}.screen-title{font-size:2.25rem}.team-card{padding:var(--space-sm);gap:var(--space-sm)}.tc-main{grid-template-columns:auto 1fr}.tc-overall{min-width:64px;padding-left:var(--space-sm)}.tc-overall b{font-size:2.75rem}.tc-body{gap:var(--space-sm)}.tc-rating{grid-template-columns:7.5em 1fr 1.8em;gap:var(--space-xs)}.tc-rating dt{font-size:11px}.tc-rating b{font-size:20px}.title-foot{display:none}.badge-lg{width:64px;height:64px;font-size:22px}.tc-nickname{font-size:2.1rem}.tc-location{font-size:12px}.tc-arrow{width:32px}.tc-change{display:none}.tc-ratings{grid-template-columns:1fr;gap:8px}.tc-stars{font-size:14px}.mm-at{font-size:1.5rem}.chip-btn{height:40px}.ctl-lane{height:48px}.ctl-kind{display:none}.ctl-detail{font-size:13px;font-weight:700;opacity:1}.ctl-row:focus .ctl-token:before,.ctl-row:focus .ctl-token:after{content:none}.setup-foot{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.seg{display:flex}.seg-opt{flex:1;min-width:0;padding:0 8px}.cta{width:100%}.layer-inner,.picker-inner{padding:var(--space-md) var(--space-sm) calc(var(--hintbar-h) + var(--space-md));gap:var(--space-md)}.pick-grid,.pick-extras-row{grid-template-columns:1fr 1fr;gap:var(--space-xs)}.pick-tile{gap:8px;padding:6px 8px;min-height:56px}.pick-tile .badge-sm{width:32px;height:32px;font-size:11px}.pt-nickname{font-size:18px}.pt-location,.pt-tag{display:none}.pt-overall{font-size:18px}.ctl-table{grid-template-columns:1fr}.ct-headrow{display:none}.ct-row{display:grid;grid-template-columns:repeat(var(--ct-cols, 3),1fr);gap:var(--space-xs);padding:var(--space-sm) 0;border-top:1px solid var(--rule)}.ct-cell{border-top:0;padding:0;justify-content:flex-start}.ct-action{grid-column:1 / -1}.ct-cell[data-col]:before{content:attr(data-col);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ice-3);margin-bottom:6px}.ctl-table .key{min-width:34px;height:34px;font-size:14px}.ctl-table .key-round{width:34px}.opt-row{grid-template-columns:1fr;gap:var(--space-sm)}.hud-top{top:10px;left:10px;flex-wrap:wrap}.hud-chip{height:28px;font-size:12px}.entry-grid,.lobby-grid{grid-template-columns:1fr;gap:var(--space-md)}.entry-panel{padding:var(--space-md)}.lead{font-size:15px;margin-top:0}.field{max-width:none}.lobby-head{grid-template-columns:1fr auto;gap:var(--space-sm)}.lobby-head .back-btn{grid-column:1 / -1;justify-self:start}.room-code{font-size:3rem}.room-help{grid-column:1 / -1}.member{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.member .conn{grid-column:1}.member .ready{grid-row:2;grid-column:2}.lobby-status{text-align:left}.slow-note{justify-content:flex-start}.ready-btn{width:100%;justify-content:center}.toasts{width:calc(100% - 32px)}.pause,.pause.is-live{background:#050910ed}.room-line{flex-wrap:wrap;gap:var(--space-xs)}.room-line .chip-btn{padding:0 12px}.toast{text-align:center;border-radius:14px}.bug{top:10px;left:10px;height:38px}.bug-abbr{min-width:48px;font-size:17px;padding:0 8px}.bug-score{min-width:34px;font-size:24px}.bug-time{padding:0 10px;gap:6px}.bug-clock{font-size:21px}.goal-band{flex-direction:column;align-items:flex-start;gap:8px}.score-lines.is-big .sl-name span{font-size:26px}.score-lines.is-big .sl-score{font-size:52px}.score-lines.is-big .sl-row{padding:10px 14px 10px 10px}.summary-actions .cta{width:100%}.summary-actions .btn{flex:1;padding:0 12px;white-space:nowrap}}@media(max-height:1000px)and (min-width:721px){:root{--hintbar-h: 56px}.setup-inner{gap:var(--space-sm);padding-top:var(--space-sm)}.screen-setup .screen-title{font-size:2.5rem}.team-card{padding:var(--space-sm) var(--space-md) var(--space-md);gap:14px}.team-card .badge-lg{width:88px;height:88px;font-size:30px}.tc-nickname{font-size:clamp(2.25rem,3vw,3rem)}.tc-ratings{gap:6px}.tc-overall b{font-size:3.25rem}.tc-stars{padding-top:var(--space-xs)}.mid-tools .chip-btn{height:40px}.ctl-rows{gap:6px}.ctl-lane{height:44px}.setup-foot{padding-top:var(--space-sm)}.seg-opt{height:46px}.cta{min-height:60px}.room-code{font-size:3.25rem}.member{min-height:46px}.ready-btn{min-height:60px}}@media(max-height:780px)and (min-width:721px){.tc-stars,.ctl-hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}.at-dot{animation:none}.goal-banner.is-on{animation:banner-life 3.6s linear both!important}.goal-banner.is-on .goal-band{animation:none!important;clip-path:none}}.rule-row{display:inline-flex;gap:4px;padding:4px;border-radius:10px;background:var(--ink-1);border:1px solid var(--rule)}.rule-opt{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 14px;border-radius:7px;color:var(--ice-3);transition:background-color .16s,color .16s}.rule-opt b{font:700 15px/1 var(--font-ui)}.rule-dot{width:10px;height:10px;border-radius:50%;border:2px solid currentColor}.rule-opt:hover,.rule-opt.is-on{color:var(--ice)}.rule-opt.is-on .rule-dot{background:var(--lamp);border-color:var(--lamp)}.rule-opt:focus{outline:none;box-shadow:0 0 0 2px var(--ink-0),0 0 0 4px var(--ice)}.rules-static{font:700 15px/1.2 var(--font-ui)}.ref-call{--team: transparent;position:absolute;top:20px;left:50%;transform:translate(-50%,-8px);opacity:0;display:flex;align-items:baseline;gap:12px;padding:10px 20px;border-radius:999px;background:#050910eb;box-shadow:inset 4px 0 0 var(--team);transition:opacity .16s,transform .16s;pointer-events:none;white-space:nowrap}.ref-call.is-on{opacity:1;transform:translate(-50%)}.call-word{font:800 26px/1 var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--ice)}.ref-call.is-penalty .call-word{color:var(--lamp-hot)}.call-text{font:600 14px/1 var(--font-ui);color:var(--ice-2)}.call-text:empty{display:none}.pp-chip{box-shadow:inset 4px 0 0 var(--team, transparent)}.pp-word{color:var(--ice-2);font-weight:600}.pp-time{font-variant-numeric:tabular-nums;color:var(--ice-2)}.delayed-chip{color:var(--ice-2)}.ref-arm{width:4px;height:16px;border-radius:2px;background:var(--lamp-hot);transform:rotate(-12deg)}@media(prefers-reduced-motion:reduce){.ref-call{transition:none}}@media(max-width:760px){.ref-call{top:64px}.call-word{font-size:22px}}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md) var(--space-lg);align-items:start}.summary-lists{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.stat-table{border-collapse:collapse;font-size:15px;width:100%}.stat-table th,.stat-table td{padding:4px 0;text-align:right;font-variant-numeric:tabular-nums}.stat-table th[scope=row]{text-align:left;font-weight:500;color:var(--ice-2);padding-right:var(--space-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0;width:60%}.stat-table thead th{font:700 13px/1 var(--font-ui);letter-spacing:.08em;color:var(--ice-3);padding-bottom:8px}.stat-table td,.stat-table thead th:not(:first-child){padding-left:var(--space-sm);min-width:2.5em;font-weight:700}.stat-table tbody tr+tr{border-top:1px solid var(--rule)}.line-chip{box-shadow:inset 4px 0 0 var(--team, transparent);color:var(--ice-2)}.line-team{color:var(--ice-3);font-weight:600}.line-unit{color:var(--ice);min-width:4.2em;font-variant-numeric:tabular-nums}.line-unit.is-dim{opacity:.35}.line-bar{width:36px;height:6px;border-radius:3px;background:#ffffff24;overflow:hidden}.line-bar>i{display:block;height:100%;background:var(--ice-2)}.line-bar.is-low>i{background:var(--warn)}.line-hint{font-weight:600;color:var(--ice-3)}.line-hint:empty{display:none}.line-chip.is-picking{color:var(--ice);box-shadow:inset 4px 0 0 var(--team, transparent),0 0 0 2px var(--team, var(--ice-3))}.line-chip.is-changing .line-unit:after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--ice-2);vertical-align:middle;animation:line-blink 1s steps(2) infinite}@keyframes line-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.line-chip.is-changing .line-unit:after{animation:none}}@media(max-width:760px){.line-bar,.line-team{display:none}}.gb[hidden]{display:none}body.gb-on{overflow:hidden;background:#d0cec5;overscroll-behavior:none}body.gb-on #rink{z-index:1;border-radius:3px}body.gb-on #ui{z-index:2;overflow:hidden;border-radius:3px}body.gb-on .hud-top{right:10px;flex-wrap:wrap}body.gb-on .attract-tag{display:none}.gb{--gb-body: oklch(.85 .012 95);--gb-body-2: oklch(.79 .014 95);--gb-ink: oklch(.36 .09 275);--gb-bezel: oklch(.42 .025 275);--gb-maroon: oklch(.45 .15 355);--gb-maroon-2: oklch(.36 .13 355);--gb-dpad: clamp(112px, 34vmin, 156px);--gb-btn: clamp(52px, 15.5vmin, 70px);--gb-ctl: clamp(214px, 37dvh, 310px);position:fixed;inset:0;z-index:0;display:grid;grid-template:"screen screen" minmax(0,1fr) "brand brand" auto "left right" var(--gb-ctl) / 1fr 1fr;padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 12px) calc(env(safe-area-inset-bottom) + 8px) calc(env(safe-area-inset-left) + 12px);background:radial-gradient(120% 70% at 50% 0%,var(--gb-body),var(--gb-body-2));color:var(--gb-ink);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:var(--font-ui)}.gb-bezel{grid-area:screen;display:flex;flex-direction:column;min-height:0;padding:8px 14px 18px 10px;background:var(--gb-bezel);border-radius:10px 10px 40px;box-shadow:inset 0 2px #ffffff14,0 1px #ffffff80}.gb-bezel-top{display:flex;align-items:center;gap:8px;height:14px;margin:0 2px 6px}.gb-bezel-top i{flex:1;height:5px;border-top:2px solid var(--gb-maroon);border-bottom:2px solid oklch(.38 .12 275)}.gb-bezel-top span{font:600 8.5px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#c2c4cb;white-space:nowrap}.gb-bezel-body{flex:1;display:flex;align-items:stretch;gap:8px;min-height:0}.gb-power{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:22px;flex:none}.gb-power span{font:600 7px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#bcbdc4;writing-mode:vertical-rl;transform:rotate(180deg)}.gb-led{width:8px;height:8px;border-radius:50%;background:#402624;box-shadow:inset 0 1px 1px #00000080;transition:background .2s,box-shadow .2s}.gb-led.is-on{background:oklch(.65 .24 25);box-shadow:0 0 6px oklch(.65 .24 25 / .9)}.gb-glass{flex:1;min-width:0;min-height:0;background:#000;border-radius:3px;box-shadow:0 0 0 2px #2b2d38}.gb-brand{grid-area:brand;display:flex;align-items:baseline;gap:6px;padding:10px 6px 0;color:var(--gb-ink)}.gb-brand b,.gb-brand i{font:italic 900 22px/1 var(--font-display);letter-spacing:.02em}.gb-brand i{color:var(--gb-maroon)}.gb-brand span{font:italic 700 13px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.gb-left,.gb-right{position:relative;min-width:0}.gb-left{grid-area:left}.gb-right{grid-area:right}.gb-dpad{position:absolute;left:4%;top:12%;width:var(--gb-dpad);height:var(--gb-dpad);border-radius:50%;background:radial-gradient(circle,oklch(.76 .012 95) 60%,transparent 62%);touch-action:none;perspective:300px}.gb-cross{position:absolute;inset:14%;transition:transform 40ms;transform-style:preserve-3d;filter:drop-shadow(0 3px 0 oklch(.2 .01 275 / .55))}.gb-cross:before,.gb-cross:after{content:"";position:absolute;background:#1e1f23;border-radius:4px}.gb-cross:before{inset:0 34%}.gb-cross:after{inset:34% 0}.gb-dimple{position:absolute;left:41%;top:41%;width:18%;height:18%;border-radius:50%;background:#15161a;z-index:1;box-shadow:inset 0 1px 2px #0009}.gb-dpad[data-dir="0"] .gb-cross{transform:rotateX(14deg)}.gb-dpad[data-dir="1"] .gb-cross{transform:rotateX(10deg) rotateY(10deg)}.gb-dpad[data-dir="2"] .gb-cross{transform:rotateY(14deg)}.gb-dpad[data-dir="3"] .gb-cross{transform:rotateX(-10deg) rotateY(10deg)}.gb-dpad[data-dir="4"] .gb-cross{transform:rotateX(-14deg)}.gb-dpad[data-dir="5"] .gb-cross{transform:rotateX(-10deg) rotateY(-10deg)}.gb-dpad[data-dir="6"] .gb-cross{transform:rotateY(-14deg)}.gb-dpad[data-dir="7"] .gb-cross{transform:rotateX(10deg) rotateY(-10deg)}.gb-ab{position:absolute;right:2%;top:10%;display:flex;align-items:flex-start;gap:calc(var(--gb-btn) * .32);padding:12px 14px 22px;border-radius:999px;background:#bdbbb1d9;box-shadow:inset 0 1px 3px #0000001f;transform:rotate(-25deg);touch-action:none}.gb-btn{position:relative;display:block;width:var(--gb-btn);height:var(--gb-btn)}.gb-btn.gb-a{margin-top:calc(var(--gb-btn) * -.12)}.gb-btn.gb-b{margin-top:calc(var(--gb-btn) * .12)}.gb-cap{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--gb-maroon),var(--gb-maroon-2));box-shadow:0 4px #4b0a2b,0 6px 8px #00000040;transition:transform 40ms,box-shadow 40ms}.gb-btn.is-down .gb-cap{transform:translateY(3px);box-shadow:0 1px #4b0a2b,0 2px 3px #00000040}.gb-btn b{position:absolute;left:0;right:0;top:calc(100% + 8px);text-align:center;font:italic 800 15px/1 var(--font-ui);color:var(--gb-ink)}.gb-meta{position:absolute;bottom:14%}.gb-left .gb-meta{right:6%}.gb-right .gb-meta{left:6%}.gb-pill{position:relative;display:block;width:62px;height:34px;transform:rotate(-25deg);touch-action:none}.gb-pill-cap{position:absolute;left:6px;right:6px;top:10px;height:13px;border-radius:999px;background:#707178;box-shadow:0 0 0 4px #bdbbb1,0 2px 0 4px #a7a59b;transition:transform 40ms}.gb-pill.is-down .gb-pill-cap{transform:translateY(2px);background:#5c5d63}.gb-pill b{position:absolute;left:0;right:0;top:30px;text-align:center;font:700 10px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--gb-ink)}.gb-speaker{position:absolute;right:6%;bottom:6%;display:flex;gap:7px;transform:rotate(-30deg)}.gb-speaker i{width:6px;height:clamp(34px,9vmin,48px);border-radius:3px;background:#a19e94;box-shadow:inset 0 2px 2px #00000040}@media(orientation:landscape){.gb{--gb-dpad: clamp(110px, 30vmin, 150px);--gb-btn: clamp(48px, 14vmin, 64px);grid-template:"left screen right" minmax(0,1fr) / clamp(150px,24vw,240px) minmax(0,1fr) clamp(150px,24vw,240px);padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 8px) calc(env(safe-area-inset-bottom) + 8px) calc(env(safe-area-inset-left) + 8px)}.gb-bezel{padding:6px 10px 10px 8px;border-radius:10px}.gb-brand{position:absolute;left:calc(env(safe-area-inset-left) + 14px);top:calc(env(safe-area-inset-top) + 10px);padding:0}.gb-brand span{display:none}.gb-dpad{left:50%;top:46%;transform:translate(-50%,-50%)}.gb-ab{right:auto;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-25deg)}.gb-meta{bottom:6%}.gb-left .gb-meta{right:auto;left:50%;transform:translate(-50%)}.gb-right .gb-meta{left:50%;transform:translate(-50%)}.gb-speaker{display:none}}@media(prefers-reduced-motion:reduce){.gb-cross,.gb-cap,.gb-pill-cap{transition:none}}