:root{--bb-bg-0:#04121A;--bb-bg-1:#07202A;--bb-bg-2:#0C2F3B;--bb-bg-3:#124250;--bb-bg-world: radial-gradient(120% 70% at 50% 0%, #124250 0%, #07202A 45%, #04121A 100%);--bb-shaft-glow:#19D3C5;--bb-shaft-glow-alpha:.15;--bb-shaft-glow-radius:.22;--bb-shaft-rim:#7FF5EA;--bb-shaft-fog:#0B3540;--bb-shaft-wall-rim:#123E4A;--bb-shaft-wall-floor:#030C11;--bb-shaft-grid:rgba(127,245,234,.12);--bb-amber:#FFB02E;--bb-amber-strong:#FF8A1F;--bb-on-amber:#1A1200;--bb-amber-fill: linear-gradient(180deg,#FFC24F 0%,#FF9E26 100%);--bb-text:#F2FBFA;--bb-text-2:#A9C4C4;--bb-text-3:#6F8E90;--bb-text-inverse:#07202A;--bb-danger:#FF4D5E;--bb-success:#3BE6B8;--bb-focus:#FFD36B;--bb-glass-fill:rgba(255,255,255,.08);--bb-glass-fill-strong:rgba(255,255,255,.14);--bb-glass-border:rgba(255,255,255,.16);--bb-glass-highlight:rgba(255,255,255,.24);--bb-glass-blur:18px;--bb-glass-shadow:0 24px 64px rgba(0,0,0,.45);--bb-piece-0:#FFFFFF;--bb-piece-1:#D9DEE3;--bb-piece-2:#AEB7BF;--bb-piece-outline:rgba(26,18,0,.8);--bb-piece-halo:rgba(255,176,46,.6);--bb-piece-ghost:rgba(255,255,255,.85);--bb-d0:#FFC53D;--bb-d1:#FF9F3A;--bb-d2:#FF7A48;--bb-d3:#FF5C7A;--bb-d4:#F24FA6;--bb-d5:#C95BE0;--bb-d6:#9A6BFF;--bb-d7:#7A8AFF;--bb-d8:#5CA3FF;--bb-d9:#4CC0F5;--bb-d10:#4FDCE4;--bb-d11:#6AF4CC;--bb-fog:.35;--bb-font-display:"Outfit", system-ui, sans-serif;--bb-font-body:"Plus Jakarta Sans", system-ui, sans-serif;--bb-type-display-xl:800 56px/1 var(--bb-font-display);--bb-type-display:800 40px/1.05 var(--bb-font-display);--bb-type-numeral-hero:800 64px/1 var(--bb-font-display);--bb-type-numeral:800 36px/1 var(--bb-font-display);--bb-type-title:700 24px/1.15 var(--bb-font-display);--bb-type-button:800 20px/1 var(--bb-font-display);--bb-type-body:500 17px/1.45 var(--bb-font-body);--bb-type-label:700 14px/1.2 var(--bb-font-body);--bb-type-caption:700 12px/1 var(--bb-font-body);--bb-sp-1:4px;--bb-sp-2:8px;--bb-sp-3:12px;--bb-sp-4:16px;--bb-sp-5:20px;--bb-sp-6:24px;--bb-sp-7:32px;--bb-sp-8:40px;--bb-sp-9:56px;--bb-r-s:10px;--bb-r-m:16px;--bb-r-l:24px;--bb-r-xl:32px;--bb-r-pill:999px;--bb-el-1:0 2px 8px rgba(0,0,0,.25);--bb-el-2:0 10px 30px rgba(0,0,0,.35);--bb-el-3:0 24px 64px rgba(0,0,0,.45);--bb-glow-amber:0 8px 28px rgba(255,176,46,.4);--bb-glow-teal:0 0 32px rgba(25,211,197,.4);--bb-touch-min:48px;--bb-control:72px;--bb-control-tablet:96px;--bb-drop-bar:68px;--bb-icon:28px;--bb-focus-ring:3px;--bb-t-instant:80ms;--bb-t-fast:.12s;--bb-t-base:.22s;--bb-t-slow:.42s;--bb-t-celebrate:.9s;--bb-t-ambient:8s;--bb-e-standard:cubic-bezier(.2,.8,.2,1);--bb-e-pop:cubic-bezier(.34,1.56,.64,1);--bb-e-exit:cubic-bezier(.4,0,1,1);--bb-e-drop:cubic-bezier(.6,0,1,1)}[data-colours=colorblind]{--bb-d0:#FFF3BF;--bb-d1:#C9E6FF;--bb-d2:#FFD678;--bb-d3:#96CCFF;--bb-d4:#FFB347;--bb-d5:#6BAFF7;--bb-d6:#F79422;--bb-d7:#5A9CF0;--bb-d8:#E8821F;--bb-d9:#4F92E8;--bb-d10:#DC7A1E;--bb-d11:#4A86E0;--bb-fog:.2}[data-colours=highcontrast]{--bb-d0:#FFE500;--bb-d1:#FF2D95;--bb-d2:#00E5FF;--bb-d3:#FF7A00;--bb-d4:#7CFF00;--bb-d5:#B266FF;--bb-d6:#FF3B30;--bb-d7:#00FF9C;--bb-d8:#FFB3C7;--bb-d9:#5C94FF;--bb-d10:#FFD08A;--bb-d11:#C9B8FF;--bb-fog:0;--bb-shaft-grid:rgba(255,255,255,.28);--bb-glass-fill:rgba(0,0,0,.6);--bb-glass-border:rgba(255,255,255,.5)}.bb-glass{background:var(--bb-glass-fill);border:1px solid var(--bb-glass-border);box-shadow:inset 0 1px 0 var(--bb-glass-highlight),var(--bb-el-2);backdrop-filter:blur(var(--bb-glass-blur));-webkit-backdrop-filter:blur(var(--bb-glass-blur));border-radius:var(--bb-r-l)}.bb-focus:focus-visible{outline:var(--bb-focus-ring) solid var(--bb-focus);outline-offset:3px}@media (prefers-reduced-motion: reduce){:root{--bb-t-slow:.2s;--bb-t-celebrate:.2s;--bb-e-pop:var(--bb-e-standard)}}@font-face{font-family:Outfit;src:url(../fonts/Outfit-latin.woff2) format("woff2");font-weight:500 800;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(../fonts/PlusJakartaSans-latin.woff2) format("woff2");font-weight:500 700;font-display:swap}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}body{container:root / size;background:var(--bb-bg-world),var(--bb-bg-0);color:var(--bb-text);font:var(--bb-type-body);color-scheme:dark;-webkit-font-smoothing:antialiased}svg{display:block}#bg{position:fixed;inset:-12px;z-index:0;background:url(../img/bg-play.webp) center / cover no-repeat,var(--bb-bg-world);will-change:transform}body.title #bg{background-image:url(../img/bg-menu.webp),var(--bb-bg-world)}#bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,77,94,.1),transparent 45%);opacity:0;transition:opacity var(--bb-t-slow)}body.danger #bg:after{opacity:1}@container root (orientation: landscape){#bg{background-image:url(../img/bg-play-wide.webp),var(--bb-bg-world)}body.title #bg{background-image:url(../img/bg-menu-wide.webp),var(--bb-bg-world)}}button{font:var(--bb-type-label);font-size:16px;color:var(--bb-text);background:var(--bb-glass-fill);border:1px solid var(--bb-glass-border);border-radius:var(--bb-r-m);min-height:52px;min-width:48px;padding:10px 16px;cursor:pointer;box-shadow:inset 0 1px 0 var(--bb-glass-highlight);transition:transform var(--bb-t-instant) var(--bb-e-standard),background var(--bb-t-fast),border-color var(--bb-t-fast),filter var(--bb-t-fast);-webkit-tap-highlight-color:transparent}button:hover{background:var(--bb-glass-fill-strong);border-color:#ffffff47}button:active{transform:scale(.96)}button:disabled{color:#f2fbfa66;box-shadow:none;cursor:default}:focus-visible{outline:var(--bb-focus-ring) solid var(--bb-focus);outline-offset:3px}button.primary{background:var(--bb-amber-fill);border-color:transparent;color:var(--bb-on-amber);box-shadow:var(--bb-glow-amber),inset 0 1px #ffffff73;font-family:var(--bb-font-display);font-weight:800}button.primary:hover{filter:brightness(1.06)}button.big{min-height:56px;font:var(--bb-type-button)}.soft{font:600 15px/1 var(--bb-font-body);color:var(--bb-text-2)}button.round{width:48px;height:48px;padding:0;border-radius:50%;display:grid;place-items:center}button.round svg{width:22px;height:22px}button.pill{min-height:44px;border-radius:var(--bb-r-pill);display:inline-flex;align-items:center;gap:8px;padding:8px 16px}button.pill svg{width:20px;height:20px}button.pill[aria-pressed=false]{color:var(--bb-text-3)}.glass{background:var(--bb-glass-fill);border:1px solid var(--bb-glass-border);box-shadow:inset 0 1px 0 var(--bb-glass-highlight),var(--bb-el-2)}kbd{display:inline-block;min-width:26px;text-align:center;font:700 12px/1 var(--bb-font-body);color:var(--bb-text);background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:7px;padding:5px 7px;margin:0 2px;box-shadow:0 2px #00000073}kbd.amber{background:var(--bb-amber);color:var(--bb-on-amber);border-color:transparent}kbd.pad{border-radius:50%;min-width:24px;padding:5px 0;color:#fff}kbd.pad.a{background:#3ba55c}kbd.pad.b{background:#e5484d}kbd.pad.x{background:#3b82f6}kbd.pad.y{background:#e8b931;color:#1a1200}.cap{font:var(--bb-type-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--bb-text-2)}.numeral{font:var(--bb-type-numeral);font-variant-numeric:tabular-nums;letter-spacing:-.01em;display:inline-block}.numeral.pop{animation:numPop .16s var(--bb-e-pop)}@keyframes numPop{50%{transform:scale(1.08)}}.chip{font:700 13px/1 var(--bb-font-body);color:var(--bb-text-2);background:var(--bb-glass-fill);border:1px solid var(--bb-glass-border);border-radius:var(--bb-r-pill);padding:7px 12px;font-variant-numeric:tabular-nums;white-space:nowrap;transition:background var(--bb-t-base),color var(--bb-t-base)}.chip b{color:var(--bb-text);margin-left:4px}.chip.hi{background:var(--bb-amber-fill);border-color:transparent;color:var(--bb-on-amber);box-shadow:var(--bb-glow-amber);animation:numPop .22s var(--bb-e-pop)}.chip.hi b{color:var(--bb-on-amber)}.chip.time.urgent{background:var(--bb-amber-fill);color:var(--bb-on-amber);border-color:transparent;font-size:15px;padding:9px 16px;box-shadow:var(--bb-glow-amber)}.chip.time.urgent b{color:var(--bb-on-amber);font:800 22px/1 var(--bb-font-display)}.chip.time.tick{animation:numPop .2s var(--bb-e-pop)}#app{position:relative;z-index:1;display:grid;height:100dvh;width:100%;grid-template-columns:100%;grid-template-rows:auto 1fr auto;grid-template-areas:"panel" "stage" "controls";gap:10px;padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));transition:filter var(--bb-t-slow)}#panel{grid-area:panel;display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"score next right" "chips chips chips";gap:8px 10px;align-items:start;transition:opacity var(--bb-t-base)}.sideMark{display:none}.scoreBlock{grid-area:score;display:flex;flex-direction:column;gap:2px;min-width:0;container-type:inline-size}#score{--score-size: clamp(36px, 10vw, 56px);font-size:min(var(--score-size),calc(100cqi / (var(--d, 4) * .62)))}.chips{grid-area:chips;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nextChip{grid-area:next;width:64px;height:64px;border-radius:var(--bb-r-m);display:grid;place-items:center}.nextChip .cap{display:none}.nextChip canvas{width:54px;height:54px}.hudRight{grid-area:right;display:flex;gap:8px;align-items:center}#helpBtn{display:none}#stage{grid-area:stage;position:relative;display:grid;place-items:start center;min-width:0;min-height:0;container-type:size}canvas#well{display:block;touch-action:none;width:min(100cqw,100cqh);height:min(100cqw,100cqh)}#controls{grid-area:controls;display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"spin roll tip down" "drop drop drop drop";gap:10px;transition:opacity var(--bb-t-base)}#controls [data-act=spin]{grid-area:spin}#controls [data-act=roll]{grid-area:roll}#controls [data-act=tip]{grid-area:tip}#controls [data-act=soft]{grid-area:down}#controls [data-act=drop]{grid-area:drop}#controls button{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border-radius:var(--bb-r-l)}#controls svg{width:var(--bb-icon);height:var(--bb-icon)}#controls span{font:700 13px/1 var(--bb-font-body);color:var(--bb-text-2)}#controls .drop{min-height:var(--bb-drop-bar);background:var(--bb-amber-fill);border-color:transparent;color:var(--bb-on-amber);font:800 22px/1 var(--bb-font-display);letter-spacing:.14em;box-shadow:var(--bb-glow-amber),inset 0 1px #ffffff73}.keyHints{display:none}@container root (orientation: portrait) and (max-height: 640px){#app,#controls{gap:8px}#controls button{min-height:60px}#controls .drop{min-height:52px}}@container root (orientation: portrait) and (max-height: 480px){#controls button{min-height:48px}#controls span{display:none}#controls .drop{min-height:48px;font-size:18px}}@container root (orientation: portrait) and (min-width: 700px){#app{padding-inline:32px}#panel{grid-template-columns:auto 1fr auto auto;grid-template-areas:"score chips next right";align-items:center}.scoreBlock{container-type:normal}#score{font-size:var(--score-size)}#controls{grid-template-columns:96px 96px 1fr 96px 96px;grid-template-areas:"spin roll drop tip down";align-items:end}#controls button{min-height:var(--bb-control-tablet)}#controls .drop{justify-self:center;width:min(360px,100%);min-height:72px}}@container root (orientation: landscape){#app{--pad-t: max(10px, env(safe-area-inset-top));--pad-b: max(10px, env(safe-area-inset-bottom));--pad-l: max(16px, env(safe-area-inset-left));--pad-r: max(16px, env(safe-area-inset-right));--side-l: 150px;--side-l-max: 200px;--side-r: 150px;--side-r-max: 230px;--gap: 16px;--below: 0px;--stage-min: max(0px, min(calc((100cqh - var(--pad-t) - var(--pad-b) - var(--below)) * .9), calc(100cqw - var(--pad-l) - var(--pad-r) - var(--side-l) - var(--side-r) - 2 * var(--gap))));grid-template-columns:minmax(var(--side-l),var(--side-l-max)) minmax(var(--stage-min),1fr) minmax(var(--side-r),var(--side-r-max));grid-template-rows:100%;grid-template-areas:"panel stage controls";gap:var(--gap);padding:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l)}#panel{grid-template-columns:1fr;grid-template-areas:"score" "chips" "next" "right";align-content:start;gap:10px;min-width:0}#score{--score-size: clamp(32px, 5cqw, 56px)}.chips{flex-direction:column;align-items:flex-start}#stage{place-items:center}#controls{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"spin roll" "tip down" "drop drop";align-content:center}#controls button{min-height:68px}#controls .drop{min-height:60px;border-radius:var(--bb-r-pill)}}@container root (orientation: landscape) and (max-height: 500px){#panel{grid-template-columns:auto 1fr;grid-template-areas:"score score" "chips chips" "next right";gap:8px;align-items:center}#score{--score-size: 30px}.chips{flex-direction:row;flex-wrap:wrap;gap:6px}.chip{padding:6px 10px}.chip.time.urgent{padding:7px 12px}.chip.time.urgent b{font-size:18px}.nextChip{width:52px;height:52px}.nextChip canvas{width:44px;height:44px}.hudRight{gap:6px;justify-self:end}.hudRight .round{width:44px;height:44px;min-height:44px;min-width:44px}#controls{gap:8px}#controls button{min-height:56px;gap:2px}#controls .drop{min-height:52px}}@container root (orientation: landscape) and (max-height: 330px){#controls button{min-height:48px}#controls span{display:none}#controls .drop{min-height:48px;font-size:18px}}@media (pointer: fine){@container root (orientation: landscape) and (min-width: 1061px) and (min-height: 661px){#app{--side-l: 272px;--side-l-max: 272px;--side-r: 160px;--side-r-max: 220px;--gap: 24px;--pad-t: 24px;--pad-b: 20px;--pad-l: 32px;--pad-r: 32px;--below: 44px}#panel{grid-template-areas:"mark" "score" "chips" "next" "right";gap:16px;padding:22px;border-radius:var(--bb-r-xl);background:var(--bb-glass-fill);border:1px solid var(--bb-glass-border);box-shadow:inset 0 1px 0 var(--bb-glass-highlight),var(--bb-el-2);align-self:start}.sideMark{display:block;grid-area:mark;width:100%;height:auto}#score{--score-size: 64px}.nextChip{width:96px;height:112px;grid-template-rows:auto 1fr;padding-top:10px}.nextChip .cap{display:block}.nextChip canvas{width:76px;height:76px}.hudRight{padding-top:2px}#helpBtn{display:grid}#stage{grid-template-rows:1fr auto}.keyHints{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font:600 13px/1 var(--bb-font-body);color:var(--bb-text-2);opacity:.55;transition:opacity 1.2s var(--bb-e-standard);padding-top:10px}.keyHints.faded{opacity:0}canvas#well{width:min(100cqw,calc(100cqh - 44px));height:min(100cqw,calc(100cqh - 44px))}}@container root (orientation: landscape) and ((max-width: 1060px) or (max-height: 660px)){#app{--below: 70px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(var(--stage-min),1fr) minmax(var(--side-r),var(--side-r-max));grid-template-areas:"panel panel" "stage controls"}#panel{grid-template-columns:auto 1fr auto auto;grid-template-areas:"score chips next right";align-items:center;align-content:center;padding:6px 14px;border-radius:var(--bb-r-l);gap:14px;background:var(--bb-glass-fill);border:1px solid var(--bb-glass-border)}.nextChip{width:44px;height:44px;border-radius:12px}.nextChip canvas{width:36px;height:36px}#score{font-size:30px}.scoreBlock{flex-direction:row;align-items:baseline;gap:8px;container-type:normal}.chips{flex-direction:row;flex-wrap:wrap;gap:6px}.hudRight{gap:6px}.hudRight .round{width:44px;height:44px;min-height:44px;min-width:44px}}}body.title #panel,body.title #controls,body.title .keyHints,body.title canvas#well{visibility:hidden}body.title #stage{place-items:center}.titleScreen{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:max(48px,calc(env(safe-area-inset-top) + 24px)) 16px max(16px,calc(env(safe-area-inset-bottom) + 12px));pointer-events:none}.titleScreen>*{pointer-events:auto}.titleTop{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.wordmark{margin:0}.wordmark svg{width:min(84vw,520px);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.tagline{margin:0;color:var(--bb-text-2);font:var(--bb-type-body)}.menuPanel{width:min(100%,440px);border-radius:var(--bb-r-xl);padding:14px;display:flex;flex-direction:column;gap:10px;background:#0a2630d1;border:1px solid var(--bb-glass-border);box-shadow:inset 0 1px 0 var(--bb-glass-highlight),var(--bb-el-2)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.promise{display:none;margin:2px 0 0;text-align:center;font:600 13px/1.4 var(--bb-font-body);color:var(--bb-text-3)}@container root (orientation: landscape) and (min-width: 640px){.titleScreen{align-items:flex-start;justify-content:center;gap:28px;padding-left:max(6vw,calc(env(safe-area-inset-left) + 24px))}.titleTop{align-items:flex-start;text-align:left}.wordmark svg{width:min(40vw,520px)}.menuPanel{width:min(40vw,420px)}.promise{display:block}body.title #app{grid-template-columns:45% 1fr;grid-template-rows:100%;grid-template-areas:"panel stage"}body.title #stage{place-items:center}}.overlay{position:fixed;inset:0;z-index:20;margin:auto;width:min(calc(100% - 32px),440px);height:fit-content;max-height:calc(100% - 32px);overflow:auto;border-radius:34px;padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;text-align:center;background:#0c2f3bcc;border:1px solid var(--bb-glass-border);-webkit-backdrop-filter:blur(var(--bb-glass-blur));backdrop-filter:blur(var(--bb-glass-blur));box-shadow:0 0 0 100vmax #00000073,inset 0 1px 0 var(--bb-glass-highlight),var(--bb-el-3);animation:dialogIn var(--bb-t-base) var(--bb-e-standard)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.overlay,.menuPanel{background:#0c2f3beb}}.overlay[hidden],[hidden]{display:none!important}@keyframes dialogIn{0%{transform:scale(.96);opacity:0}}@keyframes sheetIn{0%{transform:translateY(40px);opacity:0}}.overlay.sheet{animation:sheetIn var(--bb-t-slow) var(--bb-e-standard)}@container root (orientation: portrait) and (max-width: 699px){.overlay.sheet{margin:auto 0 0;width:100%;border-radius:34px 34px 0 0;padding-bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));max-height:92%}}.overlay h2{margin:0;font:var(--bb-type-title);font-size:26px}.overlay p{margin:0;line-height:1.5;font-size:16px;color:var(--bb-text)}.overlay .small{font-size:13px;color:var(--bb-text-2)}.overlay .sub{color:var(--bb-text-2);font-size:15px}.overlay a{color:var(--bb-shaft-rim)}.panelHead{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;margin-bottom:4px}.panelHead h2{grid-column:2}.panelHead .back{grid-column:1;grid-row:1}.overlay.first .panelHead .back{visibility:hidden}.overlay.panel>button.primary{position:sticky;bottom:0}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--bb-r-m);padding:14px 16px;text-align:left;display:flex;flex-direction:column;gap:6px}.card b{font:800 17px/1.2 var(--bb-font-display)}.card p{font-size:15px;color:var(--bb-text-2)}.card.list{padding:4px 16px;gap:0}.card.list>*+*{border-top:1px solid rgba(255,255,255,.08)}.versions>div{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font:700 15px/1.25 var(--bb-font-body)}.versions .soft{font-size:13px;text-align:right}.versions .verFoot{flex-wrap:wrap;padding:8px 0}.versions #verStatus{font:600 13px/1.35 var(--bb-font-body);color:var(--bb-text-2);flex:1 1 160px}.versions #verStatus.newer{color:var(--bb-amber)}.versions #verStatus.ok{color:var(--bb-shaft-rim)}.howto{display:flex;flex-direction:column;gap:10px}.turns{display:flex;gap:14px;margin-top:4px}.turns span{display:flex;align-items:center;gap:6px;font:700 14px/1 var(--bb-font-body);color:var(--bb-text)}.turns svg{width:22px;height:22px;color:var(--bb-amber)}.dots{display:flex;justify-content:center;gap:4px}.dots button{min-width:0;min-height:0;width:28px;height:28px;padding:0;border:0;background:none;box-shadow:none;display:grid;place-items:center}.dots button:after{content:"";width:8px;height:8px;border-radius:50%;background:#ffffff4d}.dots button.on:after{background:var(--bb-amber);width:20px;border-radius:4px}.quick{display:flex;justify-content:center;gap:10px}.badge{align-self:center;font:800 18px/1 var(--bb-font-display);color:var(--bb-on-amber);background:var(--bb-amber-fill);border-radius:var(--bb-r-pill);padding:8px 16px;box-shadow:var(--bb-glow-amber);margin:0}.overlay.newbest .badge{animation:badgeIn .42s var(--bb-e-pop) .6s both}@keyframes badgeIn{0%{transform:scale(.4);opacity:0}}.overlay.newbest{border-color:var(--bb-amber);box-shadow:0 0 0 100vmax #00000073,0 0 48px #ffb02e59,var(--bb-el-3)}.finalScore{display:flex;flex-direction:column;align-items:center;gap:4px}.finalScore .numeral{font:var(--bb-type-numeral-hero);font-size:72px}.overlay.newbest .finalScore .numeral{color:var(--bb-amber);text-shadow:0 6px 24px rgba(255,176,46,.35)}.final{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.final div{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--bb-r-m);padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px}.final dt{font:var(--bb-type-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--bb-text-2)}.final dd{margin:0;font:800 24px/1 var(--bb-font-display);font-variant-numeric:tabular-nums}.statLine{color:var(--bb-text-2)!important;font-size:15px!important}.statLine b{color:var(--bb-text);font-variant-numeric:tabular-nums}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.confetti i{position:absolute;top:30%;left:50%;width:8px;height:8px;border-radius:2px;box-shadow:inset -2px -2px #00000040;animation:confetti 1.2s var(--bb-e-standard) forwards}@keyframes confetti{to{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--bb-r-m);padding:4px}.tabs button{min-height:44px;background:transparent;border-color:transparent;box-shadow:none;transition:background var(--bb-t-base) var(--bb-e-standard)}.tabs button.on{background:var(--bb-glass-fill-strong);border-color:var(--bb-glass-border);box-shadow:var(--bb-el-1)}.scores{text-align:left;margin:0;padding:0;list-style:none;counter-reset:r;display:flex;flex-direction:column;gap:6px;min-height:48px}.scores li{counter-increment:r;display:grid;grid-template-columns:26px 1fr auto auto;gap:12px;align-items:center;min-height:50px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--bb-r-m);padding:0 14px;color:var(--bb-text-2);font:600 13px/1 var(--bb-font-body);font-variant-numeric:tabular-nums}.scores li:before{content:counter(r);font:800 15px/1 var(--bb-font-display);color:var(--bb-text-3)}.scores li b{font:800 22px/1 var(--bb-font-display);color:var(--bb-text)}.scores li.ring{border:2px solid var(--bb-amber)}.scores li.empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:none;border:0;padding:8px 0;min-height:0}.scores li.empty:before{content:none}.scores li.empty img{width:160px;height:160px;object-fit:contain}.scores li.empty b{font-size:20px}.scores li.empty p{font-size:15px;color:var(--bb-text-2)}.toggle{display:flex;justify-content:space-between;align-items:center;min-height:56px;font:700 17px/1.2 var(--bb-font-body);gap:12px}.toggle small{display:block;font:500 13px/1.3 var(--bb-font-body);color:var(--bb-text-2)}.toggle input{appearance:none;-webkit-appearance:none;flex:none;width:56px;height:32px;border-radius:16px;background:#ffffff2e;position:relative;cursor:pointer;transition:background var(--bb-t-fast);margin:0}.toggle input:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:var(--bb-el-1);transition:transform var(--bb-t-fast) var(--bb-e-standard)}.toggle input:checked{background:var(--bb-amber)}.toggle input:checked:after{transform:translate(24px)}fieldset{border:0;display:flex;flex-direction:column;gap:8px;text-align:left;padding:0;margin:0}legend{font:var(--bb-type-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--bb-text-2);padding:0 0 8px}.radioCard{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;gap:8px 12px;align-items:center;padding:12px 14px;border-radius:var(--bb-r-m);background:#ffffff0f;border:2px solid rgba(255,255,255,.1);cursor:pointer;font:700 16px/1 var(--bb-font-body)}.radioCard:has(input:checked){border-color:var(--bb-amber)}.radioCard input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.5);margin:0;display:grid;place-items:center}.radioCard input:checked{background:var(--bb-amber);border-color:var(--bb-amber)}.radioCard input:checked:after{content:"";width:9px;height:5px;border:solid var(--bb-on-amber);border-width:0 0 2.5px 2.5px;transform:translateY(-1px) rotate(-45deg)}.swatch{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,1fr);gap:3px}.swatch i{height:16px;border-radius:4px;display:block}.aboutHead{display:flex;align-items:center;gap:14px;text-align:left}.aboutHead img{border-radius:18px}.aboutHead b{display:block;font:800 22px/1.1 var(--bb-font-display)}.aboutHead span{font-size:14px;color:var(--bb-text-2)}.links a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:50px;color:var(--bb-text);text-decoration:none;font:700 15px/1.2 var(--bb-font-body)}.links a .soft{font-size:13px;text-align:right}body.paused #panel,body.paused #controls,body.paused #well,body.over #panel,body.over #controls,body.over #well,body.over .keyHints{filter:saturate(.45) brightness(.4);transition:filter var(--bb-t-slow)}body.peeking #panel,body.peeking #controls{opacity:.6}.countdown{position:absolute;inset:0;display:grid;place-items:center;font:800 200px/1 var(--bb-font-display);color:var(--bb-amber);pointer-events:none;text-shadow:0 0 40px rgba(255,176,46,.6),0 4px 0 rgba(0,0,0,.35);animation:count var(--bb-t-slow) var(--bb-e-pop)}.countdown.go{font-size:120px;color:var(--bb-shaft-rim);text-shadow:0 0 40px rgba(25,211,197,.8)}@keyframes count{0%{transform:scale(1.4);opacity:0}}.toast{position:absolute;left:50%;top:16%;transform:translate(-50%);z-index:5;pointer-events:none;font:800 30px/1 var(--bb-font-display);color:var(--bb-on-amber);background:var(--bb-amber-fill);padding:12px 22px;border-radius:var(--bb-r-pill);box-shadow:var(--bb-glow-amber);white-space:nowrap;animation:toast var(--bb-t-celebrate) var(--bb-e-pop) both}.toast.teal{background:linear-gradient(180deg,#7ff5ea,#19d3c5);color:var(--bb-text-inverse);box-shadow:var(--bb-glow-teal)}.toast.big{font-size:44px;letter-spacing:.08em;background:none;color:#fff;box-shadow:none;text-shadow:0 0 24px rgba(127,245,234,.95),0 0 60px rgba(25,211,197,.7)}@keyframes toast{0%{transform:translate(-50%,12px) scale(.6);opacity:0}18%{transform:translate(-50%) scale(1.06);opacity:1}30%{transform:translate(-50%) scale(1)}80%{opacity:1}to{transform:translate(-50%,-14px);opacity:0}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}body[data-colours=highcontrast] .glass,body[data-colours=highcontrast] .overlay,body[data-colours=highcontrast] .menuPanel{background:#0009;border-color:#ffffff80}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important}}body.reduced *,body.reduced *:before,body.reduced *:after{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important}.cloud{gap:8px}.cloud:empty{display:none}.cloud .row{display:flex;flex-wrap:wrap;gap:8px}.cloud .pill{min-height:44px;background:#fff;color:#1f1f1f;border-color:transparent;font:700 15px/1 var(--bb-font-body)}.cloud .pill.apple{background:#000;color:#fff;border-color:#ffffff4d}.cloud .pill.plain{background:var(--bb-glass-fill);color:var(--bb-text);border-color:var(--bb-glass-border)}.cloud .pill.danger{background:transparent;color:var(--bb-danger);border-color:#ff4d5e80}.cloud .pill svg{width:18px;height:18px}.cloud .err{color:var(--bb-amber);font-size:14px}button.link{background:none;border:0;box-shadow:none;min-height:44px;color:var(--bb-shaft-rim);text-decoration:underline;padding:0 8px;font:700 15px/1 var(--bb-font-body)}.cloudNudge{margin:-4px 0 0}