.sp{--sp-bg: #0e0e10;--sp-panel: #18181b;--sp-panel2: #1f1f23;--sp-line: #2b2b31;--sp-text: #efeff1;--sp-muted: #adadb8;--sp-purple: #9147ff;--sp-purple-hover: #772ce8;--sp-danger: #e91916;--sp-green: #21c16b;--sp-chat: 340px;--sp-top: 58px;color-scheme:dark;height:100dvh;display:flex;flex-direction:column;background:var(--sp-bg);color:var(--sp-text);font:14px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden}.sp button,.sp input{font:inherit}.sp button{cursor:pointer}.sp button:disabled{cursor:not-allowed}.sp :focus-visible{outline:2px solid #c9a8ff;outline-offset:2px}.sp.sp-loading{align-items:center;justify-content:center;color:var(--sp-muted)}.sp-muted{color:var(--sp-muted)}.sp .sp-btn{border-radius:8px;font-weight:800;padding:10px 16px;border:1px solid transparent;transition:background .18s,transform .1s}.sp .sp-btn:active:not(:disabled){transform:translateY(1px)}.sp .sp-btn-primary{background:var(--sp-purple);color:#fff}.sp .sp-btn-primary:hover:not(:disabled){background:var(--sp-purple-hover)}.sp .sp-btn-primary:disabled{background:#3a2d57;color:#bda9e0}.sp .sp-btn-secondary{background:var(--sp-panel);color:#fff;border-color:#464651}.sp .sp-btn-secondary:hover:not(:disabled){background:var(--sp-panel2)}.sp .sp-btn-secondary:disabled{color:var(--sp-muted)}.sp .sp-btn-sm{padding:7px 10px;font-size:13px;white-space:nowrap}.sp .sp-btn-block{width:100%}.sp-topbar{height:var(--sp-top);flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 18px;background:var(--sp-panel);border-bottom:1px solid #25252a}.sp-brand{font-size:18px;font-weight:900;letter-spacing:-.4px;white-space:nowrap}.sp-brand b{color:var(--sp-purple)}.sp-stage-switch{display:flex;background:var(--sp-bg);border:1px solid #34343a;border-radius:9px;padding:3px;gap:3px}.sp-stage-switch span{color:#b8b8c0;padding:7px 12px;border-radius:6px;font-weight:800}.sp-stage-switch span.is-active{color:#fff;background:var(--sp-purple)}.sp-topbar-right{justify-self:end;display:flex;align-items:center;gap:12px;color:#d5d5dc;font-weight:700;min-width:0}.sp-chip{display:inline-flex;align-items:center;gap:5px;background:#241a35;border:1px solid #453259;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;color:#d7c1fa;white-space:nowrap}.sp-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.sp-dot{width:8px;height:8px;border-radius:50%;background:var(--sp-purple)}.sp-dot.is-live{background:var(--sp-danger)}.sp-conn{font-size:12px}.sp-user{color:var(--sp-muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp .sp-link-btn{background:transparent;border:1px solid #3a3a42;color:#e6e6ee;border-radius:7px;padding:6px 10px;font-weight:700;text-decoration:none;font-size:13px}.sp .sp-link-btn:hover{border-color:var(--sp-purple)}.sp-shell{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) var(--sp-chat)}.sp-main{overflow:auto;min-width:0}.sp-hero{width:100%;aspect-ratio:16 / 9;min-height:440px;max-height:calc(100dvh - 250px);position:relative;overflow:hidden;background:#080809}.sp-promo{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px 28px;display:flex;flex-direction:column;gap:14px;background:radial-gradient(circle at 77% 20%,rgba(145,71,255,.3),transparent 24%),radial-gradient(circle at 20% 80%,rgba(255,52,153,.14),transparent 28%),linear-gradient(145deg,#120d1c,#09090b 52%,#16101e)}.sp-promo-badge{align-self:flex-start;background:#0000007a;border:1px solid #3e3450;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.sp-promo-badge b{color:#c9a8ff}.sp-promo-grid{flex:1;min-height:0;display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}.sp-promo-copy{min-width:0}.sp-promo-copy h1{font-size:clamp(28px,3.4vw,54px);line-height:1.02;margin:0 0 12px;letter-spacing:-1.5px;max-width:640px}.sp-promo-copy>p{max-width:560px;color:#bdbdc7;font-size:15px;margin:0 0 14px}.sp-countdown{display:flex;gap:8px;margin:0 0 16px}.sp-timebox{min-width:66px;text-align:center;background:#18181bcc;border:1px solid #36363e;border-radius:10px;padding:9px 8px}.sp-timebox b{display:block;font-size:20px;font-variant-numeric:tabular-nums}.sp-timebox span{font-size:10px;color:var(--sp-muted);text-transform:uppercase}.sp-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px;max-width:460px}.sp .sp-pick{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #3a3446;background:#17151c;color:#e6e6ee;border-radius:9px;padding:10px 12px;font-weight:800;transition:border-color .18s,background .18s}.sp .sp-pick:hover{border-color:#7b5bb8}.sp .sp-pick.is-active{border-color:var(--sp-purple);background:#2a1d42;color:#fff}.sp-game-panel{min-height:300px;max-height:100%;border:1px solid #40384e;border-radius:16px;padding:18px 20px;background:linear-gradient(145deg,#9147ff33,#16161be6);box-shadow:0 22px 70px #00000073;display:flex;flex-direction:column;overflow:auto}.sp-game-top{display:flex;justify-content:space-between;align-items:center;color:#d8c7f2;font-size:12px;font-weight:700}.sp-game-body{flex:1;display:flex;flex-direction:column;justify-content:center}.sp-game-body h2{text-align:center;margin:0;font-size:22px}.sp-game-body>p{text-align:center;color:#bcbcc5;margin:6px auto 16px;max-width:320px}.sp-game-icon{font-size:56px;text-align:center;margin:8px 0 6px}.sp-answers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sp .sp-answer{border:1px solid #4a405c;background:#17151c;color:#fff;border-radius:9px;padding:12px;font-weight:800;transition:border-color .18s,background .18s}.sp .sp-answer:hover:not(:disabled){border-color:#a970ff;background:#21192e}.sp .sp-answer.is-picked{border-color:#a970ff;background:#2a1d42}.sp .sp-answer.is-ok{border-color:#2f9e63;background:#152a1f}.sp .sp-answer.is-bad{border-color:#b33;background:#2a1515}.sp .sp-answer:disabled:not(.is-picked):not(.is-ok):not(.is-bad){opacity:.6}.sp-game-foot{margin-top:14px;border-top:1px solid #3a3444;padding-top:11px;color:#bcbcc5;font-size:12px;display:flex;justify-content:space-between;gap:8px}.sp-game-result{min-height:22px;margin-top:12px;text-align:center;font-size:14px}.sp-wheel{font-size:64px;text-align:center;margin:8px 0 14px}.sp-wheel.is-spinning{animation:sp-spin 1.4s cubic-bezier(.2,.7,.3,1)}@keyframes sp-spin{to{transform:rotate(1260deg)}}.sp-arena{position:relative;height:190px;border:1px dashed #3d3d48;border-radius:10px;background:#141418;overflow:hidden}.sp-arena-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center}.sp-arena-score{position:absolute;top:8px;left:10px;font-size:12px;color:#b9b9c4}.sp .sp-target{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:0;color:#fff;font-size:16px;background:radial-gradient(circle at 35% 35%,#c9a8ff,var(--sp-purple));animation:sp-pop .15s ease-out}@keyframes sp-pop{0%{transform:scale(.7);opacity:0}}.sp-live{position:absolute;top:0;right:0;bottom:0;left:0;background:#09090b}.sp-live-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 66% 36%,rgba(145,71,255,.3),transparent 23%),linear-gradient(135deg,#09090b 8%,#181225 45%,#070708)}.sp-live-art{text-align:center;padding:0 24px}.sp-live-mark{font-size:68px;color:#c9a8ff}.sp-live-art h2{margin:4px 0;font-size:28px}.sp-live-art p{color:#c5c5cf;margin:0}.sp-live-overlay{position:absolute;top:16px;left:16px;display:flex;gap:9px;align-items:center}.sp-live-badge,.sp-offline-badge{padding:4px 8px;border-radius:4px;font-weight:900;font-size:12px}.sp-live-badge{background:var(--sp-danger)}.sp-offline-badge{background:#3a3a42}.sp-viewers{background:#0009;padding:4px 8px;border-radius:4px;font-variant-numeric:tabular-nums}.sp-controls{position:absolute;left:0;right:0;bottom:0;padding:42px 15px 14px;display:flex;align-items:center;gap:8px;background:linear-gradient(transparent,#000c);opacity:0;transition:opacity .18s}.sp-live:hover .sp-controls,.sp-live:focus-within .sp-controls{opacity:1}.sp .sp-icon-btn{width:36px;height:34px;border:0;border-radius:6px;background:transparent;color:#fff;font-size:17px}.sp .sp-icon-btn:hover{background:#ffffff24}.sp-spacer{flex:1}.sp-volume{width:80px;accent-color:#fff}.sp-event-info{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #242429}.sp-event-avatar{width:58px;height:58px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--sp-purple),#ff4f9a)}.sp-event-copy{min-width:0;flex:1}.sp-event-copy h2{margin:0 0 4px;font-size:18px}.sp-event-copy p{margin:0;color:var(--sp-muted)}.sp-desc{padding:16px 20px 28px}.sp-desc>p{margin:0 0 14px;color:#c9c9d3;max-width:80ch;line-height:1.55}.sp-links{display:flex;flex-wrap:wrap;gap:8px}.sp-links a{color:#e6e6ee;text-decoration:none;background:var(--sp-panel2);border:1px solid #33333b;border-radius:8px;padding:8px 12px;font-weight:700;font-size:13px;transition:border-color .18s,background .18s}.sp-links a:hover{border-color:var(--sp-purple);background:#241a35}.sp-chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--sp-panel);border-left:1px solid #25252a}.sp-chat-head{height:44px;flex:none;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--sp-line);font-weight:800}.sp-pin{flex:none;display:flex;gap:8px;padding:9px 12px;background:#202024;border-bottom:1px solid var(--sp-line);font-size:12px;word-break:break-word}.sp-pin b{color:#d7d7df}.sp-chat-cards{flex:none;max-height:42%;overflow:auto;padding:10px 10px 0;display:grid;gap:8px;align-content:start}.sp-chat-card{background:#222226;border:1px solid #303038;border-radius:8px;padding:10px}.sp-chat-card h4{margin:0 0 8px;font-size:13px}.sp-vote-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:6px 0}.sp .sp-vote{position:relative;text-align:left;border:1px solid #45454f;background:#18181b;color:#fff;border-radius:6px;padding:7px 8px;overflow:hidden}.sp .sp-vote:hover:not(:disabled){border-color:#8a63d2}.sp .sp-vote.is-voted{border-color:var(--sp-purple);background:#231836}.sp .sp-vote:disabled:not(.is-voted){color:#d0d0d8}.sp-bar{position:absolute;left:0;top:0;bottom:0;background:#9147ff3d;transition:width .3s}.sp-vote span{position:relative}.sp-pct{font-size:12px;color:#c4c4cc;font-variant-numeric:tabular-nums;min-width:34px;text-align:right}.sp-card-foot{font-size:11px;color:var(--sp-muted);margin-top:4px}.sp-giveaway{display:flex;justify-content:space-between;align-items:center;gap:10px}.sp-joined{font-size:12px;font-weight:800;color:var(--sp-green);white-space:nowrap}.sp-messages{flex:1;min-height:0;overflow:auto;padding:10px 12px 14px}.sp-msg{margin:0 0 7px;word-break:break-word}.sp-time{color:#8a8a94;font-size:11px;margin-right:5px}.sp-nick{font-weight:800}.sp-n1{color:#ff75e6}.sp-n2{color:#55d6be}.sp-n3{color:#ffb86b}.sp-n4{color:#8be9fd}.sp-n5{color:#bd93f9}.sp-n-admin{color:#ff8f8f}.sp-admin-tag{background:var(--sp-danger);color:#fff;font-size:9px;font-weight:900;border-radius:3px;padding:1px 4px;margin-right:5px;vertical-align:1px}.sp-chat-input{flex:none;border-top:1px solid var(--sp-line);padding:10px}.sp-input-wrap{display:flex;gap:7px}.sp-input-wrap input{min-width:0;flex:1;border:1px solid #474751;border-radius:7px;background:var(--sp-bg);color:#fff;padding:9px 10px}.sp-input-wrap input:focus{border-color:var(--sp-purple);outline:none}.sp-input-wrap input::placeholder{color:#8a8a94}.sp .sp-send{border:0;background:var(--sp-purple);color:#fff;border-radius:7px;padding:0 12px;font-weight:800}.sp .sp-send:disabled{background:#3a2d57;color:#bda9e0}.sp-muted-note{background:#2a1d1d;border:1px solid #5a2a2a;color:#f5b5b5;border-radius:7px;padding:10px;font-size:13px;text-align:center}.sp-toasts{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:60;display:grid;gap:8px;justify-items:center;pointer-events:none}.sp-toast{background:#26262e;border:1px solid #3d3d48;color:#fff;padding:9px 16px;border-radius:9px;font-weight:700;font-size:13px;animation:sp-toast-in .25s ease-out}@keyframes sp-toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion: reduce){.sp *{animation:none!important;transition:none!important}}@media (max-width: 1000px){.sp{height:auto;min-height:100dvh;overflow:visible}.sp-shell{display:block}.sp-main{overflow:visible}.sp-hero{aspect-ratio:auto;min-height:0;max-height:none}.sp-promo{position:relative;inset:auto;padding:18px}.sp-promo-grid{grid-template-columns:1fr}.sp-live{position:relative;aspect-ratio:16 / 9}.sp-chat{border-left:0;border-top:1px solid var(--sp-line);height:70dvh}.sp-topbar{grid-template-columns:1fr auto}.sp-stage-switch,.sp-user,.sp-conn{display:none}}@media (max-width: 650px){.sp-topbar{padding:0 10px}.sp-brand{font-size:15px}.sp-status{display:none}.sp-promo-copy h1{font-size:30px}.sp-countdown{flex-wrap:wrap}.sp-timebox{min-width:58px}.sp-picker,.sp-answers{grid-template-columns:1fr}.sp-event-info{flex-wrap:wrap;padding:12px}.sp-event-avatar{width:46px;height:46px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f0f;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}