@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0d100f;--panel:#151916;--line:#ffffff14;--gold:#d9ba7c;--muted:#7d887e;--text:#edf0e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed}button, .hero-card{transition:border-color .2s,background .2s,transform .2s}button:hover{filter:brightness(1.12)}.shell{max-width:1450px;margin:auto;padding:0 56px;background:radial-gradient(ellipse at 23% 37%,#43513115,transparent 65%)}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:7px;font-weight:800;letter-spacing:2px;font-size:22px}.brand>span:not(.brand-mark){color:var(--gold)}.brand-mark{display:grid;place-items:center;color:var(--gold);font:700 28px Georgia;border:1px solid #d9ba7c80;width:35px;height:37px;transform:skewY(-8deg);margin-right:12px}.brand small{font-size:10px;letter-spacing:1px;border:1px solid var(--line);padding:5px 7px;color:var(--muted);margin-left:12px}.top-right{display:flex;align-items:center;gap:24px}.build{font-size:10px;color:var(--muted);letter-spacing:1.8px}i{display:inline-block;width:5px;height:5px;background:#a8bb88;border-radius:50%;vertical-align:middle}.build i{margin-left:7px}.profile{width:36px;height:36px;border-radius:50%;background:#242b24;color:var(--gold);border:1px solid #a2b29335;font-size:12px}.lobby-grid{display:grid;grid-template-columns:1.27fr 1fr;gap:64px;padding:48px 0 38px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold);font-weight:700}.eyebrow>span{display:inline-block;width:20px;height:1px;background:var(--gold);vertical-align:middle;margin-right:9px}h1{font:600 clamp(56px,5.7vw,84px)/1.08 Oswald,'Arial Narrow',sans-serif;letter-spacing:-2px;margin:18px 0 16px}h1>span{color:var(--gold);margin-left:16px}.intro{color:#929b91;font-size:13px;line-height:1.9;margin:0 0 28px}.section-label{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.7px;color:#abb1a4;margin:22px 0 13px}.section-label>span+span{color:#626e63;font-size:8px}.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-card{height:285px;position:relative;text-align:left;overflow:hidden;border:1px solid #ffffff1c;border-radius:3px;background-image:linear-gradient(0deg,#090c0b 2%,#090c0ba8 27%,transparent 70%),url('assets/heroes.png');background-size:100% 100%,200% auto;background-repeat:no-repeat;background-position:center,left top;padding:0}.hero-card.sf{background-position:center,right top}.hero-card.selected{border-color:var(--gold);box-shadow:0 0 24px #d9ba7c0b}.hero-card:hover{transform:translateY(-3px)}.selection{position:absolute;right:12px;top:12px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff40;color:transparent;font-size:11px;background:#111a}.selected .selection{background:var(--gold);color:#101410;border-color:var(--gold)}.hero-copy{position:absolute;bottom:20px;left:19px;right:10px}.hero-copy small{font-size:8px;letter-spacing:1.3px;color:#bec5af}.hero-copy h2{font:500 clamp(22px,2.3vw,32px) Oswald,sans-serif;letter-spacing:.7px;margin:7px 0 5px}.hero-copy p{font-size:10px;color:#a4aca0;margin:0 0 14px}.hero-tags{display:flex;gap:6px}.hero-tags span{font-size:8px;padding:4px 7px;background:#ffffff08;border:1px solid #ffffff16;color:#c8caba}.hero-detail{display:flex;gap:13px;align-items:center;padding:20px 0}.detail-icon{color:var(--gold);font-size:27px}.hero-detail strong{font-size:11px}.hero-detail p{font-size:10px;color:var(--muted);margin:5px 0 0}.difficulty{font-size:7px;letter-spacing:1px;color:var(--muted);margin-left:auto;white-space:nowrap}.difficulty b{display:block;color:var(--gold);margin-top:7px;font-size:13px}.match-panel{align-self:start;margin-top:6px;border:1px solid #ffffff15;border-radius:5px;padding:27px;background:linear-gradient(145deg,#1e241d80,#141814)}.panel-top{display:flex;align-items:center;justify-content:space-between}.panel-top .eyebrow{font-size:8px;letter-spacing:1.7px;color:#969e8f}.tiny-diamond{color:var(--gold);font-size:22px}.match-panel h2{font:500 34px Oswald,sans-serif;margin:15px 0 8px}.muted{color:var(--muted);font-size:11px;margin:0 0 22px}.map-preview{height:157px;background:linear-gradient(0deg,#111810,transparent),url('assets/arena.png') center 48%/cover;border:1px solid #ffffff12;position:relative;border-radius:3px;overflow:hidden}.map-badge{position:absolute;top:10px;left:10px;background:#101a13b0;border:1px solid #b5bba22c;font-size:7px;letter-spacing:1.7px;padding:5px 8px}.map-preview>div{position:absolute;bottom:15px;left:15px}.map-preview strong{display:block;font-size:11px;font-weight:500}.map-preview div span{display:block;margin-top:8px;font-size:8px;color:#b2b9a9}.map-preview b{margin:0 7px;color:var(--gold)}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid #ffffff12;background:#101510;border-radius:3px;padding:13px 4px}.mode>span{font-size:20px;color:#7c8779}.mode strong{font-size:10px;font-weight:600}.mode small{font-size:8px;color:#768170}.mode.active{border-color:#d9ba7c80;background:#d9ba7c0c}.mode.active>span,.mode.active strong{color:var(--gold)}.mode.locked{opacity:.57}.rules{margin:21px 0;border-top:1px solid var(--line);padding-top:8px}.rules>div{display:flex;justify-content:space-between;font-size:10px;padding:8px 0}.rules span{color:var(--muted)}.rules strong{font-weight:500;color:#c6cdbe}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 19px;background:linear-gradient(100deg,#e6cb91,#c5a36c);color:#24251b;font-size:11px;font-weight:800;letter-spacing:1.1px;border-radius:2px;box-shadow:0 4px 24px #d9ba7c0c}.primary>span{font-size:19px}.secondary{margin-top:10px;padding:14px 12px;border:1px solid #ffffff15;background:transparent;width:100%;font-size:12px;display:flex;align-items:center;justify-content:center;gap:9px;color:#adb4a8}.secondary small{font-size:7px;color:#687361;margin-left:8px;letter-spacing:1px}.panel-note{text-align:center;color:#717f6a;font-size:8px;margin:16px 0 0}.panel-note i{width:4px;height:4px;margin-right:5px}footer{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;align-items:center;color:#5f6b60;font-size:8px;letter-spacing:1px}footer b{color:#9caa96;font-weight:500;margin-right:9px}footer button{font-size:10px;color:#afb6a8;background:none}footer button span{margin-left:9px;color:var(--gold)}.footer-dot{margin:0 7px}.hidden{display:none!important}.game{position:fixed;inset:0;background:#151c19;overflow:hidden;touch-action:none}.game canvas{width:100%;height:100%;display:block}.game-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#060a0780,transparent 22%,transparent 63%,#070c09dc)}.game-top{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:flex-start;justify-content:space-between}.glass{background:#0c130dbf;border:1px solid #ffffff27;padding:12px 16px;border-radius:3px;font-size:11px}.scoreboard{background:#0e1514dc;border:1px solid #aaa48640;display:grid;grid-template-columns:65px 95px 65px;align-items:center;text-align:center;padding:9px 15px;position:absolute;left:50%;transform:translateX(-50%)}.scoreboard>span{font-size:10px;font-weight:700}.scoreboard strong{font-size:27px}.scoreboard em{font-style:normal;color:#717c70;font-size:18px;margin:0 8px}.scoreboard small{grid-column:1/4;color:#b1bba7;font-size:10px;letter-spacing:2px}.team-green{color:#9ebe88}.team-red{color:#e28d70}.practice-badge{background:#0b130eaa;padding:10px;color:#bcc5b2;font-size:8px;letter-spacing:1.3px}.practice-badge i{margin-right:7px}.objective{position:absolute;top:103px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;text-shadow:0 1px 4px #000;white-space:nowrap;color:#e1d8b7}.arena-tip{position:absolute;top:145px;left:50%;transform:translateX(-50%);padding:8px 14px;background:#09110c99;border:1px solid #fff1;border-radius:20px;font-size:10px;text-align:center;color:#c7c9b4}.game-bottom{position:absolute;bottom:25px;left:30px;right:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none}.game-bottom button,.joystick{pointer-events:auto}.movement{text-align:center}.joystick{width:112px;height:112px;display:grid;place-items:center;border:1px solid #e4dbb044;background:#b7c5ab0a;border-radius:50%;touch-action:none}.joystick span{width:49px;height:49px;background:linear-gradient(#889d8670,#35433b90);border:1px solid #ced9bd6b;border-radius:50%;box-shadow:0 3px 10px #0008;pointer-events:none}.movement>small{font-size:7px;letter-spacing:1px;color:#bbc3ad;display:block;margin-top:12px}.player-hud{display:flex;background:#0b110ee8;border:1px solid #b4b09650;padding:8px;gap:10px;max-width:345px;width:32%;box-shadow:0 6px 30px #0006}.hud-portrait{width:67px;flex-shrink:0;background:url('assets/heroes.png') left top/200% auto;border:1px solid #b6a36d75}.hud-portrait.sf{background-position:right top}.hud-info{flex:1;min-width:0}.hud-info>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:5px}.hud-info strong{font:500 13px Oswald,sans-serif;white-space:nowrap}.hud-info>div>span{font-size:8px;color:#adbb9e}.bar{height:13px;margin-top:3px;text-align:center}.bar.health{background:linear-gradient(90deg,#457735,#81a75a)}.bar.mana{background:linear-gradient(90deg,#315e83,#5c8dac)}.bar span{color:#fff!important;font-size:8px!important}.inventory{display:flex;gap:4px;margin-top:7px}.inventory span{display:grid;place-items:center;flex:1;height:27px;background:#18211a;border:1px solid #58624b70;color:var(--gold);font-size:15px}.combat{display:flex;flex-direction:column;align-items:flex-end;gap:18px}.abilities{display:flex;gap:15px}.ability{position:relative;width:64px;height:64px;border:1px solid #d6b372a0;border-radius:50%;background:radial-gradient(circle at 50% 70%,#bb3c19,#341b15 55%,#101813 70%);font-size:28px;box-shadow:0 0 0 4px #0e150eba,0 0 0 5px #aaa28235;color:#f3c075;touch-action:none}.ability small{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:7px;color:#e2e4d0;letter-spacing:1px}.ability.active{box-shadow:0 0 0 3px #f3b861,0 0 25px #e65c38b0}.ability.pudge{background:radial-gradient(circle at 50% 70%,#62723e,#202c1b 55%,#101813 70%)}.combat-secondary{display:flex;align-items:center;gap:17px;margin-top:10px}.round-button,.attack,.target-button{position:relative;border:1px solid #b2b49b88;background:#131f1ace;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:26px;width:53px;height:53px;color:#d6c695}.round-button small,.attack small,.target-button small{font-size:7px;letter-spacing:.5px;margin-top:2px}.attack{width:77px;height:77px;font-size:35px;border-color:#d9ba7ca0;background:radial-gradient(#514831,#111b16)}.target-button{width:46px;height:46px;font-size:16px}.target-buttons{display:flex;gap:9px}.shop-button{background:#101910df;border:1px solid #c5ab6870;padding:8px 13px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--gold)}.shop-button>span{font-size:22px}.shop-button strong{font-size:12px}.shop-button small{font-size:7px;letter-spacing:1px}dialog{background:#151d17;color:var(--text);border:1px solid #b19a6259;border-radius:5px;padding:32px;max-width:560px;width:calc(100% - 32px);max-height:85vh;box-shadow:0 25px 120px #0009}dialog::backdrop{background:#050907bd;backdrop-filter:blur(7px)}dialog h2{font:500 30px Oswald,sans-serif;margin:0 0 12px}dialog p{font-size:12px;color:#a9b39f;line-height:1.8}dialog ol{font-size:12px;line-height:2;color:#b7bfad;padding-left:19px}.close{position:absolute;right:14px;top:12px;background:none;font-size:25px;color:#8d9b82}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.item{display:grid;grid-template-columns:32px 1fr;gap:5px 9px;padding:13px;background:#0e1610;border:1px solid #ffffff18;text-align:left}.item>span{grid-row:1/3;font-size:25px;color:var(--gold)}.item strong{font-size:11px}.item small{font-size:10px;color:var(--gold)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#263021f5;border:1px solid #c5ad7159;color:#e2e4d0;padding:14px 22px;border-radius:4px;font-size:12px;max-width:90vw;text-align:center;z-index:20;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.shell{padding-top:20px}.lobby-grid{padding-top:65px}.hero-card{height:330px}.match-panel{padding:32px}.map-preview{height:180px}}
@media(max-width:1000px){.shell{padding:0 28px}.lobby-grid{gap:28px;grid-template-columns:1.1fr 1fr}.match-panel{padding:20px}.hero-card{height:260px}.hero-copy{left:13px}.hero-copy h2{font-size:23px}.difficulty{display:none}.hero-tags span{font-size:7px}.game-bottom{left:20px;right:20px;bottom:18px;gap:12px}.combat-secondary{gap:10px}.abilities{gap:14px}.player-hud{width:30%}.hud-portrait{width:45px}.hud-info strong{font-size:10px}.ability{width:54px;height:54px}.joystick{width:90px;height:90px}}
@media(max-width:720px) and (orientation:portrait){.shell{padding:0 22px}.topbar{height:77px}.brand{font-size:18px}.build{display:none}.lobby-grid{display:block;padding-top:30px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:62px;margin-top:15px}.intro{font-size:12px;margin-bottom:24px}.hero-card{height:270px}.hero-copy h2{font-size:23px}.hero-copy p{font-size:9px}.match-panel{margin-top:10px;padding:22px}.hero-detail p{font-size:9px}.map-preview{height:155px}.match-panel h2{font-size:32px}footer{flex-wrap:wrap;gap:20px}footer>span:last-child{width:100%;font-size:7px}.game-bottom{bottom:15px;left:12px;right:12px;flex-wrap:wrap;gap:20px}.player-hud{position:absolute;bottom:160px;left:0;width:180px}.hud-portrait{width:40px}.combat{gap:15px}.abilities{gap:13px}.ability{width:48px;height:48px}.combat-secondary{gap:8px;flex-wrap:wrap;max-width:210px;justify-content:flex-end}.attack{width:62px;height:62px}.round-button{width:42px;height:42px}.target-button{width:40px;height:40px}.shop-button{padding:5px 10px}.game-top{left:12px;right:12px;top:14px}.glass{padding:10px}.glass span{display:none}.practice-badge{font-size:6px;padding:8px}.scoreboard{grid-template-columns:37px 69px 43px;padding:6px 9px}.scoreboard strong{font-size:23px}.scoreboard>span{font-size:8px}.objective{font-size:6px;top:88px}.arena-tip{top:110px;width:85%;font-size:9px}.joystick{width:90px;height:90px}}
@media(max-height:540px) and (orientation:landscape){.game-top{top:10px}.objective{top:78px;font-size:6px}.arena-tip{top:97px;font-size:8px}.game-bottom{bottom:13px}.joystick{width:80px;height:80px}.movement>small{display:none}.player-hud{max-width:250px;padding:5px}.hud-portrait{width:41px}.ability{width:43px;height:43px;font-size:22px}.ability small{font-size:6px;bottom:-15px}.combat{gap:13px}.combat-secondary{gap:8px;margin-top:4px}.attack{width:58px;height:58px;font-size:25px}.round-button{width:40px;height:40px;font-size:20px}.target-button{width:36px;height:36px}.target-button small{font-size:6px}.shop-button{padding:5px 9px}.shop-button>span{display:none}.inventory span{height:22px}.abilities{gap:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.main-tabs{display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--line);height:64px}.main-tabs button{height:100%;background:none;color:#818b82;font-size:12px;position:relative;padding:0 2px}.main-tabs button.current{color:var(--gold)}.main-tabs button.current:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:-1px;left:0;right:0}.main-tabs button>span{font-size:8px;border:1px solid #d9ba7c35;padding:3px 5px;margin-left:6px}.main-tabs #training-tab{margin-left:auto;font-size:10px}.rooms-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:40px 0 28px}.rooms-heading h1,.page-heading h1{font-size:58px;letter-spacing:-1.5px;margin:13px 0 12px}.rooms-heading h1 span,.page-heading h1 span{margin-left:12px}.rooms-heading p,.page-heading p{font-size:12px;color:#8b968a;line-height:1.7;margin:0}.create-room{width:auto;white-space:nowrap;padding:17px 22px;letter-spacing:.8px;border-radius:6px}.rooms-banner{height:155px;border:1px solid #b3c59c29;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:26px 30px;background:linear-gradient(90deg,#17231fee 0%,#121b19a8 48%,#14221a35),url('assets/arena.png') center 52%/cover;overflow:hidden}.map-badge-inline{font-size:8px;letter-spacing:2px;color:#c2cfae;border:1px solid #bec5a948;padding:5px 8px;border-radius:3px}.rooms-banner h2{font:500 28px Oswald,sans-serif;margin:14px 0 6px}.rooms-banner p{font-size:10px;color:#a4b49d;margin:0}.banner-mark{font:600 100px Oswald,sans-serif;font-style:italic;color:#d9ba7c22;margin-right:30px}.room-toolbar{display:flex;justify-content:space-between;gap:20px;margin:28px 0 18px}.filter-group{display:flex;background:#161c17;border:1px solid #ffffff0c;padding:4px;border-radius:7px;gap:3px}.filter-group button{background:none;color:#8a9687;font-size:11px;padding:10px 18px;border-radius:4px}.filter-group button.active{background:#d9ba7c;color:#25271e;font-weight:700}.id-search{display:flex;align-items:center;background:#141a16;border:1px solid #ffffff16;border-radius:7px;padding:0 12px;gap:10px;min-width:240px;color:#aeb9a1}.id-search>span{font-size:23px}input,select{font:inherit;color:#e6ecdF}input::placeholder{color:#6f7c6e}.id-search input{width:100%;background:none;border:0;padding:12px 0;font-size:11px;outline:none}.id-search:focus-within{border-color:var(--gold)}.access-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.access-filters{display:flex;gap:23px}.access-filters button{background:none;padding:6px 0;color:#65715f;font-size:11px}.access-filters button.active{color:#e0e5d8}.access-filters button.active:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:7px}#room-count{color:#788673;font-size:10px}.room-table-head,.room-row{display:grid;grid-template-columns:minmax(240px,2fr) 1fr 1fr 80px 150px;gap:15px;align-items:center}.room-table-head{font-size:8px;letter-spacing:1.4px;color:#64725f;padding:0 20px 12px}.room-row{background:linear-gradient(110deg,#1a211b,#141a16);border:1px solid #ffffff0c;border-radius:8px;padding:17px 20px;margin-bottom:9px;transition:border-color .2s,transform .2s}.room-row:hover{border-color:#d9ba7c40;transform:translateX(2px)}.room-owner{display:flex;align-items:center;gap:13px;min-width:0}.room-avatar{width:46px;height:48px;border-radius:7px;background:url('assets/heroes.png') left top/200% auto;border:1px solid #d9ba7c30;flex-shrink:0}.room-avatar.sf{background-position:right top}.room-owner strong{display:block;font-size:13px;font-weight:600}.room-owner strong small{font-size:7px;color:var(--gold);border:1px solid #d9ba7c44;border-radius:3px;padding:3px;margin-left:5px}.room-owner>div>span{display:block;color:#7a8872;font-size:9px;margin-top:6px}.room-owner b{margin:0 5px;color:#556450}.room-owner code{font-size:10px;color:#a6b098}.fee-pill{font-size:11px;color:#b4c89b;white-space:nowrap}.fee-pill.stars{color:#d9ba7c}.fee-pill.ton{color:#85b9d1}.access-status{font-size:10px;color:#839476}.access-status>span{font-size:9px;margin-right:4px;color:#a8c48c}.access-status.private{color:#8b9289}.access-status.private>span{color:#8b9289}.room-players{font-size:12px;color:#e0e4d6}.room-players span{color:#687561}.room-enter{border:1px solid #b3ba9c25;border-radius:5px;padding:10px;background:#242c21;font-size:10px;color:#cbd5bd;display:flex;justify-content:space-between;gap:8px}.room-enter:hover{border-color:var(--gold);background:#393d29}.room-enter>span{color:var(--gold)}.room-demo-note{font-size:9px;color:#697862;margin:22px 0 32px;line-height:1.7}.empty-rooms{text-align:center;padding:45px;background:#141c16;border:1px dashed #8c9a7640;border-radius:8px}.empty-rooms>span{font-size:40px;color:var(--gold)}.empty-rooms h2{font:500 25px Oswald,sans-serif}.empty-rooms p{font-size:12px;color:var(--muted)}.empty-rooms .secondary{width:auto;margin:20px auto 0}.form-label{display:block;font-size:11px;color:#aab99d;margin:18px 0 12px}.form-label select,.form-label input{display:block;background:#0d150f;border:1px solid #87937240;border-radius:6px;width:100%;padding:13px;margin-top:9px;font-size:12px}.form-label input{font-size:10px;color:#a8b998}fieldset{border:0;padding:0;margin:22px 0}legend{font-size:11px;color:#aab99d;margin-bottom:11px}.radio-options{display:flex;gap:9px}.radio-options label{flex:1;position:relative}.radio-options input{position:absolute;opacity:0;width:1px;height:1px}.radio-options label>span{display:block;background:#101911;border:1px solid #ffffff18;padding:15px 7px;text-align:center;border-radius:6px;font-size:11px;cursor:pointer}.radio-options input:checked+span{border-color:var(--gold);color:var(--gold);background:#d9ba7c0a}.radio-options input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}.radio-options small{display:block;font-size:9px;color:#7c8b72;margin-top:8px}.form-note{font-size:10px!important;color:#7c8b70!important;line-height:1.7!important}.room-summary{display:flex;align-items:center;justify-content:space-between;padding:10px 0 18px;border-bottom:1px solid var(--line)}.room-summary>span+span{font-size:10px;color:#7e8b75}.waiting-slots{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;text-align:center;gap:10px;padding:26px 0}.waiting-slots>div{background:#0d160f;border:1px solid #ffffff13;border-radius:8px;padding:20px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}.waiting-slots .room-avatar,.empty-avatar{width:63px;height:65px}.empty-avatar{border:1px dashed #84926b70;border-radius:8px;display:grid;place-items:center;color:#657452;font-size:24px}.waiting-slots strong{font-size:12px}.waiting-slots span{font-size:10px;color:#7d8b70}.waiting-slots small{font-size:7px;color:#a3b08e;margin-top:5px;letter-spacing:.5px}.waiting-slots>b{font:500 21px Oswald,sans-serif;color:#bcad81}.private-notice{font-size:12px;line-height:1.8;background:#d9ba7c09;border:1px solid #d9ba7c33;padding:14px;color:#c6b889;border-radius:6px}.join-demo{margin-top:14px}.page-heading{padding:40px 0 32px}.profile-layout{display:grid;grid-template-columns:260px 1fr;gap:26px;margin-bottom:40px}.identity-panel{align-self:start;background:linear-gradient(150deg,#212b22,#131b15);border:1px solid #ffffff15;border-radius:10px;padding:28px 22px;text-align:center}.identity-avatar{position:relative;margin:0 auto 18px;display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:linear-gradient(135deg,#6a7253,#273b2e);border:1px solid #d9ba7c5c;font:500 39px Oswald,sans-serif;color:#e0d3a7;box-shadow:0 0 60px #8caf6510}.identity-avatar>span{position:absolute;bottom:-7px;right:-7px;border-radius:50%;font-size:18px;background:#1a251b;border:1px solid #b39e62;padding:4px}.identity-panel h2{font-size:22px;margin:0 0 9px}.guest-badge{font-size:7px;letter-spacing:1.5px;color:var(--gold);border:1px solid #d9ba7c30;padding:5px 8px;border-radius:4px}.identity-panel>p{font-size:11px;line-height:1.9;color:#8c9b82;margin:22px 0}.identity-line{display:flex;justify-content:space-between;font-size:10px;padding:13px 0;border-top:1px solid var(--line);color:#8b9b7c}.identity-line strong{color:#c8d1bc;font-weight:500}.identity-panel>small{font-size:9px;line-height:1.7;display:block;color:#637459;margin-top:18px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.stat-card{padding:22px;background:#19211b;border:1px solid #ffffff12;border-radius:9px}.stat-card>span{font-size:8px;color:#87947c;letter-spacing:1.5px}.stat-card strong{display:block;font:500 53px Oswald,sans-serif;margin:11px 0 9px;color:#cad2c1}.stat-card strong.green{color:#a5c18b}.stat-card small{font-size:8px;color:#6f8064}.stat-card em{font-size:25px;font-style:normal;margin-left:2px}.featured-stat{background:radial-gradient(ellipse at top right,#d9ba7c15,transparent),#19211b;border-color:#d9ba7c33}.featured-stat strong{color:var(--gold)}.profile-block{background:#141c16;border:1px solid #ffffff12;border-radius:9px;padding:23px;margin-top:20px}.block-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.block-heading h2{font-size:16px;font-weight:600;margin:0}.block-heading>span{font-size:7px;color:#6d7d63;letter-spacing:1.3px}.hero-stat-row{display:flex;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid var(--line)}.hero-stat-row:last-child{border:0;padding-bottom:0}.hero-stat-row>div:nth-child(2){flex:1}.hero-stat-row strong{font-size:12px}.hero-stat-row small{display:block;color:#748569;font-size:8px;margin-top:6px;font-weight:400}.hero-stat-row>span,.hero-stat-row>b{font-size:14px;width:75px;text-align:center;font-weight:500}.hero-stat-row>b{color:var(--gold);width:55px}.history-empty{text-align:center;padding:25px 0 10px}.history-empty>span{color:#a6b88d;font-size:25px}.history-empty h3{font-size:12px;font-weight:500;margin:12px 0 8px}.history-empty p{font-size:10px;line-height:1.8;color:#73866a}.store-feature{min-height:220px;padding:35px;background:linear-gradient(90deg,#191c17 20%,#1618139c 65%,#16181300),url('assets/heroes.png') right 35%/70% auto;border:1px solid #d9ba7c25;border-radius:12px}.collection-tag{color:var(--gold);font-size:8px;letter-spacing:2px}.store-feature h2{font:500 37px Oswald,sans-serif;margin:14px 0 12px}.store-feature p{color:#a0a78c;font-size:12px;line-height:1.8}.store-label{margin:30px 0 18px}.cosmetic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cosmetic-card{background:#172019;border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.cosmetic-art{height:190px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#7f321d55,#141b16 68%);color:#e9a768}.cosmetic-orb{display:grid;place-items:center;width:89px;height:89px;border-radius:24px;border:2px solid currentColor;font-size:44px;box-shadow:0 0 0 7px #f2ac4a0b,0 0 40px #db783131;transform:rotate(-8deg);font-family:Georgia,serif}.cosmetic-art>span{position:absolute;bottom:12px;left:17px;font-size:7px;letter-spacing:1.6px;opacity:.5}.cosmetic-art.jade{background:radial-gradient(ellipse at center,#678a3c45,#141b16 68%);color:#a4c78a}.cosmetic-art.gold-art{background:radial-gradient(ellipse at center,#c9ac4733,#141b16 68%);color:#dcc38d}.cosmetic-copy{padding:22px;border-top:1px solid #ffffff0a}.cosmetic-copy>small{font-size:7px;letter-spacing:1.5px;color:#7e926f}.cosmetic-copy h3{font-size:18px;font-weight:600;margin:9px 0}.cosmetic-copy p{font-size:10px;color:#819574;line-height:1.7;min-height:34px}.cosmetic-copy .secondary{border-radius:5px;justify-content:space-between;font-size:11px}.cosmetic-preview{height:240px;margin-top:20px;border-radius:8px}
@media(max-width:1050px){.room-table-head,.room-row{grid-template-columns:minmax(170px,1.7fr) 95px 90px 44px 118px;gap:12px}.room-row{padding:15px 13px}.rooms-heading h1,.page-heading h1{font-size:48px}.profile-layout{grid-template-columns:210px 1fr;gap:20px}.stat-card{padding:16px}.hero-stat-row{gap:9px}.hero-stat-row>span{width:55px}.store-feature{background-size:cover}.main-tabs{gap:25px}}
@media(max-width:720px){.shell{padding-bottom:78px}.main-tabs{position:fixed;bottom:0;left:0;right:0;height:70px;height:calc(70px + env(safe-area-inset-bottom));padding:0 12px env(safe-area-inset-bottom);background:#101912f5;backdrop-filter:blur(18px);border-top:1px solid #b5c69b28;border-bottom:0;z-index:5;justify-content:space-around;gap:5px}.main-tabs button{font-size:9px;flex:1;line-height:1.4}.main-tabs button:before{display:block;font-size:22px;margin-bottom:5px;color:#798b6c;line-height:1}.main-tabs #rooms-tab:before{content:'⌕'}.main-tabs #create-nav:before{content:'⊕'}.main-tabs #store-tab:before{content:'▱'}.main-tabs #profile-tab:before{content:'◉'}.main-tabs button.current:before{color:var(--gold)}.main-tabs button.current:after{bottom:auto;top:0;left:30%;right:30%}.main-tabs button>span,.main-tabs #training-tab{display:none}.rooms-heading{display:block;padding:29px 0 20px}.rooms-heading h1,.page-heading h1{font-size:43px;letter-spacing:-1px;line-height:1.13}.rooms-heading h1 span,.page-heading h1 span{margin-left:8px}.rooms-heading p,.page-heading p{font-size:11px;line-height:1.8}.create-room{width:100%;justify-content:center;margin-top:22px;padding:15px}.rooms-banner{height:145px;padding:21px}.rooms-banner h2{font-size:24px}.rooms-banner p{font-size:8px}.banner-mark{display:none}.room-toolbar{flex-direction:column;gap:13px;margin:22px 0 13px}.filter-group{width:100%;justify-content:space-between}.filter-group button{font-size:10px;padding:10px 12px;flex:1}.id-search{min-width:0}.access-filters{gap:15px}.access-filters button{font-size:10px}.access-row{margin-bottom:15px}#room-count{font-size:8px}.room-table-head{display:none}.room-row{grid-template-columns:1fr auto;gap:13px;padding:16px;position:relative;border-radius:9px;margin-bottom:12px}.room-owner{grid-column:1;gap:10px}.room-avatar{width:40px;height:43px}.room-owner strong{font-size:12px}.room-owner>div>span{font-size:8px}.room-row .fee-pill{grid-column:2;grid-row:1;font-size:10px}.access-status{grid-column:1;grid-row:2;font-size:9px}.room-players{position:absolute;right:18px;top:69px;font-size:10px}.room-enter{grid-column:1/3;font-size:11px;justify-content:center;gap:10px;padding:11px}.room-demo-note{font-size:9px;margin:20px 0 25px}.page-heading{padding:30px 0 24px}.profile-layout{display:flex;flex-direction:column;gap:20px}.identity-panel{width:100%;padding:22px}.identity-avatar{width:70px;height:70px}.identity-panel>p{margin:16px 0}.stat-grid{gap:8px}.stat-card{padding:16px 11px}.stat-card>span{font-size:7px;letter-spacing:.8px}.stat-card strong{font-size:40px}.stat-card small{font-size:7px;line-height:1.7;display:block}.profile-block{padding:17px}.block-heading h2{font-size:14px}.block-heading>span{font-size:6px}.hero-stat-row{gap:8px}.hero-stat-row strong{font-size:10px}.hero-stat-row>span{width:42px;font-size:12px}.hero-stat-row>b{width:37px;font-size:12px}.hero-stat-row small{font-size:6px}.store-feature{padding:25px;min-height:195px;background-position:center}.store-feature h2{font-size:30px}.store-feature p{font-size:10px}.collection-tag{font-size:7px;letter-spacing:1.2px}.cosmetic-grid{grid-template-columns:1fr;gap:17px}.cosmetic-card{display:grid;grid-template-columns:115px 1fr}.cosmetic-art{height:100%;min-height:180px}.cosmetic-orb{width:66px;height:66px;border-radius:18px;font-size:31px}.cosmetic-art>span{font-size:6px;left:10px}.cosmetic-copy{padding:18px;border-top:0;border-left:1px solid #ffffff0a}.cosmetic-copy h3{font-size:16px}.cosmetic-copy p{font-size:9px;min-height:0}.cosmetic-copy .secondary{padding:11px}.cosmetic-preview{height:220px}.radio-options label>span{font-size:10px}.access-options small{font-size:8px}.waiting-slots strong{font-size:11px}dialog{padding:27px 20px}.form-label input{font-size:9px}.game{z-index:10}}