:root{--bg:#0a0b11;--panel:#11131c;--line:#212636;--ink:#f2f4f8;--muted:#8b93a6;--red:#ff3b52;--red2:#c81f3a;--gold:#ffcf5a;--teal:#54ffd0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Work Sans,system-ui,sans-serif}#app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}canvas#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh}.sb-logo{font-family:Fugaz One,cursive;font-size:34px;color:var(--red);text-align:center;letter-spacing:1px}.sb-logo.sm{font-size:22px;text-align:left}.sb-auth{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.sb-tabs{display:flex;gap:8px;margin:16px 0 10px}.sb-tabs button{flex:1;background:#1a1f2b;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:9px;cursor:pointer}.sb-tabs button.on{background:var(--red);color:#fff;border-color:var(--red)}.sb-form{display:flex;flex-direction:column;gap:9px}.sb-form input,.sb-row input,select{background:#0c0e15;border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:11px;font-size:15px;width:100%}.sb-primary{background:var(--red);color:#fff;border:none;border-radius:9px;padding:12px;font-size:15px;font-weight:700;cursor:pointer}.sb-oauth{width:100%;background:#fff;color:#111;border:none;border-radius:9px;padding:12px;font-weight:600;cursor:pointer}.sb-or{text-align:center;color:var(--muted);margin:12px 0;font-size:13px}.sb-link{background:none;border:none;color:var(--muted);cursor:pointer;text-decoration:underline;font-size:13px}.sb-fine{color:var(--muted);font-size:11.5px;line-height:1.4}.sb-err{background:#3a1f28;color:#ff9aa8;border-radius:8px;padding:9px;margin:8px 0;font-size:13px;display:none}.sb-lobby{width:100%;max-width:720px}.sb-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sb-me{color:var(--muted);font-size:14px}.sb-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:560px){.sb-cards{grid-template-columns:1fr}}.sb-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.sb-card h3{margin:0 0 4px}.sb-card p{margin:0 0 12px;color:var(--muted);font-size:13px}.sb-card label{display:block;color:var(--muted);font-size:12px;margin-bottom:10px}.sb-row{display:flex;gap:8px;margin-top:10px}.sb-row button,.sb-tabs+*{white-space:nowrap}.sb-row button{background:#232838;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:0 14px;cursor:pointer}.sb-chat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:12px}.sb-chat-head{font-size:13px;color:var(--muted);margin-bottom:8px}.sb-chat-lines{height:180px;overflow:auto;font-size:14px;display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.sb-chat-lines .sb-sys{color:var(--muted);font-style:italic;font-size:12px}#sb-wait{position:fixed;bottom:20px;left:0;right:0;text-align:center;color:var(--muted)}.sb-match{position:relative}canvas#c{background:#05070c;z-index:0}.sb-status{position:fixed;top:56px;left:0;right:0;z-index:3;text-align:center;color:#ffcf5a;font-size:14px;opacity:0;transition:opacity .25s;pointer-events:none}.sb-status.show{opacity:1}.sb-results{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;background:#0c0f16f0;border:1px solid #2b3444;border-radius:12px;padding:18px 22px;min-width:420px}.sb-results h3{margin:0 0 10px;font-size:18px}.sb-results table{border-collapse:collapse;width:100%;font-size:14px}.sb-results th{text-align:left;color:#8b97a8;font-weight:600;padding:4px 10px 4px 0}.sb-results td{padding:4px 10px 4px 0;border-top:1px solid #1e2531}.sb-results tr.me td{background:#4fc3f71a}.sb-results .mvp{background:#ffce4a;color:#161a22;border-radius:4px;padding:1px 5px;font-size:11px;font-weight:700}.sb-results .sb-primary{margin-top:12px}.sb-drop{display:grid;place-items:center;min-height:60vh;text-align:center;color:#b9c4d4}.sb-mute{position:fixed;bottom:14px;right:120px;z-index:3;background:#0c0f16cc;border:1px solid #232c3a;border-radius:8px;color:#dfe6f5;font-size:16px;padding:5px 9px;cursor:pointer;line-height:1}.sb-touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.sb-tbtns{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.sb-tbtn{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#464e642b,#12141c24);border:1px solid rgba(255,255,255,.13);color:#e7ebf2d1;font-family:Work Sans,Arial,sans-serif;font-weight:700;font-size:11px;letter-spacing:.03em;box-shadow:0 3px 10px #00000038;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.sb-tbtn:active{transform:translate(-50%,-50%) scale(.92);filter:brightness(1.5) saturate(1.3)}.sb-stick{position:fixed;left:0;top:0;width:56%;height:100%;z-index:7;touch-action:none;pointer-events:auto}.sb-stick-base{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .12s;background:radial-gradient(circle,#ffffff12,#ffffff05 70%);border:1.5px solid rgba(255,255,255,.16);box-shadow:0 0 30px #0000004d inset}.sb-stick-base.on{opacity:1}.sb-stick-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#96aad2d9,#282e42d9);border:1.5px solid rgba(255,255,255,.35);box-shadow:0 4px 16px #00000080}.sb-tj{width:50px;height:50px}.sb-tb{width:46px;height:46px;background:radial-gradient(circle at 35% 30%,#5aaaff2e,#1e3c6e24);border-color:#96d2ff52}.sb-ts{width:46px;height:46px;font-size:9px;background:radial-gradient(circle at 35% 30%,#8c82dc33,#28245026);border-color:#aaa0e652}.sb-tw{width:46px;height:46px;background:radial-gradient(circle at 35% 30%,#ffbe5038,#96641426);border-color:#ffd2785c}.sb-tf{width:64px;height:64px;background:radial-gradient(circle at 35% 30%,#ff3b524d,#c81f3a38);border-color:#ff788c6b;color:#ffffffeb;font-size:13px}.sb-touch.laying .sb-tbtn{outline:2px dashed rgba(255,207,90,.75);outline-offset:3px;opacity:1;filter:none;cursor:grab;touch-action:none}.sb-touch.laying .sb-tbtn.dragging{cursor:grabbing;outline-color:var(--red);box-shadow:0 0 0 4px #ff3b5240,0 10px 30px #00000080;z-index:2}.sb-touch.laying .sb-stick{display:none}body.touch .sb-results{min-width:0;width:92vw;font-size:13px}.sb-hint{font-size:11px;opacity:.55;margin-top:-4px}.sb-ready{position:fixed;left:50%;top:calc(40% + 46px);transform:translate(-50%);z-index:7;padding:9px 22px;border:0;border-radius:7px;cursor:pointer;background:#e8b23a;color:#1a1206;font:700 14px/1 Work Sans,system-ui,sans-serif;letter-spacing:.5px;box-shadow:0 3px 14px #00000073}.sb-ready:disabled{background:#ffffff2e;color:#ffffffa6;cursor:default}#sb-diag{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:6;background:#0c0f16d1;border:1px solid rgba(255,255,255,.22);color:#cfd6e4;text-decoration:none;border-radius:999px;padding:7px 14px;font-size:12px;letter-spacing:.02em;cursor:pointer}#sb-diag:active{background:#ffffff29}#sb-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;cursor:pointer;background:radial-gradient(circle at 50% 38%,#4a0713,#1a0206 55%,#000);transition:opacity .3s ease}#sb-splash.gone{opacity:0;pointer-events:none}#sb-splash .sp-inner{text-align:center;animation:sb_spin_up .6s ease}@keyframes sb_spin_up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}#sb-splash .sp-mark{filter:drop-shadow(0 0 22px rgba(255,45,70,.7));animation:sb_spmark 6s linear infinite;display:inline-block}@keyframes sb_spmark{to{transform:rotate(360deg)}}#sb-splash .sp-logo{font-family:Fugaz One,Impact,sans-serif;font-size:clamp(52px,15vw,128px);line-height:.9;color:#fff;margin-top:14px;letter-spacing:.02em;text-shadow:0 0 44px rgba(255,45,70,.65),0 10px 44px #000}#sb-splash .sp-logo span{color:#ff2d46;text-shadow:0 0 44px rgba(255,45,70,.9)}#sb-splash .sp-tag{margin-top:30px;font-weight:600;letter-spacing:.38em;text-transform:uppercase;font-size:13px;color:#ff8090;animation:sb_sppulse 1.4s ease-in-out infinite}@keyframes sb_sppulse{0%,to{opacity:.3}50%{opacity:1}}#sb-splash .sp-credit{margin-top:22px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#e7ebf273}#sb-splash .sp-credit b{color:#ff5a6ad9;font-weight:700}#sb-rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:none;place-items:center;text-align:center;background:linear-gradient(180deg,#0a0b11,#06070b);color:#e7ebf2}#sb-rotate.show{display:grid}#sb-rotate .rot-phone{width:54px;height:92px;margin:0 auto;border:3px solid #ff2d46;border-radius:10px;display:grid;place-items:center;animation:sb_rot90 1.8s ease-in-out infinite;transform-origin:center;box-shadow:0 0 26px #ff2d4659}#sb-rotate .rot-screen{display:block;width:34px;height:60px;border-radius:3px;background:#ff2d4640}@keyframes sb_rot90{0%,40%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}#sb-rotate .rot-t{font-family:Fugaz One,Impact,sans-serif;font-size:26px;margin-top:34px;letter-spacing:.04em}#sb-rotate .rot-s{color:#8b93a6;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-top:6px}#app:has(.sb-shell){align-items:stretch;justify-content:stretch;padding:0}.sb-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.sb-scene canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.sb-scene-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06070bd1,#06070b85 34%,#06070b4d 66%,#06070b70),radial-gradient(130% 95% at 50% 62%,transparent 30%,rgba(6,7,11,.55) 100%),radial-gradient(120% 80% at 50% 0,rgba(255,59,82,.14),transparent 62%)}.sb-shell{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;padding:0 clamp(12px,3vw,34px) clamp(12px,2.4vw,26px)}.sb-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:clamp(12px,2vw,20px) 0 clamp(10px,1.6vw,16px)}.sb-brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sb-brand svg{width:32px;height:32px;flex:none;filter:drop-shadow(0 0 10px rgba(255,59,82,.6));animation:sb_shuriken 9s linear infinite}@keyframes sb_shuriken{to{transform:rotate(360deg)}}.sb-brand-t{font-family:Fugaz One,Impact,sans-serif;font-size:clamp(19px,2.4vw,26px);letter-spacing:.03em;color:#fff;white-space:nowrap;text-shadow:0 2px 18px rgba(0,0,0,.8)}.sb-brand-t b{color:var(--red);font-weight:400}.sb-id{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sb-id-h{font-weight:700;font-size:13px;color:var(--ink);max-width:26vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-id-w{font-family:Fugaz One,Impact,sans-serif;font-size:15px;color:var(--gold)}.sb-id-w i{font-style:normal;font-family:Work Sans,Arial,sans-serif;font-weight:700;font-size:10px;margin-left:2px;color:#ffcf5a99}.sb-id-b{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--muted);border-radius:9px;padding:7px 12px;font-size:11.5px;font-weight:600;cursor:pointer;transition:.14s;font-family:Work Sans,Arial,sans-serif;white-space:nowrap}.sb-id-b:hover{color:var(--ink);border-color:#3b4256;background:#ffffff17}.sb-main{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.85fr);gap:clamp(12px,2vw,22px);align-items:start;padding-bottom:8px}@media (max-width:940px){.sb-main{grid-template-columns:1fr}}.sb-play,.sb-side>*{border-radius:18px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#141620d1,#0a0b11e6);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 20px 50px #00000073,inset 0 1px #ffffff0d}.sb-play{padding:clamp(14px,1.8vw,20px)}.sb-side{display:flex;flex-direction:column;gap:clamp(12px,2vw,22px);min-width:0}.sb-cta{position:relative;width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;text-align:left;padding:clamp(16px,2.2vw,22px) clamp(16px,2.2vw,24px);border-radius:15px;cursor:pointer;border:1px solid rgba(255,120,140,.45);background:linear-gradient(135deg,var(--red),var(--red2));box-shadow:0 14px 40px #ff3b5257,inset 0 1px #ffffff40;transition:transform .14s,box-shadow .14s;overflow:hidden}.sb-cta:after{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:translate(-160%);animation:sb_sheen 4.5s ease-in-out infinite}@keyframes sb_sheen{0%{transform:translate(-160%)}55%,to{transform:translate(360%)}}.sb-cta:hover{transform:translateY(-2px);box-shadow:0 18px 52px #ff3b5280}.sb-cta:active{transform:translateY(0)}.sb-cta-k{grid-column:1;font-family:Fugaz One,Impact,sans-serif;font-size:clamp(24px,3.4vw,38px);line-height:1;color:#fff;letter-spacing:.02em;text-shadow:0 2px 14px rgba(0,0,0,.35)}.sb-cta-s{grid-column:1;font-size:11.5px;line-height:1.4;color:#ffffffd1;margin-top:6px}.sb-cta-go{grid-column:2;grid-row:1/span 2;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#00000038;border:1px solid rgba(255,255,255,.3);color:#fff}.sb-cta-go svg{width:20px;height:20px}.sb-tune{display:flex;flex-direction:column;gap:9px;margin-top:14px}.sb-tune-r{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.sb-tune-l{font-weight:700;letter-spacing:.14em;font-size:10px;color:var(--muted);text-transform:uppercase;flex:0 0 58px}.sb-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;flex:1;min-width:210px}.sb-mode{position:relative;display:flex;align-items:center;gap:8px;text-align:left;padding:8px 10px;border-radius:11px;border:1px solid var(--line);background:#ffffff08;color:var(--ink);font-family:Work Sans,Arial,sans-serif;font-weight:700;font-size:12px;cursor:pointer;transition:.15s;overflow:hidden}.sb-mode .ic{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:8px;background:radial-gradient(circle at 40% 30%,#ff5a6a38,#ff3b520d);border:1px solid rgba(255,90,106,.26);transition:.15s}.sb-mode .ic svg{width:15px;height:15px;display:block}.sb-mode small{display:none}.sb-mode:hover{border-color:#3b4256;background:#ffffff0f}.sb-mode.on{border-color:var(--red);background:linear-gradient(180deg,#ff3b5233,#ff3b520d);box-shadow:0 0 0 1px #ff3b5259}.sb-mode.on .ic{background:radial-gradient(circle at 40% 30%,#ff5a6a66,#ff3b521f);border-color:#ff788c99;filter:drop-shadow(0 0 8px rgba(255,59,82,.55))}.sb-mode-why{font-size:11px;color:var(--muted);line-height:1.4;margin:2px 0 0 69px}@media (max-width:600px){.sb-mode-why{margin-left:0}}.sb-seg{display:inline-flex;background:#06080eb3;border:1px solid var(--line);border-radius:11px;padding:3px;gap:2px}.sb-seg-b{border:none;background:transparent;color:var(--muted);font-family:Fugaz One,Impact,sans-serif;font-size:15px;width:46px;height:32px;border-radius:8px;cursor:pointer;transition:.12s}.sb-seg-b:hover{color:var(--ink)}.sb-seg-b.on{background:linear-gradient(180deg,var(--red),var(--red2));color:#fff;box-shadow:0 4px 14px #ff3b5266}.sb-alt{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}@media (max-width:560px){.sb-alt{grid-template-columns:1fr}}.sb-alt-b{text-align:left;padding:12px 13px;border-radius:13px;border:1px solid var(--line);background:#ffffff06;color:var(--ink);cursor:pointer;transition:.15s;font-family:Work Sans,Arial,sans-serif}.sb-alt-b b{display:block;font-size:13.5px;font-weight:700}.sb-alt-b small{display:block;color:var(--muted);font-size:10.5px;margin-top:3px;line-height:1.35}button.sb-alt-b:hover{border-color:#3b4256;background:#ffffff0f}.sb-alt-room{cursor:default}.sb-room-r{display:flex;gap:6px;margin-top:8px}.sb-room-r input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.18em;font-family:Fugaz One,Impact,sans-serif;font-size:13px;padding:8px 10px}.sb-ghost{background:#ffffff0a;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-weight:600;font-size:11.5px;cursor:pointer;transition:.15s;font-family:Work Sans,Arial,sans-serif;white-space:nowrap}.sb-ghost:hover{border-color:#3b4256;background:#ffffff14}.sb-side .sb-chat{padding:12px;background:linear-gradient(180deg,#141620d1,#0a0b11e6)}.sb-side .sb-chat-lines{height:clamp(110px,18vh,190px)}.sb-err{margin:0 0 10px}@media (max-width:600px){.sb-modes{grid-template-columns:1fr;min-width:0}.sb-tune-r{align-items:flex-start;flex-direction:column;gap:6px}.sb-tune-l{flex:none}.sb-id-h{max-width:38vw}}@media (max-height:560px){.sb-shell{padding-bottom:10px}.sb-bar{padding:8px 0}.sb-brand svg{width:24px;height:24px}.sb-brand-t{font-size:17px}.sb-cta{padding:11px 14px;border-radius:12px}.sb-cta-k{font-size:22px}.sb-cta-s{font-size:10.5px;margin-top:3px}.sb-cta-go{width:34px;height:34px}.sb-cta-go svg{width:15px;height:15px}.sb-play{padding:12px}.sb-tune{margin-top:10px;gap:7px}.sb-seg-b{width:38px;height:27px;font-size:13px}.sb-mode{padding:6px 8px;font-size:11px}.sb-mode .ic{width:22px;height:22px}.sb-alt{margin-top:10px;grid-template-columns:1fr}.sb-alt-b{padding:9px 11px}.sb-alt-b small{font-size:10px}.sb-main,.sb-side{gap:10px}.sb-side .sb-chat-lines{height:clamp(70px,14vh,120px)}}@media (min-width:700px) and (max-height:560px){.sb-main{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)}}.sb-setup{flex:0 0 auto;width:min(680px,calc(100% - 26px));margin:18px auto;border-radius:20px;overflow:hidden;background:radial-gradient(120% 60% at 50% -10%,rgba(255,59,82,.1),transparent 60%),linear-gradient(180deg,#161822f5,#0b0c12fa);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #0009,inset 0 1px #ffffff0d}.sb-setup .sb-hero{position:relative;padding:26px 26px 18px;text-align:center;display:block;background:radial-gradient(90% 130% at 50% 0,rgba(255,59,82,.16),transparent 60%);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;cursor:default}.sb-setup .sb-title{font-family:Fugaz One,Impact,sans-serif;font-size:clamp(30px,7vw,52px);line-height:.9;letter-spacing:.02em;margin:0;background:linear-gradient(180deg,#fff 20%,#ff8a97,#ff3b52);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 30px rgba(255,59,82,.35)}.sb-setup .sb-tagline{margin:10px auto 0;max-width:520px;color:var(--muted);font-size:13.5px;line-height:1.5}.sb-setup .sb-tagline b{color:var(--ink)}.sb-setup .sb-mark{display:flex;align-items:center;justify-content:center;gap:12px}.sb-setup .sb-mark svg{width:44px;height:44px;filter:drop-shadow(0 0 10px rgba(255,59,82,.6));animation:sb_shuriken 9s linear infinite}.sb-setup .sb-sec{font-weight:700;letter-spacing:.16em;font-size:11px;color:var(--muted);text-transform:uppercase;margin:18px 22px 9px}.sb-setup .sb-cnt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 22px}.sb-setup .sb-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 22px;min-width:0}.sb-setup .sb-mode{display:block;text-align:left;padding:12px 12px 11px;font-size:14px}.sb-setup .sb-mode .ic{width:40px;height:40px;margin-bottom:9px;border-radius:12px}.sb-setup .sb-mode .ic svg{width:23px;height:23px}.sb-setup .sb-mode small{display:block;color:var(--muted);font-weight:500;font-size:10.5px;margin-top:4px;line-height:1.3}.sb-setup .sb-seg-b{width:52px;height:38px;font-size:17px}.sb-setup .sb-hint{color:var(--muted);font-size:12px}.sb-setup .sb-play{text-align:left;padding:14px;border-radius:13px;border:1px solid var(--line);background:#ffffff05;color:var(--ink);cursor:pointer;transition:.15s;font-family:Work Sans,Arial,sans-serif}.sb-setup .sb-play b{display:block;font-size:15px;font-weight:700}.sb-setup .sb-play small{display:block;color:var(--muted);font-size:11px;margin-top:4px;line-height:1.35}.sb-setup .sb-play:hover{border-color:#3b4256;transform:translateY(-2px)}.sb-setup .sb-play-hot{border-color:#ff3b5280;background:linear-gradient(180deg,#ff3b5233,#ff3b520d);box-shadow:0 10px 30px #ff3b5226}.sb-setup .sb-play-hot:hover{border-color:var(--red);box-shadow:0 12px 34px #ff3b5247}.sb-setup .sb-go{display:flex;margin:20px 22px 22px;gap:10px}.sb-setup .sb-err{margin:0 22px}.sb-setup .sb-fine{margin-left:22px;margin-right:22px}@media (max-width:600px){.sb-setup .sb-modes{grid-template-columns:1fr}.sb-setup .sb-mode{display:flex;align-items:center;gap:12px;padding:11px}.sb-setup .sb-mode .ic{margin-bottom:0;flex:0 0 40px}}.sb-setup .sb-seats{display:grid;gap:8px;margin:0 22px}.sb-seat{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:11px 13px;border-radius:13px;border:1px solid var(--line);background:linear-gradient(180deg,#ff3b521a,#ff3b5205)}.sb-seat.cpu{background:#ffffff05;border-color:var(--line)}.sb-seat.pad{border-color:#54ffd066;background:linear-gradient(180deg,#54ffd01a,#54ffd005)}.sb-seat-n{font-family:Fugaz One,Impact,sans-serif;font-size:19px;color:var(--red);letter-spacing:.02em}.sb-seat.cpu .sb-seat-n{color:var(--muted)}.sb-seat.pad .sb-seat-n{color:var(--teal)}.sb-seat-d{color:var(--muted);font-size:11.5px;line-height:1.35;min-width:0;overflow-wrap:anywhere}.sb-seat-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sb-chip{background:#ffffff0a;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:6px 11px;font-size:11px;font-weight:600;cursor:pointer;transition:.15s;font-family:Work Sans,Arial,sans-serif;white-space:nowrap}.sb-chip:hover{border-color:#3b4256;background:#ffffff14}.sb-chip.sb-x:hover{border-color:#ff3b5299;color:#ff8a97}.sb-ghost:disabled{opacity:.35;cursor:default}.sb-ghost:disabled:hover{border-color:var(--line);background:#ffffff08}.sb-setup .sb-go{margin:20px 22px 22px;gap:10px}.sb-setup .sb-go .sb-play{flex:1}.sb-setup .sb-modes .sb-mode{padding:11px 12px}@media (max-width:600px){.sb-seat{grid-template-columns:56px 1fr;grid-template-areas:"n d" "a a";row-gap:9px}.sb-seat-n{grid-area:n}.sb-seat-d{grid-area:d}.sb-seat-a{grid-area:a;justify-content:flex-start}}.sb-seg-b.sb-seg-w{width:auto;padding:0 14px;font-family:Work Sans,Arial,sans-serif;font-size:12px;font-weight:700}.sb-hud{position:fixed;top:max(8px,env(safe-area-inset-top));left:0;right:0;z-index:5;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(5px,1.1vw,18px);pointer-events:none;padding:0 clamp(6px,1.4vw,16px)}.sb-pcard{position:relative;width:clamp(120px,13vw,210px);background:linear-gradient(180deg,#181a26e6,#0c0d14f0);border:1px solid rgba(255,255,255,.06);border-left:clamp(2px,.22vw,4px) solid var(--pc,#fff);border-radius:clamp(9px,.8vw,13px);padding:clamp(6px,.7vw,10px) clamp(9px,1vw,14px) clamp(7px,.8vw,11px);box-shadow:0 8px 24px #00000080,inset 0 1px #ffffff0d,-5px 0 16px -10px var(--pc,#fff);overflow:hidden;transition:opacity .3s}.sb-pcard.dead{opacity:.45}.sb-pcard.me{box-shadow:0 8px 24px #00000080,inset 0 1px #ffffff0d,-5px 0 16px -6px var(--pc,#fff),0 0 0 1px var(--pc,#fff)}.sb-pcard.spec{opacity:.55}.sb-pcard.spec .sb-pbar,.sb-pcard.spec .sb-pmeter,.sb-pcard.spec .sb-pweap{display:none}.sb-ptop{display:flex;align-items:center;gap:clamp(6px,.7vw,9px);margin-bottom:clamp(2px,.3vw,4px)}.sb-pchip{width:clamp(8px,.75vw,12px);height:clamp(8px,.75vw,12px);border-radius:50%;flex:none;background:var(--pc,#fff);box-shadow:0 0 10px var(--pc,#fff)}.sb-pname{font-weight:800;font-size:clamp(10px,.72vw,15px);letter-spacing:.05em;flex:1;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-pwins{display:inline-flex;align-items:center;gap:3px;font-weight:800;font-size:clamp(10px,.75vw,15px);color:var(--gold)}.sb-pwins:before{content:"★";font-size:clamp(8px,.6vw,12px);filter:drop-shadow(0 0 4px rgba(255,207,90,.6))}.sb-pbar{position:relative;height:clamp(3px,.34vw,5px);border-radius:99px;background:#0006;overflow:hidden;box-shadow:inset 0 1px 2px #00000080;margin-top:clamp(4px,.5vw,7px);opacity:.8}.sb-pbar>i{display:block;height:100%;width:100%;border-radius:99px;position:relative;transition:width .35s cubic-bezier(.22,1,.36,1)}.sb-pbar>i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:linear-gradient(180deg,#ffffff59,#ffffff08 55%,#00000029)}.sb-pmeter{position:relative;height:clamp(2px,.2vw,3px);border-radius:99px;background:#0006;overflow:hidden;margin-top:clamp(3px,.34vw,5px);opacity:.72}.sb-pmeter>i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#ff9a3a,#ffcf5a);transition:width .3s cubic-bezier(.22,1,.36,1)}.sb-pmeter.full{box-shadow:0 0 8px #ffcf5ab3}.sb-pmeter.full>i{background:linear-gradient(90deg,#ffcf5a,#fff,#ffcf5a);background-size:200% 100%;animation:sb_pmshift 1.1s linear infinite}@keyframes sb_pmshift{to{background-position:-200% 0}}.sb-pweap{font-weight:600;font-size:10px;letter-spacing:.07em;color:#fffc;margin-top:9px;text-transform:uppercase;display:inline-flex;align-items:center;padding:2px 9px;border-radius:99px;background:#ffffff17;border:1px solid rgba(255,255,255,.14)}.sb-pweap.sb-empty{display:none}.sb-pnote{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#ff8a65;margin-top:5px}.sb-pnote:empty{display:none}.sb-banner{position:fixed;top:40%;left:0;right:0;z-index:6;text-align:center;font-family:Fugaz One,Impact,sans-serif;font-size:clamp(20px,5.2vw,52px);line-height:1.05;letter-spacing:.02em;transform:translateY(-50%);pointer-events:none;padding:0 16px;word-break:break-word;color:#fff;text-shadow:0 0 30px rgba(255,59,82,.55),0 6px 30px rgba(0,0,0,.8)}.sb-maptag{position:fixed;bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));left:50%;transform:translate(-50%);z-index:4;pointer-events:none;font-weight:700;font-size:10.5px;letter-spacing:.18em;color:#e7ebf280;display:none;white-space:nowrap;text-transform:uppercase;text-shadow:0 1px 5px rgba(0,0,0,.7)}.sb-maptag.show{display:block}.sb-maptag b{color:#e7ebf2b8;font-weight:800}.sb-maptag b.gim{color:var(--gold)}.sb-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:none;place-items:center;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,rgba(255,59,82,.14),transparent 60%),#06070b8c}.sb-intro.show{display:grid;animation:sb_introfade .3s ease}@keyframes sb_introfade{0%{opacity:0}to{opacity:1}}.sb-in-card{text-align:center;padding:0 18px}.sb-in-round{font-weight:700;letter-spacing:.28em;font-size:13px;color:var(--gold);text-transform:uppercase}.sb-in-name{font-family:Fugaz One,Impact,sans-serif;font-size:clamp(34px,9vw,72px);line-height:1;margin:8px 0 14px;color:#fff;text-shadow:0 0 30px rgba(255,59,82,.5),0 6px 30px rgba(0,0,0,.8)}.sb-in-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:560px;margin:0 auto}.sb-in-tags span{font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#ffffff0f;border:1px solid var(--line);padding:5px 12px;border-radius:20px}.sb-in-tags span.gim{color:var(--gold);border-color:#ffcf5a8c;background:#ffcf5a1f}.sb-in-count{font-family:Fugaz One,Impact,sans-serif;font-size:clamp(40px,11vw,84px);color:var(--red);margin-top:16px;text-shadow:0 0 24px rgba(255,59,82,.6)}@media (max-width:820px){.sb-pcard{width:clamp(102px,26vw,150px)}.sb-pweap{display:none!important}}.sb-board{border:1px solid var(--line);border-radius:14px;background:#08090d80;overflow:hidden}.sb-board-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 13px;border-bottom:1px solid var(--line);background:#ffffff05}.sb-board-t{font-weight:800;letter-spacing:.1em;font-size:11px;text-transform:uppercase;color:var(--muted);flex:1}.sb-board-tabs{display:inline-flex;background:#0c0e15;border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}.sb-board-tab{border:none;background:transparent;color:var(--muted);cursor:pointer;font-family:Work Sans,Arial,sans-serif;font-weight:700;font-size:11px;letter-spacing:.03em;padding:6px 11px;border-radius:8px;transition:.12s;white-space:nowrap}.sb-board-tab:hover{color:var(--ink)}.sb-board-tab.on{background:linear-gradient(180deg,var(--red),var(--red2));color:#fff;box-shadow:0 4px 14px #ff3b5259}.sb-board-body{min-height:96px}.sb-board-note{padding:26px 16px;text-align:center;color:var(--muted);font-size:12.5px;line-height:1.5}.sb-board-rows{list-style:none;margin:0;padding:4px}.sb-board-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;column-gap:10px;padding:7px 9px;border-radius:10px}.sb-board-row+.sb-board-row{border-top:1px solid rgba(255,255,255,.04)}.sb-board-row.me{background:#ff3b521a;box-shadow:inset 0 0 0 1px #ff3b5247}.sb-board-n{grid-row:span 2;font-family:Fugaz One,Impact,sans-serif;font-size:15px;color:var(--muted);text-align:center}.sb-board-row.top .sb-board-n{color:var(--gold)}.sb-board-h{font-weight:700;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-board-sub{grid-column:2;color:var(--muted);font-size:10.5px;letter-spacing:.02em}.sb-board-v{grid-row:span 2;font-family:Fugaz One,Impact,sans-serif;font-size:19px;color:var(--ink)}.sb-board-row.top .sb-board-v{color:var(--gold)}.sb-board-v i{font-style:normal;font-family:Work Sans,Arial,sans-serif;font-weight:700;font-size:10px;color:var(--muted);margin-left:3px}@media (max-width:600px){.sb-board-t{flex:1 0 100%}.sb-board-tab{padding:6px 9px}}.sb-binds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 22px 0}.sb-bind{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff05;color:var(--ink);cursor:pointer;transition:.14s;font-family:Work Sans,Arial,sans-serif;text-align:left}.sb-bind:hover{border-color:#3b4256;background:#ffffff0d}.sb-bind-l{font-weight:600;font-size:13px}.sb-bind-k{font-family:Fugaz One,Impact,sans-serif;font-size:14px;color:var(--gold);background:#0b0d14;border:1px solid var(--line);border-bottom-width:2px;border-radius:7px;padding:3px 10px;min-width:62px;text-align:center;white-space:nowrap}.sb-bind.listening{border-color:var(--red);background:linear-gradient(180deg,#ff3b522e,#ff3b520a);box-shadow:0 0 0 1px #ff3b5266}.sb-bind.listening .sb-bind-k{color:#fff;border-color:#ff788c99;animation:sb_listen 1s ease-in-out infinite}@keyframes sb_listen{0%,to{opacity:.45}50%{opacity:1}}.sb-arrange{margin:14px 22px 0;padding:16px;border-radius:12px;border:1px dashed rgba(255,207,90,.4);background:#ffcf5a0f}.sb-arrange .sb-fine{margin:0;color:var(--gold)}@media (max-width:600px){.sb-binds{grid-template-columns:1fr}}.sb-exit{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));z-index:9;width:38px;height:38px;padding:0;border-radius:11px;display:grid;place-items:center;background:#0c0e146b;border:1px solid rgba(255,255,255,.16);color:#e7ebf2b8;cursor:pointer;transition:.14s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sb-exit svg{width:19px;height:19px;display:block}.sb-exit:hover{color:#ff8a97;border-color:#ff5a6a8c;background:#0c0e14b3}.sb-exit.on{color:#fff;border-color:var(--red);background:linear-gradient(180deg,var(--red),var(--red2))}.sb-pause{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;place-items:center;background:#040407a8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sb-pause.show{display:grid;animation:sb_pausein .16s ease}@keyframes sb_pausein{0%{opacity:0}to{opacity:1}}.sb-pause-card{width:min(360px,calc(100% - 32px));padding:26px 24px 22px;border-radius:18px;text-align:center;background:radial-gradient(120% 70% at 50% -10%,rgba(255,59,82,.14),transparent 60%),linear-gradient(160deg,#1a1c28f7,#0a0b10fa);border:1px solid rgba(255,90,106,.24);box-shadow:0 26px 70px #000000a6,inset 0 1px #ffffff0d}.sb-pause-t{font-family:Fugaz One,Impact,sans-serif;font-size:26px;color:#fff;letter-spacing:.02em}.sb-pause-s{color:var(--muted);font-size:12.5px;line-height:1.5;margin:9px 0 20px}.sb-pause-row{display:flex;flex-direction:column;gap:9px}.sb-pause-b{width:100%;padding:12px;border-radius:12px;font-family:Work Sans,Arial,sans-serif;font-weight:700;letter-spacing:.06em;font-size:13px;cursor:pointer;text-transform:uppercase;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);transition:.14s}.sb-pause-b:hover{border-color:#3b4256;background:#ffffff17}.sb-pause-x{background:linear-gradient(180deg,var(--red),var(--red2));border-color:#ff788c80;color:#fff}.sb-pause-x:hover{box-shadow:0 10px 26px #ff3b5259}