:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#e9eaf1;background:#090a11;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;scroll-behavior:smooth}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}.hidden{display:none!important}::selection{background:#b83d54;color:white}
body{background:radial-gradient(ellipse 90% 100% at 50% -30%,#291a2d66,transparent 70%),#090a11}.home{min-height:100dvh;position:relative;overflow:hidden}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.28}.ambient-one{width:360px;height:360px;background:#8f1e3b;top:15%;right:-180px}.ambient-two{width:400px;height:400px;background:#243e86;bottom:-300px;left:-160px}.topbar{position:relative;max-width:1230px;padding:27px 32px;margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.13em;font-size:16px}.brand em{font-style:normal;color:#d55d70}.brand-icon{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(135deg,#e46572,#861f36);border-radius:12px 4px 12px 4px;box-shadow:0 0 28px #9d293a56;font-size:23px;font-family:Georgia,serif;letter-spacing:-3px;padding-right:3px}.brand-note{font-size:12px;color:#9da1b0;display:flex;gap:9px;align-items:center}.pulse,.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#54d2a4;box-shadow:0 0 12px #54d2a4}
.hero{position:relative;max-width:1070px;padding:65px 28px 50px;margin:0 auto}.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:.19em;font-size:11px;font-weight:800;color:#ee9baf;margin-bottom:26px}.eyebrow-dot{background:#de5a70;box-shadow:0 0 14px #de5a70}.hero>h1{font-size:clamp(58px,9vw,106px);line-height:.96;letter-spacing:-.075em;font-weight:850;max-width:840px}.hero>h1 span{color:#de6678}.hero-desc{font-size:16px;color:#a9acbc;line-height:1.75;max-width:550px;margin:25px 0 34px}.home-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:850px}.join-card{background:linear-gradient(145deg,#171822,#101117);border:1px solid #2d2e3a;border-radius:20px;padding:27px;box-shadow:0 20px 70px #00000033}.join-card.featured{border-color:#79404b;background:linear-gradient(145deg,#271820,#131118)}.form-heading{display:flex;align-items:center;gap:15px;margin-bottom:25px}.form-heading h2{font-size:20px;letter-spacing:-.04em}.form-heading p{font-size:12px;color:#9698a9;margin-top:5px}.card-icon{font-size:25px;width:48px;height:48px;border:1px solid #803947;background:#4d2332;display:grid;place-items:center;color:#ff9db3;border-radius:13px}.card-icon.blue{color:#9dafea;background:#232b45;border-color:#364468}.join-card form{display:grid;gap:11px}.join-card label,.settings-grid label{font-size:12px;color:#b6b8c6;font-weight:600}.join-card input,select{border:1px solid #353540;border-radius:10px;background:#0e1018;color:#fff;padding:13px 14px;outline:none;min-width:0}.join-card input:focus,select:focus,.chat-compose input:focus{border-color:#db7585;box-shadow:0 0 0 3px #db75851a}.join-card input::placeholder,.chat-compose input::placeholder{color:#656878}.btn{border:none;border-radius:11px;padding:13px 18px;font-size:13px;font-weight:750;display:inline-flex;justify-content:center;align-items:center;gap:12px}.btn span{font-size:17px}.btn.full{width:100%;margin-top:10px}.btn.primary{background:linear-gradient(110deg,#e16a7a,#af354d);color:#fff;box-shadow:0 8px 24px #bc384633}.btn.secondary{background:#252636;color:#e9eaf1;border:1px solid #3c3d50}.btn.ghost{color:#dbdeec;background:#222430;border:1px solid #363747}.btn.small{padding:8px 12px;font-size:12px;border-radius:8px}.btn.danger{color:#f5b2bd;border:1px solid #783b45;background:#40232d}.home-features{max-width:850px;display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:30px;color:#9da0b0;font-size:12px}.home-tip{color:#696c7c;font-size:12px;margin:30px 0}
.game{height:100dvh;min-height:650px;display:flex;flex-direction:column}.game-header{min-height:76px;border-bottom:1px solid #2a2b35;display:flex;align-items:center;justify-content:space-between;padding:12px 25px;background:#101118f0;gap:16px;z-index:1}.brand.compact{font-size:13px}.brand.compact .brand-icon{width:34px;height:34px;font-size:19px}.header-center{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px}.header-center strong{font-size:12px;color:#9ba0ae;font-weight:500}.phase-pill{background:#3d2934;color:#f8a7ba;border:1px solid #6b3646;border-radius:100px;padding:4px 15px;font-size:11px;letter-spacing:.12em;font-weight:800}.phase-pill.day{background:#23363c;border-color:#365b62;color:#a6d3cf}.phase-pill.night{background:#272c4e;border-color:#434d83;color:#b7c9ff}.room-tools{display:flex;gap:9px;align-items:center}.room-code,.icon-button{background:#20212c;border:1px solid #353743;border-radius:10px;color:#e4e6ef;padding:11px 14px;font-size:12px}.room-code{display:flex;align-items:center;gap:10px}.room-code span{color:#989bab;font-size:10px}.room-code strong{font-size:15px;letter-spacing:.12em}.icon-button.exit{font-size:20px;padding:7px 12px}.game-layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 330px}.arena{padding:25px 25px 50px;overflow-y:auto;min-width:0;scrollbar-color:#333542 transparent}.arena-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.arena-top h1{font-size:23px;letter-spacing:-.04em}.arena-top p{color:#9396a6;font-size:12px;margin-top:6px}.timer{display:flex;flex-direction:column;align-items:end;gap:2px}.timer span{font-size:9px;letter-spacing:.2em;color:#8d91a2;font-weight:700}.timer strong{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.video-tile{position:relative;aspect-ratio:4/3;background:radial-gradient(circle at 40% 30%,#303146,#171923 75%);border:1px solid #373846;border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-tile.me{border-color:#af5b6d}.video-tile.dead{opacity:.45;filter:grayscale(.6)}.video-tile video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;background:#101018}.video-tile video.local{transform:scaleX(-1)}.video-tile .avatar{font-weight:850;color:#d7d9e6;font-size:32px;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#41465b,#5c394a);display:grid;place-items:center;border:2px solid #ffffff12}.tile-name{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:25px 10px 10px;background:linear-gradient(transparent,#000b);display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden}.tile-name .name{overflow:hidden;text-overflow:ellipsis}.tile-name .host-mark{color:#ffc684;font-size:9px}.tile-state{position:absolute;right:8px;top:8px;z-index:2;background:#07090dbb;color:#c9cbd7;border-radius:7px;padding:4px 6px;font-size:10px}.tile-disconnected{position:absolute;inset:0;background:#0008;display:grid;place-items:center;z-index:3;font-size:11px;color:#d6d7e1}.tile-night{position:absolute;inset:0;background:radial-gradient(circle at center,#1e243d,#10111d);display:grid;place-items:center;z-index:2;font-size:30px;color:#a6b4e6}.tile-night span{font-size:10px;letter-spacing:.06em;color:#c9d2e9}.night-mask{display:flex;flex-direction:column;align-items:center;gap:5px}.media-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:14px 0 25px}.media-btn{background:#20212d;border:1px solid #393b4a;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;color:#cdd1df;font-size:12px;font-weight:650;border-radius:9px}.media-btn.on{background:#2b3b35;border-color:#4b7568;color:#a5e0c7}.media-btn .control-dot{font-size:10px;color:#b85768}.media-btn.on .control-dot{color:#61d5a7}.media-caption{font-size:11px;color:#8b8f9e;margin-left:auto}.action-panel{border:1px solid #333442;background:linear-gradient(135deg,#171923,#101116);border-radius:17px;padding:22px;min-height:152px}.action-panel h2{font-size:17px;letter-spacing:-.03em;margin-bottom:7px}.action-panel p{color:#a1a5b4;font-size:12px;line-height:1.65}.action-panel .info-line{margin-top:11px;font-size:12px;color:#d9b9c0}.action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.target-button{display:flex;align-items:center;gap:7px;background:#262835;border:1px solid #404251;border-radius:10px;color:#d7d9e3;padding:10px 12px;font-size:12px;font-weight:600}.target-button.selected{background:#563042;border-color:#e1879b;color:#fff}.target-button:hover:not(:disabled){border-color:#be7185}.target-button .mini-avatar{background:#626981;border-radius:100%;width:24px;height:24px;display:grid;place-items:center;font-size:10px}.role-tag{display:inline-block;font-size:10px;font-weight:750;padding:5px 10px;border-radius:50px;background:#422b37;border:1px solid #774354;color:#ffc0cd;margin-bottom:13px}.role-tag.citizen{background:#27353e;color:#a9d6da;border-color:#45636c}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:16px}.settings-grid>label{display:grid;gap:6px}.settings-grid select{width:100%;padding:10px;font-size:12px}.checkline{display:flex;gap:9px;align-items:center;color:#c3c6d3;font-size:12px;margin-top:16px}.checkline input{accent-color:#cf596b}.muted{color:#818595!important}.how-to{font-size:12px;color:#9296a6;margin-top:10px}.hero-countdown{font-size:56px;color:#f9b9c3;font-weight:850;line-height:1.2;animation:beat 1s ease-in-out infinite}@keyframes beat{0%{transform:scale(.93);opacity:.7}60%{transform:scale(1.05);opacity:1}100%{transform:scale(.93);opacity:.7}}.action-panel .event{font-size:12px;color:#c8cbd7;margin-top:13px;border-left:2px solid #d26178;padding:8px 12px;background:#28202b;border-radius:0 8px 8px 0}
.sidebar{background:#13141d;border-left:1px solid #282936;min-height:0;display:flex;flex-direction:column}.side-block{padding:20px}.side-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.side-header h2{font-size:13px;letter-spacing:.02em}.side-count{background:#292b38;border-radius:100px;padding:5px 9px;font-size:10px;color:#bec0cb}.players-block{border-bottom:1px solid #2b2d39;max-height:47%;overflow:auto}.player-list{display:flex;flex-direction:column;gap:8px}.player-item{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:12px}.player-item .small-avatar{width:30px;height:30px;background:#34384d;color:#cbd0e1;display:grid;place-items:center;border-radius:9px;font-weight:800}.player-item .player-info{flex:1;min-width:0}.player-item .player-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:650}.player-item .player-info small{font-size:10px;color:#878a98}.player-item.offline .small-avatar{opacity:.5}.player-item.out .player-info strong{text-decoration:line-through;color:#868996}.kick{font-size:11px;color:#d4929e;background:#3b222b;border:1px solid #66313e;border-radius:6px;padding:4px 7px}.chat-block{flex:1;display:flex;min-height:0;flex-direction:column}.chat-symbol{color:#b5b8c8}.chat-messages{flex:1;overflow-y:auto;min-height:130px;display:flex;flex-direction:column;gap:14px;padding-right:4px;scrollbar-color:#3c3e4a transparent}.chat-entry{display:flex;gap:8px;align-items:start}.chat-entry .chat-avatar{flex:none;width:28px;height:28px;border-radius:9px;background:#353a4e;display:grid;place-items:center;font-weight:700;font-size:10px;color:#e2e4ed}.chat-entry .chat-body{min-width:0;flex:1}.chat-entry .chat-meta{font-size:11px;font-weight:750;margin:1px 0 4px}.chat-entry .chat-meta small{font-weight:400;font-size:9px;color:#828594;margin-left:7px}.chat-entry .chat-msg{font-size:11px;color:#bdc0ce;overflow-wrap:anywhere;line-height:1.5}.chat-entry.secret .chat-meta{color:#e2a8bc}.chat-empty{font-size:11px;color:#767b8a}.chat-compose{display:flex;gap:8px;margin-top:16px}.chat-compose input{background:#20212d;border:1px solid #323442;color:#fff;padding:11px;border-radius:9px;min-width:0;flex:1;font-size:11px;outline:none}.chat-compose button{background:#b54660;color:#fff;border:0;border-radius:9px;width:37px;flex:none;font-size:18px}.toast{position:fixed;top:86px;right:18px;z-index:99;padding:13px 17px;background:#3b2730;border:1px solid #874556;color:#ffe3e8;border-radius:12px;box-shadow:0 12px 60px #000a;max-width:min(390px,90vw);font-size:13px}
@media (min-width:1500px){.video-grid{grid-template-columns:repeat(5,1fr)}}
@media (max-width:1100px){.game-layout{grid-template-columns:minmax(0,1fr) 275px}.sidebar .side-block{padding:16px}.video-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:800px){.topbar{padding:20px}.hero{padding:55px 20px}.home-panels{grid-template-columns:1fr;max-width:500px}.game{height:auto;min-height:100dvh}.game-layout{display:flex;flex-direction:column}.game-header{padding:10px 14px}.header-center{display:none}.arena{overflow:visible;padding:20px 13px 25px}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.video-tile{border-radius:10px}.video-tile .avatar{font-size:22px;width:44px;height:44px}.tile-name{font-size:10px;padding:17px 6px 7px}.media-caption{width:100%;margin-left:0}.sidebar{border-left:0;border-top:1px solid #31323b}.players-block{max-height:none}.chat-messages{min-height:200px;max-height:340px}.arena-top h1{font-size:20px}.settings-grid{grid-template-columns:repeat(3,1fr)}.room-code{padding:9px}.room-code strong{font-size:12px}}
@media (max-width:430px){.brand{font-size:12px}.brand-icon{width:32px;height:32px}.hero>h1{font-size:55px}.hero-desc{font-size:14px}.join-card{padding:20px}.brand.compact{font-size:11px}.brand.compact .brand-icon{width:29px;height:29px;font-size:16px}.game-header{gap:5px}.room-tools{gap:4px}.room-code{gap:5px;padding:8px}.room-code span{font-size:8px}.icon-button.exit{padding:6px 9px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.media-btn{padding:9px;font-size:11px}.action-panel{padding:17px}}

/* V2: voice channels */
.voice-banner{display:flex;align-items:center;gap:10px;border:1px solid #3b4157;background:linear-gradient(120deg,#1d2334,#151923);border-radius:11px;padding:11px 14px;margin-top:13px;color:#bfc9de;font-size:11px;flex-wrap:wrap}
.voice-banner strong{font-size:11px;letter-spacing:.06em;color:#d9e2f7}
.voice-banner strong.private{color:#ffb7c6}
.voice-pulse{width:8px;height:8px;background:#54d2a4;border-radius:50%;box-shadow:0 0 8px #54d2a4;flex:none}
.private-notice{border:1px solid #59404d;border-radius:9px;background:#2a1d29;color:#ecc4d1;font-size:12px;padding:11px;margin-top:14px;line-height:1.6}

.leaderboard-section{max-width:850px;margin-top:36px;border:1px solid #2d2e3a;background:#11131d;border-radius:18px;padding:23px}
.leaderboard-title{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.leaderboard-title h2{font-size:17px;letter-spacing:-.02em}.leaderboard-title span{font-size:12px;color:#a3a6b6}
.leaderboard-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:0}
.leaderboard-entry{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #272b39;font-size:13px}
.leaderboard-entry:last-child{border-bottom:0}.leaderboard-entry strong{color:#ecacba;font-size:12px;font-weight:600}
.leaderboard-empty{font-size:13px;color:#9599ac;padding:12px 0}

/* V5: akkauntlar, profillar va ochiq xonalar */
.account-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.account-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid #494051;border-radius:100px;color:#eee4e9;background:#211a27;padding:5px 11px 5px 5px;font-size:12px;font-weight:700;max-width:210px}
.account-chip>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-avatar{border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-weight:800;color:#fff;background:#9f3e5e;flex:none}
.account-avatar.violet,.profile-avatar.violet{background:linear-gradient(130deg,#9168da,#4c2c87)}
.account-avatar.blue,.profile-avatar.blue{background:linear-gradient(130deg,#479bc9,#224572)}
.account-avatar.teal,.profile-avatar.teal{background:linear-gradient(130deg,#30ae98,#12594f)}
.account-avatar.amber,.profile-avatar.amber{background:linear-gradient(130deg,#d5a143,#885026)}
.account-avatar.rose,.profile-avatar.rose{background:linear-gradient(130deg,#e86d83,#753047)}
.toolbar-logout{border:1px solid #393747;color:#aeb1c1;background:#17171e;padding:9px 12px;font-size:12px;border-radius:9px}
.auth-kicker{font-size:10px;font-weight:900;letter-spacing:.19em;color:#dd8697;display:block;margin-bottom:11px}
.auth-area{display:grid;grid-template-columns:1fr 390px;gap:48px;align-items:center;padding:32px;border:1px solid #38313e;border-radius:23px;background:linear-gradient(117deg,#21151f,#151720 66%);max-width:900px;margin:35px auto 26px;box-shadow:0 18px 65px #0004}
.auth-left h2{font-size:clamp(25px,3.5vw,38px);letter-spacing:-.05em;line-height:1.1;margin-bottom:14px}
.auth-left p{font-size:13px;line-height:1.85;color:#aab0c1;max-width:380px}
.auth-perks{display:flex;flex-direction:column;gap:10px;margin-top:24px;font-size:12px;color:#cfd2df}
.auth-box{border:1px solid #373644;background:#11121b;padding:20px;border-radius:17px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#21222e;border-radius:10px;padding:4px;margin-bottom:19px}
.auth-tab{border:0;border-radius:7px;background:transparent;color:#999db0;font-size:12px;padding:11px 5px;font-weight:700}
.auth-tab.active{background:#4c2736;color:#ffced8}
.auth-box form,.profile-form{display:flex;flex-direction:column;gap:8px}
.auth-box label,.profile-form label{color:#bdc0cd;font-size:11px;font-weight:700;margin-top:8px}
.auth-box input,.profile-form input,.profile-form select,.profile-form textarea,.rooms-toolbar input,.rooms-toolbar select{width:100%;border:1px solid #393b4a;border-radius:10px;background:#1e202b;color:#f6f6fa;padding:12px 13px;outline:0;font-size:13px;min-width:0}
.auth-box input:focus,.profile-form input:focus,.profile-form textarea:focus,.rooms-toolbar input:focus{border-color:#cb6c86;box-shadow:0 0 0 3px #ad456120}
.auth-box .btn{margin-top:13px}.form-hint{margin-top:10px;font-size:11px;line-height:1.6;color:#9a9baa}
.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:880px;margin:29px 0 23px}
.welcome-row h2{font-size:26px;letter-spacing:-.04em}.welcome-row h2 span{color:#e68a9d}.welcome-row p{font-size:12px;color:#999eaf;margin-top:8px}
.welcome-badge{border:1px solid #2c594a;color:#89dbc2;background:#17322874;display:flex;align-items:center;gap:8px;padding:10px 13px;font-size:10px;letter-spacing:.1em;border-radius:100px;font-weight:850}
.join-card input,.join-card select{width:100%;background:#20212b;border:1px solid #3b3e4d;color:#eef0f4;border-radius:9px;padding:11px;font-size:13px;outline:none}
.rooms-section,.profile-section{max-width:1000px;margin:36px 0 0;border-radius:19px;border:1px solid #30313e;padding:24px;background:linear-gradient(140deg,#171823,#11121b)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.section-heading h2{font-size:22px;letter-spacing:-.04em;display:flex;gap:10px;align-items:center}
.section-heading p{font-size:12px;color:#989bae;margin-top:7px}
.rooms-count{font-size:12px;color:#ffb9c7;background:#472737;border:1px solid #744557;border-radius:30px;padding:5px 10px;letter-spacing:normal}
.rooms-toolbar{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-bottom:18px}
.rooms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.public-room-card{border:1px solid #393b49;border-radius:14px;background:linear-gradient(160deg,#252330,#161722);padding:17px;min-width:0;display:flex;flex-direction:column}
.public-room-card h3{font-size:16px;letter-spacing:-.02em;color:#f2f1f5;margin:19px 0 6px;overflow-wrap:anywhere}
.room-card-top{display:flex;gap:9px;justify-content:space-between;align-items:center}
.room-status{font-size:9px;font-weight:850;letter-spacing:.05em;color:#8de0b5}.room-status.running{color:#ffc38c}
.room-code-small{font-size:10px;font-weight:750;color:#9ea2b2;background:#191b25;padding:5px 7px;border-radius:5px}
.room-owner{font-size:11px;color:#999eb1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.occupancy{display:flex;justify-content:space-between;margin-top:21px;align-items:center;font-size:11px;color:#9ea2b0}
.occupancy strong{font-size:12px;color:#e2e3ed}
.occupancy-bar{height:5px;background:#373442;border-radius:12px;overflow:hidden;margin:9px 0 19px}.occupancy-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a53552,#f08698)}
.public-room-card .room-join{margin-top:auto}
.rooms-empty{grid-column:1/-1;text-align:center;color:#969ab0;padding:53px 12px;border:1px dashed #393b4b;border-radius:13px;font-size:13px;background:#14151f}
.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:18px}
.profile-summary{border:1px solid #373846;background:#1c1d29;border-radius:14px;padding:22px;text-align:center;align-self:stretch}
.profile-avatar{width:80px;height:80px;border-radius:21px;margin:auto auto 13px;display:grid;place-items:center;font-size:33px;color:white;font-weight:900}
.profile-summary h3{font-size:18px;margin-bottom:5px}.profile-summary>p{font-size:12px;color:#9099ac}
.profile-metrics{border-top:1px solid #343646;padding-top:23px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:25px}
.profile-metrics>div{display:flex;flex-direction:column;gap:8px}.profile-metrics strong{font-size:24px;color:#ffb7c8}.profile-metrics span{font-size:10px;color:#9b9fb2}
.profile-form{border:1px solid #363846;border-radius:14px;padding:22px;background:#191a24;justify-content:center}
.profile-form .btn{align-self:flex-start;margin-top:12px}.profile-form textarea{resize:vertical}
@media(max-width:930px){.rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-area{grid-template-columns:1fr 340px;gap:25px}}
@media(max-width:700px){.auth-area{grid-template-columns:1fr;padding:21px;gap:20px}.auth-perks{flex-direction:row;flex-wrap:wrap;gap:8px 15px;margin-top:15px}.auth-left h2{font-size:27px}.rooms-grid{grid-template-columns:1fr}.rooms-toolbar{grid-template-columns:1fr}.profile-layout{grid-template-columns:1fr}.rooms-section,.profile-section{padding:16px}.account-toolbar .brand-note{display:none}.welcome-badge{display:none}.account-chip{max-width:160px}}
@media(max-width:430px){.toolbar-logout{font-size:10px;padding:8px}.account-chip{max-width:120px;font-size:10px}.section-heading h2{font-size:19px}}