#shbb-app{--p:#7c3aed;--c:#06b6d4;--bg:#080b18;--card:#11162a;--line:#26304b;--text:#f8fafc;--muted:#a7b0c4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);max-width:1050px;margin:30px auto;padding:18px}.shbb-shell{background:radial-gradient(circle at 20% 0,#312e81 0,transparent 35%),radial-gradient(circle at 100% 100%,#0e7490 0,transparent 35%),var(--bg);border:1px solid #202a45;border-radius:28px;padding:24px;box-shadow:0 25px 80px #0006;overflow:hidden}.shbb-hero{text-align:center;padding:28px 10px}.shbb-hero h1{font-size:clamp(38px,7vw,72px);margin:0;font-weight:900;letter-spacing:-2px}.shbb-hero p{font-size:18px;color:#d5d9e6}.shbb-card{background:#111827dd;border:1px solid var(--line);border-radius:22px;padding:20px;margin:16px 0}.shbb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shbb-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shbb-input,.shbb-textarea,.shbb-select{width:100%;box-sizing:border-box;background:#0b1020;border:1px solid #34405f;border-radius:14px;color:#fff;padding:13px 14px;font-size:15px}.shbb-textarea{min-height:90px;resize:vertical}.shbb-label{display:block;font-weight:800;margin:0 0 7px}.shbb-muted{color:var(--muted);font-size:13px}.shbb-btn{border:0;border-radius:999px;padding:13px 19px;font-weight:900;cursor:pointer;background:linear-gradient(90deg,var(--p),var(--c));color:#fff;box-shadow:0 10px 25px #06b6d433;transition:transform .18s,filter .18s}.shbb-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.shbb-btn.alt{background:#1b2440}.shbb-btn.danger{background:#7f1d1d}.shbb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.shbb-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#1e293b;color:#dbeafe;font-size:12px;font-weight:800}.shbb-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.shbb-player{padding:14px;border-radius:17px;background:#0c1324;border:1px solid #293553;text-align:center;position:relative}.shbb-player .avatar{font-size:30px}.shbb-score{font-size:24px;font-weight:900}.shbb-question{font-size:clamp(23px,4vw,36px);font-weight:900;line-height:1.18;margin:10px 0 18px}.shbb-options{display:grid;gap:10px}.shbb-option{border:1px solid #34405f;background:#10172a;color:#fff;border-radius:16px;padding:15px;text-align:left;font-size:16px;font-weight:800;cursor:pointer}.shbb-option:hover{border-color:#22d3ee;transform:translateY(-1px)}.shbb-option.selected{outline:3px solid #22d3ee;background:#172554}.shbb-rank{display:grid;gap:8px}.shbb-rank-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px 14px;border-radius:15px;background:#0c1324;border:1px solid #293553}.shbb-rank-row:first-child{background:linear-gradient(90deg,#312e81,#164e63);border-color:#22d3ee}.shbb-winner{text-align:center;padding:28px;border-radius:24px;background:linear-gradient(135deg,#312e81,#0e7490);animation:shbb-pop .55s ease}.shbb-winner .crown{font-size:70px;animation:shbb-bounce 1s infinite}.shbb-winner h2{font-size:42px;margin:4px 0}.shbb-toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#111827;color:#fff;padding:12px 18px;border-radius:999px;z-index:99999;box-shadow:0 15px 40px #0008;animation:shbb-pop .2s ease}.shbb-confetti{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.shbb-confetti i{position:absolute;width:10px;height:18px;animation:shbb-fall 1.6s linear forwards}.shbb-remove{float:right;border:0;background:none;color:#fb7185;cursor:pointer;font-size:18px}.shbb-loading{text-align:center;padding:60px;font-weight:900}@keyframes shbb-pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shbb-bounce{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes shbb-fall{to{transform:translate3d(var(--x),110vh,0) rotate(720deg);opacity:0}}@media(max-width:700px){#shbb-app{padding:8px;margin:10px auto}.shbb-shell{padding:14px;border-radius:20px}.shbb-grid,.shbb-grid-3{grid-template-columns:1fr}.shbb-hero{padding:20px 6px}.shbb-hero h1{letter-spacing:-1px}.shbb-card{padding:15px}.shbb-btn{width:100%}.shbb-actions{display:grid}}
.shbb-option-editor{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:9px 0}.shbb-option-editor .shbb-input{min-width:0}.shbb-correct{display:flex;align-items:center;gap:6px;min-width:48px;font-weight:900}.shbb-correct input{accent-color:#22d3ee}.shbb-icon-btn{width:42px;height:42px;border:1px solid #3b4665;border-radius:12px;background:#1b2440;color:#fb7185;font-size:24px;font-weight:900;cursor:pointer;line-height:1}.shbb-icon-btn:hover{background:#3b1728}.shbb-task-panel{background:#0c1324;border:1px solid #293553;border-radius:18px;padding:18px}.shbb-task-icon{font-size:46px;margin-bottom:8px}.shbb-task-panel h3{font-size:20px;margin:6px 0 12px}.shbb-task-rules{background:#111a30;border:1px dashed #3a486a;border-radius:14px;padding:13px;margin-top:10px;color:#dbe4f7}.shbb-task-rules div{margin-top:6px;color:#aeb9cf}.shbb-task-panel input[type=file]{padding:10px}@media(max-width:520px){.shbb-option-editor{grid-template-columns:auto 1fr auto}.shbb-correct{min-width:38px}.shbb-icon-btn{width:38px;height:38px}}
.shbb-player-id{position:sticky;top:8px;z-index:20;width:max-content;max-width:100%;margin:0 auto 12px;padding:8px 14px;border:1px solid rgba(99,102,241,.35);border-radius:999px;background:rgba(10,16,35,.92);color:#dbeafe;box-shadow:0 8px 24px rgba(0,0,0,.12);font-size:14px;text-align:center}.shbb-player-id strong{letter-spacing:2px;font-size:16px}