.brk-trigger{border:1px solid var(--line-dark-2);min-height:48px;color:var(--on-dark);font:500 13px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border-radius:999px;align-items:center;gap:10px;padding:0 20px;display:inline-flex}.brk-trigger:hover{border-color:var(--gold)}.brk-trigger:active{transform:scale(.97)}.brk-trigger:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.brk-trigger-dot{background:var(--gold);width:8px;height:8px;box-shadow:0 0 10px var(--gold);border-radius:50%}.brk-modal{z-index:2147483000;overscroll-behavior:none;background:#000;height:100dvh;position:fixed;inset:0}.brk{max-width:560px;height:100%;color:var(--on-dark);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;background:#000;flex-direction:column;margin:0 auto;display:flex;position:relative}.brk-hud{padding:calc(env(safe-area-inset-top,0px) + 12px) 18px 8px;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;display:grid}.brk-stat{flex-direction:column;gap:2px;display:flex}.brk-stat.mid{align-items:center}.brk-stat.end{align-items:flex-end}.brk-k{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-muted)}.brk-score{font:700 28px/1 var(--display);color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 18px #f2c14e59}.brk-v{font:700 22px/1 var(--display);font-variant-numeric:tabular-nums}.brk-lives{align-items:center;gap:6px;height:22px;display:flex}.brk-life{filter:drop-shadow(0 0 5px #2ee6a380);pointer-events:none;width:20px;height:auto;transition:opacity .3s;display:block}.brk-life.off{opacity:.2;filter:grayscale()}.brk-stage{flex:1;min-height:0;position:relative}.brk-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.brk-overlay{pointer-events:none;background:radial-gradient(75% 55%,#000000f0,#0000008c);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.brk-card{text-align:center;width:min(320px,100%);animation:brk-in .35s var(--ease) both;flex-direction:column;align-items:center;gap:10px;display:flex}.brk-eyebrow{font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--go)}.brk-card h2{font:700 clamp(34px, 11vw, 46px) / .98 var(--display);letter-spacing:-.01em;color:var(--on-dark);margin:0}.brk-card h2.brk-final{color:var(--gold);text-shadow:0 0 28px #f2c14e66;font-variant-numeric:tabular-nums;font-size:clamp(52px,17vw,72px)}.brk-card p{font:400 15px/1.45 var(--body);color:var(--on-dark-muted);margin:0}.brk-best{border:1px solid var(--line-dark-2);font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border-radius:999px;margin-top:4px;padding:6px 12px}.brk-banner{text-align:center;font:700 40px/1 var(--display);letter-spacing:.02em;color:var(--on-dark);text-shadow:0 0 24px #54c98a99;pointer-events:none;animation:brk-banner 1.3s var(--ease) both;position:absolute;top:38%;left:0;right:0}.brk-banner span{display:block}.brk-banner small{font:500 12px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-shadow:none;margin-top:8px;display:block}.brk-dock{padding:10px 12px calc(env(safe-area-inset-bottom,0px) + 12px);background:linear-gradient(#0000,#000 45%);grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.brk-btn{border-radius:var(--radius-lg);border:1px solid var(--line-dark-2);min-width:0;height:58px;color:var(--on-dark);font:500 11px/1.1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff0f;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 6px;display:flex}.brk-btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.brk-btn svg .fill{fill:currentColor;stroke:none}.brk-btn:active{transform:scale(.96)}.brk-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.brk-btn.primary{background:var(--gold);border-color:var(--gold);color:#1a1300;font:700 16px/1 var(--display);letter-spacing:.02em;text-transform:none;box-shadow:0 0 24px #f2c14e47}.brk-btn[aria-pressed=true]{border-color:var(--go);color:var(--go)}@media (max-height:640px){.brk-hud{padding-top:calc(env(safe-area-inset-top,0px) + 6px);padding-bottom:4px}.brk-score{font-size:24px}.brk-btn{height:50px}.brk-dock{padding-top:6px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}.brk-card h2{font-size:34px}.brk-card p{font-size:14px}}@keyframes brk-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes brk-banner{0%{opacity:0;transform:scale(.85)}18%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.brk-card,.brk-banner{animation:none}.brk-banner{opacity:1}}.brk-demo{text-align:center;background:var(--ink);min-height:100dvh;color:var(--on-dark);place-content:center;justify-items:center;gap:18px;padding:32px 20px;display:grid}.brk-demo p{max-width:34ch;font:400 15px/1.5 var(--body);color:var(--on-dark-muted);margin:0}