@import"https://fonts.googleapis.com/css2?family=Lalezar&family=Tajawal:wght@400;500;700;800&display=swap";:root{font-family:Tajawal,sans-serif;color:#f8f5ff;background:#070611;font-synthesis:none;--gold:#ffd166;--cyan:#38bdf8;--violet:#a855f7;--muted:#a99fc8;--border:rgba(255,255,255,.11)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% -10%,rgba(109,40,217,.3),transparent 34%),radial-gradient(circle at 4% 90%,rgba(3,105,161,.22),transparent 32%),#070611;color:#f8f5ff}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(56,189,248,.65);outline-offset:3px}.glass{background:linear-gradient(145deg,#ffffff12,#ffffff06);border:1px solid var(--border);box-shadow:0 24px 70px #00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.eyebrow{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:1.2px}.primary,.secondary{border:0;border-radius:14px;padding:12px 20px;font-weight:800}.primary{background:linear-gradient(135deg,var(--gold),#ff9f5a);color:#271831;box-shadow:0 12px 30px #ff9f5a38}.secondary{background:#ffffff0f;border:1px solid var(--border);width:100%}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);border-radius:28px;padding:32px;display:grid;gap:14px;text-align:center}.auth-card>img{width:110px;height:110px;border-radius:50%;margin:auto;box-shadow:0 0 35px #38bdf859}h1,h2{font-family:Lalezar,sans-serif;font-weight:400;margin:0}.auth-card h1{font-size:42px}.auth-card p,.page p,.stage p{color:var(--muted);margin:0}.auth-card label{text-align:right;font-size:13px;font-weight:800}.auth-card input{display:block;width:100%;margin-top:7px;padding:13px;border-radius:12px;border:1px solid var(--border);background:#0b0916;color:#fff}.link{border:0;background:transparent;color:var(--cyan)}.notice{padding:10px;border-radius:10px;background:#38bdf814;color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;gap:22px;padding:18px}.sidebar{border-radius:24px;padding:18px;display:flex;flex-direction:column;position:sticky;top:18px;height:calc(100vh - 36px)}.brand{display:flex;align-items:center;gap:11px;margin-bottom:20px}.brand img{width:48px;height:48px;border-radius:15px}.brand strong,.brand small{display:block}.brand strong{font-family:Lalezar;font-size:23px}.brand small{font-size:9px;color:var(--gold);letter-spacing:2px}.workspace{display:grid;grid-template-columns:1fr auto;text-align:right;padding:11px;border:1px solid var(--border);background:#ffffff0a;border-radius:13px;margin-bottom:18px}.workspace span,.workspace strong{display:block}.workspace span{font-size:10px;color:var(--muted)}.workspace b{grid-row:1/3;grid-column:2;align-self:center}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;border-radius:12px;padding:11px;text-align:right;color:var(--muted);font-weight:800}.sidebar nav button span{display:inline-block;width:30px}.sidebar nav button.active{background:#ffd1661c;color:var(--gold)}.account{margin-top:auto;border-top:1px solid var(--border);padding-top:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.account strong,.account small{display:block}.account small{color:var(--muted)}.account button{border:0;background:transparent}.avatar{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#38bdf8);font-weight:900}.content{min-width:0;padding:4px 16px 28px}.topbar{min-height:74px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.topbar h1{font-size:32px}.sync{border:1px solid rgba(46,230,168,.22);background:#2ee6a812;border-radius:999px;padding:8px 12px;color:#5eead4;font-size:12px;font-weight:800}.sync i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ee6a8;box-shadow:0 0 10px #2ee6a8}.sync span{color:var(--muted)}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.stage,.session,.page{border-radius:26px}.stage{min-height:calc(100vh - 130px);padding:20px;display:flex;flex-direction:column;align-items:center}.stage-copy{text-align:center}.stage-copy h2{font-size:37px;margin-top:8px}.sequence{display:inline-block;padding:7px 12px;border:1px solid var(--border);border-radius:999px;font-size:12px}.sequence i{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%}.wheel-wrap{position:relative;width:min(56vh,520px,78vw);aspect-ratio:1;margin:12px}.wheel{display:block;width:100%;height:100%;filter:drop-shadow(0 22px 35px rgba(0,0,0,.45))}.wheel text{fill:#161020;font-family:Lalezar;font-size:18px}.wheel-pointer{position:absolute;z-index:3;top:-8px;left:50%;transform:translate(-50%);width:36px;height:45px;background:linear-gradient(#fff3ac,#ff9f5a);clip-path:polygon(50% 100%,0 0,100% 0)}.wheel-center{position:absolute;z-index:4;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;border:3px solid var(--gold);background:#0b0916;font-size:29px;box-shadow:0 0 0 9px #0706118c}.spin{min-width:180px}.winner{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--border);border-radius:18px;background:#ffffff0d}.winner>span{font-size:30px}.winner small,.winner strong{display:block}.winner strong{font-family:Lalezar;font-size:25px}.session{align-self:start;padding:20px;position:sticky;top:18px}.card-title{display:flex;justify-content:space-between;align-items:start}.live{color:#5eead4;font-size:11px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.stats article{padding:13px;border:1px solid var(--border);border-radius:15px;background:#ffffff09}.stats span,.stats small,.stats strong{display:block}.stats span,.stats small{color:var(--muted);font-size:11px}.stats strong{font-family:Lalezar;font-size:30px}.progress-label{display:flex;justify-content:space-between;font-size:12px}.progress-label b{color:var(--gold)}.progress{height:7px;background:#ffffff12;border-radius:8px;margin:8px 0 20px}.progress i{display:block;width:4%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:inherit}.presence{border-top:1px solid var(--border);padding:18px 0}.presence>strong{font-size:12px}.presence>div{display:flex;align-items:center;margin-top:10px;color:var(--muted);font-size:12px}.tiny{width:28px;height:28px;font-size:11px;border:2px solid #151126}.tiny+.tiny{margin-right:-8px}.cyan{background:linear-gradient(135deg,#0891b2,#2ee6a8)}.page{padding:24px;min-height:calc(100vh - 130px)}.page-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:18px}.page-head h2{font-size:32px}.list{display:grid;margin-top:15px}.list article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:13px;border-bottom:1px solid var(--border)}.game-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:22px}.list strong,.list small{display:block}.list small{color:var(--muted)}.list article>button{background:transparent;border:0}.tag{padding:6px 10px;border:1px solid var(--border);border-radius:999px;font-size:11px}.members{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px}.members article{padding:22px;text-align:center;border:1px solid var(--border);border-radius:18px;background:#ffffff09}.members strong,.members small{display:block;margin-top:8px}.members small{color:#5eead4}.large{width:58px;height:58px;font-size:20px}.empty{display:grid;place-items:center;align-content:center;text-align:center}.empty>span{font-size:52px}.empty h2{font-size:34px}@media(max-width:900px){.app-shell{display:block;padding:10px}.sidebar{position:fixed;z-index:20;inset:auto 10px 8px;height:66px;padding:7px 10px;display:block}.brand,.workspace,.account{display:none}.sidebar nav{display:flex;justify-content:space-around}.sidebar nav button{font-size:0;text-align:center;padding:10px}.sidebar nav button span{font-size:22px;width:auto}.content{padding:4px 2px 82px}.dashboard{grid-template-columns:1fr}.session{position:static}.topbar{padding:0 8px}.sync{font-size:0}.sync i{margin:3px}.wheel-wrap{width:min(76vw,470px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border:1px solid var(--border);border-radius:13px;background:#00000026}.auth-tabs button{border:0;border-radius:9px;padding:9px;background:transparent;color:var(--muted);font-weight:800}.auth-tabs button.active{background:#ffd1661f;color:var(--gold)}.form-message{padding:11px;border-radius:11px;text-align:right;font-size:13px;font-weight:700}.form-message.error{background:#ff4d6d1a;border:1px solid rgba(255,77,109,.3);color:#ff8da1}.form-message.success{background:#2ee6a817;border:1px solid rgba(46,230,168,.25);color:#5eead4}.loading-page{min-height:100vh;display:grid;place-items:center;color:var(--muted);font-weight:800}.workspace-page{min-height:100vh;padding:clamp(18px,4vw,48px);display:grid;place-items:center}.workspace-panel{width:min(850px,100%);padding:clamp(20px,4vw,38px);border-radius:28px}.workspace-header,.page-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.workspace-header h1{font-size:40px}.workspace-header p{margin:3px 0;color:var(--muted)}.compact{width:auto;padding:9px 13px}.workspace-grid{display:grid;gap:10px;margin:24px 0}.workspace-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;width:100%;padding:15px;border:1px solid var(--border);border-radius:16px;background:#ffffff09;text-align:right}.workspace-card>span{font-size:28px}.workspace-card strong,.workspace-card small{display:block}.workspace-card small{color:var(--muted)}.empty-workspace{text-align:center;padding:30px;color:var(--muted);border:1px dashed var(--border);border-radius:16px}.create-workspace{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:20px;border-top:1px solid var(--border)}.create-workspace label{font-size:12px;font-weight:800}.create-workspace input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#0b0916;color:#fff}@media(max-width:620px){.workspace-header{align-items:flex-start}.create-workspace{grid-template-columns:1fr}.workspace-panel{padding:18px}}.members-page{display:grid;align-content:start;gap:18px}.invite-form{display:grid;grid-template-columns:minmax(210px,1fr) minmax(210px,1fr) 150px auto;gap:14px;align-items:end;padding:18px;border:1px solid rgba(56,189,248,.2);border-radius:18px;background:#38bdf80b}.invite-form h3{margin:4px 0;font-size:21px}.invite-form p{font-size:12px}.invite-form label,.invite-result label{font-size:12px;font-weight:800}.invite-form input,.invite-form select,.invite-result input,.workspace-members-list select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--border);border-radius:11px;background:#0b0916;color:#fff}.invite-result{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:14px;border-radius:15px;background:#2ee6a80f;border:1px solid rgba(46,230,168,.2)}.workspace-members-list{display:grid;border-top:1px solid var(--border)}.workspace-members-list article{display:grid;grid-template-columns:auto 1fr minmax(110px,150px) auto;align-items:center;gap:13px;padding:14px 6px;border-bottom:1px solid var(--border)}.workspace-members-list strong,.workspace-members-list small{display:block}.workspace-members-list small{color:var(--muted);margin-top:3px}.role-badge{justify-self:start;border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.role-badge.owner{color:var(--gold);border-color:#ffd1664d}.danger-button{border:1px solid rgba(255,77,109,.28);border-radius:10px;padding:8px 11px;background:#ff4d6d14;color:#ff8da1}.members-page>.form-message{margin:0}@media(max-width:1000px){.invite-form{grid-template-columns:1fr 1fr}.invite-form>div{grid-column:1/-1}}@media(max-width:620px){.invite-form{grid-template-columns:1fr}.invite-form>div{grid-column:auto}.invite-result{grid-template-columns:1fr}.workspace-members-list article{grid-template-columns:auto 1fr}.workspace-members-list article>select,.workspace-members-list .role-badge{grid-column:2}.workspace-members-list .danger-button{grid-column:2;justify-self:start}}.cloud-games-page{display:grid;align-content:start;gap:16px}.games-toolbar{display:flex;justify-content:space-between;align-items:end;gap:12px}.games-toolbar label{width:min(420px,100%);font-size:12px;font-weight:800}.games-toolbar input,.game-editor input,.game-editor select,.game-editor textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--border);border-radius:11px;background:#0b0916;color:#fff}.games-toolbar span{color:var(--muted);font-size:12px}.game-editor{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;padding:18px;border:1px solid rgba(255,209,102,.24);border-radius:18px;background:#ffd1660b}.game-editor label{font-size:12px;font-weight:800}.editor-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.editor-title h3{font-size:23px;margin:3px 0}.game-editor .wide{grid-column:1/-1}.game-editor textarea{resize:vertical}.game-editor .check{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:11px}.game-editor .check input{width:auto;margin:0}.editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.cloud-game-list{display:grid;border-top:1px solid var(--border)}.cloud-game-list article{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;gap:13px;align-items:center;padding:14px 6px;border-bottom:1px solid var(--border)}.cloud-game-list article.disabled{opacity:.55}.cloud-game-list strong,.cloud-game-list small{display:block}.cloud-game-list small{color:var(--muted);margin-top:3px}.game-icon.normal{background:linear-gradient(135deg,#7c3aed,#a855f7)}.game-icon.shooter{background:linear-gradient(135deg,#ef4444,#f59e0b)}.state-badge{padding:5px 10px;border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--muted)}.state-badge.enabled{color:#5eead4;border-color:#2ee6a840}.game-actions{display:flex;gap:5px}.game-actions button{border:1px solid var(--border);border-radius:9px;padding:7px 9px;background:#ffffff0a;font-size:11px}.danger-text{color:#ff8da1!important}@media(max-width:900px){.game-editor{grid-template-columns:1fr 1fr}.game-editor .wide{grid-column:1/-1}.cloud-game-list article{grid-template-columns:auto 1fr}.cloud-game-list .state-badge,.cloud-game-list .game-actions{grid-column:2}}@media(max-width:620px){.games-toolbar{align-items:stretch;flex-direction:column}.game-editor{grid-template-columns:1fr}.game-editor .wide,.editor-title{grid-column:auto}.editor-actions{justify-content:stretch}.editor-actions .primary{flex:1}.game-actions{flex-wrap:wrap}}.cloud-team-page{display:grid;align-content:start;gap:16px}.team-editor{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:14px;padding:18px;border:1px solid rgba(168,85,247,.28);border-radius:18px;background:#a855f70b}.team-editor label{font-size:12px;font-weight:800}.team-editor input,.team-editor textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--border);border-radius:11px;background:#0b0916;color:#fff}.team-editor .editor-title,.team-editor .wide,.team-checks{grid-column:1/-1}.team-editor textarea{resize:vertical}.team-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.team-editor .check{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--border);border-radius:11px}.team-editor .check input{width:auto;margin:0}.team-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.team-card-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:17px;background:#ffffff08}.team-card-grid article.disabled{opacity:.55}.team-card-grid .member-main strong,.team-card-grid .member-main small{display:block}.team-card-grid .member-main small{color:#5eead4;margin-top:4px}.team-card-grid .member-main p{font-size:12px;margin-top:7px}.team-card-grid .game-actions{grid-column:2/-1}.member-status{align-self:start}@media(max-width:700px){.team-editor{grid-template-columns:1fr}.team-editor .editor-title,.team-editor .wide,.team-checks{grid-column:auto}.team-checks,.team-card-grid{grid-template-columns:1fr}}.dashboard-message{width:min(620px,100%);margin-top:12px}.wheel-empty{width:min(56vh,520px,78vw);aspect-ratio:1;margin:18px;display:grid;place-items:center;align-content:center;text-align:center;border:2px dashed var(--border);border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.1),transparent 65%)}.wheel-empty>span{font-size:62px}.wheel-empty h3{font-size:25px;margin:8px}.manager-picker{display:grid;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.manager-picker>strong{font-size:12px}.manager-picker button{display:grid;grid-template-columns:auto 1fr;gap:8px;text-align:right;border:1px solid var(--border);border-radius:10px;padding:9px;background:#ffffff0a}.manager-picker button small{grid-column:2;color:#ff8da1}.manager-picker button:disabled{opacity:.5}.stage .winner{margin-top:8px}.wheel-center:disabled{cursor:not-allowed}.stage{position:relative;overflow:hidden}.skeleton-dark-flash{position:absolute;inset:0;z-index:8;pointer-events:none;background:radial-gradient(circle at 50% 45%,#7e22ce29,#03010ab8);animation:skeleton-flicker 1.5s ease-out forwards}.skeleton-grab{position:absolute;z-index:12;top:30%;width:170px;height:300px;pointer-events:none;filter:drop-shadow(0 0 18px rgba(237,232,220,.5)) drop-shadow(0 14px 18px rgba(0,0,0,.7))}.skeleton-grab svg{width:100%;height:100%;overflow:visible}.skeleton-grab rect,.skeleton-grab .skeleton-palm,.skeleton-grab .skeleton-thumb,.skeleton-grab .skeleton-bone{fill:#ede8dc;stroke:#8b8378;stroke-width:2}.skeleton-grab .skeleton-finger circle{fill:#c9c2b2;stroke:#8b8378;stroke-width:1.4}.skeleton-grab .skeleton-thumb{fill:none;stroke:#ede8dc;stroke-width:16;stroke-linecap:round}.skeleton-grab.from-left{left:4%;animation:skeleton-grab-left 1.5s cubic-bezier(.24,.8,.25,1) forwards}.skeleton-grab.from-right{right:4%;animation:skeleton-grab-right 1.5s cubic-bezier(.24,.8,.25,1) forwards}.skeleton-grab.from-right svg{transform:scaleX(-1)}@keyframes skeleton-grab-left{0%{transform:translate(-170%) rotate(65deg);opacity:0}26%{transform:translate(0) rotate(84deg);opacity:1}44%{transform:translate(12px) rotate(88deg) scale(.98)}72%{transform:translate(-38px) rotate(76deg) scale(1.04)}to{transform:translate(-185%) rotate(52deg);opacity:0}}@keyframes skeleton-grab-right{0%{transform:translate(170%) rotate(-65deg);opacity:0}26%{transform:translate(0) rotate(-84deg);opacity:1}44%{transform:translate(-12px) rotate(-88deg) scale(.98)}72%{transform:translate(38px) rotate(-76deg) scale(1.04)}to{transform:translate(185%) rotate(-52deg);opacity:0}}@keyframes skeleton-flicker{0%,to{opacity:0}12%{opacity:.9}21%{opacity:.25}34%,72%{opacity:.72}}@media(max-width:700px){.skeleton-grab{top:33%;width:125px;height:230px}.skeleton-grab.from-left{left:-2%}.skeleton-grab.from-right{right:-2%}}@media(prefers-reduced-motion:reduce){.skeleton-grab,.skeleton-dark-flash{display:none!important}}.advanced-game-editor{grid-template-columns:2fr 1fr 1fr}.config-section{padding:15px;border:1px solid var(--border);border-radius:15px;background:#ffffff06}.config-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.config-title strong,.config-title small{display:block}.config-title small,.config-section p{color:var(--muted);font-size:12px;margin:3px 0}.participant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.participant-grid label{display:flex;gap:8px;align-items:center;padding:9px;border:1px solid var(--border);border-radius:10px}.participant-grid label.disabled{opacity:.55}.participant-grid input{width:auto;margin:0}.config-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:end;padding:10px 0;border-top:1px solid var(--border)}.config-row:first-of-type{border-top:0}.config-row label{font-size:11px}.config-row span{align-self:center;color:var(--gold);font-weight:800}.round-row{grid-template-columns:minmax(160px,1fr) minmax(190px,1fr) auto}.round-row .check{margin:0}@media(max-width:760px){.advanced-game-editor{grid-template-columns:1fr}.advanced-game-editor .wide{grid-column:auto}.config-row,.round-row{grid-template-columns:1fr}.config-row span{justify-self:start}}.game-flow-panel{width:min(720px,100%);margin-top:14px;padding:18px;border:1px solid rgba(56,189,248,.24);border-radius:20px;background:linear-gradient(145deg,#38bdf813,#a855f70d)}.flow-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.flow-heading h3{font-size:24px;margin:3px 0}.flow-heading>span{padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:var(--gold);font-size:11px}.game-flow-panel>p{color:var(--muted);margin:7px 0 14px}.flow-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.game-flow-panel .wheel-wrap{width:min(330px,70vw);margin:12px auto}.team-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:13px}.team-results article{padding:13px;border:1px solid var(--border);border-radius:14px;background:#00000024}.team-results article>strong{display:block;color:var(--gold);margin-bottom:9px}.team-results article>div{display:flex;flex-wrap:wrap;gap:6px}.player-chip{padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#ffffff0e;font-size:12px}@media(max-width:600px){.flow-heading{align-items:flex-start}.flow-actions{display:grid}.flow-actions button{width:100%}}.records-page,.settings-page,.backup-page{display:grid;align-content:start;gap:16px}.record-filters{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;gap:12px;align-items:end}.record-filters label{font-size:12px;font-weight:800}.record-filters input,.record-filters select,.settings-card input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--border);border-radius:11px;background:#0b0916;color:#fff}.record-filters>span{color:var(--muted);padding:11px}.result-list{display:grid;gap:11px}.result-list>article{padding:16px;border:1px solid var(--border);border-radius:16px;background:#ffffff08}.result-list header,.result-list footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.result-list header strong,.result-list header small{display:block}.result-list header small,.result-list time{color:var(--muted);font-size:11px}.result-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:13px 0}.result-groups>div{padding:10px;border:1px solid var(--border);border-radius:11px}.result-groups strong,.result-groups span{display:block}.result-groups span{color:var(--muted);font-size:12px;margin-top:4px}.activity-list{display:grid;border-top:1px solid var(--border)}.activity-list article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 5px;border-bottom:1px solid var(--border)}.activity-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#38bdf817;color:var(--cyan)}.activity-list strong,.activity-list small{display:block}.activity-list small,.activity-list time{color:var(--muted);font-size:11px}.settings-page>form{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.settings-card{padding:17px;border:1px solid var(--border);border-radius:16px;background:#ffffff08}.settings-card h3{margin:0 0 13px}.settings-card label{display:block;font-size:12px;font-weight:800;margin-top:11px}.settings-card small{color:var(--muted)}.settings-card input[type=range]{padding:0;accent-color:var(--gold)}.setting-toggle{display:flex!important;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:11px}.setting-toggle input{width:auto;margin:0}.settings-actions{grid-column:1/-1;display:flex;gap:10px}.backup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.backup-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:19px;border:1px solid var(--border);border-radius:17px;background:#ffffff08}.backup-grid article>span{font-size:35px}.backup-grid h3{margin:8px 0}.backup-grid p{flex:1}.backup-file{display:block;text-align:center;cursor:pointer}.backup-file input{display:none}.import-preview{padding:18px;border:1px solid rgba(255,209,102,.28);border-radius:17px;background:#ffd1660b}.import-preview>div{display:flex;gap:10px;flex-wrap:wrap}.import-preview>div>span{padding:10px;border:1px solid var(--border);border-radius:11px}.import-preview strong{font-size:22px;color:var(--gold)}@media(max-width:650px){.record-filters{grid-template-columns:1fr}.result-list header,.result-list footer{align-items:flex-start}.activity-list article{grid-template-columns:auto 1fr}.activity-list time{grid-column:2}.settings-actions{display:grid}.settings-actions button{width:100%}}.reduce-motion *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.image-upload-field small{display:block;margin-top:7px;color:var(--muted);font-weight:500}.avatar img,.game-icon img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.winner-banner{width:min(620px,100%);height:clamp(150px,25vw,270px);display:block;margin:14px auto 8px;object-fit:cover;border:2px solid rgba(56,189,248,.35);border-radius:22px;box-shadow:0 18px 55px #0006,0 0 30px #38bdf81f}.sync.offline{color:#fbbf24;border-color:#fbbf2447;background:#fbbf2412}.sync.offline i{background:#f59e0b;box-shadow:0 0 12px #f59e0ba6}.settings-card select{display:block;width:100%;margin:6px 0 10px;padding:11px;border:1px solid var(--border);border-radius:11px;background:#0b0916;color:#fff}.danger-zone{border-color:#ff4d6d40}.danger-zone .danger-button{display:block;margin:12px 0}.wheel-wrap{contain:layout paint;isolation:isolate}.wheel-rotor{position:absolute;inset:0;border-radius:50%;will-change:transform;transform-origin:50% 50%;backface-visibility:hidden;perspective:1000px;box-shadow:0 22px 35px #00000073}.wheel{filter:none;shape-rendering:geometricPrecision}.wheel-rotor,.wheel-rotor *{pointer-events:none}@media(max-width:700px){.stage.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}