:root{font-family:Tahoma,Segoe UI,system-ui,sans-serif;color:#eef4ef;background:#0d1714;font-synthesis:none;--bg:#0d1714;--surface:#14211d;--surface2:#1a2b25;--line:#2a3b34;--muted:#8da198;--lime:#b6f36b;--mint:#5ce1b8;--coral:#ff826f;--amber:#ffd166;--ink:#102019}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{min-height:100vh;background-image:radial-gradient(circle at 8% 0%,rgba(92,225,184,.08),transparent 32%),radial-gradient(circle at 100% 100%,rgba(255,130,111,.05),transparent 28%)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}svg{width:20px;height:20px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Tahoma,Segoe UI,sans-serif}.app-shell{min-height:100vh;padding-inline-start:104px}.side-nav{position:fixed;z-index:20;inset:0 auto 0 0;width:104px;background:#101d19;border-inline-end:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:22px 12px}.brand{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:1px;line-height:1.15}.brand-mark{width:37px;height:37px;border:1px solid #547268;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:6px;transform:rotate(45deg)}.brand-mark i{background:var(--lime);border-radius:2px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:var(--coral)}.brand-mark i>*{transform:rotate(-45deg)}.side-nav>.brand{flex-direction:column;text-align:center;margin-bottom:38px}.side-nav nav{display:flex;flex-direction:column;gap:9px;width:100%}.side-nav nav a,.side-footer>a{height:64px;border-radius:14px;color:var(--muted);display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:11px;transition:.18s}.side-nav nav a:hover,.side-footer>a:hover,.side-nav a.active{background:var(--surface2);color:#fff}.side-nav a.active svg{color:var(--lime)}.side-footer{margin-top:auto;width:100%;display:flex;flex-direction:column}.side-footer .mini-profile{height:auto;padding:10px 0}.main-content{max-width:1320px;margin:auto;padding:36px 44px 100px}.bottom-nav{display:none}.page{animation:pageIn .3s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(5px)}}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.page-head h1{font-size:34px;margin:5px 0 0;letter-spacing:-1px}.page-head h1 span{color:var(--lime)}.eyebrow{font-family:Segoe UI,Tahoma,sans-serif;font-size:11px;color:var(--mint);font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:7px}.eyebrow svg{width:15px}.headline-icon{width:42px;height:42px;color:var(--lime)}.btn{border:1px solid var(--line);background:var(--surface2);color:#fff;border-radius:12px;min-height:44px;padding:0 18px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:700;transition:.18s}.btn:hover{transform:translateY(-1px);border-color:#53675f}.btn.primary{background:#f1f5ee;color:var(--ink);border-color:#f1f5ee}.btn.lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.btn.amber{background:var(--amber);border-color:var(--amber);color:#2b2515}.btn.ghost{background:transparent}.btn.danger{background:var(--coral);color:#291713;border-color:var(--coral)}.btn.danger-text{background:transparent;border-color:#ff826f59;color:var(--coral)}.btn.large{height:56px;padding:0 26px}.btn.big{height:58px;font-size:16px}.btn.sm{min-height:34px;padding:0 11px;font-size:12px}.btn.block{width:100%}.icon-btn{width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--surface2);color:#fff}.icon-btn.success{color:var(--mint)}.icon-btn.danger{color:var(--coral)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:30px;padding:5px 9px;background:#26352f;color:#afc0b9;font-size:11px;font-weight:700}.badge svg{width:13px;height:13px}.badge.mint{background:#5ce1b81f;color:var(--mint)}.badge.amber{background:#ffd16621;color:var(--amber)}.badge.red{background:#ff826f21;color:var(--coral)}.panel{background:#14211deb;border:1px solid var(--line);border-radius:19px;padding:22px}.panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel>header h2{font-size:18px;margin:0}.panel>header a{font-size:12px;color:var(--mint)}.loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);padding:40px}.loading.full{min-height:100vh}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:25px;grid-column:1/-1}.empty-orbit{width:50px;height:50px;border:1px dashed #4b6259;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;color:var(--lime)}.avatar{border-radius:50%;object-fit:cover;border:2px solid #34483f}.avatar.initials{display:inline-grid;place-items:center;background:#284138;color:var(--lime);font-weight:800;flex:none}.avatar.sm{width:32px;height:32px;font-size:12px}.avatar.md{width:44px;height:44px}.avatar.lg{width:68px;height:68px;font-size:24px}.toast-stack{position:fixed;z-index:1000;top:18px;left:50%;transform:translate(-50%);display:grid;gap:8px}.toast{width:min(410px,calc(100vw - 32px));padding:13px 14px;border-radius:13px;background:#22352e;border:1px solid #3a5148;box-shadow:0 15px 40px #0008;display:flex;align-items:center;gap:10px}.toast.success>svg{color:var(--mint)}.toast.error>svg{color:var(--coral)}.toast span{flex:1}.toast button{background:0;border:0;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#07100ddb;z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:#16251f;border:1px solid #3b5148;border-radius:22px;padding:24px;box-shadow:0 30px 90px #000}.modal>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal h2{font-size:21px;margin:0}.form-grid{display:grid;gap:16px}.form-grid label,.admin-fields label{display:grid;gap:7px;color:#dce7e1;font-size:13px}.form-grid small{color:var(--muted);line-height:1.8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}input,select{width:100%;height:45px;color:#eff6f2;background:#0f1b17;border:1px solid #34483f;border-radius:11px;padding:0 13px;outline:none}input:focus,select:focus{border-color:var(--mint);box-shadow:0 0 0 3px #5ce1b814}.input-icon{position:relative}.input-icon svg{position:absolute;inset:13px 12px auto auto;color:var(--amber);width:18px}.input-icon input{padding-inline-start:42px}.login-page{min-height:100vh;max-width:1440px;margin:auto;padding:25px 6vw;display:flex;flex-direction:column}.login-head{display:flex;align-items:center;justify-content:space-between}.login-head .brand{font-size:14px}.login-head select{width:auto;min-width:140px}.login-grid{flex:1;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8vw}.login-copy{max-width:560px}.login-copy h1{font-size:clamp(42px,5vw,76px);line-height:1.13;margin:18px 0;color:#f5f7f2}.login-copy>p{font-size:18px;color:#a8b8b0;line-height:2;max-width:520px}.login-copy>small{display:block;color:var(--muted);margin-top:12px}.login-features{display:flex;gap:22px;margin-top:33px;color:#b5c3bc;font-size:13px}.login-features span{display:flex;align-items:center;gap:7px}.login-features svg{color:var(--mint)}.login-art{height:min(620px,72vh);position:relative;display:grid;place-items:center}.board-preview{width:min(470px,40vw);aspect-ratio:1;position:relative;background:#d6e7d8;border:15px solid #eff4e9;box-shadow:0 40px 90px #0008;transform:perspective(900px) rotateX(54deg) rotate(-23deg);display:grid;place-items:center}.board-preview:after{content:"";position:absolute;inset:20%;border:2px solid #8aa897}.board-preview>i{position:absolute;width:19%;height:18%;border:1px solid #638275;background:#f4eee2}.board-preview>i:nth-of-type(4n+1){background:#ff8d79}.board-preview>i:nth-of-type(4n+2){background:#ffd166}.board-preview>i:nth-of-type(4n+3){background:#6dc8ff}.board-preview>i:nth-of-type(1){top:0;left:0}.board-preview>i:nth-of-type(2){top:0;left:20%}.board-preview>i:nth-of-type(3){top:0;left:40%}.board-preview>i:nth-of-type(4){top:0;left:60%}.board-preview>i:nth-of-type(5){top:0;right:0}.board-preview>i:nth-of-type(6){top:20%;right:0}.board-preview>i:nth-of-type(7){top:40%;right:0}.board-preview>i:nth-of-type(8){bottom:20%;right:0}.board-preview>i:nth-of-type(9){bottom:0;right:0}.board-preview>i:nth-of-type(10){bottom:0;right:20%}.board-preview>i:nth-of-type(11){bottom:0;right:40%}.board-preview>i:nth-of-type(12){bottom:0;left:20%}.board-preview>i:nth-of-type(13){bottom:0;left:0}.board-preview>i:nth-of-type(14){bottom:20%;left:0}.board-preview>i:nth-of-type(15){bottom:40%;left:0}.board-preview>i:nth-of-type(16){top:20%;left:0}.preview-center{position:relative;z-index:2;text-align:center;transform:rotate(-45deg)}.preview-center span{font-size:22px;color:#345246}.preview-center strong{display:block;font-size:45px;color:#14231e}.preview-center small{color:#58776a;letter-spacing:2px}.token,.dice{position:absolute;z-index:2;display:grid;place-items:center;box-shadow:0 20px 40px #0008}.token{width:70px;height:70px;border-radius:50%;font-size:33px}.token.one{background:var(--coral);right:15%;top:25%}.token.two{background:var(--lime);bottom:19%;left:18%;color:var(--ink)}.dice{width:60px;height:60px;background:#fff;color:#16211d;border-radius:12px;right:10%;bottom:21%;font-size:25px;line-height:.7;transform:rotate(18deg)}.hero-game{min-height:330px;border:1px solid #3f574d;border-radius:23px;position:relative;overflow:hidden;background:#183228;display:grid;grid-template-columns:1.15fr .85fr;margin-bottom:20px}.hero-pattern{position:absolute;inset:0;background-image:linear-gradient(45deg,transparent 48%,rgba(182,243,107,.06) 49%,rgba(182,243,107,.06) 51%,transparent 52%);background-size:38px 38px}.hero-copy{position:relative;z-index:2;padding:42px}.hero-copy h2{font-size:46px;margin:18px 0 8px}.hero-copy p{color:#b6c7bf;max-width:500px}.hero-meta{display:flex;gap:18px;margin:20px 0;color:#d4dfd9;font-size:13px}.hero-meta span{display:flex;gap:7px;align-items:center}.hero-meta svg{color:var(--mint)}.hero-board{position:relative;display:grid;place-items:center}.mini-board{width:240px;aspect-ratio:1;background:#e2eee2;transform:rotate(13deg);border:18px solid #f4f0e6;box-shadow:0 30px 60px #0006;display:grid;place-items:center;color:#183228;font-size:45px}.mini-board i{position:absolute;background:var(--coral);width:24%;height:16%;border:1px solid #55766a}.mini-board i:nth-of-type(1){top:0;left:0}.mini-board i:nth-of-type(2){top:0;right:0;background:var(--amber)}.mini-board i:nth-of-type(3){bottom:0;left:0;background:#6dc8ff}.mini-board i:nth-of-type(4){bottom:0;right:0;background:var(--mint)}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:17px;margin-bottom:20px;background:var(--surface)}.stat-strip>div{padding:18px 22px;display:flex;align-items:center;gap:10px;border-inline-end:1px solid var(--line)}.stat-strip>div:last-child{border:0}.stat-strip span{color:var(--muted);display:flex;gap:7px;align-items:center;font-size:12px}.stat-strip svg{width:17px;color:var(--mint)}.stat-strip strong{font-size:24px;margin-inline-start:auto}.content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.lobby-row{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;display:flex;align-items:center;gap:13px;padding:13px 0;text-align:start}.lobby-row:last-child{border:0}.game-icon{width:43px;height:43px;border-radius:12px;background:#253d34;color:var(--lime);display:grid;place-items:center}.lobby-row>span:nth-child(2){display:grid;gap:3px;flex:1}.lobby-row small,.avatar-stack-list small{color:var(--muted)}.avatar-stack-list{display:grid}.avatar-stack-list>div{display:flex;gap:12px;align-items:center;padding:9px 0}.avatar-stack-list>div>span{display:grid}.online-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-inline-end:5px;box-shadow:0 0 0 3px #5ce1b81a}.join-bar{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:8px 9px 8px 15px;display:flex;align-items:center;gap:10px;margin-bottom:24px}.join-bar>svg{color:var(--muted)}.join-bar input{border:0;background:transparent;box-shadow:none}.lobby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lobby-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:17px}.lobby-card:hover{border-color:#537064}.lobby-visual{height:130px;border-radius:13px;background:#1c342b;position:relative;display:grid;place-items:center}.lobby-visual>.badge{position:absolute;top:10px;right:10px}.orbit-die{width:72px;height:72px;border:1px solid #4b685d;border-radius:50%;display:grid;place-items:center;color:var(--lime);position:relative}.orbit-die:after{content:"";position:absolute;inset:-12px;border:1px dashed #3b554b;border-radius:50%}.orbit-die svg{width:34px;height:34px}.lobby-card h3{font-size:18px;margin:15px 0 8px}.lobby-card-meta{display:flex;gap:16px;color:var(--muted);font-size:12px}.lobby-card-meta span{display:flex;gap:5px;align-items:center}.lobby-card-meta svg{width:15px}.player-pips{display:flex;gap:5px;margin:15px 0}.player-pips i{height:4px;flex:1;background:#30423b;border-radius:4px}.player-pips i.filled{background:var(--lime)}.room-head{display:flex;justify-content:space-between;margin-bottom:20px}.room-hero{border-radius:21px;background:#19352b;border:1px solid #3a5b4e;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.room-hero h1{font-size:34px;margin:5px 0}.room-hero p{color:var(--muted);margin:0}.room-code{min-width:230px;display:grid;grid-template-columns:1fr auto;align-items:center;background:#10241c;border:1px dashed #527264;border-radius:14px;padding:12px 14px}.room-code small{grid-column:1/-1;color:var(--muted)}.room-code strong{font-family:Space Grotesk,sans-serif;font-size:26px;letter-spacing:4px;color:var(--lime)}.room-layout{display:grid;grid-template-columns:1fr 310px;gap:20px}.players-panel header h2{display:flex;align-items:center;gap:9px}.players-panel header h2 span{font-size:12px;color:var(--muted)}.room-players{display:grid;gap:8px}.room-player{border:1px solid var(--line);border-radius:13px;padding:11px;display:flex;align-items:center;gap:12px}.room-player.is-ready{background:#5ce1b809;border-color:#385b4e}.seat-number{font-family:Space Grotesk,sans-serif;color:var(--muted);width:20px}.player-name{display:grid;flex:1}.player-name small{color:var(--muted)}.ready-state{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.is-ready .ready-state{color:var(--mint)}.ready-state svg{width:15px}.host-crown{color:var(--amber);width:18px}.room-summary{display:flex;flex-direction:column;gap:10px}.game-seal{height:140px;background:#203a30;border-radius:14px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--lime)}.game-seal svg{width:35px;height:35px}.game-seal strong{font-family:Space Grotesk,sans-serif;letter-spacing:3px;margin-top:8px}.room-summary dl{margin:4px 0 10px}.room-summary dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.room-summary dt{color:var(--muted)}.room-summary dd{margin:0;display:flex;align-items:center;gap:4px}.room-summary dd svg{width:15px;color:var(--amber)}.select-list{display:grid}.select-list button{border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;padding:12px 2px;display:flex;align-items:center;gap:10px}.select-list button span{flex:1;text-align:start}.request-panel{margin-bottom:18px}.friend-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.friend-row:last-child{border:0}.friend-row>span:nth-of-type(2){display:grid;flex:1}.friend-row small{color:var(--muted)}.row-actions{display:flex;gap:7px;align-items:center}.podium{display:flex;align-items:flex-end;justify-content:center;gap:15px;min-height:240px;margin-bottom:24px}.podium-person{width:150px;text-align:center;display:flex;align-items:center;flex-direction:column;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 0 0;padding:20px}.podium-person.p1{height:220px;border-color:#797042}.podium-person.p0{height:180px}.podium-person.p2{height:160px}.podium-person>i{font-family:Space Grotesk;font-size:42px;color:#ffffff12;margin-top:auto}.podium-person small{color:var(--amber)}.podium-rank{position:absolute;top:-17px;background:var(--amber);color:#30240c;width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.leader-row{display:flex;align-items:center;gap:13px;padding:12px;border-bottom:1px solid var(--line);border-radius:10px}.leader-row.is-me{background:#b6f36b12}.leader-row .rank{width:38px;color:var(--muted)}.leader-name{display:grid;flex:1}.leader-name small{color:var(--muted)}.win-count{display:flex;gap:5px;align-items:center;color:var(--amber)}.win-count svg{width:16px}.leader-row>strong:last-child{min-width:90px;text-align:end}.leader-row>strong small{color:var(--muted)}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.skin-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}.skin-preview{height:220px;display:grid;place-items:center;position:relative;background:#254238}.skin-preview.coral{background:#432d2a}.skin-preview.violet{background:#362f48}.skin-preview.ocean{background:#233e4d}.skin-preview.gold{background:#4a4024}.skin-preview.mono{background:#353b38}.skin-preview .badge{position:absolute;top:13px;right:13px}.skin-token{position:absolute;width:52px;height:52px;border-radius:50%;background:var(--coral);z-index:2;display:grid;place-items:center;box-shadow:0 15px 25px #0006}.skin-board{width:130px;height:130px;border:11px solid #f0e9d8;background:#d9ebdc;transform:rotate(12deg);box-shadow:0 20px 35px #0007;display:grid;grid-template-columns:1fr 1fr}.skin-board i{border:1px solid #6e8e7e}.skin-info{padding:18px;display:flex;gap:10px;align-items:end}.skin-info>span{flex:1}.skin-info h3{margin:0 0 5px}.skin-info p{font-size:12px;color:var(--muted);margin:0}.skin-info .btn svg{color:var(--amber)}.stars-note{margin-top:20px;background:#262713;border:1px solid #57512c;border-radius:16px;padding:18px;display:flex;gap:13px}.stars-note>svg{color:var(--amber);flex:none}.stars-note strong{color:var(--amber)}.stars-note p{margin:5px 0 0;color:#b9b79d}.profile-cover{min-height:210px;border:1px solid #3c5a4e;background:#19332a;border-radius:22px;padding:35px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden;margin-bottom:18px}.profile-pattern{position:absolute;inset:0;opacity:.25;background-size:34px 34px;background-image:linear-gradient(45deg,#335c4c 25%,transparent 25%,transparent 75%,#335c4c 75%)}.profile-cover>*:not(.profile-pattern){z-index:1}.profile-cover>div:nth-of-type(2){flex:1}.profile-cover h1{font-size:32px;margin:5px 0}.profile-cover p{color:var(--muted);margin:0}.profile-form{margin-bottom:18px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.profile-stats>div{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px}.profile-stats svg{grid-row:1/3;color:var(--mint)}.profile-stats span{color:var(--muted);font-size:12px}.profile-stats strong{font-size:22px}.detail-list{margin:0}.detail-list>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.detail-list dt,.detail-list dd{display:flex;gap:8px;align-items:center}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0}.role-list{display:flex;gap:8px;flex-wrap:wrap}.settings-list{padding:5px 20px;margin-bottom:20px}.setting-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-icon{width:42px;height:42px;border-radius:12px;background:#223a31;color:var(--mint);display:grid;place-items:center}.setting-row>span:nth-child(2){display:grid;flex:1}.setting-row small{color:var(--muted)}.setting-row select{width:180px}.switch{display:inline-block;position:relative;width:46px;height:26px}.switch input{display:none}.switch i{position:absolute;inset:0;background:#2b3c35;border-radius:30px;transition:.2s}.switch i:after{content:"";position:absolute;width:20px;height:20px;top:3px;left:3px;background:#7e8d87;border-radius:50%;transition:.2s}.switch input:checked+i{background:var(--mint)}.switch input:checked+i:after{left:23px;background:#102019}.tabs{display:flex;gap:5px;padding:6px;border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-bottom:18px;overflow:auto}.tabs button{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:9px;display:flex;gap:7px;align-items:center;white-space:nowrap}.tabs button.active{background:#284138;color:#fff}.tabs svg{width:17px}.admin-form>.setting-row{padding:12px}.admin-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.admin-stack{display:grid;gap:16px}.admin-inline h3{margin-bottom:4px}.admin-inline>.row-actions{justify-content:space-between}.admin-inline>.row-actions .setting-row{border:0;padding:0;min-width:230px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th{text-align:start;color:var(--muted);font-size:11px;text-transform:uppercase}.table-wrap th,.table-wrap td{padding:12px;border-bottom:1px solid var(--line)}.table-wrap td small{display:block;color:var(--muted)}.table-wrap td input{min-width:120px}.star-icon{color:var(--amber);margin-inline-end:5px}@media(max-width:1000px){.side-nav{display:none}.app-shell{padding:0}.main-content{padding:24px 22px 95px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:70px;background:#111e1af2;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:9px;gap:4px}.bottom-nav a.active{color:var(--lime)}.bottom-nav svg{width:20px}.lobby-grid,.skin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.main-content{padding:18px 14px 92px}.page-head{margin-bottom:20px}.page-head h1{font-size:27px}.page-head .btn{padding:0 12px}.login-page{padding:18px}.login-grid{grid-template-columns:1fr}.login-copy{text-align:center;margin:auto}.login-copy .eyebrow,.login-features{justify-content:center}.login-copy h1{font-size:42px}.login-copy>p{font-size:15px}.login-art{display:none}.login-head .brand>span:last-child{display:none}.hero-game{grid-template-columns:1fr;min-height:420px}.hero-copy{padding:27px}.hero-copy h2{font-size:37px}.hero-board{position:absolute;opacity:.18;right:-30px;bottom:-20px}.stat-strip{grid-template-columns:1fr 1fr}.stat-strip>div:nth-child(2){border:0}.stat-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.content-grid,.lobby-grid,.skin-grid{grid-template-columns:1fr}.join-bar{flex-wrap:wrap}.join-bar input{width:calc(100% - 40px)}.join-bar .btn{flex:1}.room-hero{display:grid;gap:20px;padding:22px}.room-code{min-width:0}.room-layout{grid-template-columns:1fr}.room-player{gap:7px}.ready-state{font-size:0}.profile-cover{padding:24px;flex-wrap:wrap}.profile-cover>div:nth-of-type(2){min-width:50%}.profile-stats{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.setting-row select{width:120px}.admin-fields{grid-template-columns:1fr 1fr}.podium-person{width:30%;padding:12px}.leader-row{padding:9px 2px}.leader-row .avatar{display:none}.toast-stack{top:8px}}.room-live-status{display:flex;align-items:center;gap:10px}.live-pill{height:30px;padding:0 10px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;background:#12201b}.live-pill svg{width:14px;height:14px}.live-pill.online{color:var(--mint);border-color:#31584a;background:#5ce1b812}.live-pill.online svg{filter:drop-shadow(0 0 5px rgba(92,225,184,.75))}.game-starting-overlay{position:fixed;z-index:120;inset:0;background:#060e0be0;backdrop-filter:blur(14px);display:grid;place-items:center;padding:20px}.launch-card{width:min(440px,100%);border:1px solid #3f6455;border-radius:28px;background:linear-gradient(155deg,#1b352b,#101d18 72%);box-shadow:0 35px 100px #000b,inset 0 1px #ffffff10;padding:34px;text-align:center;display:grid;justify-items:center}.launch-card .eyebrow{margin-top:25px}.launch-card h2{font-size:30px;margin:10px 0}.launch-card p{max-width:330px;color:var(--muted);line-height:1.8}.launch-card>small{display:flex;align-items:center;gap:6px;color:var(--mint)}.launch-card>small svg{width:16px}.launch-orbit{width:116px;height:116px;border:1px solid #4c7765;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#294b3d,#14271f 68%);box-shadow:0 0 70px #5ce1b826}.launch-orbit:before,.launch-orbit:after{content:"";position:absolute;border:1px dashed #456456;border-radius:50%;animation:launchSpin 7s linear infinite}.launch-orbit:before{inset:-13px}.launch-orbit:after{inset:18px;animation-direction:reverse;animation-duration:4s}.launch-orbit svg{width:42px;height:42px;color:var(--lime);z-index:2}.launch-orbit i{position:absolute;width:10px;height:10px;background:var(--coral);border-radius:50%;box-shadow:0 0 15px var(--coral)}.launch-orbit i:nth-of-type(1){top:-5px}.launch-orbit i:nth-of-type(2){right:3px;bottom:17px;background:var(--amber);box-shadow:0 0 15px var(--amber)}.launch-orbit i:nth-of-type(3){left:3px;bottom:17px;background:var(--mint);box-shadow:0 0 15px var(--mint)}@keyframes launchSpin{to{transform:rotate(1turn)}}.launch-progress{height:7px;width:100%;border-radius:99px;background:#0b1712;overflow:hidden;margin:7px 0 18px}.launch-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--lime));animation:launchLoad 1.35s ease-in-out infinite}@keyframes launchLoad{0%{transform:translate(-120%)}to{transform:translate(350%)}}@media(max-width:700px){.room-live-status{gap:6px}.live-pill{font-size:0;width:31px;padding:0;justify-content:center}.live-pill svg{width:15px}.launch-card{padding:28px 20px}.launch-card h2{font-size:25px}}.login-auth{display:grid;gap:12px;max-width:470px;margin-top:22px}.login-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--line)}.otp-box{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#0f1b178c}.otp-box label{display:grid;gap:7px;color:#dce7e1;font-size:12px;text-align:start}.otp-message,.login-error{display:block!important;margin:0!important;line-height:1.7}.otp-message{color:var(--mint)!important}.login-error{color:var(--coral)!important}.otp-actions{display:flex;justify-content:space-between;gap:10px}.otp-actions button{border:0;background:transparent;color:var(--muted);padding:5px 0;font-size:11px}.otp-actions button:hover{color:#fff}@media(max-width:700px){.login-auth{max-width:none}.friend-search-result{flex-wrap:wrap}.friend-search-result>span{min-width:calc(100% - 60px)}.friend-search-result>.btn,.friend-search-result>.badge{margin-inline-start:56px}}.nav-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.nav-request-count{position:absolute;inset:-9px -13px auto auto;min-width:18px;height:18px;padding:0 4px;border-radius:12px;background:var(--coral);color:#24110e;border:2px solid #101d19;font-size:9px;line-height:14px;text-align:center;font-weight:900}.bottom-nav .nav-request-count{inset:-8px -12px auto auto;border-color:#111e1a}.social-head-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.lobby-social-requests{margin-bottom:18px;border-color:#5c5430;background:#2c2714c7}.lobby-social-requests>header h2{display:flex;align-items:center;gap:8px}.lobby-social-requests>header h2 svg{color:var(--amber)}.lobby-social-request-list{display:grid;gap:2px}.friend-confirm-profile{display:flex;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);background:#10201a;border-radius:15px}.friend-confirm-profile>div{display:grid;gap:6px;min-width:0}.friend-confirm-profile strong{font-size:19px}.friend-confirm-profile small{color:var(--muted);line-height:1.7}.friend-confirm-copy{color:#c5d2cc;line-height:1.9;margin:17px 2px}.room-player>.badge{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.social-head-status{max-width:55%;justify-content:flex-end}.social-head-status .badge{font-size:9px}.room-player>.badge{max-width:82px;font-size:8px}.lobby-social-requests{padding:16px}.lobby-social-requests .friend-row,.friend-confirm-profile{align-items:flex-start}}.page-shell{animation:pageIn .3s ease}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.section-head h1{font-size:32px;margin:4px 0}.realtime-indicator{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--muted);font-size:11px}.realtime-indicator.online{color:var(--mint);border-color:#31584a;background:#5ce1b812}.game-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-catalog-card{min-width:0;padding:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface);color:#fff;text-align:start;transition:transform .18s,border-color .18s,box-shadow .18s}.game-catalog-card:hover{transform:translateY(-3px);border-color:#527064;box-shadow:0 18px 45px #0004}.game-card-visual{height:145px;padding:16px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 50% 35%,#315c49,#193229 68%);color:var(--lime)}.game-card-visual:after{content:"";position:absolute;width:88px;height:88px;border:1px dashed #527061;border-radius:50%}.game-card-visual>svg{width:42px;height:42px;z-index:1}.game-card-visual>span{position:absolute;z-index:2;inset:12px 12px auto auto;background:#10231c;border:1px solid #39594c;border-radius:999px;padding:4px 8px;color:#cfddd6;font-size:10px}.game-card-copy{display:grid;gap:8px;padding:17px}.game-card-copy>strong{font-size:18px}.game-card-copy>small{min-height:39px;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.game-card-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#bdcac4;font-size:11px}.game-card-meta>span,.online-count{display:inline-flex;align-items:center;gap:5px}.online-count{color:var(--mint)}.online-count svg{width:12px;height:12px;fill:currentColor}.online-count.large{white-space:nowrap;border:1px solid #31584a;background:#5ce1b812;border-radius:999px;padding:9px 12px;font-size:12px}.online-count.large svg{width:13px}.game-detail-head{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;border:1px solid #355348;border-radius:20px;background:linear-gradient(135deg,#19352b,#13241e);margin-bottom:18px}.game-detail-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;color:var(--lime);background:#244337}.game-detail-icon svg{width:30px;height:30px}.game-detail-head h1{margin:3px 0 6px}.game-detail-head p{color:var(--muted);margin:0;line-height:1.7}.lobby-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:6px;border:1px solid var(--line);border-radius:15px;background:var(--surface);margin-bottom:18px}.lobby-tabs button{min-height:47px;border:0;border-radius:10px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.lobby-tabs button svg{width:18px}.lobby-tabs button.active{background:#29443a;color:#fff;box-shadow:inset 0 0 0 1px #3c5b4f}.lobby-tabs button.active svg{color:var(--lime)}.matchmaking-panel,.lobby-tab-panel{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:24px}.matchmaking-panel{max-width:820px;margin:auto}.matchmaking-copy{display:flex;gap:15px;align-items:center;margin-bottom:24px}.matchmaking-copy>span{width:54px;height:54px;border-radius:16px;background:#b6f36b1a;color:var(--lime);display:grid;place-items:center}.matchmaking-copy h2{margin:0 0 5px}.matchmaking-copy p,.lobby-tab-head p{margin:0;color:var(--muted);line-height:1.7}.field-label{display:block;color:#dce7e1;font-size:12px;margin-bottom:9px}.capacity-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:9px}.capacity-picker button{height:64px;border:1px solid var(--line);border-radius:13px;background:#101d19;color:#b8c7c0;display:flex;align-items:center;justify-content:center;gap:8px}.capacity-picker button svg{width:18px}.capacity-picker button.active{border-color:var(--lime);color:var(--lime);background:#b6f36b14;box-shadow:inset 0 0 0 1px var(--lime)}.auto-join-action{width:100%;height:54px;margin-top:18px}.queue-card{display:grid;justify-items:center;text-align:center;gap:15px;padding:18px}.queue-card h2{margin:5px 0}.queue-card p{color:var(--muted);margin:0;line-height:1.8}.queue-pulse{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#244337;color:var(--lime);box-shadow:0 0 #5ce1b84d;animation:queuePulse 1.7s infinite}.queue-pulse svg{width:35px;height:35px}@keyframes queuePulse{70%{box-shadow:0 0 0 22px #5ce1b800}}.queue-preference{display:flex;align-items:center;gap:7px;color:#c5d3cd;font-size:12px}.queue-preference svg{width:16px;color:var(--mint)}.lobby-tab-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.lobby-tab-head h2{margin:0 0 5px}.join-code-bar{background:#10201a;border:1px dashed #426054;border-radius:14px;padding:8px 9px 8px 15px;display:flex;align-items:center;gap:10px;margin-bottom:20px}.join-code-bar>svg{color:var(--muted)}.join-code-bar input{flex:1;min-width:0;border:0;background:transparent;box-shadow:none;color:#fff}.lobby-card>.row{display:flex;align-items:center;gap:8px}.lobby-card>strong{display:block;font-size:26px;margin:15px 0 8px}.lobby-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.lobby-meta>span{display:flex;align-items:center;gap:5px}.lobby-meta svg{color:var(--amber)}.avatar-stack{display:flex;margin:15px 0}.avatar-stack img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--surface);margin-inline-start:-7px;background:#263d34}.avatar-stack img:first-child{margin-inline-start:0}.lobby-card>.btn{width:100%}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-dot.open{background:var(--mint);box-shadow:0 0 0 4px #5ce1b814}.empty-state,.skeleton-card{min-height:150px;border:1px dashed var(--line);border-radius:16px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);grid-column:1/-1}.skeleton-card{background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;animation:skeleton 1.3s infinite}@keyframes skeleton{to{background-position:-200% 0}}.modal-card{width:min(510px,100%);max-height:90vh;overflow:auto;background:#16251f;border:1px solid #3b5148;border-radius:22px;padding:24px;box-shadow:0 30px 90px #000;display:grid;gap:16px}.modal-card>header{display:flex;justify-content:space-between;align-items:center}.modal-card h2{margin:3px 0}.modal-card>label{display:grid;gap:7px;color:#dce7e1;font-size:13px}.modal-card input{width:100%;background:#10201a;color:#fff;border:1px solid var(--line);border-radius:11px;padding:12px}.modal-card .hint{color:var(--muted);font-size:11px;margin:0}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:5px;border:1px solid var(--line);border-radius:13px}.segmented button{border:0;border-radius:9px;background:transparent;color:var(--muted);height:40px}.segmented button.active{background:#29443a;color:#fff}.wide{width:100%}.player-uuid{min-width:0;width:max-content;max-width:100%;padding:2px 0;border:0;background:transparent;color:var(--mint);display:flex;align-items:center;gap:5px;text-align:start}.player-uuid:hover{color:var(--lime)}.player-uuid svg{width:12px;height:12px;flex:none}.player-uuid code{max-width:310px;font-size:10px;white-space:normal;overflow-wrap:anywhere;color:inherit}@media(max-width:1000px){.game-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.section-head h1{font-size:25px}.realtime-indicator{font-size:0;padding:8px}.game-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.game-catalog-card{border-radius:15px}.game-card-visual{height:88px;padding:9px}.game-card-visual:after{width:54px;height:54px}.game-card-visual>svg{width:27px;height:27px}.game-card-visual>span{inset:7px 7px auto auto;padding:3px 6px;font-size:8px}.game-card-copy{padding:11px;gap:6px}.game-card-copy>strong{font-size:14px;line-height:1.5}.game-card-copy>small{font-size:9px;line-height:1.55;min-height:28px}.game-card-meta{align-items:flex-start;flex-direction:column;font-size:9px}.online-count{font-size:9px}.game-detail-head{grid-template-columns:auto auto 1fr;padding:14px;gap:10px}.game-detail-icon{width:43px;height:43px}.game-detail-icon svg{width:23px}.game-detail-head h1{font-size:20px}.game-detail-head>div>p:last-child{display:none}.game-detail-head>.online-count{grid-column:2/-1;justify-self:start}.lobby-tabs{gap:4px}.lobby-tabs button{font-size:10px;gap:5px;padding:0 5px}.lobby-tabs button svg{width:15px}.matchmaking-panel,.lobby-tab-panel{padding:16px}.capacity-picker{grid-template-columns:repeat(3,1fr)}.queue-card{padding:8px}.lobby-tab-head{align-items:flex-start}.lobby-tab-head .btn{padding:0 10px;font-size:10px}.player-name{min-width:0}.player-uuid code{max-width:150px;font-size:8px}.room-player{flex-wrap:wrap}.room-player>.player-name{width:calc(100% - 100px)}.room-player>.ready-state{margin-inline-start:auto}.join-code-bar{flex-wrap:wrap}.join-code-bar input{width:calc(100% - 40px)}.join-code-bar .btn{flex:1}}.nav-wallet-balance{border:1px solid #3d564b!important;background:linear-gradient(135deg,#203a30,#172a23)!important;color:var(--lime)!important}.nav-wallet-balance svg{color:var(--amber)}.wallet-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-bottom:18px}.wallet-hero>div{min-height:150px;border:1px solid #3b574b;border-radius:22px;background:radial-gradient(circle at 20% 0,#2d4f40,#172a23 70%);padding:24px}.wallet-hero>div:first-child{display:grid;align-content:center;justify-items:start}.wallet-hero>div:first-child>span{color:var(--muted);font-size:12px}.wallet-hero>div:first-child>strong{display:flex;align-items:center;gap:10px;font-size:42px;margin:8px 0 2px}.wallet-hero>div:first-child>strong svg{color:var(--amber);width:32px;height:32px}.wallet-hero>div:first-child>small{color:var(--lime);letter-spacing:.18em}.premium-status{display:flex;align-items:center;gap:15px}.premium-status>svg:first-child{width:44px;height:44px;padding:10px;border-radius:14px;background:#263a32;color:var(--muted)}.premium-status>span{display:grid;gap:6px;flex:1}.premium-status b{font-size:21px}.premium-status small{color:var(--muted);line-height:1.7}.premium-status.active{border-color:#6f6231;background:radial-gradient(circle at 20% 0,#514622,#272714 70%)}.premium-status.active>svg{color:var(--amber);background:#5b4d20}.wallet-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.topup-panel>header,.premium-panel>header{display:flex;align-items:center;justify-content:space-between}.topup-panel>header svg,.premium-panel>header svg{color:var(--amber);width:28px}.star-package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.star-package-grid button{min-width:0;height:82px;border:1px solid var(--line);border-radius:13px;background:#10201a;color:#e6eee9;display:grid;place-items:center;padding:8px}.star-package-grid button svg{width:16px;color:var(--amber)}.star-package-grid button small{color:var(--muted);font-size:9px}.star-package-grid button.active{border-color:var(--amber);background:#332e19;box-shadow:inset 0 0 0 1px var(--amber)}.wallet-amount-label{display:grid;gap:8px;color:var(--muted);font-size:11px}.wallet-amount-label input{font-size:20px;font-weight:800;text-align:center}.conversion-preview{display:flex;align-items:center;gap:7px;color:var(--mint);font-size:11px}.conversion-preview svg{width:15px}.topup-button{height:50px}.ton-reserved{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.ton-reserved>span{background:#203a33;border-radius:9px;padding:7px 9px;font-weight:900}.ton-reserved>small{color:var(--muted);line-height:1.6;flex:1}.premium-plan-list{display:grid;gap:9px;margin-top:18px}.premium-plan-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:13px;background:#11201b}.premium-plan-list article>div{display:grid;gap:4px}.premium-plan-list small{color:var(--muted)}.premium-plan-list article>span{display:flex;gap:5px;color:var(--amber);font-weight:800}.premium-plan-list article>span svg{width:16px}.transaction-panel>header h2{display:flex;align-items:center;gap:8px}.transaction-panel>header h2 svg{color:var(--mint)}.transaction-list{display:grid}.transaction-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line)}.transaction-list>div:last-child{border:0}.transaction-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#18362b;color:var(--mint)}.transaction-list .debit .transaction-icon{background:#38231e;color:var(--coral)}.transaction-list>div>span:nth-child(2){display:grid;gap:4px}.transaction-list>div>span:nth-child(2) small{color:var(--muted);font-size:10px}.transaction-list>div>b{color:var(--mint)}.transaction-list .debit>b{color:var(--coral)}.transaction-list>div>b small{font-size:9px}.store-wallet-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #3e5a4e;background:linear-gradient(110deg,#203c31,#172820);border-radius:16px;padding:13px 15px;margin-bottom:16px}.store-wallet-strip>span{display:grid;grid-template-columns:auto auto;align-items:center;gap:1px 10px}.store-wallet-strip>span>svg{grid-row:1/3;width:26px;color:var(--amber)}.store-wallet-strip small{color:var(--muted)}.store-wallet-strip strong{font-size:18px}.store-tabs{max-width:380px}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.item-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:18px}.item-icon{width:58px;height:58px;border-radius:16px;background:#254438;color:var(--lime);display:grid;place-items:center}.item-card h3{margin:3px 0}.item-card p{color:var(--muted);font-size:11px;line-height:1.7;margin:0 0 5px}.item-card>div:nth-child(2)>small{color:var(--mint)}.admin-callout{display:flex;align-items:center;gap:13px;border:1px solid #3b594d;border-radius:14px;background:#13291f;padding:15px}.admin-callout>svg{color:var(--amber)}.admin-callout>div{display:grid;gap:5px}.admin-callout small{color:var(--muted)}.policy-guide{display:grid;gap:7px;border:1px dashed var(--line);border-radius:14px;padding:14px;margin-bottom:18px}.policy-guide p{margin:0;color:var(--muted);font-size:11px}.policy-guide b{color:var(--mint)}.communication-bubble,.communication-widget{position:fixed;z-index:180;direction:rtl}.communication-bubble{width:58px;height:58px;border:1px solid #557467;border-radius:19px;background:linear-gradient(145deg,#315847,#192e26);color:var(--lime);display:grid;place-items:center;box-shadow:0 16px 45px #0009,0 0 0 5px #5ce1b80f;touch-action:none;cursor:grab}.communication-bubble:active{cursor:grabbing}.communication-bubble>svg{width:25px;height:25px}.communication-bubble.error{color:var(--coral);border-color:#745043}.communication-bubble>b{position:absolute;inset:-7px -7px auto auto;min-width:22px;height:22px;padding:0 4px;border-radius:99px;background:var(--coral);color:#21110d;font-size:9px;display:grid;place-items:center;border:2px solid #14241e}.communication-widget{width:min(370px,calc(100vw - 20px));height:min(540px,calc(100vh - 110px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;border:1px solid #49675a;border-radius:20px;background:#0f1d18f7;backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 25px 80px #000c,inset 0 1px #ffffff0d}.communication-drag{min-height:62px;display:flex;align-items:center;gap:10px;padding:10px 11px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#203c31,#172820);touch-action:none;cursor:grab;user-select:none}.communication-drag:active{cursor:grabbing}.communication-status{width:34px;height:34px;border-radius:11px;background:#21372e;color:var(--muted);display:grid;place-items:center}.communication-status svg{width:17px}.communication-status.connected{color:var(--mint)}.communication-status.error{color:var(--coral)}.communication-drag>div{display:grid;gap:3px;flex:1}.communication-drag small{color:var(--muted);font-size:9px}.communication-drag>button{width:31px;height:31px;border:0;border-radius:9px;background:#294339;color:#c5d4cd;display:grid;place-items:center}.communication-drag>button svg{width:15px}.drag-grip{width:18px;color:#70847b}.premium-sponsored{display:flex;align-items:center;gap:7px;padding:8px 12px;background:#3a3218;color:#e6cb6f;font-size:10px;border-bottom:1px solid #5f5229}.premium-sponsored svg{width:15px}.communication-people{display:flex;gap:5px;padding:9px 10px;overflow-x:auto;border-bottom:1px solid var(--line)}.communication-people button{min-width:52px;border:0;background:transparent;color:var(--muted);display:grid;justify-items:center;gap:4px}.communication-people button>span{width:31px;height:31px;border-radius:50%;background:#29463a;color:#dce9e3;display:grid;place-items:center;font-weight:800;border:2px solid transparent}.communication-people button>span.speaking{border-color:var(--lime);box-shadow:0 0 0 3px #b6f36b1f}.communication-people small{font-size:8px}.communication-messages{min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:radial-gradient(circle at 50% 0,rgba(50,91,73,.12),transparent 55%)}.communication-messages>div:not(.communication-empty){max-width:82%;align-self:flex-start}.communication-messages>div.mine{align-self:flex-end}.communication-messages>div>small{display:block;color:var(--muted);font-size:8px;margin:0 7px 3px}.communication-messages p{margin:0;background:#243a31;border:1px solid #344e43;border-radius:13px 13px 13px 3px;padding:9px 11px;line-height:1.7;font-size:12px;overflow-wrap:anywhere}.communication-messages .mine p{background:#315542;border-color:#47705d;border-radius:13px 13px 3px}.communication-messages time{display:block;color:#6d8178;font-size:7px;margin:3px 7px 0}.communication-messages .mine time{text-align:end}.communication-empty{margin:auto;display:grid;justify-items:center;gap:8px;color:var(--muted);text-align:center;font-size:11px}.communication-empty svg{width:27px;opacity:.5}.communication-compose{display:flex;gap:7px;padding:9px;border-top:1px solid var(--line);background:#12221c}.communication-compose>.mic{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#243a31;color:var(--muted);display:grid;place-items:center}.communication-compose>.mic.active{color:var(--coral);border-color:#7b4b40;background:#3b221d}.communication-compose>.mic:disabled{opacity:.35}.communication-compose>.mic svg{width:18px}.communication-compose form{display:flex;flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;background:#0e1b16;overflow:hidden}.communication-compose input{min-width:0;flex:1;border:0;background:transparent;box-shadow:none;padding:0 11px;color:#fff}.communication-compose form button{width:40px;border:0;background:transparent;color:var(--mint);display:grid;place-items:center}.communication-compose form button:disabled{opacity:.3}.communication-compose form button svg{width:17px}.communication-retry{position:absolute;inset:auto 12px 62px;border:1px solid #7a4a40;border-radius:10px;background:#3c211c;color:#f0a18f;padding:8px}.communication-audio{display:none}@media(max-width:800px){.wallet-hero,.wallet-layout,.item-grid{grid-template-columns:1fr}}@media(max-width:700px){.wallet-hero>div{min-height:125px;padding:18px}.wallet-hero>div:first-child>strong{font-size:34px}.star-package-grid{gap:5px}.star-package-grid button{height:72px}.premium-plan-list article{grid-template-columns:minmax(0,1fr) auto}.premium-plan-list article>.btn{grid-column:1/-1;width:100%}.store-wallet-strip{align-items:flex-start}.item-card{grid-template-columns:auto minmax(0,1fr)}.item-card>.btn{grid-column:1/-1;width:100%}.communication-widget{border-radius:17px}.communication-drag{min-height:57px}.drag-grip{display:none}}.game-card-play{justify-self:start;border-radius:999px;background:var(--lime);color:#142018;padding:6px 12px;font-size:11px;font-weight:900}.game-card-visual{background-position:center;background-size:cover;background-repeat:no-repeat}.browser-game-launcher{position:fixed;inset:0;z-index:300;display:grid;grid-template-rows:auto minmax(0,1fr);background:#050907;color:#fff;direction:ltr}.browser-game-toolbar{min-height:54px;padding:8px 12px;display:flex;align-items:center;gap:10px;background:#101d19;border-bottom:1px solid #30463d}.browser-game-toolbar>strong{font-size:15px}.browser-game-toolbar>span{flex:1;color:var(--muted);font-size:11px}.browser-game-toolbar button{min-height:36px;border:1px solid #3d574c;border-radius:10px;background:#1c3028;color:#e2ebe7;display:inline-flex;align-items:center;gap:6px;padding:0 11px}.browser-game-toolbar button svg{width:16px}.browser-game-stage{position:relative;min-height:0;overflow:hidden;touch-action:none}.browser-game-stage iframe{display:block;width:100%;height:100%;border:0;background:#000}.browser-game-status,.browser-game-error{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;background:radial-gradient(circle at 50% 35%,#203a30,#070d0a 70%);padding:24px}.browser-game-status svg{width:36px;height:36px;color:var(--lime)}.browser-game-error>svg{width:44px;height:44px;color:var(--coral)}.browser-game-error h1{margin:0}.browser-game-error p{max-width:620px;margin:0;color:#c2cec8;line-height:1.7}.browser-game-error>div{display:flex;gap:9px}.browser-game-launcher:fullscreen .browser-game-toolbar{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}@media(max-width:700px)and (orientation:portrait){.browser-game-stage:after{content:"Rotate your device for the best experience";position:absolute;inset:auto 14px 14px;padding:9px 12px;border-radius:10px;background:#101d19e8;border:1px solid #4a6258;color:#d8e4de;text-align:center;font-size:11px;pointer-events:none}.browser-game-toolbar>span{display:none}.browser-game-toolbar{min-height:50px}.browser-game-toolbar button{font-size:0;padding:0 9px}.browser-game-toolbar button svg{width:18px}}