@layer components{.tb-stage{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#1b2a4a;padding:0}.tb-hud{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:12px;left:50%;translate:-50%}.tb-board{background:#0d0d0fb8;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 8px;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff1f,0 6px 18px #0000004d}.tb-board b{color:#0d0d0f;background:var(--rn);border-radius:999px;place-items:center;min-width:34px;height:30px;padding:0 8px;font-size:20px;font-weight:800;display:grid}.tb-dots{gap:6px;display:flex}.tb-dots i{width:13px;height:13px;transition:background .2s ease, transform .2s var(--ease-pop);background:#fff3;border-radius:50%}.tb-dots i.is-goal{background:#89d445;transform:scale(1.12)}.tb-dots i.is-saved{background:#ff4d4f}.tb-dots i.is-miss{background:#ffb020}.tb-dots i.is-now{animation:1.2s ease-in-out infinite seg-pulse;box-shadow:inset 0 0 0 2px #fff}.tb-breeze{color:#fff;animation:pop .32s var(--ease-pop) both;background:#0d0d0f99;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:700;display:flex}.tb-breeze span{color:var(--rn);letter-spacing:-.2em;display:inline-block}.tb-breeze span.is-left{transform:scaleX(-1)}.tb-live-map{color:#fff;background:#0d0d0f73;border-radius:14px;width:236px;padding:8px 10px 4px;display:block}@container (max-aspect-ratio:10/11){.tb-hud{top:auto;bottom:max(70px, calc(env(safe-area-inset-bottom) + 64px));flex-direction:column-reverse}}.tb-cue{bottom:max(18px, env(safe-area-inset-bottom));color:#fff;text-shadow:0 1px 6px #0009;font-weight:600}@container (min-aspect-ratio:10/11){.tb-hud{flex-direction:row}.tb-live-map{display:none}.tb-cue{text-align:left;max-width:30%;left:24px;right:auto}}.tb-keys{display:none}@media (pointer:fine){.tb-touch{display:none}.tb-keys{display:inline}}.tb-map{width:100%;max-width:280px;color:var(--stage-ink);display:block}}