.sb{--sb-bg:#07060d;--sb-panel:#11101c;--sb-a:#f2a24c;--sb-b:#f7c99a;--sb-c:#b9a1e8;--sb-d:#8cb6f5;--sb-e:#e4604c;--sb-f:#f4d06f;--sb-g:#6fd6b8;--sb-ink:#ece7ff;--sb-dim:#9a93b8;--rail:22px;--bar:14px;--ew:104px;--eh:44px;background:var(--sb-bg);color:var(--sb-ink);--ink-2:#c9c2e6;--paper-2:#ffffff1a;--jade:#7fe3c9;--gold:#f4d06f;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:28px;padding:14px;font-family:ui-sans-serif,system-ui,sans-serif;box-shadow:0 1px #221c1814,0 20px 40px -18px #140a288c}@media (width<=639px){.sb{--rail:12px;--bar:9px;--ew:52px;--eh:30px;border-radius:20px;margin-left:-8px;margin-right:-8px;padding:8px}}.sb-label{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800;font-stretch:75%}.sb-num{font-variant-numeric:tabular-nums;font-weight:800;font-stretch:75%}.sb-frame{grid-template-columns:var(--ew) minmax(0, 1fr);grid-template-rows:var(--eh) auto var(--eh);display:grid}.sb-elbow{background:var(--sb-a);position:relative}.sb-elbow:after{content:"";width:calc(100% - var(--rail));height:calc(100% - var(--bar));background:var(--sb-bg);position:absolute;right:0}.sb-elbow-t{border-top-left-radius:40px;grid-area:1/1}.sb-elbow-t:after{border-top-left-radius:18px;bottom:0}.sb-elbow-b{background:var(--sb-c);border-bottom-left-radius:40px;grid-area:3/1}.sb-elbow-b:after{border-bottom-left-radius:18px;top:0}@media (width<=639px){.sb-elbow-t{border-top-left-radius:24px}.sb-elbow-t:after{border-top-left-radius:10px}.sb-elbow-b{border-bottom-left-radius:24px}.sb-elbow-b:after{border-bottom-left-radius:10px}}.sb-top{flex-direction:column;grid-area:1/2;min-width:0;display:flex}.sb-bottom{flex-direction:column-reverse;grid-area:3/2;min-width:0;display:flex}.sb-bar{height:var(--bar);gap:6px;margin-left:6px;display:flex}.sb-bar>span{height:100%;display:block}.sb-bar>span:last-child{border-radius:0 999px 999px 0}.sb-rail{width:var(--rail);flex-direction:column;grid-area:2/1;gap:6px;padding:6px 0;display:flex}.sb-rail>span{flex:1;min-height:12px;display:block}.sb-screen{margin-left:calc(var(--rail) + 10px);isolation:isolate;background:#04030a;border-radius:18px;grid-area:2/1/auto/3;height:clamp(240px,52vh,540px);margin-top:6px;margin-bottom:6px;position:relative;overflow:hidden}@media (width<=639px){.sb-screen{margin-left:calc(var(--rail) + 6px);border-radius:12px;height:clamp(210px,44dvh,420px)}}.sb-timer{height:var(--bar);background:#262238;border-radius:0 999px 999px 0;margin-left:6px;position:relative;overflow:hidden}.sb-timer>span{transform-origin:0;background:var(--sb-c);transition:background-color .3s;position:absolute;inset:0}.sb-pill{color:#120f1c;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-weight:800;display:inline-flex}.sb-hull{align-items:stretch;gap:3px;height:12px;display:flex}.sb-hull>span{border-radius:2px;width:9px;transition:background-color .3s,opacity .3s}.sb-hull>span:first-child{border-radius:999px 2px 2px 999px;width:13px}.sb-hull>span:last-child{border-radius:2px 999px 999px 2px;width:13px}.sb-icon-btn{color:#120f1c;border-radius:999px;justify-content:center;align-items:center;width:30px;height:22px;transition:filter .15s;display:inline-flex}.sb-icon-btn:hover{filter:brightness(1.12)}.sb-comm{align-items:stretch;gap:12px;min-height:112px;margin-top:12px;display:flex}.sb-comm-face{background:var(--sb-c);border-radius:999px 14px 14px 999px;flex-shrink:0;justify-content:center;align-items:center;width:84px;padding-left:8px;display:flex;position:relative}.sb-comm-face img{background:#1d1840;border-radius:10px;box-shadow:inset 0 0 0 2px #120f1c}.sb-comm-body{background:var(--sb-panel);border-radius:14px;flex-direction:column;flex:1;justify-content:center;min-width:0;padding:8px 48px 10px 14px;display:flex;position:relative}.sb-talk{vertical-align:middle;gap:3px;margin-left:6px;display:inline-flex}.sb-talk>i{background:var(--sb-g);border-radius:2px;width:4px;height:10px;animation:.8s ease-in-out infinite sb-talk;display:block}.sb-talk>i:nth-child(2){animation-delay:.15s}.sb-talk>i:nth-child(3){animation-delay:.3s}@keyframes sb-talk{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media (width<=639px){.sb-comm{gap:8px;min-height:100px;margin-top:8px}.sb-comm-face{width:62px;padding-left:5px}.sb-comm-body{padding:6px 40px 8px 10px}}.sb-helm{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:12px;display:grid}.sb-pad{gap:6px;display:flex}.sb-arms,.sb-drive{justify-content:center;gap:8px;display:flex}.sb-key{color:#120f1c;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:58px;height:52px;transition:transform 80ms,filter .15s,box-shadow .2s;display:flex;position:relative}.sb-key:hover{filter:brightness(1.1)}.sb-key:active,.sb-key[data-hit="1"]{filter:brightness(1.3);transform:scale(.94)}.sb-key[data-done="1"]{box-shadow:0 0 0 3px var(--sb-bg), 0 0 0 5px var(--sb-g)}.sb-key:disabled{opacity:.45;cursor:default}.sb-key small{opacity:.6;letter-spacing:.05em;font-size:9px;font-weight:800;position:absolute;bottom:3px;right:8px}.sb-key.big{border-radius:999px;min-width:92px;height:64px}.sb-key.l{border-radius:999px 14px 14px 999px}.sb-key.r{border-radius:14px 999px 999px 14px}@media (width<=639px){.sb-helm{grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:8px 10px;margin-top:8px}.sb-pad{grid-row:1/3;grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,50px);gap:5px;display:grid}.sb-pad .up{grid-area:1/2}.sb-pad .left{grid-area:2/1}.sb-pad .right{grid-area:2/3}.sb-pad .down{grid-area:3/2}.sb-key{min-width:50px;height:46px}.sb-key small{display:none}.sb-key.big{min-width:76px;height:56px}.sb-arms,.sb-drive{justify-content:flex-start;gap:6px}}.sb-overlay{z-index:2;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}@media (width<=639px){.sb-overlay-low{align-items:flex-end;padding:10px}}.sb-card{-webkit-backdrop-filter:blur(6px);text-align:center;background:#0a0816c7;border-radius:22px;max-width:34rem;padding:20px 22px;animation:.45s ease-out both sb-rise;box-shadow:inset 0 0 0 1px #b9a1e840}@media (width<=639px){.sb-card{border-radius:16px;padding:14px}}@keyframes sb-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sb-hitflash{pointer-events:none;z-index:1;background:radial-gradient(#e4604c00 40%,#e43c288c 100%);animation:.6s ease-out both sb-fade;position:absolute;inset:0}.sb-warpflash{pointer-events:none;z-index:1;background:radial-gradient(#e6f8ffe6,#8cc8ff40 70%);animation:.7s ease-out both sb-fade;position:absolute;inset:0}@keyframes sb-fade{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.sb-hitflash{background:0 0;animation-duration:.9s;box-shadow:inset 0 0 0 4px #e4604ccc}.sb-warpflash{display:none}}.sb-gain{z-index:2;color:var(--sb-f);text-shadow:0 2px 10px #000000b3;pointer-events:none;font-size:22px;font-weight:900;animation:1.1s ease-out both sb-gain;position:absolute;top:10px;right:14px}@keyframes sb-gain{0%{opacity:0;transform:translateY(8px)scale(.8)}20%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)}}.sb-verdict{z-index:2;pointer-events:none;animation:1.3s ease-out both sb-gain;position:absolute;top:14px;left:50%;transform:translate(-50%)}.sb-dots{align-items:center;gap:4px;display:flex}.sb-dots>i{background:#2c2840;border-radius:999px;width:8px;height:8px;display:block}.sb-dots>i[data-on="1"]{background:var(--sb-g)}.sb-dots>i[data-now="1"]{background:var(--sb-f);animation:.9s ease-in-out infinite sb-blink}.sb-dots>i.goal{width:12px;height:12px}@keyframes sb-blink{50%{opacity:.35}}