body:has(.social-play){background:#090e1d}.social-play{background:radial-gradient(ellipse at 8% 0%,#263354,transparent 45%),#090e1d;color:#edf1ff;min-height:100vh;padding:22px;font:14px system-ui}.sr-wrap{max-width:1440px;margin:auto}.sr-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0 25px;gap:12px;border-bottom:1px solid #ffffff10}.social-play a{color:#bac8f6;text-decoration:none}.social-play button,.social-play input,.social-play select{font:inherit}.sr-brand{letter-spacing:1px;font-weight:900;font-size:12px}.sr-brand span{color:#b9adff}.sr-btn{border:1px solid #a6b2df33;border-radius:10px;background:#222c46;color:#edf0ff;padding:10px 14px;cursor:pointer}.sr-main{background:linear-gradient(120deg,#c4b5fd,#91d5e6);color:#1b1835;font-weight:bold}.sr-btn:disabled{opacity:.45;cursor:default}.sr-hero{padding:45px 0 20px}.sr-hero h1{font-size:clamp(34px,6vw,65px);line-height:1.12;margin:18px 0;letter-spacing:-2px}.sr-hero h1 span{color:#c5b9ff}.social-play p{color:#a0acc9;line-height:1.7}.sr-discover{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:20px 0 35px}.sr-discover-card{overflow:hidden;background:#161e34;border:1px solid #ffffff15;border-radius:15px;transition:transform .2s}.sr-discover-card:hover{transform:translateY(-4px)}.sr-discover-card img{width:100%;height:115px;object-fit:cover}.sr-discover-card b{display:block;padding:3px 12px 15px;color:#eff0ff}.sr-discover-card span{display:block;padding:12px 12px 5px;letter-spacing:2px;font-size:8px;color:#bcaaf6}.sr-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:20px}.sr-panel{background:#151d31;border:1px solid #a6b2df20;border-radius:18px;padding:20px}.sr-panel h2,.sr-panel h3{margin:8px 0 16px}.sr-roomlist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sr-room{border:1px solid #9aa5cc33;border-radius:15px;padding:22px;background:linear-gradient(120deg,#293050,#1b2940);color:#ecf0ff;text-align:start;cursor:pointer}.sr-room b{font-size:20px;display:block;margin:8px 0 12px}.sr-room small{color:#a6b8d8}.sr-form{display:grid;gap:12px}.social-play select,.sr-form input,.sr-compose input{background:#0d1427;color:#e8edff;border:1px solid #8192c044;border-radius:10px;padding:12px;min-width:0}.sr-form label{font-size:12px;color:#a7b5d5}.sr-peers{display:grid;gap:9px}.sr-peer{border-bottom:1px solid #ffffff0c;padding:9px 0;display:flex;align-items:center;gap:9px}.sr-peer b{font-size:12px}.sr-peer small{display:block;font-size:10px;color:#9eabc9;margin-top:4px}.sr-peer>div{flex:1}.sr-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#7369a9,#47959c);color:white;font-weight:bold}.sr-online{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83dbb4;margin-inline-end:6px;box-shadow:0 0 9px #83dbb455}.sr-iconbtn{background:none;border:1px solid #99a9d833;border-radius:6px;padding:4px 6px;color:#bac5e8;cursor:pointer}.sr-chat{height:290px;overflow:auto;background:#0d1528;border-radius:12px;padding:13px;margin-top:14px}.sr-message{margin-bottom:16px;font-size:13px;overflow-wrap:anywhere}.sr-message b{color:#c2b5f5;font-size:10px}.sr-message p{margin:5px 0;color:#dae2f4;white-space:pre-wrap;line-height:1.5}.sr-message button{font-size:9px;padding:3px 6px;border:0;background:none;color:#8393b5;cursor:pointer}.sr-compose{display:flex;gap:7px;margin-top:12px}.sr-compose input{width:100%}.sr-note{font-size:11px;border:1px solid #8a9bc522;border-radius:13px;padding:15px;margin:24px 0;color:#8293b8}.sr-gamehead{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.sr-gamehead h1{margin:8px 0 15px;font-size:28px}.sr-gamehead h2,.sr-gamehead h3{margin:0}.sr-error{padding:12px;border:1px solid #d69e6955;color:#ffd3a9!important;border-radius:12px}.sr-empty{padding:50px 20px;text-align:center;color:#9ba8c2}.sr-tag{font-size:9px;color:#b8a9ed;letter-spacing:2px}.sr-small{font-size:11px;line-height:1.7;color:#98a7c4}.sr-join{max-width:530px;margin:45px auto}.sr-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sr-actions select{max-width:190px}.sr-sidebar{display:grid;gap:15px;align-content:start}.sr-selection{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.sr-selection h2{margin:5px 0}.sr-selection select{max-width:200px}.sr-stage-hero{margin-top:20px;min-height:300px;padding:35px;display:flex;align-items:start;justify-content:end;flex-direction:column;background-position:center;background-size:cover;border-radius:20px}.sr-stage-hero h2{font-size:34px;margin:12px 0 22px}.sr-game-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.sr-mini-game{overflow:hidden;text-align:start;border:1px solid #ffffff18;border-radius:12px;background:#192139;color:#dde7ff;cursor:pointer;padding:0}.sr-mini-game img{width:100%;height:95px;object-fit:cover}.sr-mini-game b{display:block;font-size:11px;padding:10px}.sr-game-frame{border:1px solid #9ba6d044;border-radius:16px;width:100%;height:75vh;min-height:580px;background:#080c19}.sr-chat-tabs{display:flex;gap:8px}.sr-chat-tabs select{flex:1;width:140px;padding:9px;font-size:11px}.sr-voice h3{font-size:14px}@media(max-width:1000px){.sr-discover{grid-template-columns:repeat(3,1fr)}.sr-layout{grid-template-columns:minmax(0,1fr) 310px}.sr-panel{padding:15px}}@media(max-width:800px){.sr-layout{grid-template-columns:1fr}.social-play{padding:15px}.sr-hero{padding:22px 0}.sr-hero h1{letter-spacing:-1px}.sr-roomlist{grid-template-columns:1fr}.sr-discover-card img{height:90px}.sr-discover-card b{font-size:11px}.sr-discover{gap:8px}.sr-game-options{grid-template-columns:repeat(3,1fr)}.sr-game-frame{height:75vh;min-height:500px}.sr-sidebar{grid-template-columns:1fr}.sr-chat{height:250px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}