@font-face{font-family:Cardak;src:url(/assets/fonts/cairo-variable.woff2)format("woff2");font-weight:200 1000;font-display:swap}:root{color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--primary:#a892f4;--purple:var(--primary);--secondary:#dab975;--gold:var(--secondary);--bg:#101118;--background:var(--bg);--text:#f4f2fa;--surface:#1d1e25;--surface-raised:#27282e;--surface-soft:#171820;--input-bg:#0e0f15;--muted:#b4b3bd;--border:#34353c;--border-strong:#505059;--accent-ink:#b7a4f6;--gold-ink:#dab975;--purple-dark:var(--accent-ink);--primary-faint:#2f2d40;--primary-light:#514861;--secondary-faint:#36322e;--success:#7bd6ad;--success-soft:#283b35;--danger:#f293a5;--danger-soft:#352931;--warning:var(--gold-ink);--warning-soft:var(--secondary-faint);--on-primary:#101118;--on-secondary:#101118;--shadow:#00000038;--scrim:#05060bbc;--radius:22px;font-family:Cardak,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}img{max-width:100%;display:block}button{background:0 0;border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--border);outline-offset:3px}button,input{touch-action:manipulation}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.7px;font-size:29px;line-height:1.55}h2{font-size:23px;line-height:1.65}h3{font-size:17px}p{color:var(--muted);line-height:1.9}small{font-size:11px}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:46px;color:inherit;border-radius:12px;outline:none;padding:12px 14px}input:focus,textarea:focus,select:focus{border-color:var(--purple)}label{font-size:12px;font-weight:700;line-height:1.8;display:block}label>input,label>select,label>textarea,label>.password-field{margin-top:6px}form{flex-direction:column;gap:16px;display:flex}.app-shell{max-width:1180px;margin:auto;padding:0 42px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:100px;display:flex}.brand{text-align:right;color:var(--purple-dark);align-items:center;gap:10px;font-size:29px;font-weight:900;line-height:1.2;display:flex}.brand small{letter-spacing:0;color:var(--muted);margin-top:7px;font-size:9px;font-weight:600;display:block}.brand-mark{font-size:49px;line-height:1;display:block;position:relative;transform:rotate(-12deg)}.brand-mark i{color:var(--gold-ink);text-shadow:0 1px 3px var(--shadow);font-size:26px;font-style:normal;position:absolute;bottom:1px;right:-7px}.header-actions{align-items:center;gap:17px;display:flex}.wallet{background:var(--warning-soft);color:var(--gold-ink);border-radius:13px;align-items:center;gap:9px;height:39px;padding:0 9px;font-family:Cardak,sans-serif;display:flex}.wallet svg{color:var(--gold-ink)}.wallet-plus{background:var(--surface);border-radius:8px;place-items:center;width:24px;height:24px;margin-right:5px;font-size:19px;display:grid}.header-avatar{background:var(--primary-faint);border:3px solid var(--border);border-radius:50%;place-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:grid;position:relative}.header-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.header-avatar span{font-size:16px;line-height:1;position:absolute;bottom:-6px;left:-5px}.main-content{padding-top:30px;padding-bottom:112px}.welcome-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.3px;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.welcome-row p{margin-top:6px;font-size:12px}.circle-button{background:var(--surface);border:1px solid var(--border);width:47px;height:47px;color:var(--gold-ink);border-radius:16px;place-items:center;display:grid}.button{background:var(--surface-soft);min-height:47px;color:var(--accent-ink);border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:10px 20px;font-size:13px;font-weight:750;transition:background .15s,transform .15s;display:flex}.button:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px)}.button.primary{background:var(--purple);color:var(--on-primary);box-shadow:0 5px 15px #583a9015}.button.cream{background:var(--warning-soft);color:var(--text)}.button.small{min-height:39px;padding:8px 15px;font-size:11px}.text-button{color:var(--accent-ink);white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:750;display:flex}.hero-banner{background:color-mix(in srgb, var(--primary) 14%, var(--surface));min-height:270px;color:var(--text);isolation:isolate;border-radius:25px;align-items:center;padding:29px 35px;display:flex;position:relative;overflow:hidden}.hero-banner:before{content:"";z-index:-1;border:70px solid #ffffff04;border-radius:50%;position:absolute;inset:-140px 45% -140px -160px}.hero-copy{z-index:2;width:60%;position:relative}.tag{background:var(--surface-soft);color:var(--muted);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:750;display:inline-flex}.tag.translucent{color:var(--muted);background:#ffffff14;border:1px solid #ffffff10}.tag.green{color:var(--success);background:var(--success-soft)}.hero-copy h2{margin:10px 0 3px;font-size:28px;line-height:1.65}.hero-copy p{color:var(--muted);font-size:11px}.hero-copy .button{width:133px;min-height:39px;margin-top:18px;font-size:12px}.hero-art{direction:ltr;justify-content:center;align-items:center;width:40%;height:100%;display:flex;position:absolute;bottom:0;left:0}.orb{border-radius:50%;position:absolute}.orb-one{background:#77608f25;border:1px solid #aa92ca22;width:220px;height:220px;top:36px;left:30px}.orb-two{border:1px solid #aa92ca15;width:170px;height:170px;top:62px;left:55px}.hero-game{object-fit:contain;filter:drop-shadow(0 14px 15px #10071b50);width:140px;height:190px;position:absolute}.hero-card-one{z-index:2;transform:rotate(-15deg)translate(-28px,4px)}.hero-card-two{z-index:1;transform:rotate(12deg)translate(60px,24px)}.hero-playing-card{background:var(--warning-soft);width:100px;height:150px;color:var(--danger);border-radius:12px;padding:10px;font-family:Georgia,serif;position:relative;transform:rotate(-18deg);box-shadow:0 14px 30px #13082650}.hero-playing-card b{font-size:26px}.hero-playing-card span{text-align:center;font-size:62px;display:block}.hero-die{color:var(--gold-ink);filter:drop-shadow(0 6px 8px #170f2440);font-size:95px;position:absolute;bottom:12px;left:40px;transform:rotate(15deg)}.hero-star{color:var(--gold-ink);line-height:1;position:absolute}.star-one{font-size:28px;top:55px;left:29px;transform:rotate(15deg)}.star-two{font-size:31px;bottom:35px;left:240px}.quick-strips{grid-template-columns:1fr 1fr;gap:15px;margin:20px 0 33px;display:grid}.quick-strip{background:var(--surface);border:1px solid var(--border);text-align:right;border-radius:16px;align-items:center;gap:13px;padding:15px;transition:box-shadow .2s;display:flex}.quick-strip:hover{box-shadow:0 6px 18px #34205608}.quick-strip>span:nth-child(2){flex:1}.quick-strip b{font-size:12px;display:block}.quick-strip small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.quick-strip>svg{color:var(--muted)}.strip-icon{border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.gold{background:var(--warning-soft);color:var(--gold-ink)}.lavender{background:var(--primary-faint);color:var(--muted)}.section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-heading h2{align-items:center;gap:9px;font-size:21px;display:flex}.section-heading p{margin-top:3px;font-size:11px}.count-tag{background:var(--surface-soft);min-width:23px;height:23px;color:var(--muted);border-radius:8px;place-items:center;font-size:11px;display:grid}.search-box{background:var(--surface);border:1px solid var(--border);width:190px;color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;min-height:39px;margin:0;padding:8px 0;font-size:10px}.search-box input:focus-visible{outline:none}.filter-tabs{gap:9px;margin:20px 0 21px;padding:2px;display:flex;overflow:auto}.filter-tabs button{white-space:nowrap;color:var(--muted);border-radius:10px;padding:7px 19px;font-size:11px;font-weight:700;transition:all .15s}.filter-tabs button.active{background:var(--primary-faint);color:var(--muted)}.games-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.game-card{background:var(--surface);border:1px solid var(--border);text-align:right;animation:.5s both rise;animation-delay:var(--card-delay);border-radius:21px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.game-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2e164615}.game-art{background:var(--game-bg,#e7e5f4);justify-content:center;align-items:center;height:183px;display:flex;position:relative;overflow:hidden}.game-art img{object-fit:contain;filter:drop-shadow(0 12px 9px #26174124);width:100%;height:100%;transition:transform .4s}.game-card:hover .game-art img{transform:scale(1.06)}.game-chess{--game-bg:#e0e6df;--game-accent:#597968}.game-tarneeb41{--game-bg:#eee0d4;--game-accent:#b38468}.game-trix{--game-bg:#eee0e5;--game-accent:#ae5f7d}.game-ludo{--game-bg:#dfeae8;--game-accent:#518f83}.game-uno{--game-bg:#e7e1f3;--game-accent:#8e6daf}.game-tawla{--game-bg:#eee5d8;--game-accent:#a28558}.game-type{background:color-mix(in srgb, var(--surface-raised) 92%, transparent);color:var(--muted);z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;padding:3px 8px;font-size:9px;position:absolute;top:12px;right:12px}.game-symbol{color:var(--game-accent);font-family:Georgia,serif;font-size:85px;line-height:1}.game-info{justify-content:space-between;align-items:center;gap:5px;padding:16px 16px 18px;display:flex}.game-info h3{font-size:16px}.game-info div>span{color:var(--muted);margin-top:3px;font-size:9px;display:block}.play-arrow{background:var(--surface-soft);width:31px;height:31px;color:var(--muted);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.community-banner{background:var(--surface-soft);border:1px solid var(--border);border-radius:18px;align-items:center;gap:15px;margin-top:31px;padding:24px;display:flex}.community-banner>div:nth-child(2){flex:1}.community-banner h3{font-size:14px}.community-banner p{margin-top:3px;font-size:10px}.community-symbol{color:var(--muted);font-family:Georgia,serif;font-size:43px;line-height:1}.bottom-nav{z-index:40;background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:24px;justify-content:space-around;align-items:center;width:min(630px,100% - 32px);height:75px;padding:0 12px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 35px #2f1a5712}.bottom-nav button{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;padding:8px;font-size:9px;font-weight:700;display:flex;position:relative}.nav-icon{border-radius:10px;place-items:center;width:43px;height:29px;transition:background .2s;display:grid}.bottom-nav button i{background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:8px}.page-footer{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:40px;font-size:9px;display:flex}.page-footer>span:last-child{border-right:1px solid var(--border);margin-right:5px;padding-right:10px}.tiny-mark{color:var(--muted);font-size:18px}.page-heading{margin:0 0 26px}.page-heading h1{align-items:center;gap:10px;display:flex}.page-heading h1 svg{color:var(--muted)}.page-heading p{margin-top:6px;font-size:12px}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.shop-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.shop-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:20px;padding:14px}.shop-art{background:var(--surface-soft);border-radius:13px;place-items:center;height:148px;margin-bottom:14px;display:grid;position:relative}.shop-art img{object-fit:contain;filter:drop-shadow(0 8px 9px #3f225d12);width:90px;height:95px}.shop-art>span:not(.item-kind){font-size:65px}.item-kind{color:var(--muted);background:var(--surface);border-radius:5px;padding:2px 6px;font-size:8px;position:absolute;top:8px;right:9px}.shop-card h3{font-size:13px}.shop-card p{min-height:34px;margin:5px 0 14px;font-size:9px}.shop-card .button{gap:6px;width:100%;min-height:38px;padding:7px;font-size:11px}.shop-card .button>span{margin-right:auto}.button.owned{color:var(--success);background:var(--success-soft);opacity:1}.challenge-intro{background:var(--warning-soft);border-radius:22px;align-items:center;gap:25px;margin-bottom:26px;padding:26px;display:flex}.big-trophy{filter:drop-shadow(0 12px 10px #bf984d25);font-size:70px}.challenge-intro h2{color:var(--gold-ink);margin:7px 0;font-size:22px}.challenge-intro p{color:var(--gold-ink);font-size:11px}.challenge-intro .tag{color:var(--gold-ink);background:var(--primary-faint)}.challenge-list{grid-template-columns:1fr 1fr;gap:20px;display:grid}.challenge-card{background:var(--surface);border:1px solid var(--border);border-radius:21px;align-items:flex-start;gap:18px;padding:18px;display:flex}.challenge-game{background:var(--game-bg);border-radius:14px;place-items:center;width:90px;min-width:90px;height:113px;display:grid;overflow:hidden}.challenge-game img{object-fit:contain;width:100%;height:100%}.challenge-body{flex:1}.challenge-body p{margin:6px 0 14px;font-size:9px}.challenge-body small{color:var(--muted);font-size:9px}.challenge-body .button{width:100%;min-height:32px;margin-top:17px;font-size:10px}.progress-track{background:var(--surface-soft);border-radius:8px;height:6px;margin:9px 0;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--primary-light), var(--primary));border-radius:8px;height:100%;transition:width .4s;display:block}.reward{color:var(--gold-ink);align-items:center;gap:4px;font-size:10px;display:flex}.reward span{color:var(--muted);margin-right:5px;font-size:9px}.club-info{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);border-radius:14px;align-items:center;gap:11px;margin-bottom:25px;padding:17px;font-size:11px;display:flex}.club-grid{grid-template-columns:repeat(3,1fr);gap:19px;display:grid}.club-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:21px;padding:23px;position:relative}.club-card>.tag{font-size:8px;position:absolute;top:14px;right:13px}.club-emblem{clip-path:polygon(50% 0,100% 20%,95% 73%,50% 100%,5% 73%,0 20%);background:var(--primary-faint);width:72px;height:82px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;margin:18px auto 16px;display:flex}.club-emblem span{margin-top:4px;font-size:19px;line-height:1}.club-card h3{font-size:16px}.club-card p{min-height:40px;margin:8px 0 15px;font-size:10px}.club-meta{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;padding:16px 0;font-size:9px;display:flex}.club-meta span{align-items:center;gap:5px;display:flex}.club-card .button{width:100%;min-height:39px;font-size:11px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:21px;margin-bottom:20px;padding:25px}.panel h3{align-items:center;gap:8px;margin-bottom:20px;font-size:15px;display:flex}.panel h3 svg{color:var(--muted)}.profile-cover{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:23px;margin-bottom:25px;padding:30px;position:relative;overflow:hidden}.profile-cover:before{content:"";background:var(--primary-faint);z-index:0;height:88px;position:absolute;inset:0 0 auto}.profile-avatar{border:5px solid var(--border);background:var(--primary-faint);width:90px;height:90px;color:var(--muted);z-index:1;border-radius:50%;place-items:center;margin:0 auto 8px;font-size:38px;font-weight:700;display:grid;position:relative}.profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar .profile-frame{object-fit:contain;pointer-events:none;z-index:2;border-radius:0;width:100%;max-width:none;height:100%;position:absolute;inset:0}.profile-avatar>span{z-index:3}.profile-cover>.profile-cover-image{object-fit:cover;z-index:0;opacity:.75;width:100%;height:105px;position:absolute;top:0;left:0}.featured-profile-badge{color:var(--gold-ink);justify-content:center;align-items:center;gap:7px;margin:7px 0;font-size:11px;display:flex}.featured-profile-badge img{object-fit:contain;width:27px;height:27px}.badge-item.equipped{background:var(--warning-soft);border-radius:13px;box-shadow:inset 0 0 0 1px #ddc58a}.badge-item{min-height:70px;padding:8px}.close-button{min-width:44px;min-height:44px}.profile-avatar>span{font-size:24px;line-height:1;position:absolute;bottom:-7px;left:0}.profile-cover h2{font-size:22px}.player-id{color:var(--muted);word-break:break-all;direction:ltr;justify-content:center;align-items:center;gap:8px;margin:2px auto 12px;font-size:10px;display:flex}.level-pill{background:var(--warning-soft);color:var(--gold-ink);border-radius:8px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;display:inline-flex}.profile-xp{width:220px;max-width:100%;color:var(--muted);margin:19px auto}.profile-stats{border-top:1px solid var(--border);justify-content:center;gap:0;margin-top:25px;padding-top:15px;display:flex}.profile-stats>div{border-left:1px solid var(--border);width:140px}.profile-stats>div:last-child{border:0}.profile-stats strong{color:var(--muted);font-size:24px;line-height:1.5;display:block}.profile-stats span{color:var(--muted);font-size:10px}.profile-columns{grid-template-columns:1.2fr 1fr;gap:22px;display:grid}.profile-form h3{margin:0 0 5px}.profile-form .privacy-heading{margin-top:14px}.toggle-row{justify-content:space-between;align-items:center;gap:20px;padding:7px 0;display:flex}.toggle-row b{font-size:11px;font-weight:600;display:block}.toggle-row small{color:var(--muted);font-size:9px;font-weight:400;display:block}.toggle-row input{appearance:none;background:var(--primary-faint);cursor:pointer;border:0;border-radius:20px;flex-shrink:0;width:39px;min-width:39px;height:23px;min-height:23px;margin:0;padding:0;transition:background .2s;position:relative;overflow:hidden}.toggle-row input:before{content:"";background:var(--surface);border-radius:50%;width:17px;height:17px;transition:left .2s;display:block;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #25183b20}.toggle-row input:checked{background:var(--primary)}.toggle-row input:checked:before{left:calc(100% - 20px);transform:none}.badges-row{flex-wrap:wrap;gap:13px;display:flex}.badge-item{background:var(--surface-soft);text-align:center;border-radius:10px;padding:8px}.badge-item span{font-size:30px;display:block}.badge-item b{color:var(--gold-ink);font-size:9px}.inventory-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.inventory-item{background:var(--surface-soft);border-radius:12px;place-items:center;height:69px;padding:10px;font-size:30px;display:grid}.inventory-item img{object-fit:contain;width:100%;height:100%}.admin-entry,.logout-button{width:100%;margin-top:14px}.admin-entry{background:var(--primary-faint)}.logout-button{color:var(--danger);background:var(--danger-soft)}.leader-row{border-bottom:1px solid var(--border);align-items:center;gap:17px;padding:18px 0;display:flex}.leader-row:last-child{border:0}.rank{text-align:center;min-width:30px;color:var(--muted);font-size:20px}.mini-avatar{background:var(--primary-faint);width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;font-size:18px;display:grid}.leader-row>div:nth-child(3){flex:1}.leader-row b{font-size:13px}.leader-row small{color:var(--muted);font-size:10px;font-weight:500;display:block}.leader-row>strong{color:var(--muted);font-size:16px}.leader-row>strong small{font-size:9px;display:inline}.empty-panel{text-align:center;border:1px dashed var(--border);background:var(--surface-soft);border-radius:23px;margin:30px 0;padding:50px 20px}.empty-panel>svg{color:var(--muted);margin:0 auto 14px}.empty-panel h2{font-size:23px}.empty-panel p{margin:9px 0 24px;font-size:12px}.empty-panel button{margin:auto}.empty-text{text-align:center;color:var(--muted);padding:35px;font-size:12px}.muted{color:var(--muted);font-size:11px}.resume-banner{color:var(--muted);background:var(--primary-faint);border:1px solid var(--border);text-align:right;border-radius:14px;align-items:center;gap:11px;width:100%;margin-bottom:20px;padding:14px 18px;font-size:12px;display:flex}.resume-banner span{flex:1}.resume-banner b{margin-right:10px;font-size:11px}.loading-page{text-align:center;padding:120px 20px}.loading-page h2{font-size:20px}.loading-page p{margin-top:10px;font-size:12px}.loader{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;margin:0 auto 25px;animation:1s linear infinite spin}.modal-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--surface);width:100%;max-width:430px;max-height:calc(var(--screen-height,100dvh) - 48px);border-radius:26px;padding:32px;animation:.23s both rise;position:relative;overflow-y:auto;box-shadow:0 25px 70px #20102c33}.close-button{background:var(--surface-soft);width:30px;height:30px;color:var(--muted);z-index:4;border-radius:9px;place-items:center;display:grid;position:absolute;top:17px;left:17px}.modal h2{font-size:22px}.modal>p{margin-top:4px;margin-bottom:23px;font-size:12px}.modal form{margin-top:23px}.auth-modal{text-align:center}.auth-modal form{text-align:right}.auth-symbol{width:80px;color:var(--muted);margin:6px auto 20px;font-size:60px;line-height:1.1;position:relative;transform:rotate(-10deg)}.auth-symbol span{color:var(--gold-ink);text-shadow:2px 0 var(--surface);font-size:37px;position:absolute;bottom:0;right:0}.auth-modal h2{font-size:20px}.auth-modal>.eyebrow{font-size:10px}.password-field{position:relative}.password-field input{padding-left:40px}.password-field button{color:var(--muted);position:absolute;top:12px;left:10px}.auth-switch{color:var(--muted);margin-top:24px;font-size:11px}.auth-switch button{color:var(--muted);padding:0 5px;font-weight:750}.form-hint{color:var(--muted);font-size:9px;line-height:1.9;display:block}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:9px;padding:10px;font-size:11px}.modal-game-art{background:var(--game-bg);width:120px;height:130px;color:var(--game-accent);border-radius:20px;place-items:center;margin:0 auto 17px;font-size:70px;display:grid}.modal-game-art img{object-fit:contain;width:100%;height:100%}.game-modal{text-align:center}.game-modal>.button{width:100%;margin-top:12px}.game-modal>p{font-size:11px}.room-list{text-align:right;margin:24px 0}.room-list h4{margin-bottom:13px;font-size:12px}.room-list h4 span{background:var(--surface-soft);color:var(--muted);border-radius:5px;margin-right:6px;padding:2px 7px;font-size:10px}.room-list p{font-size:10px}.room-row{border:1px solid var(--border);border-radius:10px;justify-content:space-between;width:100%;margin:8px 0;padding:10px;font-size:11px;display:flex}.room-row>span:last-child{color:var(--muted);align-items:center;gap:5px;display:flex}.toast{z-index:200;background:var(--surface-raised);color:var(--text);border:1px solid #ffffff20;border-radius:15px;align-items:center;gap:11px;width:max-content;max-width:calc(100% - 32px);padding:14px 18px;font-size:12px;animation:.2s fade-in;display:flex;position:fixed;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #22113040}.toast>svg{color:var(--muted);flex-shrink:0}.toast button{color:var(--muted);padding:0;display:flex}.toast span{overflow-wrap:anywhere}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1200px){.hero-banner{min-height:290px}.hero-copy h2{font-size:32px}.hero-game{width:161px;height:215px}.orb-one{width:245px;height:245px;top:20px;left:60px}.orb-two{width:195px;height:195px;top:45px;left:85px}.game-art{height:205px}.brand small{font-size:10px}}@media (max-width:900px){.app-shell{padding:0 25px}.games-grid{gap:15px}.game-art{height:165px}.challenge-list{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(3,1fr)}.club-grid{grid-template-columns:repeat(2,1fr)}.hero-card-two{transform:rotate(12deg)translate(45px,24px)}.hero-card-one{transform:rotate(-15deg)translate(-22px,4px)}.hero-game{width:120px}.star-two{left:180px}.hero-copy h2{font-size:27px}.profile-columns{grid-template-columns:1fr 1fr}}@media (max-width:600px){:root{font-size:13px}.app-shell{padding:0 20px}.topbar{height:80px}.brand{gap:8px;font-size:25px}.brand-mark{font-size:42px}.brand-mark i{font-size:22px}.brand small{margin-top:5px;font-size:7px}.header-actions{gap:11px}.wallet{border-radius:11px;gap:6px;height:34px;padding:0 7px;font-size:11px}.wallet-plus{width:20px;height:20px;margin-right:1px;font-size:17px}.wallet svg{width:16px}.header-avatar{width:38px;height:38px;font-size:17px}.header-avatar span{font-size:13px}.main-content{padding-top:23px;padding-bottom:100px}.welcome-row{margin-bottom:20px}.welcome-row h1{font-size:22px}.welcome-row p{margin-top:5px;font-size:10px}.eyebrow{font-size:9px}.desktop-only{display:none}.hero-banner{border-radius:22px;min-height:236px;padding:24px}.hero-copy{width:68%}.hero-copy h2{margin-top:12px;font-size:23px;line-height:1.65}.hero-copy p{max-width:170px;font-size:9px}.hero-copy .button{width:113px;min-height:34px;margin-top:16px;padding:7px 12px;font-size:10px}.hero-copy .tag{padding:3px 7px;font-size:8px}.hero-art{width:37%;left:8px}.hero-game{width:100px;height:155px}.hero-card-one{transform:rotate(-15deg)translate(-6px,13px)}.hero-card-two{width:92px;transform:rotate(14deg)translate(35px,39px)}.orb-one{width:170px;height:170px;top:50px;left:-15px}.orb-two{width:135px;height:135px;top:67px;left:3px}.star-one{font-size:23px;top:30px;left:3px}.star-two{font-size:18px;bottom:26px;left:106px}.quick-strips{gap:10px;margin:14px 0 27px}.quick-strip{border-radius:14px;gap:8px;padding:12px 9px}.strip-icon{border-radius:10px;flex-shrink:0;width:33px;height:36px}.strip-icon svg{width:20px}.quick-strip b{font-size:10px}.quick-strip small{margin-top:3px;font-size:8px}.quick-strip>svg{flex-shrink:0;width:13px}.section-heading h2{font-size:18px}.section-heading p{font-size:9px}.search-box{width:35px;height:35px;padding:8px;transition:width .2s;overflow:hidden}.search-box:focus-within{width:135px}.search-box input{width:100px;min-width:100px;min-height:30px;font-size:9px}.search-box svg{min-width:16px}.filter-tabs{gap:7px;margin:17px 0}.filter-tabs button{border-radius:9px;padding:6px 16px;font-size:10px}.games-grid{grid-template-columns:1fr 1fr;gap:14px}.game-card{border-radius:18px}.game-art{height:155px}.game-type{border-radius:5px;padding:2px 6px;font-size:7px;top:9px;right:9px}.game-info{padding:12px 11px 14px}.game-info h3{font-size:13px}.game-info div>span{margin-top:3px;font-size:7px}.play-arrow{border-radius:8px;width:24px;height:26px}.play-arrow svg{width:15px}.community-banner{border-radius:16px;flex-wrap:wrap;gap:10px;margin-top:25px;padding:17px 13px}.community-banner h3{font-size:11px}.community-banner p{max-width:230px;font-size:8px}.community-symbol{font-size:33px}.community-banner .text-button{margin-right:auto;font-size:9px}.bottom-nav{width:calc(100% - 28px);height:70px;padding:0 7px;padding-bottom:env(safe-area-inset-bottom,0);border-radius:21px;bottom:12px}.bottom-nav button{gap:2px;font-size:8px}.bottom-nav button svg{width:21px}.nav-icon{width:38px;height:27px}.bottom-nav button i{bottom:7px}.page-footer{margin-top:30px;font-size:8px}.page-heading{margin-bottom:21px}.page-heading h1{font-size:23px}.page-heading h1 svg{width:23px}.page-heading p{font-size:10px}.page-heading .button{padding:8px 10px;font-size:9px}.page-heading.row-between{align-items:flex-end}.shop-grid{grid-template-columns:1fr 1fr;gap:13px}.shop-card{border-radius:17px;padding:11px}.shop-art{height:120px;margin-bottom:12px}.shop-art img{width:79px;height:85px}.shop-card h3{font-size:11px}.shop-card p{min-height:31px;margin:5px 0 12px;font-size:8px}.shop-card .button{font-size:10px}.challenge-intro{border-radius:19px;gap:17px;padding:22px 18px}.big-trophy{font-size:50px}.challenge-intro h2{font-size:18px}.challenge-intro p{font-size:9px}.challenge-card{border-radius:18px;gap:13px;padding:14px}.challenge-game{width:75px;min-width:75px;height:105px}.challenge-body h3{font-size:12px}.challenge-body p,.challenge-body .tag{font-size:8px}.reward{font-size:9px}.club-info{align-items:flex-start;padding:12px;font-size:9px}.club-info svg{min-width:20px}.club-grid{gap:13px}.club-card{border-radius:18px;padding:15px 12px}.club-card h3{font-size:13px}.club-card p{font-size:8px}.club-meta{flex-wrap:wrap;gap:8px;padding:12px 0;font-size:8px}.club-card .button{min-height:35px;padding:7px;font-size:9px}.club-emblem{width:63px;height:72px;margin:25px auto 14px}.club-card>.tag{font-size:7px}.profile-cover{padding:27px 20px 20px}.profile-columns{grid-template-columns:1fr;gap:0}.panel{border-radius:18px;padding:21px}.profile-stats strong{font-size:22px}.profile-stats span,.toggle-row small{font-size:9px}.profile-form label{font-size:11px}.leaderboard{padding:10px 18px}.leader-row{gap:12px}.leader-row b{font-size:11px}.leader-row>strong{font-size:13px}.leader-row small{font-size:9px}.modal-backdrop{padding:15px}.modal{max-height:calc(var(--screen-height,100dvh) - 30px);border-radius:23px;padding:28px 23px}.modal h2{font-size:19px}.auth-modal h2{font-size:18px}.auth-modal form{gap:13px}.modal label{font-size:11px}.auth-symbol{margin-top:0;margin-bottom:16px;font-size:53px}.modal input,.modal select{min-height:43px;padding:10px 12px;font-size:12px}.password-field button{top:11px}.modal>p{font-size:10px}.toast{border-radius:12px;padding:12px 14px;font-size:11px;bottom:96px}.resume-banner{padding:12px;font-size:10px}.resume-banner b,.form-hint{font-size:9px}}@media (max-width:365px){.app-shell{padding:0 14px}.hero-banner{padding:20px}.hero-copy h2{font-size:21px}.hero-game{width:89px}.game-art{height:134px}.game-info{padding:10px 9px}.game-info h3{font-size:12px}.game-info div>span{font-size:6.8px}.quick-strip>svg,.brand small{display:none}.hero-card-two{width:80px;transform:rotate(14deg)translate(26px,39px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.challenge-attempts{color:var(--muted);align-items:center;gap:5px;margin:8px 0;font-size:9px;display:flex}.challenge-attempts>span:last-child:not(:nth-child(2)){margin-right:auto}.invite-bell{width:32px;height:35px;color:var(--muted);place-items:center;display:grid;position:relative}.invite-bell>span{background:var(--primary);min-width:15px;height:15px;color:var(--text);border-radius:50%;place-items:center;font-size:8px;display:grid;position:absolute;top:0;left:-2px}.club-title-button{font-weight:inherit;font-size:inherit;justify-content:center;align-items:center;gap:5px;padding:0;display:inline-flex}.player-search{flex-direction:row;gap:10px;margin-bottom:20px}.player-search label{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:13px;flex:1;align-items:center;gap:10px;padding:0 13px;display:flex}.player-search input{background:0 0;border:0;margin:0;font-size:11px}.player-link{font-size:inherit;font-weight:inherit;padding:0}.invitation{background:var(--surface);border:1px solid var(--border);border-radius:15px;margin-top:15px;padding:17px}.invitation p{margin-bottom:13px;font-size:11px}.public-profile{text-align:center}.public-profile>p{margin:5px 0 13px;font-size:10px}.public-profile .profile-avatar{border-color:var(--border)}.public-profile .badges-row{justify-content:center;margin-top:25px}.badge-item img{object-fit:contain;width:38px;height:38px;margin:0 auto 5px}.club-members{margin-top:20px}.club-members>button{border-bottom:1px solid var(--border);text-align:right;align-items:center;gap:11px;width:100%;padding:14px 0;display:flex}.club-members>button>span:nth-child(2){flex:1}.club-members b{font-size:11px;display:block}.club-members small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.reset-equipment{margin-top:17px;font-size:9px}@media (max-width:600px){.header-actions{gap:8px}.invite-bell{width:25px}.invite-bell svg{width:17px}.player-search input{font-size:9px}.player-search .button{white-space:nowrap;padding:8px 10px;font-size:9px}.brand small{font-size:6px}}.avatar-presets{border:0;grid-template-columns:repeat(4,1fr);gap:9px;margin:8px 0;padding:0;display:grid}.avatar-presets legend{margin-bottom:12px;font-size:12px;font-weight:700}.avatar-presets button{background:var(--surface-soft);aspect-ratio:1.25;border:2px solid #0000;border-radius:13px;place-items:center;max-height:74px;padding:9px;display:grid}.avatar-presets button.selected{border-color:var(--border);background:var(--primary-faint)}.avatar-presets img{object-fit:contain;width:100%;height:100%;max-height:51px}.connection-notice{background:#ffffff12;border:1px solid #e0c27f44;border-radius:15px;align-items:center;gap:15px;max-width:550px;margin:15px auto;padding:17px;display:flex}.connection-notice p{color:var(--gold-ink);flex:1;font-size:11px}.connection-notice .button{white-space:nowrap;font-size:10px}.topbar{gap:10px}.brand{min-width:0}.brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.brand-mark,.header-actions{flex-shrink:0}@media (max-width:380px){.app-shell{padding-inline:14px}.brand{gap:6px;font-size:21px}.brand-mark{font-size:32px}.brand-mark i{font-size:17px}.header-actions{gap:6px}.wallet{gap:4px;padding-inline:5px}.wallet-plus{display:none}.header-avatar{width:34px;height:34px}}.active-sessions{margin:12px 0 20px}.active-sessions h3{font-size:14px}.active-sessions h3 span{color:var(--accent-ink)}.active-sessions .row-between>small{color:var(--muted);font-size:10px}.sessions-list{gap:8px;padding-block:9px;display:flex;overflow-x:auto}.sessions-list .resume-banner{flex:1;min-width:180px;margin:0}.sessions-list .resume-banner span{gap:3px;display:grid}.sessions-list .resume-banner small{font-size:9px}.preview-item-button{color:var(--accent-ink);padding:7px 0 12px;font-size:11px;font-weight:700}.shop-art.table-art img{object-fit:cover;border-radius:12px;width:100%;height:100%}.shop-art.back-art img{object-fit:contain;filter:drop-shadow(3px 4px 4px #30234040);width:auto;height:88%;transform:rotate(-8deg)}.item-preview-modal{text-align:center;flex-direction:column;gap:14px;display:flex}.item-preview-stage{background:radial-gradient(ellipse, #f8eacb80, var(--primary-faint));border-radius:22px;place-items:center;width:100%;height:260px;display:grid;overflow:hidden}.item-preview-stage>img{object-fit:contain;width:80%;height:85%;animation:3s ease-in-out infinite alternate preview-float}.item-preview-stage>span{font-size:100px}.item-preview-stage.preview-table>img{object-fit:cover;border-radius:45%;width:96%;height:90%;animation:none;transform:perspective(550px)rotateX(22deg);box-shadow:0 10px 12px #392e4525}.item-preview-stage.preview-card>img{filter:drop-shadow(10px 14px 7px #33244335);width:auto;height:82%}.owned-preview{color:var(--accent-ink);justify-content:center;gap:8px;font-weight:700;display:flex}@keyframes preview-float{0%{transform:translateY(-4px)rotate(-5deg)}to{transform:translateY(5px)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.item-preview-stage>img{animation:none}}.game-card,.shop-card,.challenge-card,.club-card,.panel{border-color:var(--border);box-shadow:0 3px 5px #2f1c4a03,0 12px 32px #2f1c4a05}.menu-profile{align-items:center;gap:14px;margin-bottom:24px;padding-top:8px;display:flex}.ownership-term{background:var(--surface-soft);color:var(--success);border-radius:20px;align-self:center;align-items:center;margin:6px 0;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.name-color-sample{text-shadow:0 1px 3px #fff4;overflow-wrap:anywhere;background:linear-gradient(130deg,#8e7aa1,#5c4973);border-radius:15px;padding:14px 20px;font-size:24px;font-weight:800;line-height:1.8}.inventory-item .name-color-sample{place-items:center;max-width:100%;padding:10px;font-size:15px;display:grid}.cosmetic-name.light-name{background:#66527f;border-radius:12px;padding:2px 15px}.profile-bio{overflow-wrap:anywhere;max-width:420px;margin:7px auto 10px;font-size:13px}.public-profile .profile-cover-image{object-fit:cover;border-radius:18px;width:100%;height:100px;margin-bottom:12px}.ownership-term.temporary{background:var(--warning-soft);color:var(--gold-ink)}.preview-ownership{justify-content:center;align-items:center;gap:12px;margin:8px 0 18px;display:flex}.preview-ownership small{color:var(--muted)}.inventory-panel .inventory-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}.inventory-panel .inventory-item{flex-direction:column;justify-content:flex-start;gap:7px;height:auto;min-height:135px;padding:10px;display:flex;position:relative}.inventory-panel .inventory-item>img{object-fit:contain;width:70px;height:70px}.inventory-panel .inventory-item>:first-child:not(.inventory-label){flex:none;height:70px}.inventory-panel .inventory-item.expired{opacity:.65}.inventory-label{text-align:center;max-width:100%;font-size:11px;line-height:1.7}.inventory-label small{color:var(--muted);font-size:10px;display:block}.inventory-panel .inventory-item .emote-poster{width:80px;height:70px}.menu-profile>span{gap:5px;display:grid}.menu-profile b{font-size:20px}.menu-profile small{color:var(--muted)}.menu-profile .mini-avatar{width:54px;height:54px}.menu-profile img{object-fit:contain;width:100%;height:100%}.menu-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menu-grid>button{background:var(--surface-soft);border:1px solid var(--border);min-height:88px;color:var(--muted);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 10px;font-size:12px;font-weight:700;display:flex;position:relative}.menu-grid>button b{background:var(--secondary);min-width:19px;color:var(--text);border-radius:20px;font-size:10px;position:absolute;top:8px;left:8px}.profile-actions{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:20px;display:flex}.profile-actions .button{white-space:nowrap;min-height:44px;padding:10px 14px}.profile-shortcuts>button{text-align:start;border-bottom:1px solid var(--border);align-items:center;gap:10px;width:100%;min-height:64px;font-size:13px;display:flex}.profile-shortcuts>button:last-child{border:0}.profile-shortcuts>button>span{flex:1}.profile-shortcuts>button>svg{color:var(--muted)}.profile-shortcuts>button>b{background:var(--primary-faint);color:var(--muted);border-radius:15px;padding:2px 8px;font-size:11px}.room-options{background:var(--surface-soft);border:1px solid var(--border);text-align:start;border-radius:18px;gap:12px;margin:15px 0 20px;padding:16px;display:grid}.game-modal.room-config{height:auto;max-height:calc(var(--screen-height,100dvh) - 16px);flex-direction:column;padding:16px;display:flex;overflow:clip}.game-modal.room-config .modal-game-art{display:none}.game-modal.room-config>h2{flex:none;padding-inline:38px;font-size:18px;line-height:1.5}.game-modal.room-config>p{flex:none;margin:4px 20px 6px;font-size:10px;line-height:1.5}.game-modal.room-config .room-options{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;min-height:0;margin:6px 0;padding:10px;overflow:visible}.game-modal.room-config .room-options>h3,.game-modal.room-config .room-access,.game-modal.room-config .room-options>.form-hint{grid-column:1/-1}.game-modal.room-config .room-options>h3{font-size:12px;line-height:1.5}.game-modal.room-config .room-options>label{min-width:0;font-size:10px;line-height:1.4}.game-modal.room-config .room-options input:not([type=checkbox]),.game-modal.room-config .room-options select{border-radius:9px;min-width:0;max-width:100%;min-height:36px;margin-top:3px;padding:5px;font-size:11px}.game-modal.room-config .room-options .toggle-row{gap:5px;min-height:42px;padding:3px 0}.game-modal.room-config .room-options .toggle-row b{font-size:10px}.game-modal.room-config .room-options .toggle-row small{font-size:8px;line-height:1.4}.game-modal.room-config .room-options .toggle-row input{width:36px;min-width:36px;height:23px;min-height:23px}.game-modal.room-config .room-access>button{gap:5px;min-height:34px;font-size:11px}.game-modal.room-config .room-options>.form-hint{margin:0;font-size:9px;line-height:1.4}.game-modal.room-config>.button{flex:none;min-height:40px;margin-top:6px;padding:8px 12px;font-size:13px}.game-modal.room-config .room-list,.game-modal.room-config>small.form-hint{display:none}.game-modal.room-config .close-button{width:32px;height:32px;top:10px;left:10px}.room-config-back{flex:none;justify-content:center;min-height:30px;margin-top:2px;font-size:10px}.lobby-actions{flex:none;gap:6px;display:grid}.lobby-actions.room-config-actions{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:stretch}.room-config-actions>.button{min-height:40px;margin:0;padding:6px;font-size:12px}.room-config-actions>.room-config-back{border:1px solid var(--border);border-radius:12px;min-width:0;margin:0;padding:4px}@media (max-height:480px){.game-modal.room-config .room-options>h3{display:none}.game-modal.room-config .room-config-actions>button{height:32px;min-height:32px;margin:0;padding:3px 5px}}.room-options h3{align-items:center;gap:8px;font-size:15px;display:flex}.room-options .toggle-row{padding:7px 0}.room-options .toggle-row input{flex:none;width:44px;min-height:26px}.room-options .toggle-row small{font-size:11px}.room-access{gap:8px;display:flex}.room-access>button{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:12px;display:flex}.room-access>button.active{background:var(--primary);border-color:var(--primary);color:var(--text)}.account-record{border-bottom:1px solid var(--border);align-items:center;gap:15px;padding:18px 0;display:flex}.account-record>div{flex:1;gap:6px;display:grid}.account-record small{color:var(--muted);font-size:11px}.account-record>b{font-size:14px}.account-record:last-child{border:0}.help-sections{gap:14px;display:grid}.help-sections details{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:17px 20px}.help-sections summary{cursor:pointer;min-height:30px;font-size:14px;font-weight:700}.help-sections p{margin:12px 0;font-size:13px;line-height:2}@media (max-width:600px){.site-menu{max-height:calc(var(--screen-height,100dvh) - 28px);padding:25px 20px}.menu-grid>button{min-height:76px}.profile-actions .button{padding:10px 12px;font-size:11px}.profile-columns{grid-template-columns:1fr}.profile-shortcuts{margin-bottom:18px}.room-options{padding:13px}.help-sections details{padding:16px}.account-record{font-size:12px}}@media (pointer:coarse){input,select,textarea{font-size:16px}}.game-card{border-radius:24px}.game-art{background-image:radial-gradient(ellipse at 50% 25%, var(--surface-raised), transparent 75%)}.game-art:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -12px 25px #30223d0b}.game-type{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffffa0}.shop-card{flex-direction:column;gap:0;padding:14px;display:flex}.shop-art{background:radial-gradient(ellipse at 50% 38%, var(--surface), var(--surface-soft));border:1px solid var(--border);flex:none;overflow:hidden}.shop-art .emote-poster{padding:6px}.shop-card h3{min-height:24px;font-size:14px;line-height:1.65}.shop-card p{min-height:40px;margin-bottom:10px;font-size:11px;line-height:1.8}.shop-card .button{border-radius:12px;min-height:44px;margin-top:auto;font-size:12px}.preview-item-button{min-height:44px;padding:9px 3px;font-size:12px;line-height:1.6}.item-kind{border:1px solid var(--border);z-index:1;padding:3px 7px;font-size:10px}.page-heading p{font-size:13px}.filter-tabs{scrollbar-width:none;scroll-padding-inline:12px}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{white-space:nowrap;min-height:44px;font-size:12px}.bottom-nav{box-shadow:0 8px 35px #2f1a5718, inset 0 1px var(--border);border-color:var(--border)}.bottom-nav button{color:var(--muted);font-size:11px}.bottom-nav button.active .nav-icon{background:var(--primary-faint);box-shadow:inset 0 1px var(--border)}.app-shell .button{min-height:44px}.app-shell .icon-button{min-width:44px;min-height:44px}.active-sessions .row-between>small,.sessions-list .resume-banner small{font-size:11px}.sessions-list{scrollbar-width:none}.sessions-list::-webkit-scrollbar{display:none}.games-section{margin-bottom:26px}.games-section .game-info div>span{font-size:11px}.item-preview-modal p{font-size:13px}.item-preview-modal .button{min-height:46px}@media (max-width:700px){.shop-grid{gap:12px}.shop-card{border-radius:20px;padding:10px}.shop-art{border-radius:13px;height:132px}.shop-card h3{font-size:13px}.shop-card p{min-height:40px;font-size:11px}.preview-item-button{font-size:11px}.page-heading p{font-size:12px}.bottom-nav{bottom:max(10px, env(safe-area-inset-bottom))}.active-sessions .row-between{flex-wrap:wrap;gap:3px}}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:clip}.app-shell{width:min(100%,1180px);height:var(--screen-height,100dvh);grid-template-rows:58px minmax(0,1fr) 64px;gap:0;min-height:0;padding:0 clamp(10px,2vw,28px);display:grid;overflow:clip}.topbar{gap:8px;height:auto;min-height:0}.brand{gap:8px;font-size:22px}.brand-mark{font-size:34px}.brand-mark i{font-size:20px}.brand small{margin-top:3px;font-size:8px}.header-actions{gap:8px}.header-avatar{width:34px;height:34px}.wallet{min-height:34px;padding:4px 8px;font-size:12px}.main-content{flex-direction:column;gap:8px;min-width:0;min-height:0;padding:10px 0;display:flex;overflow:clip}.main-content>*{flex-shrink:0;min-width:0}.bottom-nav{width:100%;max-width:none;height:58px;padding:3px 6px max(3px, env(safe-area-inset-bottom));border-radius:18px 18px 0 0;align-self:end;margin:0;position:static;inset:auto;transform:none}.bottom-nav button{gap:1px;min-height:46px;font-size:10px}.bottom-nav .nav-icon{width:33px;height:29px}.bottom-nav button i{bottom:0}.page-heading{margin:0;padding:0}.page-heading h1{gap:8px;font-size:21px;line-height:1.5}.page-heading .eyebrow,.page-heading>p,.page-heading>div>p{display:none}.content-pager{flex:none;justify-content:center;align-items:center;gap:9px;min-height:34px;margin-top:auto;display:flex}.content-pager>button{border:1px solid var(--border);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:4px;min-height:34px;padding:4px 10px;font-size:10px;display:inline-flex}.content-pager>span{text-align:center;font-variant-numeric:tabular-nums;min-width:34px;font-size:11px}.section-selector{justify-content:space-between;align-items:center;gap:10px;min-height:36px;font-size:11px;display:flex}.section-selector select{width:auto;min-width:0;max-width:68%;min-height:34px;margin:0;padding:4px 9px;font-size:12px}.section-tabs{flex:none;align-items:stretch;gap:5px;min-height:36px;display:flex}.section-tabs>button{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex:1;min-width:0;padding:6px 4px;font-size:11px}.section-tabs>button.active{color:var(--on-primary);background:var(--purple);border-color:var(--purple)}.page-home .welcome-row{align-items:center;min-height:35px;margin:0}.page-home .welcome-row h1{font-size:19px;line-height:1.4}.page-home .welcome-row .eyebrow,.page-home .welcome-row p,.page-home .desktop-only{display:none}.page-home .games-section{flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;display:flex}.page-home .section-heading{flex-direction:row;align-items:center;gap:6px;min-height:32px;margin:0}.page-home .section-heading h2{font-size:15px;line-height:1.5}.page-home .section-heading p{display:none}.page-home .search-box{gap:4px;width:130px;height:32px;min-height:32px;margin:0;padding:0 7px}.page-home .search-box input{width:100%;min-height:30px;padding:3px 0;font-size:10px}.page-home .filter-tabs{gap:6px;margin:0;padding:0;overflow:visible}.page-home .filter-tabs button{min-height:30px;padding:4px 9px;font-size:10px}.page-home .filter-tabs .rules-library-shortcut{border:1px solid var(--border);background:var(--surface);color:var(--accent-ink);flex:none;justify-content:center;align-items:center;gap:5px;margin-inline-start:auto;display:flex}@media (max-width:380px){.rules-library-shortcut span{display:none}}.page-home .games-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:7px;min-height:0;display:grid}.page-home .game-card{border-radius:15px;grid-template-rows:minmax(0,1fr) 30px;height:100%;min-height:0;padding:0;display:grid;overflow:clip}.page-home .game-art{border-radius:0;width:100%;height:auto;min-height:0;padding:2px}.page-home .game-art img{object-fit:contain;width:100%;height:100%;max-height:100%;transform:none}.page-home .game-info{gap:3px;padding:3px 8px}.page-home .game-info h3{font-size:12px;line-height:1.5}.page-home .game-info div>span{display:none}.page-home .game-type{padding:1px 5px;font-size:8px;top:5px;right:5px}.page-home .play-arrow{width:23px;height:23px}.page-home .quick-strips{grid-template-columns:1fr 1fr;gap:7px;margin:0;display:grid}.page-home .quick-strip{border-radius:12px;gap:6px;min-height:43px;padding:6px 8px}.page-home .quick-strip b{font-size:10px}.page-home .quick-strip small,.page-home .quick-strip>svg{display:none}.page-home .strip-icon{width:28px;height:28px}.page-home .strip-icon svg{width:19px}.active-sessions{align-items:center;gap:5px;min-height:44px;margin:0;padding:0;display:flex}.active-sessions>.row-between{display:none}.active-sessions .sessions-list{flex:1;min-width:0;margin:0;display:block;overflow:clip}.active-sessions .resume-banner{border-radius:10px;gap:5px;width:100%;min-width:0;min-height:43px;margin:0;padding:4px 8px}.active-sessions .resume-banner b{font-size:10px}.active-sessions .resume-banner small{font-size:8px}.active-sessions .content-pager{gap:2px;margin:0}.active-sessions .content-pager button{padding:4px;font-size:9px}.active-sessions .content-pager svg{display:none}.active-sessions .content-pager span{min-width:26px;font-size:9px}.page-shop .shop-controls{flex:none;gap:7px;min-width:0;display:grid}.page-shop .shop-search{border:1px solid var(--border);background:var(--surface-soft);min-width:0;min-height:34px;color:var(--muted);border-radius:10px;align-items:center;gap:7px;padding:0 10px;display:flex}.page-shop .shop-search input{width:100%;min-width:0;height:32px;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:4px 0;font-size:11px}.page-shop .shop-search:focus-within{border-color:var(--primary)}.page-shop .shop-search input:focus{outline:none}.page-shop .shop-search>span{font-variant-numeric:tabular-nums;font-size:10px}.page-shop .shop-categories{border:1px solid var(--border);background:var(--surface-soft);border-radius:13px;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.shop-categories button{min-width:0;min-height:35px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:5px 7px;font-size:12px;font-weight:700}.shop-categories button.active{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.shop-categories button:hover:not(.active){color:var(--text);background:var(--surface-raised)}.page-shop .shop-scroll{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--primary) transparent;scrollbar-gutter:stable;border-radius:14px;flex:1;min-height:0;padding:1px 1px 10px;overflow:hidden auto}.page-shop .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:10px;min-height:0;margin:0;display:grid}.page-shop .shop-card{border-radius:14px;gap:4px;min-width:0;height:auto;min-height:0;padding:8px;overflow:hidden}.page-shop .shop-art{border-radius:9px;flex:none;width:100%;height:100px;min-height:0;margin:0;padding:8px}.page-shop .shop-art>span:not(.item-kind):not(.emote-poster):not(.name-color-sample){font-size:62px;line-height:1}.page-shop .shop-art>.name-color-sample{overflow-wrap:anywhere;font-size:18px;line-height:1.5}.page-shop .shop-art img{object-fit:contain;width:100%;height:100%;max-height:100%}.page-shop .shop-art>img{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.page-shop .shop-art .item-kind{display:none}.page-shop .shop-card h3{overflow-wrap:anywhere;place-items:center;min-height:34px;margin:0;font-size:12px;line-height:1.4;display:grid}.page-shop .shop-card p{display:none}.page-shop .ownership-term{min-height:13px;margin:0;font-size:9px;line-height:1.4}.page-shop .shop-ownership{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;min-height:20px;display:flex}.shop-owned-badge,.shop-expired-badge{border-radius:7px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;line-height:1.4;display:inline-flex}.shop-owned-badge{color:#9cd8b8;background:#244c383d}.shop-expired-badge{color:var(--muted);background:var(--surface-soft)}.page-shop .preview-item-button{min-height:30px;margin:0;padding:4px 0;font-size:10px}.page-shop .shop-card .button{border-radius:9px;min-height:34px;margin:0;padding:3px;font-size:11px}.page-shop .shop-card .button svg{width:13px}.page-shop .shop-grid.emote-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:680px;margin-inline:auto}.page-shop .shop-card.shop-emote-card{border-radius:10px;gap:2px;padding:4px}.modal.public-profile{flex-direction:column;gap:12px;padding:20px 18px 16px;display:flex}.public-profile .public-identity,.public-profile .public-details{flex-direction:column;align-items:center;gap:9px;min-width:0;display:flex}.public-profile .public-identity>h2{overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.5}.public-profile .public-identity>p,.public-profile .public-details>p{overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.7}.public-profile .public-identity .profile-avatar{width:62px;height:62px;margin:0;font-size:26px}.public-profile .public-identity .profile-actions{margin:0}.public-profile .public-details .profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;padding:7px 0 0;display:grid}.public-profile .public-details .profile-stats>div{width:auto}.public-profile .public-details .profile-stats strong{font-size:21px;line-height:1.3}.public-profile .public-details .profile-stats span{font-size:10px}.public-profile .public-details .badges-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%;margin:0;padding:0;display:grid}.public-profile .public-details .badges-row:empty{display:none}.public-profile .public-details .badge-item{background:0 0;border:0;width:auto;min-width:0;padding:0}.public-profile .public-details .badge-item img{width:34px;height:34px}.public-profile .public-details .badge-item>span{font-size:28px}.public-profile .public-details .badge-item b{overflow-wrap:anywhere;font-size:9px;line-height:1.4}.public-profile .public-details .content-pager{margin:0}@media (min-width:600px) and (max-height:480px){.modal.public-profile{grid-template-columns:145px minmax(0,1fr);gap:20px;max-width:610px;padding:20px 22px;display:grid}.public-profile .public-identity,.public-profile .public-details{justify-content:center}}.page-challenges .challenge-list{grid-auto-rows:max-content;align-content:start}.page-challenges .challenge-card{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:4px 9px;min-height:0;padding:10px;display:grid}.page-challenges .challenge-card .challenge-game{border-radius:9px;grid-area:1/1;width:42px;min-width:0;height:42px}.page-challenges .challenge-card .challenge-game>svg{width:24px;height:24px}.page-challenges .challenge-card .challenge-body{display:contents}.page-challenges .challenge-card .challenge-body>*{grid-column:1/-1}.page-challenges .challenge-card .challenge-heading{grid-column:2;align-items:center;gap:6px}.page-challenges .challenge-heading>div{min-width:0}.page-challenges .challenge-heading h3{overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}.page-challenges .challenge-heading .tag{flex:none;padding:3px 6px;font-size:9px}.page-challenges .challenge-card .challenge-game-name{font-size:10px;line-height:1.5}.page-challenges .challenge-card .challenge-description{margin:0;font-size:11px;line-height:1.5}.page-challenges .challenge-card .challenge-attempts{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:10px;line-height:1.4;display:flex}.page-challenges .challenge-card .challenge-eligibility{font-size:10px;line-height:1.4}.page-challenges .challenge-card .progress-track{height:4px;margin:0}.page-challenges .challenge-card .challenge-summary{flex-wrap:wrap;gap:5px}.page-challenges .challenge-card .challenge-progress{font-size:10px}.page-challenges .challenge-card .reward{gap:4px;font-size:11px}.page-challenges .challenge-card .challenge-xp{color:var(--muted);margin-inline-start:4px;font-size:10px}.page-challenges .challenge-card .button{min-height:32px;margin:0;padding:5px 8px;font-size:11px}.page-challenges .content-pager>span{direction:ltr;unicode-bidi:isolate}.main-content.page-profile>.profile-cover{box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 auto;justify-content:flex-start;gap:10px;padding:10px 4px}.main-content.page-profile>.profile-cover:before{display:none}.main-content.page-profile .profile-overview-identity{text-align:start;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:3px 12px;display:grid}.main-content.page-profile .profile-overview-identity .profile-avatar{border-width:3px;grid-area:1/1/4;width:64px;height:64px;margin:0}.main-content.page-profile .profile-overview-identity h2{grid-area:1/2;font-size:18px;line-height:1.5}.main-content.page-profile .profile-overview-identity .player-id{grid-area:2/2;justify-self:start;min-height:24px;margin:0}.main-content.page-profile .profile-overview-identity .level-pill{grid-area:3/2;justify-self:start;margin:0;padding:1px 7px}.main-content.page-profile .profile-overview-identity .profile-bio,.main-content.page-profile .profile-overview-identity .featured-profile-badge{grid-column:1/-1;max-width:100%;margin:5px 0 0}.main-content.page-profile .profile-overview-identity .profile-bio{text-align:start}.main-content.page-profile .profile-overview-details{gap:8px}.main-content.page-profile .profile-overview-details .profile-xp{width:100%;margin:0}.main-content.page-profile .profile-overview-details .profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding-top:9px;display:grid}.main-content.page-profile .profile-overview-details .profile-stats>div{width:auto}.main-content.page-profile .profile-overview-details .profile-stats strong{font-size:22px;line-height:1.4}.main-content.page-profile .profile-overview-details .profile-actions{margin-top:0}@media (max-width:699px) and (max-height:680px){.main-content.page-profile>.profile-cover{gap:6px;padding-block:4px}.main-content.page-profile .profile-overview-details{gap:4px}.main-content.page-profile .profile-overview-details .profile-stats{padding-top:5px}}.main-content.page-profile>.inventory-panel,.main-content.page-profile>.profile-badges-panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:6px 0}.main-content.page-profile .inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:12px 8px}.main-content.page-profile .inventory-item{background:0 0;border:0;border-radius:0;justify-content:flex-start;gap:5px;height:auto;min-height:0;padding:4px 0}.main-content.page-profile .inventory-item>img,.main-content.page-profile .inventory-item .emote-poster,.main-content.page-profile .inventory-item>:first-child:not(.inventory-label){object-fit:contain;flex:none;width:100%;height:64px;max-height:64px}.main-content.page-profile .inventory-label{overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.5}.main-content.page-profile .inventory-label small{font-size:9px;line-height:1.4}.main-content.page-profile .profile-badges-panel .badges-row{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:16px 8px;padding:8px 2px;display:grid;overflow:hidden auto}.main-content.page-profile .profile-badges-panel .badge-item,.main-content.page-profile .profile-badges-panel .badge-item.equipped{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;padding:2px;display:flex}.main-content.page-profile .profile-badges-panel .badge-item>span{place-items:center;width:48px;height:48px;display:grid}.main-content.page-profile .profile-badges-panel .badge-item img{object-fit:contain;width:44px;height:44px}.main-content.page-profile .profile-badges-panel .badge-item.equipped>span{outline:1px solid var(--gold-ink);outline-offset:2px;border-radius:50%}.main-content.page-profile .profile-badges-panel .badge-item b{overflow-wrap:anywhere;font-size:10px;font-weight:600;line-height:1.5}.main-content.page-profile .profile-badges-panel .badges-row>p{grid-column:1/-1}.main-content.page-profile .content-pager>span{direction:ltr;unicode-bidi:isolate}@media (min-width:700px){.main-content.page-profile>.profile-cover{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}}@media (max-height:560px){.main-content.page-profile>.profile-cover{gap:9px;padding-block:4px}.main-content.page-profile .profile-overview-identity{grid-template-columns:48px minmax(0,1fr);gap:2px 8px}.main-content.page-profile .profile-overview-identity .profile-avatar{width:48px;height:48px}.main-content.page-profile .profile-overview-identity h2{font-size:15px}.main-content.page-profile .profile-overview-details{gap:4px}.main-content.page-profile .inventory-item>img,.main-content.page-profile .inventory-item .emote-poster,.main-content.page-profile .inventory-item>:first-child:not(.inventory-label){height:52px;max-height:52px}}.shop-empty{text-align:center;color:var(--muted);grid-column:1/-1;justify-items:center;gap:10px;padding:28px 12px;display:grid}.shop-empty h3{color:var(--text);margin:0;font-size:13px}.shop-empty p{margin:0;font-size:11px}.challenge-list,.club-grid{flex:1;grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr);gap:9px;min-height:0;margin:0;display:grid}.challenge-card{border-radius:16px;grid-template-columns:64px minmax(0,1fr);gap:10px;min-height:0;margin:0;padding:12px}.challenge-game{width:64px;height:74px}.challenge-body{min-width:0}.challenge-body h3{font-size:13px}.challenge-body p{margin:4px 0;font-size:11px;line-height:1.6}.challenge-body .progress-track{margin:7px 0}.challenge-body .button{min-height:33px;margin-top:7px;padding:5px 9px;font-size:11px}.club-info{margin:0;padding:9px;font-size:10px;line-height:1.6}.club-grid .club-card{text-align:start;border-radius:16px;grid-template-rows:auto auto auto 1fr;grid-template-columns:50px minmax(0,1fr);gap:5px 10px;min-height:0;padding:12px;display:grid}.club-card .club-emblem{grid-area:1/1/3;width:48px;height:48px;margin:0}.club-card>.tag{grid-column:2;justify-self:start;font-size:9px}.club-card h3{grid-column:2;font-size:14px}.club-card>p,.club-card .club-meta{grid-column:1/-1;margin:0;font-size:10px;line-height:1.6}.club-card>.button{grid-column:1/-1;align-self:end;min-height:33px;margin:0;padding:5px 8px;font-size:11px}.page-profile>.profile-cover{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:0;margin:0;padding:14px;display:flex}.page-profile .profile-avatar{flex:none;width:72px;height:72px;margin:0 0 3px}.page-profile .profile-cover h2{font-size:19px}.page-profile .profile-bio{font-size:11px;line-height:1.6}.page-profile .profile-cover .player-id{min-height:24px;margin:2px auto 4px}.page-profile .profile-cover .profile-xp{margin:7px auto}.page-profile .profile-cover .profile-stats{width:100%;margin-top:4px;padding-top:7px}.page-profile .profile-stats strong{font-size:22px}.page-profile .profile-actions{gap:5px;margin-top:7px}.page-profile .profile-actions .button{min-height:35px;padding:5px 9px;font-size:10px}.page-profile>.panel{flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;padding:14px;display:flex}.page-profile .panel h3{margin:0;font-size:14px}.page-profile .profile-form{gap:10px}.page-profile .profile-form label{font-size:11px}.identity-hint{color:var(--muted);margin-top:4px;font-size:10px;font-weight:400;line-height:1.5;display:block}.profile-player-id{background:var(--bg);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px 8px;padding:7px 9px;font-size:11px;display:flex}.profile-player-id small{color:var(--muted)}.profile-player-id strong{font-variant-numeric:tabular-nums}.page-profile .profile-form .edit-tabs{flex:none}.page-profile .profile-form .edit-tabs button{min-width:0;padding-inline:5px}.page-profile .profile-form input,.page-profile .profile-form select{min-height:39px;margin-top:3px;padding:6px 9px}.page-profile .profile-form textarea{resize:none;min-height:65px;padding:7px 9px}.page-profile .profile-form>.button{min-height:38px;margin-top:auto}.page-profile .avatar-presets{grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:10px 0;display:grid}.page-profile .avatar-presets button{aspect-ratio:1;width:100%;height:auto;max-height:100px}.page-profile .avatar-presets img{object-fit:contain;width:100%;height:100%}.page-profile .inventory-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;min-height:0;display:grid}.page-profile .inventory-item{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;min-height:0;padding:8px;display:flex;overflow:clip}.page-profile .inventory-item>img,.page-profile .inventory-item .emote-poster{object-fit:contain;width:100%;height:65%;min-height:0;max-height:95px}.page-profile .inventory-label{margin:3px 0 0;font-size:10px}.page-profile .inventory-label small{font-size:9px}.page-profile .badges-row{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);min-height:0;display:grid}.page-profile .badge-item{justify-content:center;min-height:0;padding:8px}.page-profile .profile-shortcuts{justify-content:space-evenly}.page-profile .profile-shortcuts>button{min-height:40px;font-size:12px}.page-profile .admin-entry,.page-profile .logout-button{min-height:36px;margin:0;padding:5px 10px;font-size:11px}.page-profile .reset-equipment{min-height:30px;font-size:10px}.main-content .account-records,.main-content .leaderboard{flex-direction:column;flex:1;min-height:0;margin:0;padding:10px 14px;display:flex}.account-record{gap:9px;min-height:0;padding:9px 0;font-size:11px}.account-record small{font-size:9px}.account-records>.button{min-height:34px;margin-top:4px;font-size:11px}.leader-row{min-height:0;padding:10px 0;font-size:12px}.leader-row .mini-avatar{width:31px;height:31px}.player-search{gap:7px;margin:0}.player-search input{min-height:36px;padding:5px;font-size:11px}.player-search .button{min-height:36px;padding:5px 9px;font-size:10px}.help-topic{margin:0;padding:16px}.help-topic h2{font-size:18px}.help-topic p{margin:10px 0;font-size:13px;line-height:1.8}.modal-backdrop{padding:8px;overflow:clip}.modal{max-height:calc(var(--screen-height,100dvh) - 16px);padding:18px;overflow:clip}.modal>h2{padding-inline:28px;font-size:19px;line-height:1.6}.modal>p{margin-bottom:12px;font-size:11px}.modal .close-button{width:32px;min-width:32px;height:32px;min-height:32px;top:8px;left:8px}.modal form{gap:10px;margin-top:12px}.modal label{font-size:11px}.modal input:not([type=checkbox]),.modal select{min-height:37px;margin-top:3px;padding:6px 9px}.modal .button{min-height:37px;padding:6px 10px}.auth-symbol{height:39px;margin:0 auto 7px;font-size:37px}.auth-symbol span{font-size:28px}.auth-tabs{margin:8px 0}.auth-tabs>button{min-height:34px;padding:6px}.auth-note{margin-top:10px;font-size:9px}.game-modal .modal-game-art{width:80px;height:88px;margin:4px auto}.game-modal .room-list{margin-top:13px;padding-top:10px}.game-modal .room-row{min-height:39px;padding:7px;font-size:11px}.game-modal .room-list h4{margin-bottom:5px;font-size:12px}.game-modal>.form-hint{margin-top:6px;font-size:9px;line-height:1.6}.site-menu{padding:18px}.site-menu .menu-profile{margin:5px 0 12px;padding:0}.site-menu .menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.site-menu .menu-grid>button{border-radius:12px;gap:5px;min-height:67px;padding:8px 4px;font-size:10px}.site-menu .menu-grid>button svg{width:20px;height:20px}.invitation{margin:7px 0;padding:10px}.invitation h3{font-size:13px}.invitation p{font-size:11px}.club-detail .club-member{min-height:47px;padding:8px}.item-preview-modal .item-preview-art{height:min(27dvh,210px);min-height:100px}.item-preview-modal p{font-size:11px;line-height:1.7}.item-preview-modal .button{min-height:36px;margin-top:6px;font-size:12px}.item-preview-modal .ownership-term{font-size:11px}@media (min-width:800px){.app-shell{grid-template-rows:66px minmax(0,1fr) 68px}.page-home .games-grid,.page-shop .shop-grid,.page-profile .inventory-grid,.page-profile .badges-row{grid-template-columns:repeat(3,minmax(0,1fr))}.page-home .game-info h3{font-size:16px}.page-home .game-card{grid-template-rows:minmax(0,1fr) 40px}.page-profile>.panel,.page-profile>.profile-cover{align-self:center;width:min(100%,640px)}.challenge-list,.club-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-content:start}.challenge-card,.club-card{min-height:205px}}@media (max-height:680px){.app-shell{grid-template-rows:50px minmax(0,1fr) 55px}.main-content{gap:6px;padding:7px 0}.bottom-nav{height:52px}.page-profile .profile-avatar{width:60px;height:60px}.page-profile .profile-bio{font-size:10px}.page-profile .profile-stats strong{font-size:19px}.page-profile .profile-cover{gap:2px;padding:10px}.page-profile .profile-actions{margin-top:3px}.featured-profile-badge{margin:2px 0}.featured-profile-badge img{width:20px;height:20px}.site-menu .menu-grid>button{min-height:58px}.game-modal.room-config>p{font-size:9px}}.page-back-button{background:var(--surface-soft);min-width:32px;min-height:38px;color:var(--accent-ink);border-radius:10px;place-items:center;display:grid}.page-back-button+.brand{margin-inline-end:auto}.page-home .game-tile{grid-template-rows:minmax(0,1fr) 22px;gap:1px;min-width:0;min-height:0;display:grid}.game-rules-button{min-height:22px;color:var(--accent-ink);justify-content:center;align-items:center;gap:4px;font-size:9px;display:flex}.lobby-rules-button{min-height:31px;color:var(--accent-ink);justify-content:center;align-items:center;gap:6px;margin:3px auto;font-size:11px;display:inline-flex}.game-modal{height:calc(var(--screen-height,100dvh) - 16px);flex-direction:column;align-items:stretch;gap:6px;width:100%;max-width:520px;max-height:750px;padding:18px;display:flex;overflow:clip}.game-modal>:not(.close-button){flex-shrink:0}.game-modal .modal-game-art{flex:none;width:100px;height:110px;margin:10px auto 0}.game-modal>h2{color:var(--purple-dark);flex:none;margin:0;padding:0 35px;font-size:22px;position:static}.game-modal>p{margin:0 12px 8px;font-size:11px;line-height:1.7}.game-modal>.button{flex:none;margin-top:0}.game-modal .room-list{flex-direction:column;flex:none;gap:8px;min-height:0;margin:3px 0;display:flex}.game-modal .room-list>.content-pager{margin-top:auto}.game-modal.room-config{height:calc(var(--screen-height,100dvh) - 16px);justify-content:flex-start;max-height:750px}.game-modal.room-config .lobby-rules-button{flex:none;margin:0 auto}.game-modal.room-config .room-options{width:100%}@media (min-width:600px) and (max-height:480px){.game-modal:not(.room-config){grid-template:"art rules""art description""art actions""rooms rooms"minmax(0,1fr)"hint hint"/108px minmax(0,1fr);gap:4px 12px;padding:14px 18px;display:grid}.game-modal:not(.room-config) .modal-game-art{grid-area:art;align-self:center;margin:0}.game-modal:not(.room-config) .lobby-rules-button{grid-area:rules;margin:0}.game-modal:not(.room-config)>p{grid-area:description;margin:0;font-size:10px}.game-modal:not(.room-config) .lobby-actions{grid-area:actions;gap:5px}.game-modal:not(.room-config) .lobby-actions .button{min-height:31px;padding:4px 8px;font-size:11px}.game-modal:not(.room-config) .room-list{grid-area:rooms;gap:4px}.game-modal:not(.room-config)>.form-hint{grid-area:hint;margin:0}.game-modal:not(.room-config) .room-row{margin:0}}.avatar-upload{border:1px dashed var(--border);background:var(--surface-soft);min-height:43px;color:var(--accent-ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.avatar-upload input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.site-menu{height:calc(var(--screen-height,100dvh) - 16px);flex-direction:column;gap:10px;max-height:720px;display:flex}.site-menu>h2{margin-top:3px}.site-menu .menu-profile{flex:none}.site-menu .menu-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:stretch;min-height:0}.site-menu .menu-grid>button{text-align:start;flex-direction:row;justify-content:flex-start;gap:7px;min-height:0;padding:8px;font-size:11px;display:flex}.site-menu .menu-grid>button svg{flex:none;width:20px;height:20px}.site-menu>.logout-button{flex:none;min-height:38px;margin:0;padding:6px 10px}.item-preview-modal .item-preview-stage{height:min(26dvh,205px);min-height:90px}.modal.item-preview-modal{overflow:clip}.item-preview-modal>:not(.close-button){flex-shrink:0}@media (max-height:480px){.modal.item-preview-modal{gap:7px;padding:14px}.item-preview-modal>p{margin:0}.item-preview-modal .button{margin-top:0}}@media (min-width:600px) and (max-height:480px){.modal.item-preview-modal{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 18px;max-width:640px;display:grid}.item-preview-modal>:not(.close-button){grid-column:2;min-width:0}.item-preview-modal>.item-preview-stage{grid-area:1/1/span 6;height:100%;min-height:170px}}@media (max-width:420px){.page-back-button+.brand{font-size:19px}.page-back-button+.brand .brand-mark{display:none}}.game-modal.room-config .room-policy-fields{grid-column:1/-1;width:100%}.game-modal>h2.art-title-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-modal .modal-game-art{flex:none;height:138px;margin:6px auto 10px}.game-modal .modal-game-art img{object-fit:contain;width:auto;max-width:100%;height:100%}.game-modal.room-config .room-options{display:block}.game-modal.room-config .room-options>h3{margin:0 0 9px}.game-modal.room-config .room-options>.form-hint{margin:7px 0 0}body,.app-shell{background:var(--bg);color:var(--text)}.button.primary,.section-tabs button.active,.filter-tabs button.active,.toggle-row input:checked{background:var(--primary)}.token-pill,.tokens-balance{color:var(--secondary)}@media (max-height:560px){.game-modal .modal-game-art{height:90px;margin:0 auto 6px}}.game-modal .modal-game-art{display:block;position:relative}.game-modal .modal-game-art img{object-fit:contain;width:100%;height:100%;max-height:100%;position:absolute;inset:0}@media (max-height:560px){.page-profile{gap:6px}.page-profile .page-heading h1{font-size:18px}.page-profile .section-tabs button{min-height:28px;padding:4px 7px;font-size:10px}.page-profile .profile-form{gap:5px;padding:8px}.page-profile .avatar-upload{min-height:30px;padding:4px;font-size:10px}.page-profile .profile-form .form-hint{margin:0;font-size:9px;line-height:1.4}.page-profile .profile-form .identity-hint{margin-top:2px;font-size:9px;line-height:1.35}.page-profile .profile-player-id{padding:3px 6px;font-size:10px}.page-profile .avatar-presets{gap:7px;padding:4px 0}.page-profile .avatar-presets legend{margin:0;padding:0;font-size:10px}.page-profile .avatar-presets button{aspect-ratio:auto;border-radius:10px;width:100%;height:44px;padding:4px}.page-profile .profile-form .content-pager{min-height:26px;margin:0}.page-profile .profile-form .content-pager button{min-height:26px}.page-profile .profile-form>.button{min-height:30px;padding:4px;font-size:11px}.page-profile .profile-form input,.page-profile .profile-form select{min-height:29px;margin:0;padding:3px 7px;font-size:11px}.page-profile .profile-form textarea{height:42px;min-height:42px;padding:4px 7px;font-size:11px}.page-profile .profile-form .toggle-row{min-height:37px;padding:3px 0}.game-modal.room-config{justify-content:flex-start;gap:4px;padding:12px 16px}.game-modal.room-config>h2{margin:0;font-size:17px;line-height:24px}.game-modal.room-config>p{display:none}.game-modal.room-config .lobby-rules-button{height:24px;min-height:24px;margin:0 auto;font-size:10px}.game-modal.room-config .room-options{margin:3px 0;padding:8px}.game-modal.room-config .room-options>h3{margin:0 0 5px;font-size:12px;line-height:18px}.game-modal.room-config .room-policy-fields{gap:5px 9px}.game-modal.room-config .room-policy-fields label{gap:3px;margin:0;padding:0}.game-modal.room-config .room-policy-fields .toggle-row{min-height:29px;padding:0}.game-modal.room-config .room-policy-fields input:not([type=checkbox]){height:28px;min-height:28px;margin:0;padding:3px 7px;font-size:11px}.game-modal.room-config .room-options>.form-hint{margin:4px 0 0;font-size:9px;line-height:13px}.game-modal.room-config>.button{height:32px;min-height:32px;margin:4px 0 0;padding:4px;font-size:12px}.game-modal.room-config .room-config-back{height:26px;min-height:26px;margin:0;padding:0;font-size:10px}}.button.primary,.section-tabs button.active,.filter-tabs button.active{color:var(--on-primary,#fff)}.brand-mark i{color:var(--secondary)}.wallet,.wallet-pill,.token-balance{background:color-mix(in srgb,var(--secondary) 16%,var(--surface))}.bottom-nav button.active,.text-button,.lobby-rules-button{color:var(--accent-ink)}.bottom-nav button.active .nav-icon,.menu-grid button,.section-tabs button{background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.menu-grid button{color:var(--accent-ink);border-color:color-mix(in srgb,var(--primary) 16%,var(--surface))}body{background:var(--bg);color:var(--text)}.topbar{border-color:var(--border)}.brand{color:var(--text)}.brand-mark{color:var(--accent-ink)}.wallet{color:var(--gold-ink);border:1px solid color-mix(in srgb,var(--secondary) 20%,var(--surface))}.wallet svg,.wallet-plus{color:var(--gold-ink)}.wallet-plus{background:var(--surface-raised)}input,select,textarea{background:var(--input-bg);border-color:var(--border-strong);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}select option{background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--primary)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--primary);outline-width:2px}.button{border:1px solid var(--border);background:var(--surface-raised);color:var(--text)}.button.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:0 5px 16px color-mix(in srgb,var(--primary) 12%,transparent)}.button.cream{background:var(--secondary-faint);color:var(--gold-ink);border-color:color-mix(in srgb,var(--secondary) 24%,var(--surface))}.button:hover:not(:disabled){filter:brightness(1.07)}.panel,.shop-card,.challenge-card,.profile-form,.modal{background:var(--surface);border-color:var(--border);box-shadow:0 8px 25px var(--shadow)}.bottom-nav{background:var(--surface);border-color:var(--border);box-shadow:0 -5px 22px var(--shadow)}.bottom-nav button{color:var(--muted)}.bottom-nav button.active{color:var(--accent-ink)}.bottom-nav button.active .nav-icon{background:var(--primary-faint)}.filter-tabs button{color:var(--muted)}.filter-tabs button.active,.section-tabs button.active{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.toggle-row input:not(:checked){background:var(--border-strong)}.toggle-row input:before{background:var(--text);box-shadow:0 1px 3px #0005}.toggle-row input:checked:before{background:var(--on-primary)}.toast{background:var(--surface-raised);color:var(--text);border-color:var(--border-strong)}@media (max-height:600px){.admin-shell .policy-editor{flex:1;gap:3px;min-height:0;margin:0;padding:5px 7px}.admin-shell .policy-editor legend{padding:0 3px;font-size:9px;line-height:12px}.admin-shell .policy-editor label{gap:2px;font-size:10px;line-height:13px}.admin-shell .policy-editor .toggle-row{height:24px;min-height:24px;padding:0}.admin-shell .policy-editor select,.admin-shell .policy-editor input[type=number]{height:27px;min-height:27px;margin:0;padding:2px 6px;font-size:11px;line-height:20px}.admin-shell .policy-editor small{font-size:8px;line-height:11px}.admin-shell .policy-numbers{gap:5px}}.page-profile .profile-overview-identity,.page-profile .profile-overview-details{z-index:1;flex-direction:column;align-items:center;gap:3px;width:100%;min-width:0;display:flex;position:relative}.page-profile .profile-overview-identity h2{overflow-wrap:anywhere;max-width:100%;margin:0}.page-profile .profile-account-actions{align-self:center;gap:6px;width:min(100%,640px);display:flex}.page-profile .profile-account-actions>.button{flex:1;min-width:0}@media (max-height:560px){.page-profile .profile-tabs{min-height:30px}.page-profile>.profile-cover{gap:5px;padding:8px}.page-profile .profile-overview-identity{text-align:start;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:2px 8px;display:grid}.page-profile .profile-overview-identity .profile-avatar{border-width:3px;grid-area:1/1/3;width:44px;height:44px;margin:0}.page-profile .profile-overview-identity h2{grid-area:1/2/auto/-1;font-size:14px;line-height:20px}.page-profile .profile-overview-identity .player-id{grid-area:2/2;justify-self:start;min-height:20px;margin:0}.page-profile .profile-overview-identity .level-pill{grid-area:2/3;justify-self:start;padding:1px 6px;font-size:9px;line-height:16px}.page-profile .profile-overview-identity .profile-bio,.page-profile .profile-overview-identity .featured-profile-badge{grid-column:1/-1;max-width:100%;margin:2px 0 0;font-size:10px;line-height:14px}.page-profile .profile-overview-identity .featured-profile-badge img{width:18px;height:18px}.page-profile .profile-overview-details{gap:3px}.page-profile .profile-overview-details .profile-xp{width:min(100%,260px);margin:1px 0;font-size:10px}.page-profile .profile-overview-details .profile-xp .row-between{line-height:14px}.page-profile .profile-overview-details .profile-xp small{font-size:10px}.page-profile .profile-overview-details .profile-xp .progress-track{height:5px;margin:4px 0}.page-profile .profile-overview-details .profile-stats{width:100%;margin:1px 0 0;padding-top:3px}.page-profile .profile-overview-details .profile-stats strong{font-size:16px;line-height:20px}.page-profile .profile-overview-details .profile-stats span{font-size:9px;line-height:14px;display:block}.page-profile .profile-overview-details .profile-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px;gap:4px;width:100%;margin:3px 0 0;display:grid}.page-profile .profile-overview-details .profile-actions .button{gap:4px;min-width:0;min-height:32px;padding:4px 5px;font-size:10px}.page-profile .profile-overview-details .profile-actions svg{width:15px;height:15px}.page-profile>.profile-shortcuts.panel{grid-template-rows:auto repeat(3,minmax(32px,1fr));grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:6px;padding:8px;display:grid}.page-profile .profile-shortcuts>h3{grid-column:1/-1;font-size:12px;line-height:18px}.page-profile .profile-shortcuts>button{border:1px solid var(--border);background:var(--surface-raised);border-radius:10px;gap:4px;min-width:0;min-height:32px;padding:5px 6px;font-size:10px;line-height:16px}.page-profile .profile-shortcuts>button>svg{flex:none;width:14px;height:14px}.page-profile .profile-shortcuts>button>span{overflow-wrap:anywhere;min-width:0}.page-profile .profile-shortcuts>button>b{padding:1px 4px;font-size:9px}.page-profile .profile-account-actions>.button{gap:4px;min-height:32px;padding:4px 6px;font-size:10px}.page-profile .profile-account-actions>.button svg{width:15px;height:15px}}@media (max-height:560px) and (min-width:560px){.page-profile>.profile-cover{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;padding:10px 14px;display:grid}.page-profile .profile-overview-details{gap:8px}.page-profile>.profile-shortcuts.panel{grid-template-rows:auto repeat(2,minmax(32px,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}}.profile-edit-fields{display:contents}@media (max-height:560px) and (min-width:560px){.page-profile .profile-edit-fields{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:5px 12px;min-height:0;display:grid}.page-profile .profile-edit-fields .profile-player-id{grid-column:1/-1}.page-profile .profile-form .edit-fields-privacy{grid-template-columns:repeat(3,minmax(0,1fr))}.page-profile .profile-form .privacy-heading{grid-column:1/-1}.page-profile .profile-form .edit-fields-privacy .toggle-row{border:0;flex-direction:column;align-items:flex-start;gap:5px}.page-profile .profile-form .edit-fields-avatar .avatar-presets{grid-area:1/2/4}.page-profile .profile-form .edit-fields-avatar>:not(.avatar-presets){grid-column:1}.page-profile .profile-form>.button{flex:none;margin-top:0}.page-shop{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.page-shop .shop-controls{grid-area:1/1/auto/-1;grid-template-columns:minmax(0,1fr);gap:6px}.page-shop .shop-controls:has(.shop-search){grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}.page-shop .shop-categories button{min-height:28px;padding:3px 6px;font-size:11px}.page-shop .shop-scroll{grid-area:2/1/auto/-1}}@media (max-height:560px) and (max-width:559px){.page-shop .shop-categories{gap:4px}.page-shop .shop-categories button{min-height:28px;padding:3px;font-size:11px}}.auth-submit-actions{gap:8px;display:flex}.auth-submit-actions>.button{flex:1;min-width:0}.auth-modal{border-radius:22px;width:100%;max-width:420px;padding:24px}.auth-modal .auth-symbol{width:58px;height:48px;color:var(--accent-ink);margin:0 auto 12px;font-size:45px}.auth-modal .auth-symbol span{font-size:27px;bottom:2px}.auth-modal>h2{margin:0;font-size:22px;line-height:1.5}.auth-modal>p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.7}.auth-modal form{gap:14px;margin-top:22px;display:grid}.auth-modal form label{gap:7px;margin:0;font-size:12px;line-height:1.5;display:grid}.auth-modal input:not([type=checkbox]),.auth-modal select{border-radius:11px;height:44px;min-height:44px;margin:0;padding:9px 12px;font-size:13px}.auth-modal input[dir=ltr]{text-align:left}.auth-modal .password-field{margin:0}.auth-modal .password-field input{padding-left:48px;padding-right:12px}.auth-modal .password-field input:placeholder-shown{text-align:right}.auth-modal .password-field button{border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid;top:50%;left:6px;transform:translateY(-50%)}.auth-modal .password-field button:hover{color:var(--text);background:var(--surface-raised)}.auth-modal .auth-submit-actions>.button{min-height:44px;margin:3px 0 0;padding:8px 12px;font-size:14px}.auth-modal .auth-switch{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:20px;padding-top:14px;font-size:12px;display:flex}.auth-modal .auth-switch button{color:var(--accent-ink);min-height:32px;padding:4px 6px}.auth-modal .auth-step{color:var(--accent-ink);margin:4px 0 0;font-size:11px}@media (max-height:640px){.auth-modal{padding:12px 16px}.auth-modal .auth-symbol,.auth-modal>.eyebrow{display:none}.auth-modal>h2{font-size:17px;line-height:1.5}.auth-modal>p{margin:4px 0;font-size:10px}.auth-modal form{gap:7px;margin-top:7px}.auth-modal .identity-hint{font-size:9px;line-height:1.4}.auth-modal .auth-switch{margin-top:8px;padding-top:6px;font-size:10px}.auth-modal .form-hint{margin:0;line-height:1.4}.auth-modal input:not([type=checkbox]),.auth-modal select{height:34px;min-height:34px;padding:4px 8px}.auth-modal .password-field input{padding-left:40px}.auth-modal .password-field button{width:28px;height:28px;left:4px}.auth-modal .auth-submit-actions>.button{min-height:36px;padding:5px 8px;font-size:12px}}@media (max-height:480px) and (max-width:559px){.page-profile>.page-heading{display:none}.page-profile .section-tabs{min-height:30px}.page-profile .profile-form{gap:3px}}@media (min-height:561px) and (max-height:680px){.page-profile .profile-overview-identity .profile-avatar{width:48px;height:48px}.page-profile .profile-overview-identity h2{font-size:17px;line-height:1.5}.page-profile>.profile-cover{padding:6px}.page-profile .profile-overview-details .profile-xp{margin:4px auto}}.app-shell{background:radial-gradient(ellipse at 80% -10%, #b49cf410, transparent 44%), var(--bg)}.app-shell .topbar{border-bottom-color:color-mix(in srgb, var(--primary) 14%, var(--border));background:linear-gradient(#ffffff03,#0000);box-shadow:0 1px #0005}.app-shell .brand{text-shadow:0 1px #0006}.app-shell .brand-mark{filter:drop-shadow(0 2px 5px #a88be322)}.app-shell .wallet{background:linear-gradient(160deg, color-mix(in srgb, var(--secondary) 19%, var(--surface)), color-mix(in srgb, var(--secondary) 9%, var(--surface)));border-color:color-mix(in srgb, var(--secondary) 28%, var(--surface));box-shadow:inset 0 1px #fff2,0 2px 6px #0002}.app-shell .wallet-plus{box-shadow:inset 0 1px #fff1}.app-shell .header-avatar{border-color:color-mix(in srgb, var(--primary) 23%, var(--border));box-shadow:0 2px 8px #0003}.app-shell :is(.invite-bell,.page-back-button){background:color-mix(in srgb, var(--surface-raised) 75%, transparent);box-shadow:inset 0 1px #ffffff0a}.app-shell .bottom-nav{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, white), var(--surface));border-color:color-mix(in srgb, var(--primary) 15%, var(--border));box-shadow:inset 0 1px #ffffff0a,0 -7px 24px #0004}.app-shell .bottom-nav button{border-radius:12px;transition:background-color .15s,color .15s,box-shadow .15s}.app-shell .bottom-nav button.active{color:color-mix(in srgb, var(--primary) 82%, white);background:color-mix(in srgb, var(--primary) 10%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--primary) 20%, transparent)}.app-shell .bottom-nav button.active .nav-icon{filter:drop-shadow(0 2px 4px #0004);background:0 0}.app-shell .bottom-nav button i{background:var(--secondary);box-shadow:0 0 6px #dab97530}:is(.app-shell,.auth-modal,.public-profile,.item-preview-modal) .button{transition:background-color .15s,border-color .15s,box-shadow .15s,filter .15s;box-shadow:inset 0 1px #ffffff0a,0 2px 5px #0002}:is(.app-shell,.auth-modal,.public-profile,.item-preview-modal) .button.primary,.app-shell .hub-primary{background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 86%, white), var(--primary));border-color:color-mix(in srgb, var(--primary) 80%, white);color:var(--on-primary);box-shadow:inset 0 1px #fff4,inset 0 -1px #30214b33,0 4px 12px #69528c26}:is(.app-shell,.auth-modal,.public-profile,.item-preview-modal) .button:hover:not(:disabled){transform:none}:is(.app-shell,.auth-modal,.public-profile,.item-preview-modal) .button:active:not(:disabled){filter:brightness(.96);transform:none;box-shadow:inset 0 1px 3px #0003}.app-shell :is(.section-tabs,.filter-tabs,.shop-categories) button{transition:background-color .15s,color .15s,box-shadow .15s}.app-shell :is(.section-tabs,.filter-tabs,.shop-categories) button.active{background:color-mix(in srgb, var(--primary) 92%, white);color:var(--on-primary);border-color:color-mix(in srgb, var(--primary) 80%, white);box-shadow:inset 0 1px #ffffff35,0 2px 6px #0002}.app-shell .shop-categories{box-shadow:inset 0 1px 3px #0003}:is(.app-shell,.auth-modal) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){background-color:color-mix(in srgb, var(--input-bg) 92%, var(--surface));border-color:color-mix(in srgb, var(--border-strong) 85%, var(--surface));caret-color:var(--primary);transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 2px 3px #0003,0 1px #ffffff04}:is(.app-shell,.auth-modal) :is(input,select,textarea):focus{border-color:var(--primary);box-shadow:inset 0 1px 2px #0003,0 0 0 3px #a892f417}.app-shell :is(.search-field,.shop-search,.social-search,.club-search,.player-search) input{box-shadow:none;background:0 0}:is(.app-shell,.auth-modal,.public-profile,.item-preview-modal,.navigation-screen) :is(button,a,input,select,textarea):focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 75%, white);outline-offset:2px}.modal:is(.auth-modal,.public-profile,.item-preview-modal){background:linear-gradient(180deg, #ffffff04, transparent 100px), var(--surface);box-shadow:inset 0 1px #ffffff12,0 18px 60px #0007}.navigation-screen{box-shadow:inset 0 1px #ffffff12,0 18px 60px #0007}.navigation-screen .menu-categories{box-shadow:inset 0 1px 2px #0002}.navigation-screen .menu-categories button.chosen{box-shadow:inset 0 1px #ffffff12,0 2px 5px #0002}.app-shell.native-lobby{background:linear-gradient(#10111738,#10111738),url(/assets/home-native/home-background.png) 50%/cover;grid-template-rows:48px minmax(0,1fr) 65px;padding-inline:clamp(8px,2vw,22px)}.app-shell.native-lobby.native-expanded{grid-template-rows:96px minmax(0,1fr) 65px}.app-shell.native-lobby>main{padding-block:9px 5px}.app-shell.native-lobby>main.page-home{padding-block:5px}.app-shell.native-lobby>.bottom-nav{border-inline:0;background:linear-gradient(#171918ef,#121514f5);border-top:1px solid #ffffff14;border-bottom:0;border-radius:0;align-self:end;height:62px;min-height:0;margin:0;padding:3px 0 2px;box-shadow:0 -2px #0006}.app-shell.native-lobby>.bottom-nav button{color:#929297;min-width:0;min-height:0;box-shadow:none;background:0 0;border-radius:0;gap:1px;padding:1px 2px}.app-shell.native-lobby>.bottom-nav button>span:last-of-type{font-size:11px;line-height:18px}.app-shell.native-lobby>.bottom-nav button.active{color:#f2f1f1;box-shadow:none;background:0 0}.app-shell.native-lobby>.bottom-nav button>i{display:none}.app-shell.native-lobby>.bottom-nav .nav-icon{width:38px;height:36px;box-shadow:none;background:0 0}.app-shell.native-lobby>.bottom-nav .nav-games .nav-icon{transform-origin:bottom;transform:scale(1.25)}.page-shop .shop-grid.table-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:640px;margin-inline:auto}.modal.item-preview-modal.table-preview-modal{width:min(420px,100vw - 22px);max-height:calc(var(--screen-height,100dvh) - 20px);box-shadow:none;background:0 0;border:0;flex-direction:column;gap:7px;padding:34px 12px 10px;display:flex;overflow:auto}.modal.table-preview-modal .close-button{top:0;left:auto;right:0}.modal.table-preview-modal .item-preview-stage.preview-table{background:0 0;border-radius:0;flex:none;height:clamp(230px,60dvh,560px);min-height:0;overflow:visible}.modal.table-preview-modal .preview-ownership{gap:5px;margin:0;font-size:10px}.modal.table-preview-modal .button{flex:none;min-height:32px;margin:0;font-size:11px}@media (min-width:600px) and (max-height:480px){.modal.item-preview-modal.table-preview-modal{width:min(620px,100vw - 24px);padding-top:30px}.modal.table-preview-modal .item-preview-stage.preview-table{height:clamp(140px,44dvh,220px);min-height:0}}.modal.game-modal.room-config{background:linear-gradient(#101916,#111a17);border:1px solid #ffffff0d;border-radius:10px;box-shadow:0 8px 24px #0009}.modal.game-modal.room-config .room-options{overscroll-behavior:contain;background:linear-gradient(#1b241b,#162019);border:1px solid #050a0766;border-radius:6px;flex:1;min-height:0;overflow-y:auto;box-shadow:inset 0 1px 4px #0006}.modal.game-modal.room-config .room-config-actions{flex:none}.modal.game-modal.room-config .room-config-actions .primary{color:#fff;text-shadow:0 1px 2px #7b5508;background:linear-gradient(#ffe515,#ebad00 60%,#c57b10);border-radius:5px;min-height:38px;box-shadow:inset 0 1px #fff68d,0 3px #6f4308}@media (min-width:600px) and (max-height:480px){.app-shell.native-lobby,.app-shell.native-lobby.native-expanded{grid-template-rows:47px minmax(0,1fr) 51px}.app-shell.native-lobby>.bottom-nav{height:49px}.app-shell.native-lobby>.bottom-nav button{flex-direction:row;gap:6px}.app-shell.native-lobby>.bottom-nav .nav-icon{height:32px}}@media (prefers-reduced-motion:reduce){.app-shell :is(.button,.bottom-nav button,.section-tabs button,.filter-tabs button,.shop-categories button,input,select,textarea),.auth-modal :is(.button,input,select,textarea),:is(.public-profile,.item-preview-modal) .button{transition:none}}