.kuroko-stage{--kuroko-midnight:#06213f;--kuroko-fog:#f8f8f8;--kuroko-sun:#f3aa08;--kuroko-control:30px;isolation:isolate;border-radius:var(--radius-lg);background:var(--kuroko-midnight);box-shadow:var(--shadow-raised);position:relative;overflow:hidden;container-type:inline-size}.kuroko-stage[data-compact]{--kuroko-control:26px}html[data-theme=dark] .kuroko-stage{box-shadow:0 0 0 1px #ffffff1a, var(--shadow-raised)}.kuroko-canvas{aspect-ratio:16/9;background:var(--kuroko-midnight);width:100%;height:auto;display:block}.kuroko-middle{pointer-events:none;width:100%;height:1px;position:absolute;top:28.125cqw;left:0}.kuroko-bar{align-items:center;gap:12px;min-height:60px;padding:10px 12px 12px 16px;display:flex}.kuroko-lines{flex:1;min-width:0;display:grid}.kuroko-line{color:var(--kuroko-fog);font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;opacity:0;visibility:hidden;grid-area:1/1;align-self:center;margin:0;font-size:18px;font-weight:600;line-height:1.3}.kuroko-accent{color:var(--kuroko-sun)}.kuroko-controls{flex:none;align-items:center;gap:6px;display:flex}.kuroko-control{z-index:1;width:var(--kuroko-control);height:var(--kuroko-control);flex:none;position:relative}.kuroko-control--wide{width:auto;font-family:var(--font-body);white-space:nowrap;border-radius:999px;gap:6px;padding:0 13px 0 11px;font-size:13px;font-weight:700}.kuroko-control:focus-visible{outline:2px solid var(--kuroko-sun);outline-offset:2px}.kuroko-count{color:#f8f8f8cc;min-width:3ch;font-family:var(--font-body);font-variant-numeric:tabular-nums;text-align:center;font-size:13px;font-weight:600}@media (max-width:420px){.kuroko-line{font-size:17px}}@container (width>=720px){.kuroko-bar{min-height:0;padding:0;display:block}.kuroko-lines{pointer-events:none;place-items:center;height:7.8125cqw;padding-inline:2cqw;position:absolute;top:0;left:3.334cqw;right:3.334cqw}.kuroko-line{font-size:calc(3.125cqw * var(--kuroko-fit,1));text-align:center;white-space:nowrap;line-height:1.2}.kuroko-controls{--kuroko-control:clamp(26px, 2.75cqw, 32px);right:3.334cqw;bottom:max(3px, calc(1.77cqw - var(--kuroko-control) / 2));position:absolute}.kuroko-stage[data-compact] .kuroko-controls{--kuroko-control:26px}}