/* V6 app-style dashboard. Existing game styles stay in styles.css. */
:root{--panel:#151822;--line:#2a303e;--secondary:#9ba4b8}
body{background:#0b0e16;color:#eff0f5}
.dashboard-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100dvh;background:#0c0f17}
.dash-sidebar{display:flex;flex-direction:column;min-height:100dvh;position:sticky;top:0;height:100dvh;padding:20px 15px 20px 19px;background:#10131d;border-right:1px solid #292c3a}
.dash-brand{padding:4px 6px 8px;white-space:nowrap;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.dash-brand .brand-icon{width:35px;height:35px;font-size:21px}.dash-brand .bem-brand-img{width:min(118px,100%);height:auto;display:block;margin:0 auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.34))}.dash-brand span{font-size:11px;letter-spacing:.16em}
.side-label{font-size:10px;font-weight:850;letter-spacing:.14em;color:#777f96;margin:14px 12px 14px}
.side-navigation{display:flex;flex-direction:column;gap:8px}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:#9ea5b6;padding:13px 15px;font-size:13px;font-weight:650;border-radius:13px;text-align:left;display:flex;align-items:center;gap:13px;position:relative;overflow:hidden;isolation:isolate;transform:translateX(0);transition:transform .18s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.nav-item::before{content:"";position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(180deg,rgba(231,189,121,.55),rgba(206,52,68,.35));opacity:.95;transition:width .18s ease}.nav-item::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at left center,rgba(255,255,255,.12),transparent 42%);opacity:0;transition:opacity .18s ease;pointer-events:none}
.nav-item:hover{background:#1d222e;color:#fff;transform:translateX(4px);border-color:#413846;box-shadow:0 14px 28px rgba(0,0,0,.18)}.nav-item:hover::before,.nav-item.active::before,.nav-item:focus-visible::before{width:4px}.nav-item:hover::after,.nav-item.active::after,.nav-item:focus-visible::after{opacity:1}.nav-item:focus-visible{outline:none;border-color:#d89f77;box-shadow:0 0 0 2px rgba(216,159,119,.24),0 14px 28px rgba(0,0,0,.18);color:#fff}.nav-item.active{background:linear-gradient(95deg,#572837,#30202d);border-color:#774151;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 32px rgba(124,42,61,.24)}.nav-item.is-pressed{transform:scale(.985)}.nav-item .social-mini-count{margin-left:auto}.nav-glyph{font-size:21px;line-height:1;width:22px;text-align:center;color:#d87a91;transition:transform .18s ease,color .18s ease}.nav-item:hover .nav-glyph,.nav-item.active .nav-glyph,.nav-item:focus-visible .nav-glyph{transform:scale(1.12);color:#f1b2c2}
.sidebar-bottom{margin-top:auto;border-top:1px solid #2b2e39;padding:20px 11px 0}.online-beacon{display:flex;gap:10px;align-items:center;font-size:12px;color:#bee7d4;font-weight:650}.sidebar-bottom p{color:#788094;font-size:11px;line-height:1.75;margin-top:12px}
.dash-body{min-width:0}.dash-header{height:76px;background:#11141e;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #292e3c;padding:0 clamp(20px,3.2vw,48px);position:relative;z-index:2}
.dash-header-left{min-width:0}.header-breadcrumb{letter-spacing:.12em;font-size:10px;font-weight:750;color:#8890a4}.header-breadcrumb span{margin:0 9px;color:#4c546c}.header-breadcrumb strong{color:#e3e6f0;letter-spacing:0;font-size:12px}.mobile-brand{display:none;font-weight:900;letter-spacing:.12em}.mobile-brand em{font-style:normal;color:#df718a}
.dash-account{display:flex;gap:12px;align-items:center}.server-status{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:#a3adbd;margin-right:10px}.dash-account .btn{white-space:nowrap}.account-chip{background:#222735;border:1px solid #3c4254;border-radius:100px;color:#fff;display:flex;gap:9px;align-items:center;padding:6px 12px 6px 6px;font-size:12px;max-width:215px}.account-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px}.account-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-main{max-width:1380px;margin:0 auto;padding:35px clamp(18px,3.2vw,48px) 26px}
.dash-welcome{display:flex;gap:25px;justify-content:space-between;align-items:center;margin-bottom:25px}.compact-eyebrow{margin:0 0 13px;font-size:10px;letter-spacing:.12em}.dash-welcome h1{font-size:clamp(26px,3vw,38px);font-weight:850;letter-spacing:-.045em}.dash-welcome p{color:#a2a8bb;font-size:13px;line-height:1.7;margin-top:9px;max-width:540px}.dash-welcome-actions{display:flex;gap:11px;flex-shrink:0}.dash-welcome-actions .btn{white-space:nowrap}
.guest-banner{display:flex;align-items:center;gap:14px;padding:14px 17px;border:1px solid #674453;border-radius:13px;background:linear-gradient(110deg,#301e2b,#1b1a27 65%);margin-bottom:22px}.guest-banner-icon{width:43px;height:43px;border-radius:11px;background:#5b293d;display:grid;place-items:center;font-size:23px;color:#f3a6b8}.guest-banner strong{font-size:13px}.guest-banner p{font-size:11px;color:#b9acba;margin-top:5px}.guest-banner button{margin-left:auto;white-space:nowrap}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}.stat-box{display:flex;gap:15px;padding:20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(140deg,#191d29,#141720);align-items:center;min-width:0}.stat-box>div:last-child{display:flex;flex-direction:column;gap:5px}.stat-box span{font-size:11px;color:#a1a9ba}.stat-box strong{font-size:27px;line-height:1.08;letter-spacing:-.05em}.stat-box small{color:#758098;font-size:10px}.stat-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:23px;flex-shrink:0}.stat-icon.red{background:#442836;color:#eb8da1}.stat-icon.green{background:#1e3d3a;color:#74d8bd}.stat-icon.purple{background:#2c2b4c;color:#aba5ff}
.dashboard-cols{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.dash-card{background:linear-gradient(145deg,#1b1e2b,#151822);border:1px solid #303645;border-radius:15px;padding:22px;min-width:0}.mini-head{display:flex;gap:12px;justify-content:space-between}.mini-head .auth-kicker{margin-bottom:9px}.mini-head h2{font-size:18px;letter-spacing:-.035em}.mini-head p{font-size:12px;color:#9da6bb;line-height:1.7;margin-top:7px}.quick-icon{height:39px;width:39px;display:grid;place-items:center;background:#28263b;border-radius:11px;color:#d7a1b0;font-size:22px;flex-shrink:0}
.join-shortcut{display:flex;gap:10px;margin-top:19px}.join-shortcut input,.dashboard-form input,.dashboard-form select,.guest-inline input{min-width:0;width:100%;padding:12px 13px;border-radius:10px;color:#f2f3fb;background:#0f131d;border:1px solid #414759;font:inherit;font-size:13px;outline:none}.join-shortcut input:focus,.dashboard-form input:focus,.dashboard-form select:focus{border-color:#d7788c}.join-shortcut button{white-space:nowrap}.feature-shortcut .btn{margin-top:20px}
.rooms-section{background:linear-gradient(155deg,#161a25,#12151e);max-width:none;margin:21px 0 0;border-color:var(--line);padding:21px}.section-heading h2{font-size:20px}.section-heading .auth-kicker{margin-bottom:8px}
.rooms-toolbar{grid-template-columns:minmax(0,1fr) 195px}.rooms-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-room-card{padding:17px;background:#1b1f2b}.public-room-card h3{font-size:15px;margin-top:17px}.room-status{font-size:9px}.rooms-empty{padding:38px 12px}.public-room-card .room-join{padding:11px}
.view-title{margin:0 0 24px}.view-title .auth-kicker{margin-bottom:11px}.view-title h2{font-size:27px}.view-title p{font-size:13px;color:var(--secondary);margin-top:9px}.create-layout{display:grid;grid-template-columns:minmax(0,500px) minmax(0,360px);gap:20px}.dashboard-form{display:flex;flex-direction:column;gap:12px}.dashboard-form label{font-size:12px;color:#c5c9d6;font-weight:700}.dashboard-form button{margin-top:11px}.guide-card h3{font-size:18px;margin-bottom:20px}.guide-card p{margin-top:16px;font-size:13px;color:#a6afc0;line-height:1.7}.profile-section{max-width:none;margin:0;background:transparent;border:0;padding:0}.profile-layout{max-width:900px}.profile-summary{background:#1b1f2a}.profile-form{padding:0;background:transparent;border:0}.profile-section .dash-card{display:flex;align-items:stretch}.profile-section .dash-card>*{width:100%}.profile-section #guestProfileMessage p{color:#afb5c6;line-height:1.7;margin:14px 0}.leaderboard-section{max-width:none;margin:0}.leaderboard-list{background:#1b1f29;max-width:820px;border-radius:14px;border:1px solid #303644;padding:15px 32px}.dash-footer{font-size:11px;line-height:1.7;color:#697286;margin:28px 0 0}
.auth-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:30;background:#040610c9;backdrop-filter:blur(9px);padding:20px;overflow-y:auto}.auth-dialog{background:linear-gradient(155deg,#24212d,#131723);width:min(100%,440px);border:1px solid #575061;border-radius:19px;padding:29px;position:relative;box-shadow:0 30px 130px #000a}.modal-close{position:absolute;top:13px;right:14px;width:30px;height:30px;border-radius:9px;background:#343243;border:1px solid #4b4b5c;color:white;font-size:22px}.auth-dialog h2{font-size:26px;letter-spacing:-.04em}.auth-dialog-subtitle{font-size:12px;color:#aeb4c2;line-height:1.6;margin:10px 0 21px}.auth-dialog .auth-tabs{margin-bottom:18px}.auth-dialog .auth-tab.active{background:#753446}.auth-dialog .dashboard-form{gap:10px}.auth-dialog .btn.full{margin-top:8px}.auth-divider{display:flex;align-items:center;gap:10px;color:#929aaa;font-size:10px;letter-spacing:.16em;margin:17px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#434353}.guest-inline{display:flex;gap:8px}.guest-inline .btn{margin-top:0;white-space:nowrap}.auth-dialog .form-hint{margin:0;font-size:10px}.guest-inline input{flex:1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px){.dashboard-shell{grid-template-columns:208px minmax(0,1fr)}.dash-sidebar{padding-left:11px;padding-right:11px}.dash-brand .bem-brand-img{width:min(98px,100%)}.side-label{margin-top:10px}.nav-item{padding:12px 9px;font-size:12px}.dash-header{padding:0 22px}.dash-main{padding:27px 22px}.rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-welcome-actions .btn{padding:12px}}
@media(max-width:820px){.dashboard-shell{display:block}.dash-sidebar{position:relative;min-height:0;height:auto;display:block;padding:14px 17px 12px;border-right:0;border-bottom:1px solid #303543}.dash-brand{display:none}.side-label,.sidebar-bottom{display:none}.side-navigation{display:flex;flex-direction:row;gap:7px;overflow-x:auto;scrollbar-width:none}.nav-item{width:auto;white-space:nowrap;flex-shrink:0;font-size:11px;padding:10px 12px}.nav-item:hover{transform:none}.nav-glyph{font-size:15px;width:16px}.dash-header{height:66px}.mobile-brand{display:inline-block;font-size:14px}.header-breadcrumb{display:none}.dash-welcome{flex-wrap:wrap;gap:18px}.dashboard-cols{grid-template-columns:1fr 1fr}.dashboard-stats{gap:9px}.stat-box{gap:11px;padding:14px}.stat-icon{width:33px;height:33px;font-size:19px}}
@media(max-width:650px){.dashboard-cols,.dashboard-stats,.create-layout{grid-template-columns:1fr}.dash-welcome h1{font-size:27px}.dash-welcome-actions{width:100%}.dash-welcome-actions .btn{flex:1}.dash-account{gap:6px}.server-status{display:none}.dash-header{padding:0 14px}.dash-main{padding:22px 13px}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.stat-box{display:block;padding:12px}.stat-icon{margin-bottom:11px}.stat-box strong{font-size:22px}.stat-box span{font-size:10px}.stat-box small{font-size:9px}.guest-banner{flex-wrap:wrap}.guest-banner button{margin-left:57px}.rooms-grid{grid-template-columns:1fr}.rooms-section{padding:15px}.rooms-toolbar{grid-template-columns:1fr}.account-chip{max-width:110px}.dash-account .btn{font-size:10px;padding:9px}.profile-layout{grid-template-columns:1fr}.auth-dialog{padding:22px}.leaderboard-list{padding:12px 26px}}
@media(max-width:400px){.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-stats .stat-box:nth-child(3){grid-column:1/-1;display:flex}.dash-welcome-actions .btn{font-size:11px;padding:12px 7px}.dash-account .btn:first-child{display:none}}


/* V13.4.1: o‘yinlar panelining footeri ham doimo eng pastda turadi. */
.dash-body{display:flex;flex-direction:column;min-height:100dvh}
.dash-main{width:100%;flex:1 0 auto;display:flex;flex-direction:column}
.dash-main{padding-bottom:0}
.dash-main>.dash-footer{position:relative;inset:auto;margin-top:auto;flex-shrink:0}
@media(max-width:820px){
  .dashboard-shell{display:flex;flex-direction:column;min-height:100dvh}
  .dash-sidebar{flex:none}
  .dash-body{flex:1;min-height:0}
}

@media (prefers-reduced-motion: reduce){.nav-item,.nav-glyph,.nav-item::before,.nav-item::after{transition:none!important}}