/* Rounded dark-fantasy skin shared by every menu screen. */
:root{--bg:#111114;--panel:#1b1b20;--line:#ffffff0e;--gold:#d6b789;--muted:#96929b;--text:#f1ece8;--red:#df5748}
body{background:#111114;color:var(--text);scrollbar-width:thin;scrollbar-color:#494047 #111114}
.shell{background:radial-gradient(ellipse at 90% 0,#8e302018,transparent 46%);padding-left:20px;padding-right:20px}
.topbar{height:78px;border-color:#ffffff09}.brand{font-size:20px;letter-spacing:1.2px}.brand-mark{width:34px;height:36px;border:0;border-radius:10px;background:linear-gradient(145deg,#e36550,#90271f);color:#ffe9da;transform:rotate(-7deg);box-shadow:0 4px 20px #c7462825;font-size:24px}.brand>span:not(.brand-mark){color:#ec9a7d}.brand small{border-radius:20px;color:#a9958b;background:#ffffff04;border-color:#ffffff0d}.profile{background:#282327;border-color:#83524170;color:#ecc3ab;width:38px;height:38px}.main-tabs{border-color:#ffffff0b}.main-tabs button{color:#9b9298}.main-tabs button.current{color:#f19178}.main-tabs button.current:after{background:#e8755e}
.room-toolbar{margin:22px 0 14px;gap:12px}.filter-group{background:#1c1b20;border-color:#ffffff08;border-radius:18px;padding:5px;gap:3px}.filter-group button{border-radius:13px;min-height:39px;font-size:11px;color:#a9a0a6}.filter-group button.active{color:#fff3e9;background:linear-gradient(140deg,#d75e4a,#ad3d32);box-shadow:0 3px 12px #ac302326}.id-search{min-height:48px;border-radius:16px;background:#1c1b20;border-color:#ffffff09;color:#a49ba2;padding:0 15px}.id-search input{font-size:12px;color:#eee6e0}.id-search input::placeholder{color:#827b84}.id-search:focus-within{border-color:#d96b5570;box-shadow:0 0 0 3px #d96b5509}.access-filters{gap:4px}.access-filters button{font-size:10px;padding:9px 11px;border-radius:20px;color:#8e8791}.access-filters button.active{background:#ffffff08;color:#dfc9bc}.access-filters button.active:before{background:#e8755e;width:4px;height:4px;margin-right:5px}.access-row{margin-bottom:16px}#room-count{color:#79717b;font-size:9px}.room-table-head{color:#89818b}
.room-row{background:radial-gradient(ellipse at 0 0,#9e4c2310,transparent 70%),linear-gradient(130deg,#211f24,#19191e);border:1px solid #ffffff09;border-radius:22px;padding:17px;margin-bottom:12px;box-shadow:0 6px 16px #00000012}.room-row:hover{border-color:#dd776136;transform:none}.room-avatar{border-radius:15px;border-color:#bb785438;width:48px;height:50px;box-shadow:0 4px 14px #0003}.room-owner{gap:12px}.room-owner strong{font-size:13px;color:#ede4df}.room-owner>div>span{font-size:9px;color:#91858a}.room-owner code{color:#aaa0a7;font-size:10px}.room-owner b{color:#655a62}.room-owner strong small{border-radius:6px;border-color:#b66a4238;color:#dca577;font-size:6px;background:#b66a420d}.fee-pill{color:#b0caa1;font-size:10px}.fee-pill.stars{color:#e3c18a}.fee-pill.ton{color:#94b7db}.access-status{color:#9aa590;font-size:10px}.access-status>span{color:#b2ba9e}.access-status.private,.access-status.private>span{color:#9d8e9e}.room-players{color:#dcd0ce}.room-players span{color:#7d717a}.room-enter{min-height:40px;border-radius:13px;background:linear-gradient(110deg,#733d343b,#49323747);border-color:#d47e5830;color:#e7c0aa;font-size:11px;font-weight:600}.room-enter>span{color:#f29b7d}.room-enter:hover{background:#803f344f;border-color:#cb705751}.room-demo-note{color:#716872;line-height:1.8;font-size:9px}
.primary{border-radius:16px;background:linear-gradient(125deg,#e06a52,#b23c31);color:#fff1e8;box-shadow:0 5px 20px #a52d211c;padding:17px}.secondary,.room-enter{border-radius:14px}.secondary{background:#ffffff03;border-color:#ffffff0d;color:#ccbdbb}.secondary:hover{background:#ffffff07}.page-heading h1{font-family:Manrope,Arial,sans-serif;font-size:36px;font-weight:800;letter-spacing:-1.6px;line-height:1.15}.page-heading h1 span{color:#e58b72}.eyebrow{color:#c99376}.page-heading p{color:#9b8f96}.identity-panel,.profile-block,.stat-card,.cosmetic-card,.store-feature,.match-panel{border-radius:23px;background-color:#1c1b20;border-color:#ffffff0c}.identity-panel{background:radial-gradient(ellipse at top,#a9502520,transparent 60%),#1b1b20}.identity-avatar{background:linear-gradient(140deg,#684940,#2b252c);border-color:#c08a674d;color:#e6bd9d;border-radius:28px}.identity-avatar>span{background:#2e2529;border-color:#a4755840;color:#dca584}.identity-panel>p,.identity-panel>small{color:#a09197}.guest-badge{border-radius:8px}.identity-line{color:#9e9097}.identity-line strong{color:#d9cac7}.stat-card{background:#1c1b20}.stat-card>span,.stat-card small{color:#978891}.stat-card strong{color:#dfd0cc}.stat-card strong.green{color:#a9bf91}.featured-stat{background:radial-gradient(ellipse at top right,#be674621,transparent),#1c1b20;border-color:#b8765029}.featured-stat strong{color:#dfae88}.block-heading>span,.hero-stat-row small,.history-empty p{color:#8f828e}.profile-block{background:#19191e}.cosmetic-card{background:#1c1b20}.cosmetic-art{background:radial-gradient(ellipse at center,#7f321d55,#19191e 68%)}.cosmetic-art.jade{background:radial-gradient(ellipse at center,#678a3c30,#19191e 68%)}.cosmetic-art.gold-art{background:radial-gradient(ellipse at center,#c9ac4730,#19191e 68%)}.cosmetic-copy>small,.cosmetic-copy p{color:#a28e96}.store-feature{background-image:linear-gradient(90deg,#1b191beF,#1b191b99 65%,#1b191b00),url('assets/heroes.png')}.store-feature p{color:#c0a4a0}.store-feature h2{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:30px;letter-spacing:-1px}.store-label h2{font-size:15px}
dialog{border-radius:25px;background:radial-gradient(ellipse at top right,#b2512515,transparent 50%),#1b1a20;border-color:#ddaa7526;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#09080bd1;backdrop-filter:blur(12px)}dialog h2{font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-.7px}dialog p{color:#a99aa1}.close{color:#b7a5af;background:#ffffff07;border-radius:50%;width:30px;height:30px;font-size:22px;top:12px;right:12px}.form-label,legend{color:#bba8ae}.form-label input,.form-label select{border-radius:13px;background:#121217;border-color:#ffffff12;color:#ded1d1}.radio-options label>span{border-radius:14px;background:#131317;border-color:#ffffff0c}.radio-options input:checked+span{border-color:#d86f5480;background:#aa4c3119;color:#f2b599}.radio-options small{color:#9d8c94}.waiting-slots>div{border-radius:18px;background:#15151a;border-color:#ffffff0b}.empty-avatar{border-radius:16px;border-color:#a58f7850;color:#a79185}.waiting-slots span,.waiting-slots small,.form-note{color:#9a8895!important}.room-summary>span+span{color:#a18e99}.private-notice{border-radius:14px}.empty-rooms{border-radius:22px;background:#19191e;border-color:#b68d6e30}.empty-rooms p{color:#9a8c93}#toast{border-radius:16px;background:#33282cf5;border-color:#bd7f5b38;color:#f0d0bf}footer{border-color:#ffffff08;color:#716570}footer b{color:#a89697}footer button{color:#bda6a4}
@media(max-width:720px){.shell{padding-left:16px;padding-right:16px;padding-bottom:96px}.main-tabs{left:10px;right:10px;bottom:10px;border:1px solid #d1977920;border-radius:23px;height:70px;padding:0 6px;background:#211d23ee;box-shadow:0 8px 35px #0008;backdrop-filter:blur(22px)}.main-tabs button{font-size:9px;color:#9d8d97}.main-tabs button:before{font-size:23px;color:#a28b91}.main-tabs button.current{color:#f3b095}.main-tabs button.current:before{color:#f09174}.main-tabs button.current:after{height:3px;border-radius:0 0 6px 6px;left:34%;right:34%;background:#e2785e}.main-tabs #create-nav:before{background:#bb503735;border-radius:11px;width:33px;height:29px;line-height:29px;margin:0 auto 2px;color:#efb398}.room-toolbar{margin-top:20px}.room-row{border-radius:21px;padding:16px;gap:12px}.room-row .fee-pill{font-size:10px}.room-players{right:18px;top:81px}.room-owner>div>span{font-size:9px}.room-enter{padding:11px;min-height:40px}.access-filters button{padding:8px 9px;font-size:9px}.room-avatar{width:47px;height:49px}.access-status{font-size:9px}.room-demo-note{margin-bottom:20px}.profile-layout{gap:16px}.stat-card{border-radius:18px}.profile-block{border-radius:20px}.identity-panel{border-radius:25px}.cosmetic-card{border-radius:22px}.cosmetic-copy .secondary{border-radius:12px}.page-heading h1{font-size:35px}.brand{font-size:18px}.topbar{height:74px}dialog{padding:30px 20px}.room-summary{margin-top:5px}}