:root{
  --bg:#07040d;--panel:#140922;--panel2:#1e0c33;--purple:#9b32ff;--purple2:#5a0bb7;
  --gold:#ffbf19;--gold2:#ff7a00;--text:#fff;--muted:#c8b7d9;--green:#30d956;--red:#ff394f;
  --border:rgba(180,72,255,.55);--shadow:0 0 20px rgba(157,42,255,.32),inset 0 0 18px rgba(157,42,255,.08);
}
[hidden]{display:none!important}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050308;color:var(--text);font-family:"Noto Sans Arabic","Tahoma","Arial",sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 20%,#28103e 0,#0a0411 43%,#030205 100%);display:grid;place-items:center;padding:18px}.app-shell:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 28%,transparent 72%,rgba(0,0,0,.45)),repeating-linear-gradient(110deg,transparent 0 80px,rgba(150,35,255,.02) 81px 82px);pointer-events:none}.ambient{position:fixed;border-radius:50%;filter:blur(85px);opacity:.28}.ambient-a{width:320px;height:320px;background:#7b00ff;top:-80px;right:-80px}.ambient-b{width:330px;height:330px;background:#ff8a00;bottom:-190px;left:-140px}.stars{position:fixed;inset:0;opacity:.45;background-image:radial-gradient(circle,#fff 1px,transparent 1.5px),radial-gradient(circle,#a333ff 1px,transparent 1.5px);background-size:73px 83px,101px 117px;background-position:13px 18px,35px 62px;animation:drift 18s linear infinite}@keyframes drift{to{background-position:120px 180px,220px 160px}}
.phone{position:relative;width:min(100%,430px);height:min(920px,calc(100vh - 36px));min-height:720px;border:1px solid rgba(170,63,255,.28);border-radius:38px;overflow:hidden;background:linear-gradient(180deg,rgba(7,3,13,.96),rgba(12,4,20,.98));box-shadow:0 20px 80px rgba(0,0,0,.75),0 0 70px rgba(109,0,200,.22)}.phone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,rgba(106,25,165,.17),transparent 36%),linear-gradient(180deg,transparent 70%,rgba(111,22,172,.14));pointer-events:none}.screen{position:absolute;inset:0;overflow-y:auto;display:none;padding:22px 20px 28px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.screen.active{display:block;animation:screenIn .35s ease both}@keyframes screenIn{from{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:none}}
.topbar{display:flex;justify-content:space-between;gap:10px;align-items:center}.profile-chip,.online-chip{height:58px;border:1px solid var(--border);background:rgba(20,7,34,.84);border-radius:23px;display:flex;align-items:center;gap:9px;padding:7px 10px;color:#fff;box-shadow:var(--shadow)}.profile-chip{border:0;border:1px solid var(--border)}.profile-chip .avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#e0a7ff,#7021ac 65%,#240638);font-size:24px;border:2px solid #ba5cff}.profile-chip b,.online-chip b{font-size:13px;display:block}.profile-chip small,.online-chip small{color:#fff;font-weight:800}.online-chip .people{font-size:23px}.online-chip i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#31dc5c;box-shadow:0 0 9px #31dc5c}
.hero-logo{text-align:center;margin:32px 0 21px;position:relative}.hero-logo .hat{font-size:65px;line-height:.8;transform:rotate(-10deg);filter:drop-shadow(0 0 10px #8b31ff);margin-bottom:-4px}.hero-logo h1{margin:0;line-height:.87;font-size:62px;letter-spacing:-3px;text-shadow:0 5px 0 #3b0959,0 0 18px #8732ff}.hero-logo h1 span{display:block;color:var(--gold);background:linear-gradient(#ffe669,#ff9d00);-webkit-background-clip:text;color:transparent}.hero-logo h1 strong{display:block;color:#fff;font-size:56px}.hero-logo p{font-size:17px;font-weight:800;margin:22px 0 0;color:#fff}.hero-logo p em{color:var(--gold);font-style:normal}.hero-logo.compact{margin:8px 0 10px}.hero-logo.compact .hat{font-size:37px}.hero-logo.compact h1{font-size:39px}.hero-logo.compact h1 strong{font-size:38px}
.main-menu{display:grid;gap:12px}.menu-btn,.big-action{border:1px solid #963eff;background:linear-gradient(180deg,#28103d,#180727);color:#fff;border-radius:19px;min-height:69px;padding:10px 22px;display:flex;align-items:center;justify-content:flex-start;gap:17px;box-shadow:0 0 18px rgba(154,55,255,.4),inset 0 0 15px rgba(255,255,255,.04);transition:.18s ease}.menu-btn span{font-size:30px}.menu-btn b{font-size:23px;flex:1;text-align:center}.menu-btn:hover,.menu-btn:active{transform:translateY(-2px);filter:brightness(1.14)}.menu-btn.primary,.big-action{border-color:#ffc52c;background:linear-gradient(180deg,#916000,#3b2400);box-shadow:0 0 22px rgba(255,174,0,.48),inset 0 0 20px rgba(255,199,37,.18);color:#fff3c7}.leaderboard,.sound-row{width:100%;margin-top:13px;border:1px solid rgba(157,55,242,.64);border-radius:18px;background:rgba(21,7,34,.82);height:58px;color:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:17px}.leaderboard span:first-child{font-size:25px}.sound-row{height:67px}.toggle{width:58px;height:31px;border-radius:20px;border:1px solid #ffc22d;background:#28103f;padding:3px;direction:ltr}.toggle i{display:block;width:23px;height:23px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:linear-gradient(90deg,#9d20ff,#ffb300);box-shadow:0 0 15px #8f24ff}.toggle.on i{transform:translateX(25px)}.footer-badge{margin:18px auto 0;text-align:center;padding:10px 16px;border:1px solid #e6a51b;color:#ffd451;border-radius:15px;background:#12071f;font-weight:800;box-shadow:0 0 13px rgba(255,177,0,.16)}
.screen-head{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:8px;margin-bottom:19px}.screen-head>span{font-size:31px;text-align:center}.screen-head h2{margin:0;color:#ffd456;font-size:28px}.screen-head small{color:#c6aedb}.icon-btn{border:1px solid var(--border);background:#170927;color:#fff;width:44px;height:44px;border-radius:15px;font-size:22px}.panel{border:1px solid var(--border);background:linear-gradient(180deg,rgba(27,9,46,.93),rgba(13,5,23,.95));border-radius:25px;padding:18px;box-shadow:var(--shadow)}.panel h3{text-align:center;margin:0 0 13px;color:#fff4c9}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.category{border:1px solid #8f38df;background:#19082b;color:#fff;border-radius:17px;padding:12px 5px;min-height:94px;box-shadow:inset 0 0 14px rgba(142,45,228,.08)}.category span{display:block;font-size:32px;margin-bottom:5px}.category b{font-size:13px}.category.selected{border-color:#ffc72d;background:radial-gradient(circle at 50% 10%,rgba(255,190,22,.25),#321709 70%);box-shadow:0 0 17px rgba(255,180,0,.38)}.field-group{margin-top:17px}.field-group label,.join-panel label{display:block;color:#d8c8e4;font-weight:700;margin:0 4px 8px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid #8331d0;border-radius:16px;overflow:hidden}.segmented button,.score-select button{background:#180825;border:0;color:#e7d9ef;padding:11px}.segmented button.selected,.score-select button.selected{background:linear-gradient(180deg,#734000,#3c2100);color:#ffd963;box-shadow:inset 0 0 10px rgba(255,192,40,.24)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.score-select{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #8232c8;border-radius:14px;overflow:hidden}input{width:100%;border:1px solid #7030a4;border-radius:13px;background:#0d0615;color:#fff;padding:12px 13px;outline:0}input:focus{border-color:#d881ff;box-shadow:0 0 0 3px rgba(166,57,255,.14)}.big-action{width:100%;justify-content:center;font-size:21px;font-weight:900;margin-top:18px;min-height:62px}.big-action.secondary{border-color:#8c34ee;background:linear-gradient(180deg,#401366,#210932);color:#fff}.big-action.green{border-color:#53f06e;background:linear-gradient(180deg,#178e2e,#075115);box-shadow:0 0 22px rgba(45,218,78,.36)}
.join-panel{margin-top:22px;padding:25px}.door-visual{text-align:center;font-size:80px;margin:0 0 10px;filter:drop-shadow(0 0 13px #963cff)}.door-visual span{font-size:24px}.join-panel label{margin-top:12px}.code-input{text-align:center;font-size:27px;letter-spacing:5px;text-transform:uppercase}.text-link{display:block;margin:18px auto 0;border:0;background:none;color:#dba2ff;text-decoration:underline}.room-code-card{text-align:center;border:1px solid #ffc333;border-radius:20px;background:radial-gradient(circle at top,rgba(255,185,22,.18),#160914 68%);padding:18px}.room-code-card small{display:block;color:#d8c8e4}.room-code-card strong{display:block;font-size:42px;letter-spacing:6px;color:#ffd54b;margin:5px 0}.room-code-card button{border:1px solid #8c3cd5;background:#1c0a2c;color:#fff;border-radius:13px;padding:8px 15px}.waiting-copy{text-align:center;color:#d4c1e2;line-height:1.7}.players-waiting{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;gap:7px}.waiting-player{border:1px solid #7030aa;border-radius:20px;padding:15px 7px;text-align:center;background:#100719;min-height:130px}.waiting-player span{font-size:37px}.waiting-player b,.waiting-player small{display:block}.waiting-player small{font-size:11px;color:#aa92bc}.waiting-player.ready{border-color:#38d85a;box-shadow:0 0 14px rgba(50,218,88,.18)}.waiting-player.ready small{color:#58e675}.versus{text-align:center;color:#d686ff;font-weight:900}.room-meta{display:flex;justify-content:space-between;gap:8px;margin-top:16px;color:#cbb8d7;font-size:13px}
.center-screen{display:none;place-items:center;text-align:center}.center-screen.active{display:grid}.mini-logo{font-weight:1000;color:#ffd052;text-shadow:0 0 12px #8c22ff;font-size:21px}.countdown-wrap small{display:block;color:#d8c5e5;font-size:19px}.countdown-wrap strong{display:block;font-size:160px;line-height:1;color:#ffd33a;text-shadow:0 0 45px #8b25ff,0 8px 0 #5e2900}.countdown-wrap p{font-size:29px;font-weight:1000;margin:0;color:#fff}
.game-screen{padding:17px 14px 22px}.game-top{display:flex;align-items:center;justify-content:space-between}.connection{font-size:10px;color:#7cf794}.connection i{display:inline-block;width:7px;height:7px;background:#42e466;border-radius:50%;box-shadow:0 0 9px #42e466}.score-board{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:13px 0 8px;border:1px solid #7132a6;background:#140821;border-radius:18px;padding:8px 12px}.score-board>div{display:flex;align-items:center;gap:6px}.score-board>div:last-child{justify-content:flex-start}.score-board span{font-size:27px}.score-board small{font-weight:800}.score-board strong{font-size:29px;color:#fff}.score-board strong b:first-child{color:#ffd033}.score-board strong b:last-child{color:#bd72ff}.score-board em{font-style:normal;color:#fff;margin:0 9px}.turn-banner{text-align:center;border:1px solid #d49328;background:linear-gradient(180deg,#241129,#120816);border-radius:17px;padding:7px;margin:8px 55px 12px;box-shadow:0 0 13px rgba(217,147,39,.18)}.turn-banner small,.turn-banner b{display:block}.turn-banner small{color:#bfa7cf;font-size:10px}.turn-banner b{color:#ffd34c}.game-grid{display:grid;grid-template-columns:1fr 106px 1fr;gap:8px;align-items:center}.card-col h3{text-align:center;font-size:11px;color:#d5a2ff;margin:0 0 7px}.identity-card{height:215px;border-radius:22px;padding:11px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.visible-card{border:2px solid #ffc62d;background:radial-gradient(circle at 50% 25%,rgba(255,189,30,.27),#2c1806 68%);box-shadow:0 0 17px rgba(255,186,24,.35),inset 0 0 18px rgba(255,205,70,.09)}.hidden-card{border:2px solid #8d35e6;background:radial-gradient(circle at 50% 25%,rgba(129,38,209,.23),#170725 68%);box-shadow:0 0 16px rgba(140,41,226,.35)}.card-art{font-size:63px;filter:drop-shadow(0 0 12px rgba(255,193,37,.55))}.identity-card strong{font-size:21px}.identity-card span{margin-top:8px;background:#ffbe18;color:#211100;font-weight:900;border-radius:20px;padding:3px 13px;font-size:11px}.hidden-card span{background:#6821a3;color:#fff}.silhouette{width:82px;height:92px;border-radius:50% 50% 36% 36%;display:grid;place-items:center;font-size:55px;color:#8f42c8;background:#0b0411;box-shadow:0 0 0 16px rgba(107,29,163,.18)}.card-note{text-align:center;font-size:9px;color:#987da8;margin:5px 0}.timer-col{text-align:center}.timer{position:relative;width:105px;height:105px;margin:auto}.timer svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 10px #812bff)}.timer circle{fill:none;stroke-width:8}.timer-bg{stroke:#291337}.timer-progress{stroke:url(#none);stroke:#ffae15;stroke-linecap:round;stroke-dasharray:339.29;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear,stroke .2s}.timer>div{position:absolute;inset:0;display:grid;place-content:center}.timer strong{font-size:40px;line-height:1}.timer small{font-size:11px}.wave{height:43px;display:flex;gap:3px;align-items:center;justify-content:center;margin-top:8px}.wave i{width:4px;border-radius:7px;background:linear-gradient(#d051ff,#6220b1);box-shadow:0 0 6px #a538ff;animation:wave 1s ease-in-out infinite}.wave i:nth-child(1),.wave i:nth-child(9){height:9px}.wave i:nth-child(2),.wave i:nth-child(8){height:20px;animation-delay:.1s}.wave i:nth-child(3),.wave i:nth-child(7){height:31px;animation-delay:.2s}.wave i:nth-child(4),.wave i:nth-child(6){height:39px;animation-delay:.3s}.wave i:nth-child(5){height:25px;animation-delay:.4s}@keyframes wave{50%{transform:scaleY(.45);opacity:.65}}.mic-label{font-size:8px;color:#c0a8cf}.answer-box{border:1px solid #7030aa;background:#140821;border-radius:17px;padding:9px;margin-top:11px;text-align:center}.answer-box small{display:block;color:#c4afd2;margin-bottom:7px}.answer-box>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.answer-box button{border-radius:13px;min-height:46px;color:#fff;font-weight:900}.correct{border:1px solid #55ef6c;background:linear-gradient(#15972f,#075213);box-shadow:0 0 13px rgba(35,211,67,.32)}.wrong{border:1px solid #ff4a5e;background:linear-gradient(#a6162b,#4f0712);box-shadow:0 0 13px rgba(255,50,73,.28)}.game-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.game-actions button{border:1px solid #7131aa;background:#170925;color:#fff;border-radius:14px;min-height:46px;font-size:12px}.game-actions .danger{border-color:#b7273b;color:#ff9ca8}
.result-confetti{text-align:center;color:#ffd443;letter-spacing:17px;font-size:24px;animation:glow 1s infinite alternate}@keyframes glow{to{text-shadow:0 0 13px #bf35ff}}.result-title{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #d6991f;border-radius:18px;padding:8px;background:#190b21}.result-title span{font-size:34px}.result-title h2{font-size:24px;margin:0;color:#fff}.result-cards{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;gap:5px;margin-top:14px}.result-player{position:relative;text-align:center;border:1px solid #8937cf;border-radius:20px;background:#160822;padding:15px 8px}.result-player.winner{border-color:#ffc52a;background:radial-gradient(circle at top,rgba(255,185,22,.2),#221207);box-shadow:0 0 18px rgba(255,182,22,.31)}.result-player i{position:absolute;top:-8px;right:15px;background:#e39b00;color:#271400;padding:2px 12px;border-radius:10px;font-style:normal;font-size:10px;font-weight:900}.result-player span{font-size:43px}.result-player b,.result-player strong{display:block}.result-player strong{font-size:28px;color:#ffd23f}.vs-bubble{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#7025ad;color:#fff;font-weight:1000;z-index:2}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #7030a8;border-radius:18px;background:#13071e;margin:14px 0;padding:10px 5px}.stats div{text-align:center;border-left:1px solid rgba(255,255,255,.09)}.stats div:last-child{border:0}.stats span,.stats b,.stats small{display:block}.stats b{font-size:19px}.stats small{font-size:9px;color:#bca6ca}.result-actions{display:grid;gap:9px}.result-actions .menu-btn{min-height:55px}.result-actions .menu-btn span{font-size:23px}.result-actions .menu-btn b{font-size:17px}
.steps{display:grid;gap:10px;margin:10px 0 20px}.steps>div{display:grid;grid-template-columns:32px 42px 1fr;align-items:center;gap:8px;border:1px solid #7430ad;border-radius:16px;background:#140821;padding:10px}.steps>div>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#ffc324;color:#291700;font-weight:1000}.steps i{font-style:normal;font-size:28px}.steps p{margin:0;font-size:13px;color:#dbcce4}.steps b{color:#ffd350}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1a0928;border:1px solid #9f3aff;color:#fff;border-radius:14px;padding:10px 16px;box-shadow:0 0 20px rgba(153,47,255,.42);transition:.25s;z-index:30;max-width:85%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:450px){.app-shell{padding:0}.phone{height:100vh;min-height:100vh;border-radius:0;border:0;width:100%}.screen{padding-top:max(20px,env(safe-area-inset-top))}.topbar{gap:5px}.profile-chip,.online-chip{height:54px}.hero-logo{margin-top:24px}.hero-logo h1{font-size:58px}.hero-logo h1 strong{font-size:52px}.menu-btn{min-height:64px}.categories{gap:8px}.category{min-height:88px}.game-grid{grid-template-columns:1fr 94px 1fr}.identity-card{height:205px}.timer{width:92px;height:92px}.turn-banner{margin-left:42px;margin-right:42px}}
@media(max-height:760px){.hero-logo{margin:16px 0 12px}.hero-logo .hat{font-size:45px}.hero-logo h1{font-size:48px}.hero-logo h1 strong{font-size:44px}.hero-logo p{margin-top:14px;font-size:14px}.menu-btn{min-height:55px}.sound-row{height:54px}.footer-badge{margin-top:10px}.identity-card{height:180px}.timer{width:84px;height:84px}.timer strong{font-size:33px}}

.answer-box button{min-height:50px}.reveal-action{border:1px solid #c66aff;background:linear-gradient(#7025aa,#351052);box-shadow:0 0 13px rgba(174,71,255,.27)}.answer-box.disabled-actions{opacity:.66}.answer-box button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.55}
.connection-wait{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:13px;border:1px solid #7132a6;border-radius:14px;color:#d9c3e7;background:#100719}.connection-wait i{width:10px;height:10px;border-radius:50%;background:#4df475;box-shadow:0 0 12px #4df475;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}.identity-card img{width:100%;height:128px;object-fit:cover;border-radius:15px;margin-bottom:10px}.revealed-own-card{border-color:#ffbd1b;background:radial-gradient(circle at 50% 25%,rgba(255,189,30,.27),#2c1806 68%)}#remoteAudio{display:none}
.admin-panel{max-height:690px;overflow:auto}.admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-box{display:flex!important;min-height:112px;border:1px dashed #a64cf1;border-radius:17px;background:#100719;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;text-align:center}.upload-box span{font-size:31px}.upload-box b{color:#fff}.upload-box small{color:#9d82af}.admin-summary{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px;padding-top:16px;border-top:1px solid #482261}.admin-summary button{border:1px solid #9c2d43;background:#310914;color:#ff98a6;border-radius:10px;padding:8px 11px}.admin-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-cards article{display:flex;gap:10px;align-items:center;border:1px solid #67308e;border-radius:14px;padding:8px;background:#110719}.admin-cards img{width:58px;height:58px;object-fit:cover;border-radius:10px}.admin-cards b,.admin-cards small{display:block}.admin-cards small{color:#b99cc9;margin-top:4px}.empty-admin{grid-column:1/-1;text-align:center;color:#a78db7;padding:20px}
.admin-phone .screen{overflow:auto}.admin-login-panel{max-width:420px;margin:55px auto 0;text-align:center}.admin-login-panel p{color:#cdb9d9}.admin-login-panel label{display:block;text-align:right;margin:20px 4px 8px;color:#fff;font-weight:800}.form-error{display:block;min-height:22px;margin-top:12px;color:#ff8494}.delete-card{margin-right:auto;width:34px;height:34px;border:1px solid #a82d43;border-radius:10px;background:#3c0b17;color:#ff9dac;font-size:22px}.admin-summary button:hover,.delete-card:hover{filter:brightness(1.2)}
@media(max-width:450px){.admin-fields{grid-template-columns:1fr}.admin-cards{grid-template-columns:1fr}.answer-box>div{grid-template-columns:1fr}.answer-box button{min-height:46px}.identity-card img{height:110px}}
.profile-chip .avatar img,.avatar-editor img{width:100%;height:100%;object-fit:cover;border-radius:50%}.account-panel label{display:block;color:#d8c8e4;font-weight:700;margin:14px 4px 7px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #8436c8;border-radius:14px;overflow:hidden;margin-bottom:18px}.auth-tabs button{border:0;background:#160821;color:#d8c4e5;padding:12px}.auth-tabs button.selected{background:#59208a;color:#fff}.auth-form,.profile-form{display:none}.auth-form.active,.profile-form.active{display:block}.avatar-editor{text-align:center;margin-bottom:14px}.avatar-editor label{cursor:pointer;margin:auto}.avatar-editor span{display:grid;place-items:center;width:104px;height:104px;margin:auto;border:3px solid #bd59ff;border-radius:50%;font-size:55px;background:#210d34;overflow:hidden;box-shadow:0 0 23px rgba(172,62,255,.4)}.avatar-editor small{display:block;margin-top:7px;color:#d8a0ff}.danger-text{color:#ff8393!important}.share-room-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.share-room-actions button{padding:8px 5px;font-size:12px}.voice-admin-panel{margin-top:16px}.voice-admin-panel>p{color:#cbb5d8;text-align:center}.voice-admin-panel select{width:100%;border:1px solid #7030a4;border-radius:13px;background:#0d0615;color:#fff;padding:12px 13px}.voice-recorder{display:flex;align-items:center;gap:10px;margin:16px 0}.voice-recorder button{border:1px solid #f0445a;background:#4a0d18;color:#fff;border-radius:13px;padding:11px 14px}.voice-recorder span{font-size:12px;color:#bfa7cf}.voice-admin-panel audio{width:100%;margin-top:10px}.admin-voices{display:grid;gap:10px}.admin-voices article{display:grid;grid-template-columns:1fr 150px 92px;align-items:center;gap:8px;border:1px solid #67308e;border-radius:14px;padding:9px;background:#110719}.admin-voices b,.admin-voices small{display:block}.admin-voices small{color:#b99cc9}.admin-voices audio{height:34px;margin:0}.voice-row-actions{display:flex;gap:5px;align-items:center}.voice-row-actions>[data-edit-voice]{border:1px solid #9350c2;background:#2a0e3d;color:#fff;border-radius:9px;padding:7px}.voice-row-actions .delete-card{margin:0}@media(max-width:450px){.admin-voices article{grid-template-columns:1fr auto}.admin-voices audio{grid-column:1/-1;grid-row:2}.share-room-actions button{font-size:11px}}
.menu-btn{position:relative}.menu-btn>i,.social-tabs i{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:12px;background:#e82e49;color:#fff;font-size:11px;font-style:normal}.menu-btn>i:empty,.social-tabs i:empty{display:none}.social-panel{position:relative;min-height:620px;overflow:hidden}.social-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:15px}.social-tabs button{border:1px solid #7030a4;background:#12071d;color:#cdb9d9;border-radius:12px;padding:10px 4px;font-size:12px}.social-tabs button.selected{border-color:#ffc329;background:#412600;color:#ffe090}.social-view{display:none}.social-view.active{display:block}.friend-search{display:grid;grid-template-columns:1fr auto;gap:7px}.friend-search button,.social-user>button,.messages-list+form button{border:1px solid #9343d2;background:#36104f;color:#fff;border-radius:11px;padding:8px 11px}.social-list{display:grid;gap:8px;margin:12px 0}.social-user{display:grid;grid-template-columns:46px 1fr auto auto;gap:7px;align-items:center;border:1px solid #603080;background:#100719;border-radius:14px;padding:9px}.social-user>img,.social-user>span,.mini-user>img,.mini-user>span{width:44px;height:44px;object-fit:cover;border-radius:50%;display:grid;place-items:center;background:#35144d;font-size:25px}.social-user b,.social-user small{display:block}.social-user small{color:#a98cba;font-size:10px}.social-user>button{font-size:10px;padding:7px}.social-user>button.danger-small{border-color:#a82c42;background:#3a0a14;color:#ff9cab}.chat-view{position:absolute;inset:0;background:#0d0516;z-index:3;padding:12px;display:none;grid-template-rows:auto 1fr auto}.chat-view.active{display:grid}.chat-view header{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #54236e}.chat-view header>button{width:40px;height:40px;border:1px solid #7833a7;background:#1c0a2a;color:#fff;border-radius:12px}.mini-user{display:flex;align-items:center;gap:8px}.messages-list{overflow:auto;display:flex;flex-direction:column;gap:7px;padding:12px 3px}.messages-list p{max-width:82%;margin:0;padding:9px 12px;border-radius:15px;background:#321048;align-self:flex-start}.messages-list p.mine{align-self:flex-end;background:#704200}.messages-list small{display:block;font-size:8px;color:#cbb6d5;margin-top:4px}.chat-view form{display:grid;grid-template-columns:1fr auto;gap:7px}.users-admin-panel{margin-top:16px}.admin-users-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-users-head h3{margin:0;text-align:right}.admin-users-head small{color:#bda7cb}.admin-users-head button{border:1px solid #8f3cc5;background:#2a0e3e;color:#fff;border-radius:10px;padding:8px 11px}.admin-users{display:grid;gap:9px;margin-top:12px}.admin-user{display:grid;grid-template-columns:46px 1fr auto;gap:8px;align-items:center;border:1px solid #67308e;border-radius:14px;padding:9px;background:#110719}.admin-user img,.admin-user>span{width:44px;height:44px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#35144d;font-size:24px}.admin-user b,.admin-user small{display:block}.admin-user small{color:#b99cc9}.admin-user-actions{display:flex;gap:5px}.admin-user-actions button{border:1px solid #8c40bc;background:#29103a;color:#fff;border-radius:8px;padding:6px;font-size:10px}.admin-user-actions .suspend{border-color:#d7881c;color:#ffc768}.admin-user-actions .delete{border-color:#b72b42;color:#ff99a7}@media(max-width:450px){.social-user{grid-template-columns:42px 1fr auto}.social-user>button:last-child{grid-column:2/-1}.admin-user{grid-template-columns:42px 1fr}.admin-user-actions{grid-column:1/-1;justify-content:flex-end}}
.download-app-btn{border-color:#35d866;background:linear-gradient(180deg,#145f2a,#092f16);box-shadow:0 0 18px rgba(48,217,86,.3)}.update-notice{position:fixed;z-index:20;right:50%;bottom:20px;transform:translateX(50%);width:min(92%,410px);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid #53ec76;border-radius:18px;padding:15px;background:#0b2914;color:#fff;box-shadow:0 10px 45px #000}.update-notice>span{font-size:30px}.update-notice b,.update-notice small{display:block}.update-notice small{color:#c7efd0;margin-top:3px}.update-notice a{background:#29b64a;color:#fff;text-decoration:none;border-radius:11px;padding:9px 10px;font-weight:900}.update-notice>button{position:absolute;left:-7px;top:-9px;width:28px;height:28px;border:1px solid #ff8795;border-radius:50%;background:#4a0d18;color:#fff}.update-admin-panel{margin-top:16px}.update-admin-panel>p{color:#cbb5d8;text-align:center}

/* Home 2026 — organized arcade hub */
[data-screen="home"]{padding:22px 20px 30px;background:radial-gradient(circle at 50% 20%,rgba(111,32,168,.18),transparent 38%),#09030f}
.material-symbols-rounded{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}
.home-topbar{display:grid;grid-template-columns:1fr auto 52px;gap:10px;align-items:center}
.home-topbar .profile-chip{height:58px;min-width:0;padding:7px 9px}.home-topbar .profile-chip .avatar{width:40px;height:40px}.home-topbar .profile-chip b{font-size:12px}.home-topbar .profile-chip small{font-size:8px}
.home-stats{display:flex;align-items:center;gap:12px;text-align:center;border:1px solid rgba(126,54,172,.5);border-radius:16px;padding:7px 12px;background:rgba(22,8,33,.78)}.home-stats span{display:grid}.home-stats b{font-size:15px}.home-stats small{font-size:8px;color:#a88fb8}.home-stats i{width:1px;height:28px;background:#472159}
.home-messages{position:relative;width:52px;height:52px;border:1px solid #713199;border-radius:16px;color:#d4a4ff;background:#180923}.home-messages i{position:absolute;top:-5px;left:-5px}
.home-brand{margin:18px 0 16px}.home-brand img{width:78px;height:78px;border-radius:25px;filter:drop-shadow(0 0 17px rgba(161,49,255,.5))}.home-brand h1{margin-top:-8px;font-size:50px}.home-brand h1 strong{font-size:45px}.home-brand p{font-size:13px;margin-top:6px}
.news-carousel{position:relative;min-height:142px;margin-bottom:14px}.news-slide{position:absolute;inset:0;display:none;overflow:hidden;border:1px solid #713591;border-radius:22px;color:#fff;text-decoration:none;background:#14081d;box-shadow:0 10px 30px rgba(0,0,0,.38)}.news-slide.active{display:grid;grid-template-columns:42% 1fr;align-items:center}.news-slide>img{width:100%;height:100%;object-fit:cover}.news-slide>span{padding:13px;display:flex;flex-direction:column;align-items:flex-start}.news-slide>span i{font-size:9px;font-style:normal;background:#70239e;padding:4px 8px;border-radius:7px}.news-slide>span b{font-size:16px;margin-top:8px}.news-slide>span small{color:#bca7c9;margin-top:3px}.news-slide>strong{position:absolute;left:14px;bottom:12px;color:#f6be36;font-size:10px;display:flex;align-items:center;gap:2px}.news-slide>strong span{font-size:15px}.news-dots{position:absolute;right:50%;transform:translateX(50%);bottom:8px;z-index:2;display:flex;gap:5px}.news-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#62566a}.news-dots button.active{background:#a839ec;width:16px;border-radius:6px}
.home-actions{display:grid;gap:9px}.home-action{min-height:60px;border:1px solid #8b34c5;border-radius:18px;background:linear-gradient(180deg,#24102f,#13071d);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 0 14px rgba(116,31,184,.22)}.home-action b{font-size:20px}.home-action>span{font-size:27px;color:#c683ff}.home-action.primary{min-height:66px;border-color:#f3be35;background:linear-gradient(180deg,#c38b0c,#6c4400);color:#fff6dc;box-shadow:0 0 22px rgba(255,185,23,.3)}.home-action.primary>span{color:#fff5ca}
.home-group{margin-top:15px;border:1px solid rgba(100,45,133,.42);border-radius:20px;padding:10px;background:rgba(17,7,25,.62)}.home-group h2,.section-title h2{font-size:14px;margin:0 3px 9px;color:#f4e9f9}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.home-grid button{min-height:92px;border:1px solid #57306e;border-radius:15px;background:linear-gradient(180deg,#1d0c28,#100617);color:#fff;padding:9px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-grid button>span{font-size:29px;color:#bd70ed}.home-grid button b{font-size:11px;margin-top:7px}.home-grid button small{font-size:8px;color:#967fa4;margin-top:2px}
.other-games-section{margin-top:17px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title small{font-size:9px;color:#a88db8}.other-games-track{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.other-game-card{flex:0 0 150px;scroll-snap-align:start;border:1px solid #633080;border-radius:17px;background:#14071d;color:#fff;text-decoration:none;overflow:hidden}.other-game-card img{width:100%;height:82px;object-fit:cover}.other-game-card span{display:block;padding:8px}.other-game-card b,.other-game-card small{display:block}.other-game-card b{font-size:12px}.other-game-card small{font-size:8px;color:#a58db2;margin-top:2px}
.home-utilities{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.home-utilities button{border:1px solid #4f2a64;border-radius:12px;background:#12071a;color:#bca5c9;padding:8px 10px;font-size:9px;display:flex;align-items:center;gap:4px;min-height:34px}.home-utilities .download-app-btn{margin-right:auto;border-color:#b58020;color:#f5c657;background:#241805;box-shadow:none}.home-utilities .material-symbols-rounded{font-size:15px}
.home-sound-row{height:45px;margin-top:10px;border-color:rgba(91,45,113,.5);background:transparent;padding:0 5px;font-size:10px}.home-sound-row>span{display:flex;gap:5px;align-items:center}.home-sound-row .material-symbols-rounded{font-size:17px}.home-sound-row .toggle{transform:scale(.72);transform-origin:left}
@media(max-width:450px){[data-screen="home"]{padding-left:15px;padding-right:15px}.home-topbar{grid-template-columns:minmax(0,1fr) auto 46px}.home-stats{gap:8px;padding:6px 8px}.home-brand{margin-top:14px}.home-brand img{width:68px;height:68px}.news-carousel{min-height:132px}}
.notification-notice{position:fixed;z-index:21;right:50%;top:20px;transform:translateX(50%);width:min(92%,410px);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid #c15cff;border-radius:18px;padding:15px;background:#241035;color:#fff;box-shadow:0 10px 45px #000}.notification-notice>span{font-size:28px}.notification-notice b,.notification-notice small{display:block}.notification-notice small{color:#dec9ea;margin-top:3px}.notification-notice a{background:#7f2db3;color:#fff;text-decoration:none;border-radius:10px;padding:8px 11px}.notification-notice>button{position:absolute;left:-7px;top:-9px;width:28px;height:28px;border:1px solid #ff8795;border-radius:50%;background:#4a0d18;color:#fff}.designer-panel{text-align:center}.designer-avatar{width:100px;height:100px;margin:5px auto 12px;border:3px solid #ffc72d;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8b31d6,#321046);font-size:32px;font-weight:900}.designer-panel h3{font-size:27px;color:#ffd456;margin:5px}.designer-panel p{color:#cdb9d9}.designer-panel a{display:grid;grid-template-columns:38px 1fr;align-items:center;text-align:right;margin-top:10px;padding:12px;border:1px solid #71329c;border-radius:14px;background:#13071e;color:#fff;text-decoration:none}.designer-panel a>span{grid-row:1/3;font-size:25px}.designer-panel a>b,.designer-panel a>small{display:block}.designer-panel a>small{color:#cdb9d9}
select{width:100%;border:1px solid #7030a4;border-radius:13px;background:#0d0615;color:#fff;padding:12px}.check-row{display:flex;align-items:center;gap:9px;margin:14px 3px;color:#dacbe3}.check-row input,.notification-settings input{width:auto}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.profile-stats div{text-align:center;border:1px solid #6f3198;border-radius:12px;padding:9px 3px;background:#100719}.profile-stats b,.profile-stats small{display:block}.profile-stats b{font-size:22px;color:#ffd35b}.profile-stats small{color:#bea7cc;font-size:10px}.competition-panel h3{margin-top:20px}.ranking-list{display:grid;gap:7px}.ranking-list article{display:flex;justify-content:space-between;gap:8px;border:1px solid #5d2b7a;border-radius:11px;padding:10px;background:#100719}.ranking-list span{color:#c9b2d6;font-size:11px}.notification-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notification-settings label{display:flex;gap:7px;align-items:center;border:1px solid #5d2b7a;border-radius:10px;padding:9px;font-size:12px}