.hive{--n: 7;--rows-w: 3;--rows-n: 5;--rows: var(--rows-w);--g: .3rem;--w: min(11rem, calc((100vw - 4rem) / 4 - var(--g)));--h: calc(var(--w) * .866);--step-x: calc(var(--w) * .75 + var(--g));--row-h: calc(var(--h) * .5 + var(--g) / 2);--span-steps: 4;--ox: calc(50% - (var(--w) + var(--step-x) * var(--span-steps)) / 2);--oy: calc(50% - (var(--h) + var(--row-h) * (var(--rows) - 1)) / 2);--cw: min(62.4rem, 100%);--ch: min(35.1rem, 56.25vw, calc(100% - 2 * var(--bottom-band)));--cut: 3.42rem;--band: 2rem;--fun-ease: cubic-bezier(.16, 1, .3, 1);position:relative;width:100%;height:100%;min-width:0;color:var(--ink)}.hive-band{position:absolute;z-index:0;left:0;right:0;top:0;height:var(--oy);display:flex;align-items:center;justify-content:center;overflow:hidden;container:hive-band / size;pointer-events:none}.hive-line{display:none;margin:0;max-width:calc(100% - 2rem);text-align:center;white-space:nowrap;font-family:var(--type-section-family);font-size:var(--type-section-size);font-weight:var(--type-section-weight);letter-spacing:var(--type-section-tracking);text-transform:var(--type-section-transform);line-height:1;color:var(--ink);transition:opacity .3s ease,visibility 0s}@container hive-band (min-height: 3rem){.hive-line{display:block}}.hive-line-hot{color:var(--signal)}.hive.is-open .hive-line{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.cell{--shape: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);--r: var(--r-w, 0);--c: var(--c-w, 0);--inset: var(--inset-w, 0);position:absolute;z-index:1;left:calc(var(--ox) + var(--c) * var(--step-x) * 2 + var(--inset) * var(--step-x));top:calc(var(--oy) + var(--r) * var(--row-h));width:var(--w);height:var(--h);color:var(--key-edge);transition:left .62s var(--fun-ease),top .62s var(--fun-ease),width .62s var(--fun-ease),height .62s var(--fun-ease),opacity .3s ease,transform .45s var(--fun-ease)}.cell-glow{position:absolute;inset:-14%;background:radial-gradient(closest-side,rgb(from var(--cream) r g b / .34),rgb(from var(--signal) r g b / .14) 55%,transparent 100%);filter:blur(10px);opacity:0;transition:opacity .4s ease}.cell-hex{position:absolute;inset:0;clip-path:var(--shape);background:var(--key-edge);transition:clip-path .62s var(--fun-ease),background-color .2s ease}.cell-face{position:absolute;inset:2px;clip-path:var(--shape);background:var(--key-face);transition:clip-path .62s var(--fun-ease),background-color .45s ease}.cell-tap{position:absolute;inset:0;z-index:3;padding:0;border:0;border-radius:0;background:none;cursor:pointer}.cell-tap:focus-visible{outline:none}.cell-idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;pointer-events:none;transition:opacity .2s ease}.cell-idle .glyph{width:36px;height:36px;stroke-width:1.5}.cell-name{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:600;letter-spacing:var(--track-wide);text-transform:var(--type-label-transform);line-height:1}.cell-kind{max-width:60%;text-align:center;font-family:var(--type-micro-family);font-size:var(--type-micro-size);font-weight:var(--type-micro-weight);letter-spacing:var(--type-micro-tracking);text-transform:var(--type-micro-transform);color:var(--hud-label);line-height:1.4}.cell-lit{position:absolute;left:38%;right:38%;bottom:17%;height:2px;border-radius:1px;background:var(--signal);opacity:0;transition:opacity .25s ease}.cell:hover,.cell:has(.cell-tap:focus-visible){color:var(--ink-hot)}.cell:hover .cell-hex,.cell:has(.cell-tap:focus-visible) .cell-hex{background:var(--cream-hot)}.cell:has(.cell-tap:focus-visible) .cell-glow{opacity:.6}.cell.is-lift .cell-hex{background:var(--cream-hot)}.cell.is-lift .cell-glow,.cell.is-lift .cell-lit{opacity:1}.cell.is-dim{opacity:.26;color:var(--muted);pointer-events:none}.cell.is-dim .cell-kind{color:var(--hud-mute)}.cell.is-dim .cell-hex{background:var(--key-edge)}.cell.is-empty .cell-idle,.cell.is-empty .cell-court,.cell.is-empty .cell-tap{display:none}.cell.is-open{--shape: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50% );z-index:5;left:calc(50% - var(--cw) / 2);top:calc(50% - var(--ch) / 2);width:var(--cw);height:var(--ch);color:var(--key-edge)}.cell.is-open .cell-hex{background:var(--cream-hot)}.cell.is-open .cell-face{background:rgb(from var(--glass-abyss) r g b / .94)}.cell.is-open .cell-glow{opacity:1;inset:-6%}.cell.is-open .cell-tap,.cell.is-open .cell-idle{display:none}.hive.is-open .cell:not(.is-open){opacity:0;transform:scale(.82);pointer-events:none}.cell-court{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}.cell.is-open .cell-court{opacity:1;visibility:visible;pointer-events:auto;animation:screenReconstruct var(--screen-in) var(--screen-in-ease) calc(2 * var(--screen-in-delay)) both;transition:visibility 0s}.court-well{position:absolute;left:calc(var(--cut) + .3rem);right:calc(var(--cut) + .3rem);top:var(--band);bottom:.35rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgb(from var(--glass-abyss) calc(r*.6) calc(g*.6) calc(b*.6) / .9)}.court-well:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 60px rgb(from var(--glass-abyss) calc(r/5) calc(g/5) calc(b/5) / .3)}.court-well canvas{display:block;flex:none;touch-action:none;transform-origin:50% 35%;transition:opacity .22s ease,transform .38s var(--fun-ease)}.court-load{position:absolute;z-index:4;left:calc(var(--cut) + .3rem);right:calc(var(--cut) + .3rem);top:var(--band);bottom:.35rem;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none}.cell.is-loading .court-load{opacity:1;visibility:visible}.cell.rules-open .court-load,.cell.card-up .court-load{opacity:0;visibility:hidden}.court-load>span{position:relative;width:min(42%,8.5rem);aspect-ratio:1 / .866}.court-load i{position:absolute;width:9%;height:10.4%;margin:-4.5%;background:var(--cream);opacity:.55;animation:courtLoad .72s var(--fun-ease) infinite}.court-load i:nth-child(1){left:25%;top:0}.court-load i:nth-child(2){left:75%;top:0;animation-delay:.12s}.court-load i:nth-child(3){left:100%;top:50%;animation-delay:.24s}.court-load i:nth-child(4){left:75%;top:100%;animation-delay:.36s}.court-load i:nth-child(5){left:25%;top:100%;animation-delay:.48s}.court-load i:nth-child(6){left:0;top:50%;animation-delay:.6s}@keyframes courtLoad{0%,62%,to{opacity:.55;background:var(--cream);box-shadow:none}18%{opacity:1;background:var(--signal);box-shadow:0 0 14px rgb(from var(--signal) r g b / .9)}}.court-readout{position:absolute;left:0;right:0;top:0;height:var(--band);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;padding:0 calc(var(--cut) + .5rem);box-shadow:inset 0 -1px 0 var(--sheet-edge)}.court-title{display:flex;align-items:center;justify-self:start;gap:.8rem}.court-tag{white-space:nowrap;font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:600;letter-spacing:var(--track-wide);text-transform:var(--type-label-transform);color:var(--hud-label)}.court-rules-toggle{display:inline-flex;align-items:center;padding:.32rem .05rem;border:0;background:none;color:var(--hud-label);white-space:nowrap;font-family:var(--type-micro-family);font-size:var(--type-micro-size);font-weight:600;letter-spacing:var(--type-micro-tracking);text-transform:var(--type-micro-transform);cursor:pointer}.court-rules-toggle:hover,.court-rules-toggle[aria-expanded=true]{color:var(--signal)}.court-score{display:inline-flex;justify-content:center;align-items:baseline;gap:1.1rem;font-family:var(--type-numeral-family);font-size:var(--t4);font-weight:var(--type-numeral-weight);letter-spacing:var(--type-numeral-tracking);line-height:var(--type-numeral-leading);font-variant-numeric:tabular-nums;color:var(--ink-chrome)}.court-score b{display:inline-flex;align-items:baseline;gap:.4rem;font-weight:inherit}.court-score b small{font-size:var(--type-micro-size);font-weight:600;letter-spacing:var(--type-micro-tracking);text-transform:var(--type-micro-transform);color:var(--hud-label)}.court-score b.hot{color:var(--signal)}.court-score.is-versus{gap:.35rem}.court-score i{font-style:normal;color:var(--hud-label)}.court-score b.trail small{margin-left:var(--type-micro-tracking)}.court-score b.aside{gap:0}.court-score b.aside small{margin-right:.4rem}.court-end{display:flex;align-items:center;justify-self:end;gap:inherit;min-width:0}.court-state{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;min-width:0;color:var(--signal)}.led{display:inline-block;width:5px;height:5px;background:var(--hud-mute);transition:background .3s ease,box-shadow .3s ease}body.is-running .led{background:var(--signal);box-shadow:0 0 6px rgb(from var(--signal) r g b / .8)}.cell.is-paused .led,body.is-running.is-still .led{background:var(--hud-mute);box-shadow:none}.court-rules{position:absolute;z-index:3;left:0;right:0;top:0;min-height:38%;max-height:100%;overflow-y:auto;padding:1rem clamp(1.2rem,4vw,2.2rem) 1.2rem;display:grid;grid-template-columns:minmax(0,68ch);justify-content:center;justify-items:center;gap:.9rem;align-content:center;background:var(--sheet-solid);border-bottom:1px solid var(--sheet-rim);box-shadow:0 18px 42px rgb(from var(--glass-abyss) calc(r*.35) calc(g*.35) calc(b*.35) / .34);transform:translateY(calc(-100% - 1px));visibility:hidden;transition:transform .38s var(--fun-ease),visibility 0s linear .38s}.court-rules-title{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:600;letter-spacing:var(--track-wide);text-transform:var(--type-label-transform);color:var(--signal)}.court-rules-copy{justify-self:center;display:grid;gap:.3em;margin:0;padding-left:1.1em;text-align:left;font-size:var(--t3);line-height:var(--type-body-leading);color:var(--ink)}.court-rules-copy li::marker{color:var(--muted)}.cell.rules-open .court-rules{transform:translateY(0);visibility:visible;transition:transform .38s var(--fun-ease),visibility 0s}.cell.rules-open .court-well canvas{opacity:.2;transform:scale(.985)}.court-well:focus{outline:none}.court-card{position:absolute;inset:0;z-index:2;display:grid;align-content:center;justify-items:center;gap:.5rem;padding:1rem;text-align:center;cursor:pointer;background:radial-gradient(ellipse 34% 46% at 50% 50%,rgb(from var(--glass-abyss) calc(r/2) calc(g/2) calc(b/2) / .92),rgb(from var(--glass-abyss) calc(r/2) calc(g/2) calc(b/2) / .55) 60%,transparent 100%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility 0s linear .4s}.cell.card-up:not(.rules-open) .court-card{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s ease,visibility 0s}.cell.card-up .court-well canvas{opacity:.3}.court-card-head{font-family:var(--font-mono);font-size:var(--t5);font-weight:600;letter-spacing:var(--track-wide);text-transform:uppercase;line-height:1.1;color:var(--ink-chrome)}.court-card[data-outcome=win] .court-card-head{color:var(--signal)}.court-card[data-outcome=lose] .court-card-head,.court-card[data-outcome=over] .court-card-head{color:var(--ink)}.court-card-line{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--track-wide);text-transform:var(--type-label-transform);color:var(--hud-label)}.court-card-actions{display:grid;justify-items:center;gap:.5rem;margin-top:.9rem}.court-play{min-width:8.5rem;padding:.6rem 1.4rem;border:1px solid var(--signal);border-radius:3px;background:var(--signal-wash);color:var(--signal);font-family:var(--type-action-family);font-size:var(--type-action-size);font-weight:var(--type-action-weight);letter-spacing:var(--track-wide);text-transform:var(--type-action-transform);cursor:pointer;transition:background-color .2s ease,color .2s ease}.court-play:hover{background:var(--signal);color:var(--ink-on-light)}.court-play:focus-visible{outline:1px solid var(--focus);outline-offset:3px}.court-card .court-rules-toggle{font-size:var(--t2)}.court-rules-go{position:sticky;bottom:0;background-color:var(--sheet-opaque);background-image:linear-gradient(var(--signal-wash),var(--signal-wash))}.cell:not(.card-up) .court-rules-go{display:none}.court-close{position:relative;flex:none;width:20px;height:20px;margin-left:.2rem;padding:0;border:0;border-radius:4px;background:none;color:var(--close-dot);cursor:pointer}.court-close:before,.court-close:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2.85px;border-radius:999px;background:currentColor;transform:translate(-50%,-50%) rotate(var(--arm, 45deg))}.court-close:after{--arm: -45deg}.court-close:hover{filter:brightness(1.18)}.hive.no-anim,.hive.no-anim *{transition:none!important}.glyph{display:block;width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.glyph .f{fill:currentColor;stroke:none}.hex-field{transition:opacity .6s ease}body.is-running .hex-field{opacity:.5}@media(max-width:36rem){.hive{--rows: var(--rows-n);--span-steps: 2;--w: min(8.5rem, calc((100vw - 3rem)*.4) )}.cell{--r: var(--r-n, 0);--c: var(--c-n, 0);--inset: var(--inset-n, 0)}}@media(max-height:32rem){.hive{--w: min(7.5rem, calc((100vw - 4rem) / 4 - var(--g)))}}@container viewport style(--bp-phone: 1){.hive{--cw: 100%;--ch: min( calc((100vw - 1.7rem)*.5625) , calc(100% - 2 * var(--bottom-band)));--cut: 1.3rem;--band: 1.7rem}.court-readout{gap:.6rem}.court-tag{min-width:0}.court-score{font-size:var(--t3);gap:.7rem}}@media(max-width:30rem){.hive{--band: 2.75rem}.court-readout{display:grid;grid-template:1fr 1fr / auto minmax(0,1fr) auto;grid-template-areas:"title score close" "title state close";gap:0 .4rem;padding-inline:calc(var(--cut) + .25rem)}.court-end{display:contents}.court-title{grid-area:title;gap:.32rem;min-width:0}.court-score{grid-area:score;align-self:end;gap:.35rem}.court-score b{gap:.18rem}.court-score b small{font-size:var(--t1);letter-spacing:var(--track-label)}.court-score b.trail small{margin-left:var(--track-label)}.court-score b.aside small{margin-right:.18rem}.court-state{grid-area:state;align-self:start}.court-close{grid-area:close;align-self:center;width:17px;margin-left:0}.court-tag,.court-rules-toggle{font-size:var(--t1);letter-spacing:var(--track-label)}.court-rules{grid-template-columns:1fr;gap:.3rem;padding:.55rem 1.15rem .6rem}.court-rules-copy{gap:.1em;font-size:var(--t2);line-height:1.4}.court-card{gap:.3rem;background:radial-gradient(ellipse 48% 60% at 50% 50%,rgb(from var(--glass-abyss) calc(r/2) calc(g/2) calc(b/2) / .92),transparent 100%)}.court-card-head{font-size:var(--t4)}.court-card-line{font-size:var(--t1);letter-spacing:var(--track-label)}.court-card-actions{margin-top:.45rem;gap:.2rem}.court-play{min-width:7rem;padding:.3rem 1rem}.court-card .court-rules-toggle{font-size:var(--t1)}}@keyframes padIn{0%{opacity:0;transform:translateY(.6rem)}}@container viewport style(--bp-handset: 1){.desk:has(.hive.is-open){padding:0}.desk:has(.hive.is-open) .desk-nav,.desk:has(.hive.is-open) .proj,.desk:has(.hive.is-open) .burger-wrap,.desk:has(.hive.is-open) .mug-wrap{display:none}.desk:has(.hive.is-open) .desk-window{--edge-mask: none}.hive.is-open{--cw: 100%;--ch: 100%;--cut: 0px}}@container viewport style(--bp-handset: 1){.hive.is-open{--rail: 9.5rem}body:not(.is-still) .cell.is-open:has(>.court-pad) .court-well{left:var(--rail);right:var(--rail)}.cell.is-open>.court-pad{--pad-key: 2.75rem;position:absolute;inset:var(--band) 0 0;display:flex;animation:padIn .45s var(--fun-ease) .3s both}.cell.is-open>.court-pad>*{width:var(--rail);align-self:stretch;justify-content:center;align-content:center}.cell.is-open .pad-buttons{align-items:center}body.is-still .cell.is-open>.court-pad{display:none}}@media(prefers-reduced-motion:reduce){.cell,.cell-hex,.cell-face,.cell-court,.cell-glow,.hex-field,.court-rules,.court-card,.court-well canvas,.court-load,.court-load i,.hive-line{transition:none!important;animation:none!important}}.court-pad{--pad-key: 3.3rem;--pad-gap: .3rem;display:none;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;pointer-events:none}.court-pad>*{pointer-events:auto}.pad-key{position:relative;display:grid;place-items:center;padding:0;border:0;background:none;color:var(--key-edge);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;transition:color .12s ease,transform .12s var(--fun-ease, ease)}.pad-key.is-down{color:var(--signal);transform:scale(.94)}.pad-cross{display:grid;grid-template:repeat(3,var(--pad-key)) / repeat(3,var(--pad-key));gap:var(--pad-gap)}.pad-arrow{border:2px solid currentColor;border-radius:.85rem;background:var(--key-face)}.pad-arrow.is-down{background:var(--signal-wash)}.pad-arrow svg{width:.8rem;height:.8rem;fill:currentColor;rotate:var(--turn, 0deg)}.pad-up{grid-area:1 / 2}.pad-left{grid-area:2 / 1;--turn: -90deg}.pad-right{grid-area:2 / 3;--turn: 90deg}.pad-down{grid-area:3 / 2;--turn: 180deg}.pad-buttons{display:flex;flex-direction:column;gap:calc(var(--pad-gap) * 2)}.pad-button{isolation:isolate;width:calc(var(--pad-key) * 1.9);aspect-ratio:1 / .866;font-family:var(--type-action-family);font-size:var(--type-action-size);font-weight:var(--type-action-weight);letter-spacing:var(--track-wide);text-transform:var(--type-action-transform)}.pad-button:before,.pad-button:after{content:"";position:absolute;z-index:-1;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.pad-button:before{inset:0;background:currentColor}.pad-button:after{inset:2px;background:var(--key-face)}.pad-button.is-down:after{background:linear-gradient(var(--signal-wash),var(--signal-wash)),var(--key-face)}@media(prefers-reduced-motion:reduce){.pad-key{transition:none}}