/* 2026 lobby artwork integration. This file intentionally loads after the legacy lobby styles. */
.lobby-screen{position:fixed;z-index:50;inset:0;overflow:hidden;box-sizing:border-box;color:#f1ce78;background:radial-gradient(ellipse at 53% 0,#07523d 0,#003b2e 33%,#002a22 68%,#001d18 100%);font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.lobby-screen::before{content:"";position:absolute;z-index:20;inset:18px;pointer-events:none;border:1px solid rgba(204,151,54,.5);border-radius:48px;box-shadow:inset 0 0 28px rgba(0,0,0,.2),0 0 36px rgba(0,0,0,.18)}
.lobby-screen.hidden{opacity:0;visibility:hidden;transform:scale(1.025);pointer-events:none}.lobby-svg-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.lobby-screen button{font-family:inherit;cursor:pointer}
.lobby-user #lobbyFullscreenBtn{display:none}

.lobby-header{position:relative;z-index:2;height:132px;padding:18px 61px 0;display:grid;grid-template-columns:minmax(310px,1fr) auto auto;align-items:center;gap:27px;box-sizing:border-box;border:0;border-bottom:1px solid rgba(202,151,58,.27);background:linear-gradient(180deg,rgba(1,43,34,.62),rgba(0,37,29,.18));box-shadow:none}
.lobby-user{min-width:0;justify-self:start;display:flex;align-items:center;gap:14px}.lobby-avatar-shell{position:relative;width:104px;height:104px;flex:0 0 104px;display:grid;place-items:center}.lobby-avatar-shell #profileAvatar{position:relative;z-index:1;width:70px;height:70px;min-width:0;border:0;box-shadow:none;font-size:24px}.lobby-avatar-shell>img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.lobby-user p{display:flex;flex-direction:column;gap:8px;margin:0}.lobby-user p>span{display:flex;align-items:center;gap:9px}.lobby-user p b{max-width:210px;overflow:hidden;color:#f1c968;font-size:25px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 4px #000a}.lobby-user p small{padding:0;border:0;background:none!important;box-shadow:none!important;color:#dfb85d!important;font-size:17px;white-space:nowrap}.lobby-user #profileEditBtn,.lobby-user #logoutBtn{display:none}
.vip-mark{position:relative;width:59px;height:28px;display:grid;place-items:center;overflow:hidden;font-style:normal}.vip-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.vip-mark strong{position:relative;z-index:1;min-width:29px;padding:1px 4px;border-radius:6px;background:linear-gradient(#f7c85c,#bc7118);color:#2b1d08;font:italic 900 12px Georgia;text-align:center;box-shadow:inset 0 1px #fff2a6}

.lobby-wallet{justify-self:end;margin:0;display:flex;align-items:center;gap:28px;padding:0;border:0;background:none}.lobby-wallet>span{position:relative;width:246px;height:48px;padding:0 48px 0 52px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid rgba(184,131,36,.43);border-radius:27px;background:linear-gradient(180deg,rgba(0,32,26,.75),rgba(2,46,36,.9));box-shadow:inset 0 1px rgba(255,220,117,.08)}.lobby-wallet .wallet-icon{position:absolute;z-index:1;left:-7px;top:-4px;width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 4px #0008)}.lobby-wallet .diamond-balance .wallet-icon{left:-8px;top:-2px;width:59px;height:53px}.lobby-wallet b{margin:0;color:#edc361;font-size:24px;font-weight:500;white-space:nowrap;text-shadow:0 2px 4px #000a}.lobby-wallet small{display:none}.lobby-wallet button{position:absolute;right:-8px;top:-5px;width:57px;height:57px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:none;box-shadow:none}.lobby-wallet button img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px #0008)}
.lobby-header-actions{justify-self:end;display:flex;align-items:center;gap:26px}.lobby-header-actions button{position:relative;padding:0;display:flex;align-items:center;gap:9px;border:0;background:none;color:#eac673;font-size:19px;text-shadow:0 2px 4px #0009}.lobby-header-actions button>img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 3px #0008)}.lobby-header-actions button i{position:absolute;left:40px;top:-5px;width:17px;height:17px;display:grid;place-items:center;border:1px solid #ff8d62;border-radius:50%;background:#db2e20;color:white;font:700 10px Arial;font-style:normal}

.lobby-body{position:relative;z-index:1;height:calc(100% - 132px);min-height:0;padding:18px 31px 25px;display:grid;grid-template-columns:202px minmax(0,1fr);grid-template-rows:68px minmax(0,1fr) 125px;column-gap:25px;row-gap:10px;box-sizing:border-box}.game-nav{position:relative;grid-column:1;grid-row:1/4;padding:12px 0 176px;display:flex;flex-direction:column;overflow:hidden;border:0;border-right:1px solid rgba(198,147,53,.27);background:linear-gradient(90deg,rgba(1,39,31,.3),rgba(2,47,36,.56))}.game-nav::after{content:"";position:absolute;left:-42px;bottom:-20px;width:235px;height:235px;background:url("assets/lobby-ui/bg-bottom-left.webp") center/contain no-repeat;opacity:.78;pointer-events:none}.game-nav>button{position:relative;z-index:1;width:100%;height:88px;margin:0;padding:0 25px;display:flex;align-items:center;gap:16px;border:0;border-radius:13px;background:none;color:#d9b564;text-align:left}.game-nav>button:hover{background:rgba(17,82,60,.4)}.game-nav>button.active{background:url("assets/lobby-ui/selected-btn-bg-pc.webp") center/100% 100% no-repeat;color:#f5d579;box-shadow:none}.game-nav>button img{width:42px;height:42px;flex:0 0 42px;object-fit:contain;filter:drop-shadow(0 3px 3px #0008)}.game-nav>button span{font-size:21px;font-weight:700;text-shadow:0 2px 4px #0009}.lobby-download{display:none}
.lobby-tabs{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(150,106,31,.16);border-radius:24px 24px 0 0;background:rgba(0,35,28,.18)}.lobby-tabs button{position:relative;border:0;background:none;color:#d7af5b;font-size:21px;font-weight:700;text-shadow:0 2px 4px #0008}.lobby-tabs button.active{color:#f7d982}.lobby-tabs button.active::after{content:"";position:absolute;left:13%;right:13%;bottom:-7px;height:24px;background:url("assets/lobby-ui/selected-btn-bg-app.webp") center/100% 100% no-repeat;pointer-events:none}

.lobby-main{grid-column:2;grid-row:2;min-width:0;height:auto;padding:16px 44px 14px;overflow:hidden;box-sizing:border-box}.lobby-banner,.mode-title{display:none}.room-grid{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}.room-card{position:relative;min-width:0;height:100%;padding:15px 34px 22px;display:flex;flex-direction:column;align-items:center;overflow:hidden;box-sizing:border-box;border:1.5px solid #c88925;border-radius:19px;background:radial-gradient(ellipse at 50% 24%,rgba(13,94,67,.75),transparent 48%),linear-gradient(145deg,#064a38,#003326 74%,#00291f);box-shadow:0 10px 20px #001511a8,inset 0 0 30px rgba(0,20,14,.24);color:#e9bd60;text-align:left;transition:.18s ease}.room-card::before{content:"";position:absolute;inset:1px;border-radius:17px;background:linear-gradient(125deg,rgba(255,236,170,.04),transparent 30% 75%,rgba(0,15,10,.15));pointer-events:none}.room-card:hover{transform:translateY(-3px);border-color:#f3c35a;box-shadow:0 14px 27px #00100dc7,0 0 18px rgba(242,191,77,.12)}.room-card.selected{border-color:#dda73f;background:radial-gradient(ellipse at 50% 24%,rgba(13,98,69,.8),transparent 48%),linear-gradient(145deg,#064a38,#003326 74%,#00291f);box-shadow:0 10px 20px #001511a8,inset 0 0 30px rgba(0,20,14,.2)}.room-card.selected::after{display:none}.room-card .room-icon{position:relative;z-index:1;width:162px;height:162px;flex:0 0 162px;margin:-10px auto -6px;object-fit:contain;border:0;border-radius:0;background:none;filter:drop-shadow(0 7px 7px rgba(0,0,0,.5))}.room-card>div{position:relative;z-index:1;width:100%;margin:0}.room-card h3{margin:0 -22px 17px;color:#f3c661;font-size:27px;line-height:1.08;text-align:center;letter-spacing:1px;white-space:nowrap;text-shadow:0 3px 4px #000b}.room-card p,.room-card small,.room-card em{display:block;margin:0 0 10px;color:#e5b858;font-size:16px;line-height:1.22;font-style:normal;white-space:nowrap;text-shadow:0 2px 3px #0008}.room-card em{margin-bottom:0}.room-cta{position:relative;z-index:1;width:100%;height:48px;margin-top:auto;display:grid;place-items:center;border:1px solid #ffe08a;border-radius:26px;background:linear-gradient(180deg,#ffeca9 0,#efc568 25%,#dc9d36 67%,#b56b17 100%);box-shadow:inset 0 2px #fff7d1,inset 0 -2px rgba(116,61,4,.24),0 6px 11px rgba(0,17,12,.7);color:#241b0b;font-size:20px;font-weight:900;letter-spacing:1px;text-shadow:0 1px rgba(255,255,255,.45)}.match-bar{display:none}

.lobby-side{grid-column:2;grid-row:3;padding:0 25px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lobby-side .lobby-feature{position:relative;min-width:0;height:100%;margin:0;padding:10px 24px;display:flex;align-items:center;gap:15px;overflow:hidden;box-sizing:border-box;border:1px solid rgba(180,131,38,.46);border-radius:12px;background:linear-gradient(145deg,rgba(5,66,48,.75),rgba(1,39,30,.92));box-shadow:inset 0 0 18px rgba(0,20,14,.2);color:#eec66e;text-align:left}.lobby-feature>img{width:82px;height:82px;flex:0 0 82px;object-fit:contain;filter:drop-shadow(0 5px 5px #0008)}.lobby-feature span{min-width:0;display:flex;flex-direction:column}.lobby-feature b{font-size:20px;line-height:1.1;white-space:nowrap;text-shadow:0 2px 3px #0009}.lobby-feature small{margin-top:8px;overflow:hidden;color:#cfa95f;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.lobby-feature>i{position:absolute;right:13px;top:9px;width:25px;height:25px;display:grid;place-items:center;border:1px solid #ffc56a;border-radius:50%;background:linear-gradient(#ee4d31,#ad1d16);box-shadow:0 2px 5px #0008;color:#fff;font:700 14px Arial;font-style:normal}.lobby-feature em{margin-left:auto;color:#dfa84a;font-size:29px;font-style:normal;font-weight:300}.lobby-footer{display:none}.friend-create-shortcut{width:100%;margin-top:10px;padding:9px;border-radius:18px}

.lobby-body.section-active .lobby-section-page{grid-column:2;grid-row:2/4}.lobby-body.section-active .lobby-side{display:none}.club-dialog.club-embedded,.platform-event-dialog.event-embedded{grid-column:2;grid-row:2/4;margin:8px 20px 0}.matching-layer{inset:132px 0 0}

@media (min-width:1281px) and (max-height:849px){
  .lobby-screen::before{inset:12px;border-radius:34px}.lobby-header{height:108px;padding:11px 47px 0;grid-template-columns:minmax(270px,1fr) auto minmax(230px,1fr)}.lobby-avatar-shell{width:84px;height:84px;flex-basis:84px}.lobby-avatar-shell #profileAvatar{width:58px;height:58px}.lobby-user p b{font-size:21px}.lobby-user p small{font-size:14px}.lobby-wallet{gap:35px}.lobby-wallet>span{width:178px;height:41px}.lobby-wallet .wallet-icon{width:58px;height:58px}.lobby-wallet .diamond-balance .wallet-icon{width:61px;height:56px}.lobby-wallet b{font-size:20px}.lobby-wallet button{width:49px;height:49px}.lobby-header-actions{gap:22px}.lobby-header-actions button{font-size:16px}.lobby-header-actions button>img{width:31px;height:31px}.lobby-body{height:calc(100% - 108px);padding:12px 24px 18px;grid-template-columns:172px minmax(0,1fr);grid-template-rows:56px minmax(0,1fr) 98px;column-gap:20px;row-gap:8px}.game-nav{padding-top:8px}.game-nav>button{height:69px;padding-inline:20px}.game-nav>button img{width:34px;height:34px;flex-basis:34px}.game-nav>button span{font-size:17px}.game-nav::after{width:190px;height:190px}.lobby-tabs button{font-size:17px}.lobby-main{padding:10px 31px}.room-grid{gap:24px}.room-card{padding:8px 25px 14px}.room-card .room-icon{width:126px;height:126px;flex-basis:126px;margin:-9px auto -8px}.room-card h3{margin-bottom:11px;font-size:22px}.room-card p,.room-card small,.room-card em{margin-bottom:7px;font-size:13px}.room-cta{height:40px;font-size:16px}.lobby-side{padding-inline:18px;gap:12px}.lobby-side .lobby-feature{padding:6px 16px;gap:10px}.lobby-feature>img{width:65px;height:65px;flex-basis:65px}.lobby-feature b{font-size:16px}.lobby-feature small{margin-top:5px;font-size:10px}.matching-layer{inset:108px 0 0}
}

@media (max-width:1280px){
  .lobby-screen::before{display:none}.lobby-header{height:102px;padding:8px 30px 0;grid-template-columns:minmax(240px,1fr) auto minmax(190px,1fr);gap:18px}.lobby-avatar-shell{width:82px;height:82px;flex-basis:82px}.lobby-avatar-shell #profileAvatar{width:57px;height:57px}.lobby-user p b{font-size:19px}.lobby-user p small{font-size:13px}.vip-mark{width:48px;height:24px}.lobby-wallet{gap:28px}.lobby-wallet>span{width:159px;height:39px;padding-left:46px}.lobby-wallet .wallet-icon{left:-10px;top:-9px;width:56px;height:56px}.lobby-wallet .diamond-balance .wallet-icon{width:59px;height:54px}.lobby-wallet b{font-size:18px}.lobby-wallet button{width:47px;height:47px}.lobby-header-actions{gap:18px}.lobby-header-actions button{font-size:14px}.lobby-header-actions button>img{width:29px;height:29px}.lobby-body{height:calc(100% - 102px);padding:0 29px 22px;grid-template-columns:1fr;grid-template-rows:70px minmax(0,1fr) 120px;row-gap:11px}.game-nav{grid-column:1;grid-row:1;padding:0;display:grid;grid-template-columns:repeat(5,1fr);overflow:visible;border-right:0;border-bottom:1px solid rgba(198,147,53,.25);background:none}.game-nav::after,.game-nav>button img{display:none}.game-nav>button{height:70px;padding:0;justify-content:center}.game-nav>button span{font-size:20px}.game-nav>button.active{background:none}.game-nav>button.active::after{content:"";position:absolute;left:13%;right:13%;bottom:-9px;height:27px;background:url("assets/lobby-ui/selected-btn-bg-app.webp") center/100% 100% no-repeat}.lobby-tabs{display:none}.lobby-main{grid-column:1;grid-row:2;padding:14px 10px 9px}.room-grid{gap:24px}.room-card{padding:12px 25px 18px}.room-card .room-icon{width:145px;height:145px;flex-basis:145px}.room-card h3{font-size:25px}.room-card p,.room-card small,.room-card em{font-size:15px}.room-cta{height:48px;font-size:19px}.lobby-side{grid-column:1;grid-row:3;padding:0;gap:13px}.lobby-side .lobby-feature{padding:8px 15px;gap:10px}.lobby-feature>img{width:75px;height:75px;flex-basis:75px}.lobby-feature b{font-size:18px}.lobby-feature small{font-size:12px}.lobby-body.section-active .lobby-section-page,.club-dialog.club-embedded,.platform-event-dialog.event-embedded{grid-column:1;grid-row:2/4;margin:5px 8px}.matching-layer{inset:102px 0 0}
}

@media (min-width:901px) and (max-width:1280px) and (min-height:700px){
  .lobby-body{padding:34px 40px;grid-template-rows:72px 590px 125px;align-content:center}.game-nav>button{height:72px}.lobby-main{padding:18px 10px 10px}.room-card{padding-top:13px}.lobby-side{height:125px}
}

@media (max-width:900px),(max-height:610px){
  .lobby-header{height:58px;padding:3px 17px 0;grid-template-columns:minmax(190px,1fr) auto minmax(135px,.8fr);gap:8px}.lobby-user{gap:5px}.lobby-avatar-shell{width:51px;height:51px;flex-basis:51px}.lobby-avatar-shell #profileAvatar{width:35px;height:35px;font-size:13px}.lobby-user p{gap:2px}.lobby-user p>span{gap:4px}.lobby-user p b{max-width:110px;font-size:13px}.lobby-user p small{max-width:125px;font-size:9px}.vip-mark{width:36px;height:18px}.vip-mark strong{min-width:18px;padding:0 2px;font-size:8px}.lobby-wallet{gap:13px}.lobby-wallet>span{width:100px;height:29px;padding:0 27px 0 31px}.lobby-wallet .wallet-icon{left:-7px;top:-6px;width:40px;height:40px}.lobby-wallet .diamond-balance .wallet-icon{left:-7px;top:-5px;width:42px;height:38px}.lobby-wallet b{font-size:12px}.lobby-wallet button{right:-5px;top:-3px;width:35px;height:35px}.lobby-header-actions{gap:10px}.lobby-header-actions button{gap:3px;font-size:10px}.lobby-header-actions button>img{width:19px;height:19px}.lobby-header-actions button i{left:16px;top:-4px;width:10px;height:10px;font-size:6px}.lobby-body,body.virtual-landscape .lobby-body{height:calc(100% - 58px);min-height:0;padding:0 14px 7px;grid-template-columns:1fr;grid-template-rows:39px minmax(0,1fr) 56px;row-gap:4px}.game-nav,body.virtual-landscape .game-nav{grid-column:1;grid-row:1;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}.game-nav>button,body.virtual-landscape .game-nav>button{height:39px;padding:0}.game-nav>button span,body.virtual-landscape .game-nav>button span{font-size:11px}.game-nav>button.active::after{bottom:-6px;height:17px}.lobby-main,body.virtual-landscape .lobby-section-page{grid-column:1;grid-row:2;height:auto;padding:4px 8px}.room-grid{height:100%;min-height:0;gap:8px}.room-card{height:100%;padding:2px 11px 7px;border-radius:9px}.room-card::before{border-radius:7px}.room-card .room-icon{width:70px;height:70px;flex-basis:70px;margin:-5px auto -6px}.room-card h3{margin:0 -9px 6px;font-size:15px;letter-spacing:0}.room-card p,.room-card small,.room-card em{margin-bottom:3px;font-size:9px}.room-cta{height:28px;border-radius:16px;font-size:11px;letter-spacing:0}.lobby-side{grid-column:1;grid-row:3;height:auto;padding:0 5px;gap:7px}.lobby-side .lobby-feature{height:100%;padding:3px 7px;gap:4px;border-radius:7px}.lobby-feature>img{width:42px;height:42px;flex:0 0 42px}.lobby-feature b{font-size:11px}.lobby-feature small{margin-top:2px;font-size:7px}.lobby-feature>i{right:6px;top:4px;width:17px;height:17px;font-size:9px}.lobby-feature em{font-size:16px}.lobby-body.section-active .lobby-section-page,.club-dialog.club-embedded,.platform-event-dialog.event-embedded,body.virtual-landscape .lobby-body.section-active .lobby-section-page{grid-column:1;grid-row:2/4;margin:2px;padding:2px 6px}.matching-layer{inset:58px 0 0}
}

@media(max-width:690px){.lobby-header-actions button{font-size:0}.lobby-user p small{max-width:95px;overflow:hidden;text-overflow:ellipsis}.lobby-wallet{gap:7px}.lobby-wallet>span{width:85px}.lobby-feature small,.lobby-feature em{display:none}}

/* User-requested desktop refinement: one navigation rail and vertically balanced rooms. */
.lobby-user>#profileAvatar{width:86px;height:86px;flex:0 0 86px;border:3px solid #e8b94d;border-radius:50%;background-color:#143c31;color:transparent;box-shadow:0 0 0 2px #07513d,0 5px 14px #0008;font-size:0}
.lobby-user>#profileAvatar.avatar-system-1{background-image:url("assets/avatar-sprite-v1.png");background-position:0 0;background-size:200% 200%}
.lobby-user .vip-mark{width:auto;height:auto;min-width:43px;padding:2px 8px;overflow:visible;border:1px solid #f7d26b;border-radius:7px;background:linear-gradient(180deg,#ffe883,#d49022);box-shadow:inset 0 1px #fff4bd,0 2px 5px #0007;color:#2e2109;font:italic 900 13px Georgia;text-align:center}
.room-card>div{display:flex;flex:1;flex-direction:column;justify-content:center}

@media (min-width:1281px){
  .lobby-body{grid-template-rows:minmax(0,1fr) 125px}.game-nav{grid-row:1/3}.lobby-main{grid-row:1;padding-top:16px}.lobby-side{grid-row:2}.lobby-body.section-active .lobby-section-page,.club-dialog.club-embedded,.platform-event-dialog.event-embedded{grid-row:1/3}.game-nav>button:hover,.game-nav>button.active{background:url("assets/lobby-ui/selected-btn-bg-pc.webp") center/100% 100% no-repeat}
}
@media (min-width:1281px) and (max-height:849px){
  .lobby-user>#profileAvatar{width:68px;height:68px;flex-basis:68px}.lobby-body{grid-template-rows:minmax(0,1fr) 98px}.lobby-main{padding-top:10px}.game-nav{grid-row:1/3}.lobby-side{grid-row:2}
}
@media (max-width:1280px){.lobby-user>#profileAvatar{width:70px;height:70px;flex-basis:70px}}
@media (max-width:900px),(max-height:610px){.lobby-user>#profileAvatar{width:44px;height:44px;flex-basis:44px;border-width:2px;font-size:16px}.lobby-user .vip-mark{min-width:27px;padding:1px 5px;font-size:9px}}

.lobby-v2-ranking{display:grid;gap:7px}.lobby-v2-ranking>div{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(176,125,43,.2);border-radius:10px;background:linear-gradient(90deg,rgba(255,248,229,.95),rgba(244,228,192,.72))}.lobby-v2-ranking>div>i{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#174b3c;color:#f5c963;font-style:normal;font-weight:900}.lobby-v2-ranking>div>span{display:grid;grid-template-columns:minmax(90px,.72fr) minmax(180px,1.28fr);align-items:center;gap:10px}.lobby-v2-ranking>div>span>b{overflow:hidden;color:#5b3c18;text-overflow:ellipsis;white-space:nowrap}.lobby-v2-ranking .rank-detail{min-width:100px}.lobby-v2-ranking .rank-name{color:#704817;text-shadow:none}.lobby-v2-ranking .rank-stars{color:#a67827}
@media(max-width:620px){.lobby-v2-ranking>div>span{grid-template-columns:1fr}.lobby-v2-ranking .rank-visual-ranking .rank-emblem{width:29px;height:29px;flex-basis:29px}}

/* September lobby spacing pass: balanced room artwork and denser header controls. */
.room-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto 48px}.room-card .room-icon{align-self:center;margin:0 auto}.room-card>div{width:max-content;max-width:100%;margin:0 0 20px;display:block;justify-self:center}.room-card h3{margin-left:0;margin-right:0;text-align:left}.room-cta{margin-top:0}

@media (min-width:1281px){
  .game-nav>button:hover,.game-nav>button.active{background:url("assets/lobby-ui/selected-btn-bg-pc-h.webp") center/100% 100% no-repeat}
}
@media (min-width:1281px) and (max-height:849px){
  .lobby-header{grid-template-columns:minmax(270px,1fr) auto auto;gap:22px}.lobby-wallet{gap:20px}.lobby-wallet>span{width:205px;height:41px;padding-inline:47px}.lobby-wallet .wallet-icon{left:-5px;top:-3px;width:47px;height:47px}.lobby-wallet .diamond-balance .wallet-icon{left:-6px;top:-1px;width:50px;height:45px}.lobby-header-actions button>img{width:40px;height:40px}.lobby-header-actions button i{left:33px}.room-card{grid-template-rows:minmax(0,1fr) auto 40px}.room-card>div{margin-bottom:12px}.room-card .room-icon{margin:0 auto}
}
@media (max-width:1280px){
  .lobby-header{grid-template-columns:minmax(240px,1fr) auto auto;gap:15px}.lobby-wallet{gap:18px}.lobby-wallet>span{width:185px;height:39px;padding:0 43px 0 45px}.lobby-wallet .wallet-icon{left:-4px;top:-3px;width:47px;height:47px}.lobby-wallet .diamond-balance .wallet-icon{left:-5px;top:-1px;width:50px;height:45px}.lobby-header-actions button>img{width:38px;height:38px}.lobby-header-actions button i{left:31px}.room-card .room-icon{margin:0 auto}.room-card>div{margin-bottom:16px}
}
@media (max-width:900px),(max-height:610px){
  .lobby-header{grid-template-columns:minmax(190px,1fr) auto auto;gap:8px}.lobby-wallet{gap:8px}.lobby-wallet>span{width:110px;height:29px;padding:0 26px 0 29px}.lobby-wallet .wallet-icon{left:-3px;top:-2px;width:33px;height:33px}.lobby-wallet .diamond-balance .wallet-icon{left:-4px;top:0;width:35px;height:31px}.lobby-header-actions{gap:8px}.lobby-header-actions button>img{width:26px;height:26px}.lobby-header-actions button i{left:21px;top:-4px}.room-card{grid-template-rows:minmax(0,1fr) auto 28px}.room-card .room-icon{margin:0 auto}.room-card>div{margin-bottom:5px}
}
@media(max-width:690px){.lobby-wallet>span{width:94px}.lobby-header-actions button>img{width:25px;height:25px}}

/* Lobby visual tokens V1.0: restrained business-gold hierarchy. */
.lobby-screen{
  --bg-page:#002d24;--bg-main:#003c2e;--bg-card:#034936;--bg-card-dark:#01382c;--gold-primary:#d6a94f;--gold-light:#f3ce72;--gold-highlight:#ffe6a0;--gold-dark:#8c6424;--text-primary:#f2d17a;--text-secondary:#d3b46b;--text-body:#c4ad72;--text-muted:#918867;--text-on-gold:#38270f;--danger:#e74737;
  color:var(--text-body);background:radial-gradient(ellipse at 52% 0,#064c3a 0,var(--bg-main) 34%,var(--bg-page) 100%);font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans SC",sans-serif
}
.lobby-screen::before{border:1px solid rgba(210,166,72,.45);box-shadow:inset 0 0 24px rgba(0,0,0,.18)}
.lobby-header{border-bottom:1px solid rgba(201,164,83,.18);background:linear-gradient(180deg,rgba(0,45,36,.74),rgba(0,45,36,.16))}
.lobby-user p b{color:var(--text-primary);font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.35)}.lobby-user p small{color:var(--text-secondary)!important}.lobby-user .vip-mark{border-color:rgba(214,169,79,.8)}
.lobby-wallet>span{border:1px solid rgba(210,166,72,.4);background:linear-gradient(180deg,rgba(0,45,36,.78),rgba(0,56,44,.88))}.lobby-wallet b{color:#efd17a;font-size:18px;font-weight:500;text-shadow:0 1px 1px rgba(0,0,0,.35)}
.lobby-header-actions button{color:#e4c373;font-size:17px;font-weight:500;text-shadow:none}.lobby-header-actions button i{border:0;background:var(--danger)}
.game-nav{border-right:1px solid rgba(201,164,83,.18);background:linear-gradient(90deg,rgba(0,45,36,.2),rgba(0,60,46,.46))}.game-nav>button{color:#d4b56a}.game-nav>button span{font-size:18px;font-weight:500;text-shadow:0 1px 1px rgba(0,0,0,.35)}.game-nav>button:hover,.game-nav>button.active{color:#f5d477}.game-nav>button.active{filter:drop-shadow(0 0 6px rgba(225,184,74,.18))}.game-nav>button img{width:36px;height:36px;flex-basis:36px}
.lobby-tabs{border-color:rgba(201,164,83,.18);background:rgba(0,45,36,.2)}.lobby-tabs button{color:#d1b369;font-weight:500;text-shadow:none}.lobby-tabs button.active{color:#f6da83;font-weight:600;text-shadow:0 0 8px rgba(240,200,95,.25)}
.room-grid{gap:30px}.room-card{border:1.5px solid rgba(185,138,55,.88);border-radius:14px;background:linear-gradient(180deg,var(--bg-card),var(--bg-card-dark));box-shadow:0 7px 17px rgba(0,20,15,.42);transition:transform .18s ease,border-color .18s ease}.room-card::before{border-radius:12px;background:linear-gradient(125deg,rgba(255,230,160,.035),transparent 32%)}.room-card:hover{border-color:#e4bc62;box-shadow:0 8px 18px rgba(0,18,13,.46)}.room-card.selected{border-color:rgba(228,188,98,.9);background:linear-gradient(180deg,#07523b,var(--bg-card-dark));box-shadow:0 7px 17px rgba(0,20,15,.42)}
.room-card .room-icon{width:clamp(112px,50%,148px);height:clamp(112px,50%,148px);filter:drop-shadow(0 5px 5px rgba(0,0,0,.38))}.room-card>div{margin-bottom:18px}.room-card h3{margin-bottom:14px;color:#f0cb70;font-size:29px;font-weight:600;letter-spacing:0;text-shadow:0 1px 1px rgba(0,0,0,.35)}.room-card p,.room-card small,.room-card em{margin-bottom:5px;color:var(--text-body);font-size:16px;line-height:1.58;text-shadow:none}.room-card em{margin-bottom:0}
.room-cta{width:72%;min-width:132px;max-width:190px;height:46px;justify-self:center;border:1px solid #a97220;border-radius:23px;background:linear-gradient(180deg,#ffe39a 0%,#e5b857 48%,#c98c2c 100%);box-shadow:inset 0 1px rgba(255,255,255,.55),0 3px 8px rgba(0,0,0,.28);color:var(--text-on-gold);font-size:18px;font-weight:600;letter-spacing:0;text-shadow:none}
.lobby-side .lobby-feature{border:1px solid rgba(207,167,72,.35);border-radius:11px;background:rgba(3,68,48,.65);box-shadow:none}.lobby-feature>img{width:68px;height:68px;flex-basis:68px}.lobby-feature b{color:#eac873;font-size:18px;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.3)}.lobby-feature small{color:#afa06f;font-size:14px}.lobby-feature em{color:#d6a343;font-size:22px}.lobby-feature>i{border:0;background:var(--danger)}

@media (min-width:1281px) and (max-height:849px){.room-grid{gap:24px}.room-card h3{margin-bottom:9px;font-size:24px}.room-card p,.room-card small,.room-card em{font-size:14px;line-height:1.45}.room-card>div{margin-bottom:10px}.room-cta{height:40px;border-radius:20px;font-size:16px}.lobby-feature>img{width:58px;height:58px;flex-basis:58px}.lobby-feature b{font-size:17px}.lobby-feature small{font-size:12px}}
@media (max-width:1280px){.room-grid{gap:22px}.room-card{border-radius:12px}.room-card::before{border-radius:10px}.room-card h3{font-size:26px}.room-card p,.room-card small,.room-card em{font-size:15px;line-height:1.55}.room-cta{height:42px;border-radius:21px;font-size:17px}.lobby-wallet b{font-size:16px}.lobby-header-actions button{font-size:16px}.lobby-feature>img{width:60px;height:60px;flex-basis:60px}.lobby-feature b{font-size:17px}.lobby-feature small{font-size:13px}}
@media (max-width:900px),(max-height:610px){.room-grid{gap:8px}.room-card{grid-template-rows:minmax(0,1fr) auto 36px;border-radius:10px}.room-card::before{border-radius:8px}.room-card .room-icon{width:clamp(62px,48%,82px);height:clamp(62px,48%,82px)}.room-card>div{margin-bottom:5px}.room-card h3{margin-bottom:4px;font-size:16px}.room-card p,.room-card small,.room-card em{margin-bottom:1px;font-size:10px;line-height:1.4}.room-cta{width:76%;min-width:84px;height:36px;border-radius:18px;font-size:13px}.lobby-wallet b{font-size:14px}.lobby-header-actions button{font-size:13px}.lobby-feature>img{width:40px;height:40px;flex-basis:40px}.lobby-feature b{font-size:14px}.lobby-feature small{font-size:11px}}

/* Huawei Mate X3: keep the cover screen compact and use the near-square
   unfolded canvas without stretching the four room cards into tall columns. */
body.foldable-folded .lobby-screen{padding-inline:max(0px,var(--safe-left,0px)) max(0px,var(--safe-right,0px))}
body.foldable-folded .lobby-header{height:56px;padding-top:max(2px,var(--safe-top,0px))}
body.foldable-folded .lobby-body{height:calc(100% - 56px);grid-template-rows:38px minmax(0,1fr) 54px}
body.foldable-folded .game-nav>button{height:38px}
body.foldable-folded .room-card{padding-top:3px;padding-bottom:6px}
body.foldable-folded .room-card .room-icon{width:clamp(60px,46%,78px);height:clamp(60px,46%,78px)}
body.foldable-folded .room-card>div{margin-bottom:4px}
body.foldable-folded .lobby-side .lobby-feature{padding-block:2px}

body.foldable-unfolded .lobby-header{height:88px;padding:8px 30px 0;grid-template-columns:minmax(260px,1fr) auto auto}
body.foldable-unfolded .lobby-user>#profileAvatar{width:64px;height:64px;flex-basis:64px}
body.foldable-unfolded .lobby-user p b{font-size:18px}
body.foldable-unfolded .lobby-user p small{font-size:12px}
body.foldable-unfolded .lobby-wallet>span{width:170px}
body.foldable-unfolded .lobby-body{height:calc(100% - 88px);padding:12px 30px 22px;grid-template-rows:58px minmax(0,1fr) 104px;row-gap:10px;align-content:stretch}
body.foldable-unfolded .game-nav>button{height:58px}
body.foldable-unfolded .game-nav>button span{font-size:18px}
body.foldable-unfolded .lobby-main{padding:12px 8px}
body.foldable-unfolded .room-grid{height:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px 18px}
body.foldable-unfolded .room-card{grid-template-columns:132px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 42px;align-items:center;padding:12px 24px}
body.foldable-unfolded .room-card .room-icon{grid-column:1;grid-row:1;width:112px;height:112px}
body.foldable-unfolded .room-card>div{grid-column:2;grid-row:1;margin:0;justify-self:start}
body.foldable-unfolded .room-card h3{margin-bottom:9px;font-size:23px}
body.foldable-unfolded .room-card p,
body.foldable-unfolded .room-card small,
body.foldable-unfolded .room-card em{font-size:14px;line-height:1.45}
body.foldable-unfolded .room-cta{grid-column:1/3;grid-row:2;width:190px;height:42px;font-size:16px;justify-self:center}
body.foldable-unfolded .lobby-side{height:104px;align-self:end}
body.foldable-unfolded .lobby-side .lobby-feature{padding:7px 12px}
body.foldable-unfolded .lobby-feature>img{width:56px;height:56px;flex-basis:56px}

/* Lobby detail pass: layered emerald surfaces and restrained metal highlights. */
.lobby-screen{
  background:
    radial-gradient(ellipse at 50% -14%,rgba(26,132,94,.3),transparent 43%),
    linear-gradient(135deg,rgba(255,255,255,.012) 25%,transparent 25%) 0 0/12px 12px,
    radial-gradient(ellipse at 52% 0,#064c3a 0,var(--bg-main) 34%,var(--bg-page) 100%)
}
.lobby-header{
  box-shadow:inset 0 -1px rgba(255,221,133,.035),0 9px 24px rgba(0,19,14,.12);
  backdrop-filter:blur(8px)
}
.lobby-header::after{
  content:"";position:absolute;left:5%;right:5%;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(239,196,95,.38),transparent);
  pointer-events:none
}
.lobby-avatar-shell{filter:drop-shadow(0 5px 9px rgba(0,0,0,.32))}
.lobby-user #profileAvatar{transition:filter .18s ease,box-shadow .18s ease,transform .18s ease}
.lobby-user #profileAvatar:hover{transform:translateY(-1px);filter:saturate(1.06) brightness(1.04)}
.lobby-wallet>span{
  box-shadow:inset 0 1px rgba(255,232,168,.1),inset 0 -8px 16px rgba(0,15,11,.13),0 5px 12px rgba(0,20,15,.18)
}
.lobby-wallet button,.lobby-header-actions button,.game-nav>button,.room-card,.lobby-feature{cursor:pointer}
.lobby-wallet button,.lobby-header-actions button{transition:filter .16s ease,transform .16s ease}
.lobby-wallet button:hover,.lobby-header-actions button:hover{filter:brightness(1.13);transform:translateY(-1px)}
.game-nav>button::before{
  content:"";position:absolute;left:15px;right:15px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(210,169,78,.13),transparent);
  pointer-events:none
}
.game-nav>button{transition:color .18s ease,filter .18s ease,transform .18s ease}
.game-nav>button:hover{transform:translateX(2px)}
.room-card{
  isolation:isolate;
  box-shadow:
    0 9px 20px rgba(0,18,13,.47),
    inset 0 1px rgba(255,231,164,.09),
    inset 0 -20px 38px rgba(0,20,14,.14)
}
.room-card::before{
  z-index:0;inset:2px;
  border:1px solid rgba(255,224,145,.075);
  background:linear-gradient(128deg,rgba(255,238,184,.065),transparent 27% 72%,rgba(0,16,11,.18))
}
.room-card::after{
  content:"";display:block;position:absolute;z-index:0;inset:3px;border-radius:inherit;
  background:repeating-conic-gradient(from -30deg at 50% 29%,rgba(239,199,101,.04) 0 7deg,transparent 7deg 19deg);
  opacity:.66;pointer-events:none
}
.room-card.selected::after{
  content:"";display:block;padding:0;border-radius:inherit;
  background:repeating-conic-gradient(from -30deg at 50% 29%,rgba(239,199,101,.055) 0 7deg,transparent 7deg 19deg);
  color:transparent;font-size:0;opacity:1
}
.room-card>*{position:relative;z-index:1}
.room-card:hover{
  border-color:#f0c96d;
  box-shadow:0 12px 25px rgba(0,15,11,.54),0 0 18px rgba(233,190,86,.1),inset 0 1px rgba(255,236,179,.12)
}
.room-card.selected{
  box-shadow:0 10px 23px rgba(0,16,12,.5),0 0 0 1px rgba(246,208,119,.1),inset 0 1px rgba(255,241,193,.12)
}
.room-card h3::after{
  content:"";display:block;width:100%;height:1px;margin-top:11px;
  background:linear-gradient(90deg,rgba(221,176,75,.56),rgba(221,176,75,.16),transparent)
}
.room-cta{overflow:hidden;transition:filter .16s ease,transform .16s ease,box-shadow .16s ease}
.room-cta::before{
  content:"";position:absolute;left:8%;right:8%;top:2px;height:42%;
  border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent);
  pointer-events:none
}
.room-card:hover .room-cta{filter:brightness(1.055);box-shadow:inset 0 1px rgba(255,255,255,.62),0 5px 11px rgba(0,0,0,.32)}
.room-card:active .room-cta{transform:translateY(1px)}
.lobby-side .lobby-feature{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(5,78,56,.78),rgba(1,49,38,.78));
  box-shadow:inset 0 1px rgba(255,226,148,.055),0 5px 13px rgba(0,22,16,.18);
  transition:border-color .18s ease,background .18s ease,transform .18s ease
}
.lobby-side .lobby-feature::before{
  content:"";position:absolute;inset:1px;border:1px solid rgba(255,226,150,.045);border-radius:inherit;pointer-events:none
}
.lobby-side .lobby-feature>*{position:relative;z-index:1}
.lobby-side .lobby-feature:hover{transform:translateY(-2px);border-color:rgba(237,194,91,.58);background:linear-gradient(145deg,rgba(8,90,64,.84),rgba(1,51,39,.82))}
.lobby-screen button:focus-visible{outline:2px solid #ffe198;outline-offset:2px}
@media(max-width:900px),(max-height:610px){
  .room-card h3::after{margin-top:4px}.room-card::after{opacity:.4}
}
@media(prefers-reduced-motion:reduce){
  .lobby-screen *{scroll-behavior:auto!important;transition:none!important}
}

/* Alternate lobby pages: events, seasonal ranking, clubs and friend rooms. */
.alt-lobby-page,.club-dialog.club-embedded{min-width:0;min-height:0;height:auto;box-sizing:border-box;color:var(--text-body);font-family:inherit}
.alt-page-loading{display:grid;place-items:center;height:100%;margin:0;color:#9f966f;font-size:13px}
.gold-action,.event-card-action,.ranking-reward-card button,.friend-rules-preview button{border:1px solid #a87222;border-radius:22px;background:linear-gradient(180deg,#ffe39a,#e4b556 50%,#c48629);box-shadow:inset 0 1px rgba(255,255,255,.52),0 4px 9px rgba(0,16,12,.35);color:#33230d;font-weight:700}

/* Official events */
.platform-event-dialog.event-embedded{position:relative;width:auto;max-width:none;height:auto;padding:0;display:grid;grid-template-rows:minmax(118px,28%) minmax(0,1fr) 92px;gap:12px;overflow:hidden;border:0;border-radius:0;background:transparent;color:var(--text-body)}
.platform-event-dialog.event-embedded>.event-policy{position:absolute;z-index:2;left:22px;bottom:102px;margin:0;padding:4px 9px;border:1px solid rgba(210,166,72,.26);border-radius:7px;background:rgba(0,42,32,.86);color:#9e9471;font-size:9px;pointer-events:none}
.event-hero{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:12px 7% 10px 13%;box-sizing:border-box;border:1px solid rgba(212,165,67,.76);border-radius:15px;background:radial-gradient(circle at 72% 48%,rgba(242,190,76,.22),transparent 22%),linear-gradient(108deg,#01372a,#075039 52%,#012f25);box-shadow:inset 0 1px rgba(255,233,168,.12),0 8px 18px rgba(0,19,14,.28)}
.event-hero::before,.event-hero::after{content:"";position:absolute;left:2%;right:2%;height:1px;background:linear-gradient(90deg,transparent,rgba(243,195,88,.4),transparent)}.event-hero::before{top:16px}.event-hero::after{bottom:16px}
.event-hero>div{position:relative;z-index:1}.event-hero small{color:#af9962;font-size:10px;letter-spacing:3px}.event-hero h2{margin:2px 0;color:#f4d17c;font-family:STKaiti,"KaiTi",serif;font-size:clamp(31px,4vw,63px);font-weight:800;letter-spacing:7px;text-shadow:0 3px 5px #0008}.event-hero p{margin:0;color:#d9b45f;font-size:clamp(13px,1.35vw,22px);letter-spacing:4px}.event-hero-trophy{position:relative;z-index:1;width:190px;height:105px;display:grid;place-items:center;color:#f4ca67;font:900 88px Georgia;text-shadow:0 5px 0 #8d5716,0 10px 14px #0008;transform:scaleX(1.1)}
.event-showcase{min-height:0;max-height:none!important;padding:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;overflow:auto!important}
.platform-event-card{position:relative;min-width:0;height:100%;margin:0;padding:14px 15px 12px;display:flex;flex-direction:column;box-sizing:border-box;border:1px solid rgba(200,146,47,.8);border-radius:14px;background:linear-gradient(160deg,rgba(7,80,57,.88),rgba(1,46,35,.96));box-shadow:inset 0 1px rgba(255,231,159,.08),0 6px 14px rgba(0,18,13,.3);color:#d5b66d}
.platform-event-card::after{content:"";position:absolute;inset:2px;border:1px solid rgba(255,225,143,.045);border-radius:11px;pointer-events:none}.platform-event-card>header{padding:0!important;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none!important;color:inherit!important}.platform-event-card h3{min-width:0;margin:0;color:#f0cd72;font-size:clamp(15px,1.45vw,23px);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-status{flex:none;padding:3px 7px;border:1px solid rgba(214,170,75,.55);border-radius:11px;background:rgba(0,45,35,.6);color:#e2bd64;font-size:9px}.event-status.ongoing{background:#755a1b}.event-status.completed,.event-status.cancelled,.event-status.archived{opacity:.7}
.event-card-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:13px}.event-card-icon{width:86px;flex:0 0 86px;color:#ecc260;font:900 70px Georgia;text-align:center;text-shadow:0 4px 0 #805018,0 8px 11px #0008}.event-card-body dl{margin:0}.event-card-body dl>div{display:grid;grid-template-columns:33px 1fr;gap:5px;margin:6px 0;font-size:11px}.event-card-body dt{color:#988c67}.event-card-body dd{margin:0;color:#d7b66a;white-space:nowrap}.platform-event-card>p{min-height:32px;margin:2px 0 7px;color:#a59a76;font-size:10px;line-height:1.5}.platform-event-card>footer{display:flex;align-items:center;justify-content:space-between;gap:6px}.platform-event-card>footer small{color:#a69a72;font-size:9px}.event-card-action{min-width:94px;min-height:34px;padding:5px 12px}.event-card-action.withdraw{border-color:rgba(207,164,69,.42);background:rgba(2,50,38,.82);box-shadow:none;color:#d1af63}.event-card-action:disabled{filter:grayscale(.7);opacity:.55}
.event-empty{grid-column:1/-1;display:grid;place-items:center;align-content:center;min-height:150px;color:#a69a73}.event-empty span{color:#e7bf62;font:900 58px Georgia}.event-empty b{color:#e3c36f;font-size:18px}.event-empty p{margin:5px 0;font-size:11px}.event-loading{grid-column:1/-1;display:grid;place-items:center;height:100%;margin:0;padding:0;color:#a49b79}
.event-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.event-shortcuts button{position:relative;min-width:0;padding:8px 15px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;grid-template-rows:1fr 1fr;align-items:center;text-align:left;border:1px solid rgba(196,145,48,.42);border-radius:11px;background:linear-gradient(145deg,rgba(5,75,54,.76),rgba(1,44,34,.9));color:#deb95f}.event-shortcuts button.active{border-color:#e3b952;background:linear-gradient(145deg,rgba(9,91,64,.86),rgba(1,48,37,.94));box-shadow:inset 0 0 18px rgba(228,183,74,.07)}.event-shortcuts button>span{grid-row:1/3;color:#edc66d;font:900 38px Georgia;text-align:center;text-shadow:0 3px 5px #0008}.event-shortcuts b{font-size:16px}.event-shortcuts small{color:#9d9270;font-size:10px}.event-shortcuts em{grid-row:1/3;grid-column:3;color:#c89031;font-size:17px;font-style:normal}#platformEventFeedback{position:absolute;right:12px;bottom:95px;z-index:3;min-height:0;margin:0;padding:4px 8px;border-radius:6px;background:rgba(0,35,27,.82);color:#e66950;font-size:10px}#platformEventFeedback:empty{display:none}#platformEventFeedback.success{color:#8fd39e}

/* Seasonal leaderboard */
.leaderboard-page{display:grid;grid-template-rows:auto minmax(0,1fr);gap:7px;overflow:hidden;padding:0 4px 2px}.ranking-heading{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}.ranking-heading>span{height:1px;background:linear-gradient(90deg,transparent,rgba(213,169,72,.55))}.ranking-heading>span:last-child{background:linear-gradient(90deg,rgba(213,169,72,.55),transparent)}.ranking-heading small{display:none}.ranking-heading h2{margin:0;color:#efcc72;font-family:STKaiti,"KaiTi",serif;font-size:31px;letter-spacing:4px;text-shadow:0 2px 4px #0008}.ranking-heading p{margin:1px 25px 0;color:#948d6e;font-size:9px;letter-spacing:1px}.ranking-dashboard{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.ranking-main-panel{min-width:0;min-height:0;display:grid;grid-template-rows:41% minmax(0,1fr);gap:9px}.ranking-podium{min-height:0;padding:0 6%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:18px}.podium-player{position:relative;height:82%;padding:36px 8px 7px;display:flex;flex-direction:column;align-items:center;justify-content:end;box-sizing:border-box;border:1px solid rgba(186,133,47,.55);border-radius:34px 34px 7px 7px;background:linear-gradient(180deg,rgba(10,74,55,.72),rgba(1,42,32,.86));box-shadow:inset 0 0 23px rgba(0,21,15,.28);text-align:center}.podium-player.podium-1{height:100%;border-color:#dfad48;background:radial-gradient(circle at 50% 12%,rgba(234,185,71,.25),transparent 35%),linear-gradient(180deg,rgba(85,65,24,.7),rgba(3,50,37,.94));box-shadow:0 0 18px rgba(225,177,64,.12),inset 0 0 24px rgba(215,164,55,.11)}.podium-player>i{position:absolute;top:-9px;width:34px;height:34px;display:grid;place-items:center;border:2px solid #dfb453;border-radius:50%;background:linear-gradient(#f1cd72,#a5661e);color:#3a270d;font:900 17px Georgia;font-style:normal}.podium-player.podium-2>i{background:linear-gradient(#dce4e5,#71838a)}.podium-player.podium-3>i{background:linear-gradient(#d8924c,#86491e)}.rank-player-avatar{position:relative;width:54px;height:54px;flex:0 0 54px;padding:0;overflow:hidden;border:2px solid #e3b650;border-radius:50%;background-color:#124838;background-size:200% 200%;color:#edc76d;font-weight:800}.rank-player-avatar.avatar-system-1{background-image:url("assets/avatar-sprite-v1.png");background-position:0 0;color:transparent}.rank-player-avatar .avatar-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rank-player-avatar.small{width:32px;height:32px;flex-basis:32px;border-width:1px}.podium-player>b{max-width:100%;margin-top:3px;overflow:hidden;color:#e9c56d;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.podium-player>span{color:#a99769;font-size:9px}.podium-player>strong{color:#e4b852;font-size:15px}.ranking-empty{grid-column:1/-1;align-self:center;display:flex;flex-direction:column;align-items:center;color:#d6b25f}.ranking-empty small{color:#968e6c}
.rank-player-avatar[class*="avatar-system-"]{color:transparent}
.ranking-table-card{min-height:0;display:grid;grid-template-rows:39px 28px minmax(0,1fr);overflow:hidden;border:1px solid rgba(191,140,47,.65);border-radius:12px;background:rgba(1,47,36,.74)}.ranking-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px}.ranking-filters button{border:1px solid rgba(189,138,47,.35);border-radius:7px;background:rgba(2,56,43,.6);color:#ba9f62;font-size:11px}.ranking-filters button.active{border-color:#d4a346;background:linear-gradient(#f1cd78,#c98e30);color:#35250e;font-weight:700}.ranking-table-head,.ranking-row{display:grid;grid-template-columns:55px minmax(130px,1fr) minmax(180px,1.35fr) 95px;align-items:center}.ranking-table-head{padding:0 10px;border-bottom:1px solid rgba(191,142,50,.35);color:#a89362;font-size:9px}.ranking-list{min-height:0;overflow:auto}.ranking-row{min-height:42px;padding:3px 10px;box-sizing:border-box;border-bottom:1px solid rgba(183,138,54,.18);color:#d0ae61}.ranking-row>i{font:700 16px Georgia;font-style:normal}.ranking-row>span:nth-child(2){display:flex;align-items:center;gap:8px;min-width:0}.ranking-row>span:nth-child(2)>b{overflow:hidden;color:#dab867;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ranking-row .rank-visual{gap:6px}.ranking-row .rank-emblem{width:31px;height:31px;flex-basis:31px}.ranking-row .rank-name{font-size:10px}.ranking-row .rank-stars img{width:8px;height:8px}.ranking-row .rank-stars small{font-size:7px}.ranking-row>strong{color:#efbd52;font-size:13px;font-weight:600}
.ranking-aside{min-height:0;display:grid;grid-template-rows:1.05fr 1.1fr .8fr;gap:10px}.ranking-aside>section{min-height:0;padding:12px;box-sizing:border-box;border:1px solid rgba(191,140,47,.63);border-radius:12px;background:linear-gradient(155deg,rgba(4,70,51,.83),rgba(1,43,33,.91));text-align:center}.my-ranking-card>small{color:#d7b55e}.my-ranking-card>strong{display:block;color:#efc464;font:700 35px Georgia}.my-ranking-card>div{min-height:42px;padding:5px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(193,145,51,.28);border-radius:8px}.my-ranking-card>div>span{display:flex;flex-direction:column;text-align:left}.my-ranking-card>div b{color:#e4bf65;font-size:11px}.my-ranking-card>div small,.my-ranking-card p{margin:0;color:#968f70;font-size:8px}.ranking-reward-card h3,.ranking-rise-card h3{margin:0;color:#e4bd62;font-size:16px}.ranking-reward-card>p{margin:3px;color:#968d6c;font-size:8px}.ranking-reward-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:6px 0}.ranking-reward-card>div span{padding:5px 2px;border:1px solid rgba(190,140,48,.3);border-radius:7px;color:#eac468;font:900 25px Georgia}.ranking-reward-card>div small{display:block;color:#b79d62;font:8px inherit}.ranking-reward-card button,.friend-rules-preview button{min-width:105px;min-height:28px;padding:3px 12px;font-size:10px}.ranking-rise-card>span{display:block;margin:1px;color:#e7b949;font:900 37px Georgia}.ranking-rise-card p{margin:0;color:#ac9d72;font-size:8px;line-height:1.4}

/* Club home surface; deep-management panels retain every existing control. */
.club-dialog.club-embedded{position:relative;width:auto;max-width:none;height:auto;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text-body)}.club-dialog.club-embedded::backdrop{display:none}.club-embedded .club-heading{display:none}.club-embedded .club-policy{position:absolute;z-index:2;right:4px;top:2px;margin:0;padding:3px 7px;border-color:rgba(210,166,72,.22);background:rgba(0,43,33,.82);color:#8f896c;font-size:8px}.club-embedded .club-tabs{height:36px;padding:0 4px 5px;box-sizing:border-box;gap:6px}.club-embedded .club-tabs button{padding:4px 15px;border:1px solid rgba(190,140,48,.4);border-radius:15px;background:rgba(1,53,40,.76);color:#b69d63;font-size:10px}.club-embedded .club-tabs button.active{border-color:#d5a84e;background:linear-gradient(#f0cc78,#c68a2d);color:#36250e}.club-embedded .club-code-join{padding:0 4px 6px}.club-embedded .club-code-join form{height:36px;padding:3px 7px;box-sizing:border-box;background:rgba(1,53,40,.7);border:1px solid rgba(191,141,48,.32)}.club-embedded .club-code-join label{color:#bba465}.club-embedded .club-code-join input,.club-embedded .club-create input,.club-embedded .club-create textarea{border-color:rgba(199,151,57,.42);background:#012f25;color:#e5c270}.club-embedded .club-code-join button{border:1px solid #a87222;border-radius:16px;background:linear-gradient(#efd078,#c99131);color:#38270f}.club-embedded .club-content{height:calc(100% - 36px);padding:4px;box-sizing:border-box;overflow:auto}.club-embedded .club-code-join:not([hidden])~.club-content{height:calc(100% - 78px)}.club-loading{color:#a79a74}.club-home-dashboard{height:100%;min-height:0;display:grid;grid-template-columns:42% minmax(0,1fr);grid-template-rows:55% minmax(0,1fr);gap:12px}.club-home-dashboard>section{min-width:0;min-height:0;padding:14px 18px;box-sizing:border-box;border:1px solid rgba(197,145,48,.68);border-radius:13px;background:linear-gradient(150deg,rgba(5,77,55,.84),rgba(1,44,34,.94));box-shadow:inset 0 1px rgba(255,229,152,.07),0 6px 14px rgba(0,18,13,.22)}.club-home-dashboard h3{margin:0;color:#e9c568;font-size:17px}.club-home-primary{grid-column:1;grid-row:1}.club-home-identity{height:calc(100% - 75px);display:flex;align-items:center;gap:17px}.club-home-identity .club-detail-crest{width:110px;height:110px;flex:0 0 110px;border:2px solid #d3a345;border-radius:50%;background:radial-gradient(circle,#0a6347,#013a2e);color:#edc766;font-size:54px;box-shadow:inset 0 0 20px rgba(228,183,79,.16),0 7px 15px rgba(0,0,0,.28)}.club-home-identity h4{margin:3px 0;color:#f0ca6d;font-size:21px}.club-home-identity small,.club-home-identity p,.club-home-identity em{display:block;margin:4px 0;color:#b39e69;font-size:11px;font-style:normal}.club-home-actions{display:flex;justify-content:center;gap:8px}.club-home-actions button,.club-home-quick button>em{min-width:120px;padding:7px 14px;border:1px solid #a87222;border-radius:18px;background:linear-gradient(#f2d17c,#c68a2b);color:#38270f;font-weight:700;font-style:normal}.club-home-actions button:not(.primary){background:rgba(2,53,40,.85);color:#d0ad61}.club-more-count{display:block;margin-top:3px;text-align:center;color:#8e886e;font-size:8px}.club-home-quick{grid-column:2;grid-row:1;padding:0!important;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;border:0!important;background:none!important;box-shadow:none!important}.club-home-quick>button{padding:10px 13px;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:1fr 1fr auto;align-items:center;text-align:left;border:1px solid rgba(197,145,48,.62);border-radius:12px;background:linear-gradient(150deg,rgba(5,77,55,.84),rgba(1,44,34,.94));color:#d6b25f}.club-home-quick>button>span{grid-row:1/4;color:#ecc76d;font:900 43px Georgia;text-align:center;text-shadow:0 4px 5px #0007}.club-home-quick>button b{font-size:15px}.club-home-quick>button small{color:#9b9271;font-size:9px}.club-home-quick>button em{min-width:82px;padding:4px 9px;text-align:center;font-size:9px}.club-home-quick>button:disabled{opacity:.55}.club-member-feed{grid-column:1;grid-row:2}.club-member-feed>header{display:flex;justify-content:space-between}.club-member-feed>header button{border:0;background:none;color:#b39150;font-size:9px}.club-member-feed>div{display:grid;gap:5px;margin-top:7px}.club-member-feed>div>button{min-height:42px;padding:4px 6px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;text-align:left;border:0;border-bottom:1px dashed rgba(194,145,51,.22);background:none;color:#c6a65c}.club-member-feed .club-card-crest{width:31px;height:31px;border-radius:50%;background:#0b5d45}.club-member-feed span{display:flex;flex-direction:column}.club-member-feed b{font-size:11px}.club-member-feed small{color:#8e886e;font-size:8px}.club-member-feed em{font-style:normal;font-size:9px}.club-join-methods{grid-column:2;grid-row:2}.club-join-methods>div{height:calc(100% - 27px);display:grid;grid-template-columns:repeat(2,1fr);align-items:center}.club-join-methods>div>button{height:75%;padding:10px 17px;display:grid;grid-template-columns:64px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;border:0;background:none;color:#dfba63}.club-join-methods>div>button+button{border-left:1px solid rgba(193,143,50,.3)}.club-join-methods span{grid-row:1/3;color:#efca71;font:900 49px Georgia;text-align:center}.club-join-methods b{font-size:16px}.club-join-methods small{color:#9c9270;font-size:9px;line-height:1.45}.club-embedded .club-list-head{color:#ddba67}.club-embedded .club-list-head p,.club-embedded .club-card small,.club-embedded .club-card em{color:#968e6d}.club-embedded .club-card{border-color:rgba(194,142,47,.5);background:rgba(3,67,49,.78);color:#d8b662}.club-embedded .club-card:hover{border-color:#dfb653}.club-embedded .club-status{background:#063d30;color:#ac9d6c}.club-embedded .club-status.active{background:#0b5d43;color:#bcd38e}.club-embedded .club-empty{color:#9b9270}.club-embedded .club-empty b{color:#d8b765}.club-embedded .club-create{height:calc(100% - 36px);padding:10px 18px;color:#c9ab66}.club-embedded .club-create fieldset{border-color:rgba(196,146,50,.42)}.club-embedded .club-create fieldset button{border-color:rgba(196,146,50,.4);background:#013b2e;color:#b6a168}.club-embedded .club-create fieldset button.selected{border-color:#d4a84c;background:#07523d;color:#e5c36d}.club-embedded .club-detail>header{background:linear-gradient(145deg,#07543e,#01392d)}.club-embedded .club-detail section,.club-embedded .club-settings,.club-embedded .club-danger{color:#bba167}.club-embedded .club-summary span,.club-embedded .club-member,.club-embedded .club-ledger p,.club-embedded .club-settings,.club-embedded .club-dashboard-grid span,.club-embedded .club-event-card{background:rgba(3,68,49,.72)!important;color:#d0ad63}.club-embedded .club-section-title{border-color:rgba(193,143,51,.35)}.club-embedded .club-section-title small,.club-embedded .club-muted{color:#91896b}.club-embedded .club-detail input,.club-embedded .club-detail textarea,.club-embedded .club-detail select{border-color:rgba(200,151,57,.4);background:#012f25;color:#e2bd67}

/* Friend room lobby */
.friend-lobby-page{display:grid;grid-template-rows:43% 15% minmax(0,1fr);gap:11px;overflow:hidden;padding:4px}.friend-lobby-top{min-height:0;display:grid;grid-template-columns:1fr 1.12fr;gap:12px}.friend-lobby-top>section,.friend-lobby-bottom>section{min-width:0;min-height:0;padding:16px 22px;box-sizing:border-box;border:1px solid rgba(200,147,48,.72);border-radius:13px;background:linear-gradient(150deg,rgba(5,77,55,.84),rgba(1,44,34,.95));box-shadow:inset 0 1px rgba(255,230,154,.07),0 6px 14px rgba(0,18,13,.22)}.friend-lobby-top header{display:flex;align-items:center;gap:13px}.friend-lobby-top header>span{width:54px;color:#edc66d;font:900 45px Georgia;text-align:center;text-shadow:0 3px 4px #0008}.friend-lobby-top h2{margin:0;color:#edc76c;font-size:22px}.friend-lobby-top p{margin:4px 0;color:#9f9470;font-size:10px}.friend-join-card form{height:calc(100% - 64px);display:grid;grid-template-columns:auto minmax(180px,1fr);grid-template-rows:minmax(0,1fr) 38px;align-items:center;gap:8px 13px}.friend-join-card label{color:#aa9868;font-size:10px}.friend-join-card input{width:100%;height:54px;padding:0 17px;box-sizing:border-box;border:1px solid rgba(205,154,60,.55);border-radius:8px;background:repeating-linear-gradient(90deg,rgba(1,39,31,.84) 0,rgba(1,39,31,.84) calc(16.66% - 2px),rgba(211,164,69,.3) calc(16.66% - 2px),rgba(211,164,69,.3) 16.66%);color:#edc66e;font:500 26px/1 monospace;letter-spacing:clamp(18px,2.4vw,37px);text-align:center;outline:none}.friend-join-card input::placeholder{color:#8e825f}.friend-join-card .gold-action{grid-column:1/3;width:190px;height:38px;justify-self:center}.friend-create-card{position:relative}.friend-create-options{height:calc(100% - 104px);display:grid;grid-template-columns:auto 1fr auto 100px;align-items:center;gap:10px;color:#b7a067;font-size:10px}.friend-mode-picker{height:32px;display:flex;padding:2px;border:1px solid rgba(193,143,50,.38);border-radius:18px;background:#012f25}.friend-mode-picker button{padding:3px 12px;border:0;border-radius:14px;background:none;color:#ac9a6a;font-size:10px}.friend-mode-picker button.active{background:#07533e;color:#e6c369}.friend-create-options label{display:contents}.friend-create-options input{width:92px;height:32px;padding:4px 8px;box-sizing:border-box;border:1px solid rgba(193,143,50,.42);border-radius:17px;background:#012f25;color:#e6c269;text-align:center}.friend-create-card>.gold-action{position:absolute;right:22px;bottom:14px;width:165px;height:37px}.friend-quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.friend-quick-links>button{position:relative;padding:6px 14px;display:grid;grid-template-columns:49px minmax(0,1fr) auto;grid-template-rows:1fr 1fr;align-items:center;text-align:left;border:1px solid rgba(196,144,49,.48);border-radius:10px;background:linear-gradient(145deg,rgba(5,74,53,.78),rgba(1,43,33,.9));color:#ddb964}.friend-quick-links span{grid-row:1/3;color:#edc76e;font:900 36px Georgia;text-align:center}.friend-quick-links b{font-size:14px}.friend-quick-links small{color:#998f6d;font-size:9px}.friend-quick-links em{grid-column:3;grid-row:1/3;color:#d19c3a;font-size:22px;font-style:normal}.friend-quick-links i{position:absolute;right:22px;top:5px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#d83a2a;color:#fff;font:700 9px Arial;font-style:normal}.friend-quick-links i[hidden]{display:none}.friend-lobby-bottom{min-height:0;display:grid;grid-template-columns:1.28fr .82fr;gap:12px}.friend-lobby-bottom h3{margin:0;color:#e4be65;font-size:16px}.friend-lobby-bottom h3 small{color:#9d9270;font-size:9px;font-weight:400}.friend-table-preview{position:relative;width:90%;height:calc(100% - 24px);min-height:88px;margin:3px auto 0;border:9px solid #5c4525;border-radius:50% 50% 24% 24%;background:radial-gradient(ellipse,#0b6b49,#064934 72%);box-shadow:inset 0 0 0 2px rgba(221,175,75,.38),0 7px 11px #0005}.friend-table-preview>i{position:absolute;left:50%;top:50%;color:rgba(224,182,81,.45);font:900 40px Georgia;transform:translate(-50%,-50%)}.preview-seat{position:absolute;width:36px;height:36px;display:grid;place-items:center;border:1px solid #d3a449;border-radius:8px;background:linear-gradient(#e7bd68,#8d5c20);box-shadow:0 4px 7px #0007;color:#51330f;font-size:24px}.preview-seat small{position:absolute;color:#cbaa60;font-size:8px;white-space:nowrap}.preview-top{left:50%;top:-17px;transform:translateX(-50%)}.preview-left{left:-15px;top:50%;transform:translateY(-50%)}.preview-right{right:-15px;top:50%;transform:translateY(-50%)}.preview-me{left:50%;bottom:-18px;transform:translateX(-50%)}.preview-top small,.preview-left small,.preview-right small{top:37px}.preview-me small{bottom:37px}.friend-rules-preview{display:flex;flex-direction:column}.friend-rules-preview ul{flex:1;margin:8px 0;padding-left:20px;color:#b9a36b;font-size:10px;line-height:1.8}.friend-rules-preview b{color:#e1bd67}.friend-rules-preview button{align-self:center;width:150px;min-height:32px}

@media (min-width:1281px) and (max-height:849px){
  .platform-event-dialog.event-embedded{grid-template-rows:minmax(95px,27%) minmax(0,1fr) 76px;gap:8px}.event-hero-trophy{height:80px;font-size:68px}.event-showcase{gap:9px}.platform-event-card{padding:9px 11px}.event-card-icon{width:63px;flex-basis:63px;font-size:53px}.event-card-body dl>div{margin:3px 0}.event-shortcuts{gap:8px}.event-shortcuts button{grid-template-columns:45px 1fr auto;padding:5px 10px}.event-shortcuts button>span{font-size:31px}.event-shortcuts b{font-size:13px}.platform-event-dialog.event-embedded>.event-policy,#platformEventFeedback{bottom:82px}
  .ranking-heading{height:42px}.ranking-heading h2{font-size:25px}.ranking-dashboard{grid-template-columns:minmax(0,1fr) 235px;gap:9px}.ranking-main-panel{gap:6px}.ranking-podium{gap:10px}.podium-player{padding-top:25px}.rank-player-avatar{width:43px;height:43px;flex-basis:43px}.ranking-aside{gap:6px}.ranking-aside>section{padding:7px}.ranking-reward-card>div{margin:3px 0}.ranking-reward-card>div span{padding:2px;font-size:18px}
  .club-home-dashboard{gap:8px}.club-home-dashboard>section{padding:9px 12px}.club-home-identity .club-detail-crest{width:78px;height:78px;flex-basis:78px;font-size:39px}.club-home-identity{height:calc(100% - 62px)}.club-home-actions button{padding:5px 11px}.club-home-quick{gap:7px}.club-home-quick>button{grid-template-columns:44px 1fr;padding:6px 9px}.club-home-quick>button>span{font-size:33px}.club-member-feed>div{gap:2px;margin-top:3px}.club-member-feed>div>button{min-height:34px}.club-join-methods>div>button{height:90%;grid-template-columns:49px 1fr;padding:6px}.club-join-methods span{font-size:38px}
  .friend-lobby-page{gap:7px}.friend-lobby-top{gap:8px}.friend-lobby-top>section,.friend-lobby-bottom>section{padding:9px 14px}.friend-lobby-top header>span{width:42px;font-size:33px}.friend-lobby-top h2{font-size:17px}.friend-join-card form{height:calc(100% - 48px);grid-template-rows:minmax(0,1fr) 31px}.friend-join-card input{height:39px;font-size:19px}.friend-join-card .gold-action{height:31px}.friend-create-options{height:calc(100% - 78px)}.friend-create-card>.gold-action{right:14px;bottom:8px;height:31px}.friend-quick-links{gap:7px}.friend-quick-links>button{padding:3px 9px;grid-template-columns:40px 1fr auto}.friend-quick-links span{font-size:29px}.friend-lobby-bottom{gap:8px}.friend-lobby-bottom>section{padding-block:7px}.friend-rules-preview ul{margin:3px 0;line-height:1.5}
}

@media (max-width:1280px){
  .platform-event-dialog.event-embedded{margin:2px 4px!important;grid-template-rows:minmax(115px,23%) minmax(0,1fr) 95px}.event-showcase{gap:10px}.platform-event-card{padding:12px}.event-card-icon{width:70px;flex-basis:70px;font-size:58px}.platform-event-dialog.event-embedded>.event-policy,#platformEventFeedback{bottom:101px}
  .leaderboard-page{margin:2px 4px!important}.ranking-dashboard{grid-template-columns:minmax(0,1fr) 245px}.ranking-heading{height:52px}.club-dialog.club-embedded{margin:2px 4px!important}.club-home-identity .club-detail-crest{width:90px;height:90px;flex-basis:90px}.friend-lobby-page{margin:2px 4px!important}.friend-create-options{grid-template-columns:auto 1fr auto 86px}
}

@media (max-width:900px),(max-height:610px){
  .platform-event-dialog.event-embedded{grid-template-rows:72px minmax(0,1fr) 50px;gap:5px}.event-hero{padding:4px 7% 4px 11%;border-radius:8px}.event-hero small{font-size:6px}.event-hero h2{font-size:27px;letter-spacing:4px}.event-hero p{font-size:10px;letter-spacing:2px}.event-hero-trophy{width:105px;height:60px;font-size:48px}.platform-event-dialog.event-embedded>.event-policy{display:none}.event-showcase{gap:5px}.platform-event-card{padding:6px 7px;border-radius:7px}.platform-event-card h3{font-size:11px}.event-status{padding:2px 4px;font-size:6px}.event-card-body{gap:4px}.event-card-icon{width:38px;flex-basis:38px;font-size:34px}.event-card-body dl>div{grid-template-columns:22px 1fr;gap:2px;margin:1px 0;font-size:6px}.platform-event-card>p{min-height:0;margin:1px 0 3px;font-size:6px;line-height:1.25}.platform-event-card>footer{display:block}.platform-event-card>footer small{display:none}.event-card-action{width:80%;min-width:0;min-height:24px;margin:auto;padding:2px 5px;font-size:8px}.event-shortcuts{gap:5px}.event-shortcuts button{padding:2px 5px;grid-template-columns:30px 1fr auto;border-radius:6px}.event-shortcuts button>span{font-size:23px}.event-shortcuts b{font-size:9px}.event-shortcuts small{font-size:6px}.event-shortcuts em{display:none}#platformEventFeedback{right:5px;bottom:52px;font-size:7px}
  .leaderboard-page{padding:0 2px}.ranking-heading{height:31px}.ranking-heading h2{font-size:17px}.ranking-heading p{display:none}.ranking-dashboard{grid-template-columns:minmax(0,1fr) 178px;gap:5px}.ranking-main-panel{grid-template-rows:43% minmax(0,1fr);gap:4px}.ranking-podium{padding:0 3%;gap:6px}.podium-player{padding:20px 3px 3px;border-radius:18px 18px 4px 4px}.podium-player>i{top:-5px;width:21px;height:21px;font-size:10px}.rank-player-avatar{width:31px;height:31px;flex-basis:31px}.podium-player>b{font-size:8px}.podium-player>span{font-size:6px}.podium-player>strong{font-size:9px}.ranking-table-card{grid-template-rows:25px 18px minmax(0,1fr);border-radius:6px}.ranking-filters{gap:2px;padding:2px}.ranking-filters button{font-size:7px}.ranking-table-head,.ranking-row{grid-template-columns:29px minmax(80px,1fr) minmax(110px,1.1fr) 56px}.ranking-table-head{padding:0 5px;font-size:6px}.ranking-row{min-height:29px;padding:1px 5px}.ranking-row>i{font-size:10px}.rank-player-avatar.small{width:22px;height:22px;flex-basis:22px}.ranking-row>span:nth-child(2){gap:4px}.ranking-row>span:nth-child(2)>b{font-size:7px}.ranking-row .rank-emblem{width:20px;height:20px;flex-basis:20px}.ranking-row .rank-name{font-size:6px}.ranking-row .rank-stars{display:none}.ranking-row>strong{font-size:8px}.ranking-aside{gap:4px}.ranking-aside>section{padding:5px;border-radius:6px}.my-ranking-card>strong{font-size:20px}.my-ranking-card>div{min-height:29px;padding:2px}.my-ranking-card>div b{font-size:7px}.my-ranking-card>div small,.my-ranking-card p{font-size:6px}.ranking-reward-card h3,.ranking-rise-card h3{font-size:9px}.ranking-reward-card>p{display:none}.ranking-reward-card>div{gap:2px;margin:2px 0}.ranking-reward-card>div span{padding:1px;font-size:14px}.ranking-reward-card>div small{font-size:5px}.ranking-reward-card button{min-width:70px;min-height:20px;padding:1px;font-size:6px}.ranking-rise-card>span{font-size:21px}.ranking-rise-card p{font-size:5px}
  .club-embedded .club-policy{display:none}.club-embedded .club-tabs{height:25px;padding-bottom:3px}.club-embedded .club-tabs button{padding:2px 9px;font-size:7px}.club-embedded .club-code-join form{height:28px}.club-embedded .club-code-join label,.club-embedded .club-code-join button{font-size:7px}.club-embedded .club-content{height:calc(100% - 25px);padding:2px}.club-embedded .club-code-join:not([hidden])~.club-content{height:calc(100% - 57px)}.club-home-dashboard{gap:5px}.club-home-dashboard>section{padding:5px 8px;border-radius:6px}.club-home-dashboard h3{font-size:10px}.club-home-identity{height:calc(100% - 42px);gap:7px}.club-home-identity .club-detail-crest{width:46px;height:46px;flex-basis:46px;font-size:23px}.club-home-identity h4{font-size:12px}.club-home-identity small,.club-home-identity p,.club-home-identity em{margin:1px 0;font-size:6px}.club-home-actions{gap:4px}.club-home-actions button{min-width:76px;padding:3px 7px;font-size:7px}.club-more-count{display:none}.club-home-quick{gap:4px}.club-home-quick>button{padding:3px 5px;grid-template-columns:28px 1fr}.club-home-quick>button>span{font-size:21px}.club-home-quick>button b{font-size:8px}.club-home-quick>button small{font-size:5px}.club-home-quick button>em{min-width:50px;padding:2px 4px;font-size:5px}.club-member-feed>header button{font-size:6px}.club-member-feed>div{gap:0;margin-top:2px}.club-member-feed>div>button{min-height:24px;grid-template-columns:23px 1fr auto;gap:4px;padding:1px}.club-member-feed .club-card-crest{width:19px;height:19px;font-size:9px}.club-member-feed b{font-size:7px}.club-member-feed small,.club-member-feed em{font-size:5px}.club-join-methods>div{height:calc(100% - 14px)}.club-join-methods>div>button{height:92%;padding:3px;grid-template-columns:31px 1fr}.club-join-methods span{font-size:24px}.club-join-methods b{font-size:9px}.club-join-methods small{font-size:5px}.club-embedded .club-list-head h3{font-size:11px}.club-embedded .club-list-head p{font-size:7px}.club-embedded .club-list{gap:4px}.club-embedded .club-card{padding:4px}.club-embedded .club-create{height:calc(100% - 25px);padding:4px 8px}.club-embedded .club-create>label,.club-embedded .club-form-grid label,.club-embedded .club-create legend{font-size:7px}.club-embedded .club-create input,.club-embedded .club-create textarea{padding:4px}.club-embedded .club-create textarea{min-height:35px}.club-embedded .club-create fieldset{margin:3px 0;padding:3px}.club-embedded .club-create fieldset button{padding:3px;font-size:7px}.club-embedded .club-consent{font-size:6px}.club-embedded .club-submit{padding:4px 10px;font-size:7px}
  .friend-lobby-page{grid-template-rows:43% 17% minmax(0,1fr);gap:5px;padding:1px}.friend-lobby-top,.friend-lobby-bottom{gap:5px}.friend-lobby-top>section,.friend-lobby-bottom>section{padding:5px 9px;border-radius:6px}.friend-lobby-top header{gap:5px}.friend-lobby-top header>span{width:27px;font-size:22px}.friend-lobby-top h2{font-size:11px}.friend-lobby-top p{margin:1px 0;font-size:6px}.friend-join-card form{height:calc(100% - 31px);grid-template-columns:auto 1fr;grid-template-rows:minmax(0,1fr) 23px;gap:3px 5px}.friend-join-card label{font-size:6px}.friend-join-card input{height:30px;padding:0 6px;border-radius:4px;font-size:13px;letter-spacing:clamp(13px,3vw,25px)}.friend-join-card .gold-action{width:110px;height:23px;font-size:7px}.friend-create-options{height:calc(100% - 47px);grid-template-columns:auto 1fr auto 54px;gap:4px;font-size:6px}.friend-mode-picker{height:21px}.friend-mode-picker button{padding:1px 5px;font-size:6px}.friend-create-options input{width:52px;height:21px;font-size:7px}.friend-create-card>.gold-action{right:9px;bottom:5px;width:95px;height:23px;font-size:7px}.friend-quick-links{gap:5px}.friend-quick-links>button{padding:2px 5px;grid-template-columns:27px 1fr auto;border-radius:5px}.friend-quick-links span{font-size:21px}.friend-quick-links b{font-size:8px}.friend-quick-links small{font-size:5px}.friend-quick-links em{font-size:13px}.friend-quick-links i{right:10px;top:2px;width:11px;height:11px;font-size:6px}.friend-lobby-bottom h3{font-size:9px}.friend-lobby-bottom h3 small{font-size:5px}.friend-table-preview{height:calc(100% - 13px);min-height:45px;border-width:5px}.preview-seat{width:21px;height:21px;border-radius:4px;font-size:13px}.preview-seat small{font-size:5px}.preview-top{top:-10px}.preview-left{left:-9px}.preview-right{right:-9px}.preview-me{bottom:-10px}.preview-top small,.preview-left small,.preview-right small{top:21px}.preview-me small{bottom:21px}.friend-table-preview>i{font-size:22px}.friend-rules-preview ul{margin:2px 0;padding-left:12px;font-size:6px;line-height:1.45}.friend-rules-preview button{width:86px;min-width:0;min-height:20px;font-size:6px}
}

body.foldable-unfolded .platform-event-dialog.event-embedded{grid-template-rows:145px minmax(0,1fr) 115px}
body.foldable-unfolded .event-showcase{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
body.foldable-unfolded .event-card-body{justify-content:flex-start}
body.foldable-unfolded .leaderboard-page{padding:8px}
body.foldable-unfolded .ranking-dashboard{grid-template-columns:minmax(0,1fr) 285px}
body.foldable-unfolded .club-home-dashboard{grid-template-rows:48% minmax(0,1fr)}
body.foldable-unfolded .friend-lobby-page{grid-template-rows:32% 13% minmax(0,1fr)}

/* 2026-09-05 premium pass: richer emerald lacquer, metal icons and readable hierarchy. */
.alt-lobby-page,.club-dialog.club-embedded{
  position:relative;isolation:isolate;padding:10px!important;border:1px solid rgba(204,153,55,.18);
  background:
    radial-gradient(circle at 21% 4%,rgba(37,132,91,.12),transparent 24%),
    radial-gradient(circle at 84% 86%,rgba(213,161,56,.05),transparent 25%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 10px),
    linear-gradient(135deg,rgba(1,58,43,.2),rgba(0,35,28,.12));
  box-shadow:inset 0 1px rgba(255,236,177,.04)
}
.alt-lobby-page::before,.club-dialog.club-embedded::before{
  content:"";position:absolute;z-index:-1;inset:9px;pointer-events:none;opacity:.72;
  background:
    linear-gradient(90deg,#c99a41,#c99a41) left top/34px 1px no-repeat,
    linear-gradient(#c99a41,#c99a41) left top/1px 34px no-repeat,
    linear-gradient(90deg,#c99a41,#c99a41) right top/34px 1px no-repeat,
    linear-gradient(#c99a41,#c99a41) right top/1px 34px no-repeat,
    linear-gradient(90deg,#c99a41,#c99a41) left bottom/34px 1px no-repeat,
    linear-gradient(#c99a41,#c99a41) left bottom/1px 34px no-repeat,
    linear-gradient(90deg,#c99a41,#c99a41) right bottom/34px 1px no-repeat,
    linear-gradient(#c99a41,#c99a41) right bottom/1px 34px no-repeat
}
.platform-event-card,.ranking-table-card,.ranking-aside>section,.club-home-dashboard>section,.club-home-quick>button,.friend-lobby-top>section,.friend-lobby-bottom>section,.friend-quick-links>button{
  border-color:rgba(220,171,70,.72)!important;
  background:
    linear-gradient(135deg,rgba(255,236,176,.055),transparent 20%),
    radial-gradient(circle at 80% 0,rgba(52,142,94,.12),transparent 35%),
    linear-gradient(155deg,rgba(5,77,56,.96),rgba(1,42,33,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(255,230,151,.045),inset 0 18px 30px rgba(24,110,76,.05),0 8px 18px rgba(0,19,14,.28)!important
}
.gold-action,.event-card-action,.ranking-reward-card button,.friend-rules-preview button,.club-home-actions button,.club-home-quick button>em{
  position:relative;border-color:#9b641d!important;
  background:linear-gradient(180deg,#fff0b6 0,#f1ca73 25%,#dda846 58%,#b97420 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.88),inset 0 -2px rgba(94,46,3,.2),0 5px 10px rgba(0,14,10,.38)!important;
  color:#35240c!important;text-shadow:0 1px rgba(255,244,194,.45)
}
.gold-action:hover,.event-card-action:hover,.ranking-reward-card button:hover,.friend-rules-preview button:hover,.club-home-actions button:hover,.club-home-quick button:hover>em{filter:brightness(1.08);transform:translateY(-1px)}
.event-hero-trophy,.event-card-icon svg,.event-shortcuts svg,.ranking-reward-card svg,.friend-lobby-top header>svg,.friend-quick-links svg,.club-home-quick>button>svg,.club-join-methods svg{
  overflow:visible;filter:drop-shadow(0 3px 2px rgba(74,39,5,.8)) drop-shadow(0 0 5px rgba(255,206,94,.17))
}

/* Events detailing */
.event-hero{
  border-color:#d5a846;
  background:
    radial-gradient(ellipse at 77% 52%,rgba(242,194,85,.22),transparent 23%),
    linear-gradient(90deg,transparent 60%,rgba(255,229,147,.05)),
    repeating-linear-gradient(165deg,rgba(233,188,78,.025) 0 1px,transparent 1px 12px),
    linear-gradient(108deg,#012f25,#07533c 54%,#012b22);
  box-shadow:inset 0 0 0 2px rgba(255,230,149,.04),inset 0 -18px 36px rgba(0,22,17,.24),0 9px 20px rgba(0,16,12,.34)
}
.event-hero::before{height:2px;background:linear-gradient(90deg,transparent,#d7a748 20%,#fff0a8 50%,#d7a748 80%,transparent)}
.event-hero::after{height:1px;background:linear-gradient(90deg,transparent,#b8822d 16%,#f4d37d 50%,#b8822d 84%,transparent)}
.event-hero-trophy{display:block;fill:url(#lobbyGoldButton);transform:none}
.platform-event-card{overflow:hidden}
.platform-event-card::before{content:"";position:absolute;z-index:0;left:12%;right:12%;top:0;height:2px;background:linear-gradient(90deg,transparent,#f2cf73,transparent);opacity:.58}
.platform-event-card>*{position:relative;z-index:1}
.platform-event-card h3{font-family:STKaiti,"KaiTi",serif;letter-spacing:.5px;text-shadow:0 2px 3px rgba(0,0,0,.5)}
.event-status{box-shadow:inset 0 1px rgba(255,234,164,.08);letter-spacing:.5px}
.event-card-icon svg{width:100%;height:100%;fill:url(#lobbyGoldButton)}
.event-card-body dt{color:#aa9868}.event-card-body dd{color:#e2bf69}
.event-shortcuts button{overflow:hidden}
.event-shortcuts button::before{content:"";position:absolute;inset:1px;border:1px solid rgba(255,232,159,.045);border-radius:inherit;pointer-events:none}
.event-shortcuts button::after{content:"›";grid-column:3;grid-row:1/3;color:#d09c3c;font-size:21px}
.event-shortcuts svg{grid-column:1;grid-row:1/3;width:44px;height:44px;fill:url(#lobbyGold)}
.event-empty svg{width:68px;height:68px;fill:url(#lobbyGoldButton)}

/* Ranking detailing */
.ranking-heading h2{font-weight:800;text-shadow:0 2px 4px #000,0 0 12px rgba(225,181,75,.13)}
.ranking-heading>span{height:2px;box-shadow:0 1px rgba(255,234,164,.08)}
.podium-player{overflow:visible;border-color:rgba(210,160,60,.72);background:
  radial-gradient(circle at 50% 22%,rgba(34,127,87,.18),transparent 34%),
  linear-gradient(180deg,rgba(8,77,56,.93),rgba(1,40,32,.98));
  box-shadow:inset 0 0 0 2px rgba(255,230,151,.03),inset 0 -26px 34px rgba(0,18,14,.26),0 8px 17px rgba(0,17,12,.28)
}
.podium-player::before{content:"";position:absolute;left:12%;right:12%;bottom:8px;height:34%;border:1px solid rgba(219,171,72,.16);border-top:0;border-radius:0 0 40% 40%;pointer-events:none}
.podium-player::after{content:"";position:absolute;left:-7px;right:-7px;bottom:-5px;height:8px;border:1px solid rgba(220,170,69,.62);border-radius:50%;background:linear-gradient(90deg,#5f3b13,#e4b75c 50%,#5f3b13);box-shadow:0 4px 7px #0007}
.podium-player.podium-1{background:
  radial-gradient(circle at 50% 18%,rgba(248,205,95,.25),transparent 32%),
  linear-gradient(180deg,rgba(86,70,27,.91),rgba(2,47,36,.98));box-shadow:0 0 22px rgba(231,185,73,.17),inset 0 0 0 2px rgba(255,233,161,.055),inset 0 -28px 38px rgba(0,18,14,.28)}
.podium-player>i{z-index:2;box-shadow:inset 0 1px #fff2b5,0 4px 8px #0008;text-shadow:0 1px rgba(255,255,255,.38)}
.rank-player-avatar{z-index:1;box-shadow:0 0 0 3px rgba(4,54,41,.95),0 0 0 4px rgba(233,188,82,.72),0 6px 10px #0007}
.ranking-table-card{box-shadow:inset 0 0 0 1px rgba(255,231,156,.035),0 8px 16px rgba(0,18,13,.25)!important}
.ranking-filters button{transition:.18s ease}.ranking-filters button.active{box-shadow:inset 0 1px #fff0ae,0 3px 8px #0005}
.ranking-row{transition:background .18s ease}.ranking-row:hover{background:rgba(16,104,73,.2)}
.ranking-aside>section{position:relative;overflow:hidden}
.ranking-aside>section::before{content:"";position:absolute;left:20%;right:20%;top:0;height:1px;background:linear-gradient(90deg,transparent,#f1ca6e,transparent)}
.ranking-reward-card>div span{background:linear-gradient(160deg,rgba(7,72,53,.75),rgba(1,39,31,.8))}
.ranking-reward-card svg{width:100%;height:38px;display:block;fill:url(#lobbyGoldButton)}
.ranking-rise-graphic{position:relative;width:64px;height:50px!important;margin:5px auto!important;display:flex!important;align-items:end!important;justify-content:center;gap:5px;font-size:0!important}
.ranking-rise-graphic i{width:10px;border-radius:2px 2px 0 0;background:linear-gradient(#f3cf75,#a96a1a);box-shadow:inset 0 1px #fff0b4}.ranking-rise-graphic i:nth-child(1){height:15px}.ranking-rise-graphic i:nth-child(2){height:25px}.ranking-rise-graphic i:nth-child(3){height:36px}.ranking-rise-graphic b{position:absolute;right:0;top:-5px;color:#f1bf58;font:900 29px Georgia;text-shadow:0 3px 5px #0008}

/* Club detailing */
.club-embedded .club-tabs{position:relative;z-index:2}.club-embedded .club-tabs button{box-shadow:inset 0 1px rgba(255,236,173,.05);transition:.18s ease}.club-embedded .club-tabs button.active{box-shadow:inset 0 1px #fff0af,0 3px 8px #0006}
.club-home-dashboard>section,.club-home-quick>button{position:relative;overflow:hidden}
.club-home-dashboard>section::before,.club-home-quick>button::before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,#e6bc62,transparent);opacity:.55}
.club-home-identity .club-detail-crest{position:relative;border-color:#e2b95d;background:
  radial-gradient(circle at 37% 28%,rgba(255,231,148,.17),transparent 20%),
  radial-gradient(circle,#0b6b4c,#013b2e 67%);box-shadow:inset 0 0 0 5px #063e30,inset 0 0 0 7px rgba(229,184,79,.75),0 8px 17px #0007;text-shadow:0 3px 4px #0008}
.club-home-identity .club-detail-crest::after{content:"";position:absolute;inset:-10px;border:1px solid rgba(224,177,69,.24);border-radius:50%}
.club-home-quick>button>svg{grid-column:1;grid-row:1/4;width:48px;height:48px;fill:url(#lobbyGold)}
.club-home-quick>button:hover{border-color:#e6bb61!important;filter:brightness(1.035)}
.club-member-feed>div>button{transition:.18s ease}.club-member-feed>div>button:hover{background:rgba(13,93,66,.2)}
.club-join-methods svg{grid-column:1;grid-row:1/3;width:54px;height:54px;fill:url(#lobbyGold)}

/* Friend-room detailing */
.friend-lobby-top header>svg{width:52px;height:52px;flex:0 0 52px;fill:url(#lobbyGold)}
.friend-join-card input{box-shadow:inset 0 4px 12px rgba(0,19,14,.5),0 1px rgba(255,229,149,.05)}
.friend-mode-picker{box-shadow:inset 0 3px 8px rgba(0,18,14,.38)}
.friend-mode-picker button.active{box-shadow:inset 0 0 0 1px rgba(231,188,84,.42),0 2px 5px #0005}
.friend-quick-links>button{overflow:hidden;transition:.18s ease}.friend-quick-links>button:hover{border-color:#e2b558!important;transform:translateY(-1px)}
.friend-quick-links svg{grid-column:1;grid-row:1/3;width:42px;height:42px;fill:url(#lobbyGold)}
.friend-table-preview{border-color:#704e26;background:
  radial-gradient(circle at 50% 48%,rgba(224,183,81,.08),transparent 20%),
  repeating-linear-gradient(25deg,rgba(255,255,255,.012) 0 1px,transparent 1px 8px),
  radial-gradient(ellipse,#0b714f,#064733 72%);box-shadow:inset 0 0 0 2px rgba(240,197,96,.48),inset 0 0 28px rgba(0,28,20,.65),0 9px 15px #0006}
.friend-table-preview>i{width:55px;height:55px;display:grid;place-items:center;opacity:.3}.friend-table-preview>i svg{width:100%;height:100%;fill:#efc866}
.preview-seat{box-shadow:inset 0 1px #fff0ad,inset 0 -2px rgba(84,39,4,.3),0 5px 9px #0008}
.preview-seat>b{position:relative;width:17px;height:11px;border-radius:10px 10px 5px 5px;background:#50320f}.preview-seat>b::before{content:"";position:absolute;left:5px;top:-9px;width:8px;height:8px;border-radius:50%;background:#50320f}

@media (min-width:901px) and (min-height:700px){
  .platform-event-dialog.event-embedded{grid-template-rows:150px minmax(0,1fr) 92px;gap:13px}.platform-event-dialog.event-embedded>.event-policy{left:30px;bottom:107px;font-size:10px}
  .event-hero{padding:14px 9% 12px 12%}.event-hero small{font-size:11px}.event-hero h2{font-size:54px}.event-hero p{font-size:18px}.event-hero-trophy{width:185px;height:130px}
  .platform-event-card{padding:17px 18px 14px}.platform-event-card h3{font-size:21px}.event-status{padding:4px 8px;font-size:10px}.event-card-body{gap:15px}.event-card-icon{width:82px;flex-basis:82px;height:90px}.event-card-body dl>div{grid-template-columns:39px 1fr;gap:7px;margin:7px 0;font-size:12px}.platform-event-card>p{min-height:35px;font-size:11px}.platform-event-card>footer small{font-size:10px}.event-card-action{min-width:112px;min-height:38px;font-size:13px}
  .event-shortcuts button{padding:10px 17px;grid-template-columns:58px minmax(0,1fr) auto}.event-shortcuts svg{width:48px;height:48px}.event-shortcuts b{font-size:16px}.event-shortcuts small{font-size:10px}
  .leaderboard-page{grid-template-rows:70px minmax(0,1fr);gap:10px}.ranking-heading{height:70px}.ranking-heading small{display:block;color:#8e8568;font-size:8px;letter-spacing:2px}.ranking-heading h2{font-size:34px}.ranking-heading p{font-size:10px}.ranking-dashboard{grid-template-columns:minmax(0,1fr) 285px;gap:15px}.ranking-main-panel{grid-template-rows:45% minmax(0,1fr);gap:10px}.ranking-podium{padding:0 6%;gap:22px}.podium-player{padding:45px 10px 16px}.podium-player>i{width:38px;height:38px;font-size:18px}.rank-player-avatar{width:64px;height:64px;flex-basis:64px}.podium-player>b{margin-top:8px;font-size:15px}.podium-player>span{font-size:11px}.podium-player>strong{margin-top:2px;font-size:18px}.ranking-table-card{grid-template-rows:44px 32px minmax(0,1fr)}.ranking-filters button{font-size:12px}.ranking-table-head{font-size:10px}.ranking-row{min-height:48px}.ranking-row>i{font-size:18px}.rank-player-avatar.small{width:36px;height:36px;flex-basis:36px}.ranking-row>span:nth-child(2)>b{font-size:13px}.ranking-row .rank-emblem{width:35px;height:35px;flex-basis:35px}.ranking-row .rank-name{font-size:11px}.ranking-row .rank-stars img{width:9px;height:9px}.ranking-row>strong{font-size:14px}.ranking-aside{gap:10px}.ranking-aside>section{padding:14px}.my-ranking-card>small{font-size:12px}.my-ranking-card>strong{font-size:39px}.my-ranking-card>div b{font-size:12px}.my-ranking-card>div small,.my-ranking-card p{font-size:9px}.ranking-reward-card h3,.ranking-rise-card h3{font-size:17px}.ranking-reward-card>p{font-size:9px}.ranking-reward-card>div small{font-size:8px}.ranking-rise-card p{font-size:9px}
  .club-embedded .club-tabs{height:42px;padding:1px 4px 7px}.club-embedded .club-tabs button{padding:5px 17px;font-size:11px}.club-embedded .club-content{height:calc(100% - 42px);padding:5px}.club-home-dashboard{grid-template-columns:43% minmax(0,1fr);grid-template-rows:55% minmax(0,1fr);gap:13px}.club-home-dashboard>section{padding:17px 20px}.club-home-dashboard h3{font-size:19px}.club-home-identity{height:calc(100% - 78px);gap:22px}.club-home-identity .club-detail-crest{width:116px;height:116px;flex-basis:116px;font-size:57px}.club-home-identity h4{font-size:23px}.club-home-identity small,.club-home-identity p,.club-home-identity em{margin:5px 0;font-size:12px}.club-home-actions button{min-width:132px;padding:8px 15px;font-size:12px}.club-home-quick{gap:11px}.club-home-quick>button{grid-template-columns:64px minmax(0,1fr);padding:11px 14px}.club-home-quick>button>svg{width:53px;height:53px}.club-home-quick>button b{font-size:16px}.club-home-quick>button small{font-size:10px}.club-home-quick>button em{font-size:10px}.club-member-feed>div>button{min-height:47px;grid-template-columns:39px 1fr auto}.club-member-feed .club-card-crest{width:34px;height:34px}.club-member-feed b{font-size:12px}.club-member-feed small,.club-member-feed em{font-size:9px}.club-join-methods>div>button{grid-template-columns:70px 1fr}.club-join-methods svg{width:58px;height:58px}.club-join-methods b{font-size:17px}.club-join-methods small{font-size:10px}
  .friend-lobby-page{grid-template-rows:43% 16% minmax(0,1fr);gap:12px}.friend-lobby-top>section,.friend-lobby-bottom>section{padding:18px 24px}.friend-lobby-top h2{font-size:23px}.friend-lobby-top p{font-size:11px}.friend-join-card label{font-size:11px}.friend-join-card input{height:58px;font-size:28px}.friend-join-card .gold-action,.friend-create-card>.gold-action{height:40px;font-size:13px}.friend-create-options{font-size:11px}.friend-mode-picker button{font-size:11px}.friend-quick-links>button{grid-template-columns:58px minmax(0,1fr) auto;padding:8px 16px}.friend-quick-links svg{width:46px;height:46px}.friend-quick-links b{font-size:15px}.friend-quick-links small{font-size:10px}.friend-lobby-bottom h3{font-size:17px}.friend-lobby-bottom h3 small{font-size:10px}.friend-rules-preview ul{font-size:11px}.preview-seat{width:40px;height:40px}
}

@media (max-width:900px),(max-height:610px){
  .alt-lobby-page,.club-dialog.club-embedded{padding:3px!important}.alt-lobby-page::before,.club-dialog.club-embedded::before{inset:3px;opacity:.45}
  .event-hero-trophy{width:92px;height:64px}.event-card-icon{width:40px;flex-basis:40px;height:44px}.event-card-icon svg{width:40px;height:44px}.event-card-body dl>div{font-size:7px}.platform-event-card>p{font-size:6.5px}.event-card-action{font-size:8.5px}.event-shortcuts button{grid-template-columns:31px 1fr auto}.event-shortcuts svg{width:26px;height:26px}.event-shortcuts b{font-size:9.5px}.event-shortcuts small{font-size:6.5px}.event-shortcuts button::after{font-size:13px}
  .podium-player>b{font-size:8.5px}.podium-player>span{font-size:6.5px}.podium-player>strong{font-size:9.5px}.ranking-row>span:nth-child(2)>b{font-size:7.5px}.ranking-row .rank-name{font-size:6.5px}.ranking-row>strong{font-size:8.5px}.ranking-reward-card svg{height:17px}.ranking-rise-graphic{width:32px;height:24px!important;margin:1px auto!important;gap:2px}.ranking-rise-graphic i{width:5px}.ranking-rise-graphic i:nth-child(1){height:7px}.ranking-rise-graphic i:nth-child(2){height:12px}.ranking-rise-graphic i:nth-child(3){height:17px}.ranking-rise-graphic b{font-size:15px}
  .club-home-quick>button{grid-template-columns:30px 1fr}.club-home-quick>button>svg{width:25px;height:25px}.club-join-methods>div>button{grid-template-columns:34px 1fr}.club-join-methods svg{width:28px;height:28px}.club-home-identity .club-detail-crest{box-shadow:inset 0 0 0 2px #063e30,inset 0 0 0 3px rgba(229,184,79,.75),0 5px 9px #0006}.club-home-identity h4{font-size:12.5px}.club-home-identity small,.club-home-identity p,.club-home-identity em{font-size:6.5px}.club-home-quick>button b{font-size:8.5px}.club-home-quick>button small{font-size:5.5px}.club-join-methods b{font-size:9.5px}.club-join-methods small{font-size:5.5px}
  .friend-lobby-top header>svg{width:28px;height:28px;flex-basis:28px}.friend-quick-links>button{grid-template-columns:29px 1fr auto}.friend-quick-links svg{width:25px;height:25px}.friend-lobby-top h2{font-size:11.5px}.friend-lobby-top p{font-size:6.5px}.friend-quick-links b{font-size:8.5px}.friend-quick-links small{font-size:5.5px}.friend-table-preview>i{width:28px;height:28px}.preview-seat>b{width:10px;height:7px}.preview-seat>b::before{left:3px;top:-6px;width:5px;height:5px}
}

body.foldable-unfolded .alt-lobby-page,body.foldable-unfolded .club-dialog.club-embedded{padding:9px!important}
body.foldable-unfolded .event-card-body dl>div{font-size:12px}
body.foldable-unfolded .platform-event-card>p{font-size:11px}
body.foldable-unfolded .club-home-dashboard h3{font-size:18px}
body.foldable-unfolded .friend-lobby-top h2{font-size:22px}

/* 2026-09-05 official-events design alignment: supplied raster art and reference proportions. */
.platform-event-dialog.event-embedded{
  grid-template-rows:clamp(168px,24vh,226px) minmax(0,1fr) clamp(84px,10vh,104px);
  gap:14px
}
.platform-event-dialog.event-embedded>.event-policy{width:1px;height:1px;overflow:hidden;padding:0;border:0;clip-path:inset(50%);white-space:nowrap}
.event-hero{
  min-height:0;padding:18px 8% 16px 9%;border:1px solid #c99438;border-radius:15px;
  background:
    radial-gradient(ellipse at 73% 48%,rgba(233,179,61,.18),transparent 28%),
    linear-gradient(107deg,rgba(1,45,35,.98),rgba(4,76,54,.94) 50%,rgba(0,43,33,.98));
  box-shadow:inset 0 0 0 2px rgba(255,232,157,.035),inset 0 -26px 52px rgba(0,19,15,.34),0 9px 22px rgba(0,13,10,.4)
}
.event-hero::before{
  top:auto;left:0;right:0;bottom:0;height:58%;opacity:.62;
  background:
    linear-gradient(166deg,transparent 49.5%,rgba(225,173,64,.18) 50%,transparent 50.5%) 0 0/150px 55px,
    linear-gradient(194deg,transparent 49.5%,rgba(225,173,64,.12) 50%,transparent 50.5%) 0 0/195px 68px
}
.event-hero::after{left:3%;right:3%;bottom:12px;background:linear-gradient(90deg,transparent,#9f6c25 15%,#efd17d 51%,#9f6c25 85%,transparent)}
.event-hero>div{z-index:3;width:51%;text-align:center}
.event-hero h2{
  margin:0;color:#f7d989;font-family:STKaiti,"KaiTi",serif;font-size:clamp(42px,4.5vw,70px);font-weight:800;letter-spacing:.14em;
  background:linear-gradient(180deg,#fff2b8 4%,#f4d17b 46%,#c8862b 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 0 #67400f);text-shadow:none
}
.event-hero p{margin:5px 0 0;color:#e4bd67;font-size:clamp(15px,1.45vw,22px);font-weight:600;letter-spacing:.18em;text-shadow:0 2px 3px #001b14}
.event-hero-trophy{
  position:absolute;z-index:2;right:-2%;top:50%;width:62%;max-width:780px;height:auto;max-height:118%;object-fit:contain;transform:translateY(-50%);
  filter:drop-shadow(0 9px 9px rgba(0,12,8,.58));pointer-events:none
}
.event-showcase{gap:14px;overflow:hidden!important}
.platform-event-card{
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:17px 17px 15px;border:1px solid #b77c27;border-radius:14px;
  background:
    radial-gradient(circle at 50% 37%,rgba(46,136,92,.14),transparent 34%),
    linear-gradient(153deg,rgba(4,74,54,.98),rgba(0,43,34,.99))!important;
  box-shadow:inset 0 0 0 2px rgba(255,223,132,.035),inset 0 -28px 40px rgba(0,18,14,.23),0 8px 18px rgba(0,15,11,.34)!important
}
.platform-event-card::before{left:10%;right:10%;height:1px;opacity:.72}
.platform-event-card::after{
  inset:4px;border-color:rgba(243,205,112,.075);border-radius:10px;
  background:linear-gradient(135deg,rgba(255,238,178,.07),transparent 16%);box-shadow:inset 0 1px rgba(255,240,190,.04)
}
.platform-event-card>header{min-height:32px;align-items:start}
.platform-event-card h3{
  color:#f4d076;font-family:STKaiti,"KaiTi",serif;font-size:clamp(18px,1.55vw,25px);font-weight:800;letter-spacing:.04em;
  text-shadow:0 2px 3px rgba(0,0,0,.68)
}
.event-status{
  margin-top:1px;padding:3px 8px;border-color:#a9782d;border-radius:14px;background:linear-gradient(180deg,rgba(10,82,58,.96),rgba(0,48,37,.96));
  box-shadow:inset 0 1px rgba(255,231,155,.12),0 2px 5px #001d16;color:#e5bd5f;font-size:10px;font-weight:700
}
.event-status.ongoing{background:linear-gradient(180deg,#806220,#533d11)}
.event-card-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden}
.event-card-icon{
  width:clamp(84px,8.5vw,126px);height:clamp(82px,8.3vw,122px);flex:0 1 auto;margin:0 auto -2px;object-fit:contain;
  filter:drop-shadow(0 6px 6px rgba(0,15,10,.66)) drop-shadow(0 0 5px rgba(255,205,82,.1))
}
.event-card-body dl{width:min(100%,220px);margin:0 auto}
.event-card-body dl>div{grid-template-columns:21px minmax(0,1fr);gap:7px;margin:4px 0;color:#d7b45f;font-size:clamp(10px,.9vw,13px);line-height:1.35}
.event-card-body dt{display:grid;place-items:center}.event-card-body dt img{width:17px;height:17px;object-fit:contain;filter:drop-shadow(0 2px 2px #001a12)}
.event-card-body dd{color:#dcb965;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.platform-event-card>p{display:none}
.platform-event-card>footer{display:flex;justify-content:center;min-height:39px}.platform-event-card>footer small{display:none}
.event-card-action{
  width:min(84%,178px);min-width:0;min-height:38px;padding:5px 12px;border-radius:23px;font-size:14px;letter-spacing:.08em
}
.event-card-action.withdraw,.event-view-action{
  border-color:#9b641d!important;background:linear-gradient(180deg,#f8dda0,#d7a64b 58%,#af6f20)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.78),inset 0 -2px rgba(77,38,4,.2),0 5px 10px rgba(0,14,10,.38)!important;color:#35240c!important
}
.event-shortcuts{gap:14px}
.event-shortcuts button{
  padding:9px 17px;grid-template-columns:64px minmax(0,1fr) auto;border-color:rgba(185,125,37,.72);border-radius:12px;
  background:linear-gradient(145deg,rgba(5,77,56,.97),rgba(0,42,33,.99));
  box-shadow:inset 0 0 0 2px rgba(255,229,148,.03),0 7px 14px rgba(0,15,11,.28)
}
.event-shortcuts button::before{inset:3px;border-color:rgba(255,225,142,.065)}
.event-shortcuts button.active{border-color:#e1b75c;background:radial-gradient(circle at 30% 0,rgba(220,172,69,.18),transparent 44%),linear-gradient(145deg,#086347,#013a2d);box-shadow:inset 0 0 22px rgba(226,178,67,.11),0 0 9px rgba(223,176,64,.08)}
.event-shortcut-icon{grid-column:1;grid-row:1/3;width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,17,12,.7))}
.event-shortcuts b{color:#efca70;font-family:STKaiti,"KaiTi",serif;font-size:17px;letter-spacing:.06em;text-shadow:0 2px 3px #001b14}
.event-shortcuts small{color:#aa9768;font-size:10px}.event-shortcuts button::after{font-size:23px;text-shadow:0 1px #001b14}
#platformEventFeedback{bottom:111px}

@media (max-width:900px),(max-height:610px){
  .platform-event-dialog.event-embedded{grid-template-rows:72px minmax(0,1fr) 50px;gap:5px}
  .event-hero{padding:4px 7% 4px 8%;border-radius:8px}.event-hero::after{bottom:5px}.event-hero>div{width:56%}
  .event-hero h2{font-size:27px;letter-spacing:.12em}.event-hero p{margin-top:1px;font-size:9px;letter-spacing:.12em}
  .event-hero-trophy{right:-1%;width:52%;max-height:110%}
  .event-showcase{gap:5px}
  .platform-event-card{grid-template-rows:auto minmax(0,1fr) auto;padding:6px 7px;border-radius:7px}
  .platform-event-card>header{min-height:17px}.platform-event-card h3{font-size:11px}.event-status{padding:1px 4px;font-size:6px}
  .event-card-body{flex-direction:row;gap:3px;justify-content:center}.event-card-icon{width:42px;height:47px;flex:0 0 42px;margin:0;object-fit:contain}
  .event-card-body dl{width:auto;min-width:0;margin:0}.event-card-body dl>div{grid-template-columns:11px minmax(0,1fr);gap:2px;margin:1px 0;font-size:6.3px}
  .event-card-body dt img{width:9px;height:9px}.platform-event-card>footer{min-height:24px}.event-card-action{width:84%;min-height:24px;padding:2px 5px;font-size:8px}
  .event-shortcuts{gap:5px}.event-shortcuts button{padding:2px 5px;grid-template-columns:31px minmax(0,1fr) auto;border-radius:6px}
  .event-shortcut-icon{width:27px;height:27px}.event-shortcuts b{font-size:9px}.event-shortcuts small{font-size:6px}.event-shortcuts button::after{font-size:13px}
  #platformEventFeedback{bottom:53px}
}

body.foldable-unfolded .platform-event-dialog.event-embedded{grid-template-rows:145px minmax(0,1fr) 115px}
body.foldable-unfolded .event-showcase{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}
body.foldable-unfolded .event-card-body{flex-direction:column;justify-content:center;gap:3px}
body.foldable-unfolded .event-card-icon{width:96px;height:98px;flex:0 1 auto;margin:0 auto}
body.foldable-unfolded .event-card-body dl{width:min(100%,200px);margin:0 auto}
body.foldable-unfolded .event-shortcut-icon{width:52px;height:52px}

/* 2026-09-05 club design alignment: supplied club artwork and reference proportions. */
.club-dialog.club-dashboard-active .club-tabs{display:none}
.club-dialog.club-dashboard-active .club-content{height:100%;padding:14px 18px 18px;overflow:hidden}
.club-home-dashboard{grid-template-columns:42% minmax(0,1fr);grid-template-rows:56% minmax(0,1fr);gap:14px}
.club-home-dashboard>section,.club-home-quick>button{
  border-color:#a87529;border-radius:14px;background:
    linear-gradient(135deg,rgba(255,235,173,.035),transparent 17%),
    repeating-linear-gradient(28deg,rgba(255,255,255,.008) 0 1px,transparent 1px 8px),
    radial-gradient(circle at 22% 5%,rgba(25,125,84,.16),transparent 38%),
    linear-gradient(150deg,rgba(4,77,55,.97),rgba(0,42,33,.99));
  box-shadow:inset 0 0 0 2px rgba(255,226,139,.03),inset 0 -25px 45px rgba(0,18,13,.2),0 8px 18px rgba(0,14,10,.34)
}
.club-home-dashboard>section::after,.club-home-quick>button::after{
  content:"";position:absolute;inset:4px;border:1px solid rgba(244,207,113,.065);border-radius:10px;pointer-events:none
}
.club-home-dashboard h3{position:relative;z-index:2;color:#efca70;font-family:STKaiti,"KaiTi",serif;font-size:20px;letter-spacing:.06em;text-shadow:0 2px 3px #001a13}
.club-home-primary{padding:18px 22px!important}
.club-home-identity{height:calc(100% - 68px);gap:22px;padding:5px 5px 0}
.club-main-crest{
  width:clamp(112px,9.5vw,150px);height:clamp(108px,9.2vw,144px);flex:0 0 auto;object-fit:contain;
  filter:drop-shadow(0 9px 8px rgba(0,16,11,.7)) drop-shadow(0 0 7px rgba(244,197,83,.1))
}
.club-home-identity>div{position:relative;z-index:2;min-width:0}
.club-home-identity h4{margin:4px 0 13px;color:#f1ca70;font-family:STKaiti,"KaiTi",serif;font-size:clamp(19px,1.5vw,24px);letter-spacing:.025em;text-shadow:0 2px 3px #001b14;white-space:nowrap}
.club-home-identity h4>span{display:inline-block;margin-left:6px;padding:2px 7px;border:1px solid #a77627;border-radius:12px;color:#dcb65d;font:500 10px system-ui,sans-serif;vertical-align:middle}
.club-home-identity p,.club-home-identity em{display:block;margin:7px 0;color:#c2a45e;font-size:clamp(10px,.95vw,14px);font-style:normal;line-height:1.5}
.club-home-identity p>i{margin-left:16px;font-style:normal;white-space:nowrap}
.club-home-actions{position:relative;z-index:3;margin-top:-2px}.club-home-actions button:not(.primary){display:none}
.club-home-actions button{min-width:190px;min-height:42px;padding:7px 26px;border-radius:24px;font-size:15px;letter-spacing:.08em}
.club-benefit-chip{position:absolute;z-index:3;right:14px;top:11px;display:flex;align-items:center;gap:4px;padding:2px 8px 2px 3px;border:1px solid rgba(185,130,36,.45);border-radius:17px;background:rgba(0,43,33,.64);color:#caa657;font-size:9px}
.club-benefit-chip img{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 2px 2px #001a13)}
.club-more-count{margin-top:5px}
.club-home-quick{gap:14px!important}
.club-home-quick>button{grid-template-columns:84px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:5px;padding:14px 17px;text-align:left;transition:filter .18s ease,transform .18s ease}
.club-home-quick>button:hover{transform:translateY(-1px)}
.club-art-icon{grid-column:1;grid-row:1;width:74px;height:74px;align-self:center;justify-self:center;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(0,16,11,.72))}
.club-quick-copy{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}
.club-home-quick .club-quick-copy b{color:#edc76d;font-family:STKaiti,"KaiTi",serif;font-size:18px;letter-spacing:.04em;text-shadow:0 2px 3px #001a13}
.club-home-quick .club-quick-copy small{color:#aa9565;font-size:10px;line-height:1.35}
.club-home-quick .club-quick-copy em{min-width:112px;margin-top:3px;padding:5px 15px;border:1px solid #a87222;border-radius:18px;background:linear-gradient(#f2d17c,#c68a2b);box-shadow:inset 0 1px rgba(255,255,255,.62),0 3px 6px #001b14;color:#38270f;font-size:10px;font-style:normal;font-weight:700;text-align:center;align-self:center}
.club-home-quick>.club-event-entry{position:relative;display:block;padding:13px 17px 10px}
.club-event-entry>b{position:relative;z-index:2;display:block;margin-bottom:7px;color:#edc76d;font-family:STKaiti,"KaiTi",serif;font-size:18px;letter-spacing:.04em;text-shadow:0 2px 3px #001a13}
.club-event-banner{position:relative;z-index:2;display:block;width:100%;height:calc(100% - 31px);min-height:0;border:1px solid rgba(218,173,75,.35);border-radius:9px;background:rgba(0,35,27,.64);object-fit:contain;object-position:center;filter:drop-shadow(0 5px 7px rgba(0,15,11,.58))}
.club-event-a11y{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.club-member-feed,.club-join-methods{padding:17px 21px!important}.club-member-feed{display:grid;grid-template-rows:auto minmax(0,1fr)}
.club-member-feed>header{position:relative;z-index:2;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(192,141,47,.32)}
.club-member-feed>header button{color:#bb9750;font-size:10px}
.club-member-feed>div{position:relative;z-index:2;grid-auto-rows:minmax(0,1fr);height:auto;min-height:0;gap:0;margin-top:2px}
.club-member-feed>div>button{min-height:0;padding:5px 7px;grid-template-columns:38px minmax(0,1fr) auto;border-bottom-color:rgba(194,145,51,.28)}
.club-member-feed .club-card-crest{width:34px;height:34px;box-shadow:0 0 0 1px #bc8b35,0 3px 6px #001a13}
.club-member-feed b{font-size:12px}.club-member-feed small{font-size:9px}.club-member-feed em{font-size:9px}
.club-join-methods>div{position:relative;z-index:2;height:calc(100% - 31px)}
.club-join-methods>div>button{height:82%;padding:12px 20px;grid-template-columns:82px minmax(0,1fr);grid-template-rows:1fr;gap:12px}
.club-join-methods>div>button+button{border-left-color:rgba(206,154,55,.34)}
.club-join-methods .club-art-icon{grid-column:1;grid-row:1;width:76px;height:76px}
.club-join-methods>div>button>span{display:flex;min-width:0;flex-direction:column;gap:7px;color:inherit;font:inherit;text-align:left}
.club-join-methods b{color:#edc76c;font-family:STKaiti,"KaiTi",serif;font-size:18px;letter-spacing:.04em;text-shadow:0 2px 3px #001a13}
.club-join-methods small{color:#a08e62;font-size:10px;line-height:1.55}

@media (min-width:901px) and (min-height:700px){
  .club-dialog.club-dashboard-active .club-content{padding:18px 22px 22px}
  .club-home-dashboard{gap:16px}.club-home-primary{padding:21px 25px!important}.club-home-quick{gap:16px!important}
  .club-home-quick>button{grid-template-columns:94px minmax(0,1fr);padding:16px 20px}.club-art-icon{width:84px;height:84px}
  .club-home-quick .club-quick-copy b,.club-event-entry>b{font-size:20px}.club-home-quick .club-quick-copy small{font-size:11px}
  .club-member-feed,.club-join-methods{padding:20px 24px!important}.club-join-methods .club-art-icon{width:88px;height:88px}.club-join-methods>div>button{grid-template-columns:94px minmax(0,1fr)}
}

@media (max-width:900px),(max-height:610px){
  .club-dialog.club-dashboard-active .club-content{height:100%;padding:5px 7px 7px}
  .club-home-dashboard{grid-template-columns:42% minmax(0,1fr);grid-template-rows:57% minmax(0,1fr);gap:6px}
  .club-home-dashboard>section,.club-home-quick>button{border-radius:7px}.club-home-dashboard>section::after,.club-home-quick>button::after{inset:2px;border-radius:5px}
  .club-home-dashboard h3{font-size:11px}.club-home-primary{padding:7px 10px!important}
  .club-home-identity{height:calc(100% - 36px);gap:7px;padding:0}.club-main-crest{width:72px;height:70px}
  .club-home-identity h4{margin:1px 0 4px;font-size:13px}.club-home-identity h4>span{margin-left:2px;padding:1px 3px;font-size:5px}
  .club-home-identity p,.club-home-identity em{margin:2px 0;font-size:6.5px;line-height:1.35}.club-home-identity p>i{margin-left:5px}
  .club-home-actions{margin-top:-1px}.club-home-actions button{min-width:94px;min-height:24px;padding:3px 10px;font-size:8px}
  .club-benefit-chip{right:5px;top:4px;padding:1px 4px 1px 2px;font-size:5px}.club-benefit-chip img{width:15px;height:15px}
  .club-home-quick{gap:6px!important}.club-home-quick>button{grid-template-columns:43px minmax(0,1fr);gap:2px;padding:5px 7px}.club-art-icon{width:40px;height:40px}
  .club-home-quick .club-quick-copy{gap:2px}.club-home-quick .club-quick-copy b{font-size:10px}.club-home-quick .club-quick-copy small{font-size:6px}
  .club-home-quick .club-quick-copy em{min-width:59px;margin-top:1px;padding:2px 6px;font-size:5.5px}
  .club-home-quick>.club-event-entry{padding:5px 7px 4px}.club-event-entry>b{margin-bottom:2px;font-size:10px}.club-event-banner{height:calc(100% - 16px);border-radius:4px}
  .club-member-feed,.club-join-methods{padding:7px 10px!important}.club-member-feed>header{padding-bottom:3px}.club-member-feed>header button{font-size:5.5px}
  .club-member-feed>div{height:auto;margin-top:0;grid-auto-rows:minmax(0,1fr)}.club-member-feed>div>button{grid-template-columns:19px minmax(0,1fr) auto;gap:3px;padding:1px}
  .club-member-feed .club-card-crest{width:16px;height:16px;font-size:7px}.club-member-feed b{font-size:6.5px}.club-member-feed small,.club-member-feed em{font-size:4.7px}
  .club-join-methods>div{height:calc(100% - 17px)}.club-join-methods>div>button{height:93%;padding:3px 7px;grid-template-columns:42px minmax(0,1fr);gap:4px}
  .club-join-methods .club-art-icon{width:39px;height:39px}.club-join-methods>div>button>span{gap:2px}.club-join-methods b{font-size:9.5px}.club-join-methods small{font-size:5.5px;line-height:1.35}
}

body.foldable-unfolded .club-dialog.club-dashboard-active .club-content{padding:13px 16px 16px}
body.foldable-unfolded .club-home-dashboard{grid-template-columns:42% minmax(0,1fr);grid-template-rows:56% minmax(0,1fr);gap:13px}
body.foldable-unfolded .club-home-primary{padding:17px 20px!important}
body.foldable-unfolded .club-main-crest{width:140px;height:136px}
body.foldable-unfolded .club-home-identity h4{font-size:22px}
body.foldable-unfolded .club-home-identity p,body.foldable-unfolded .club-home-identity em{font-size:11px}
body.foldable-unfolded .club-art-icon{width:70px;height:70px}
body.foldable-unfolded .club-home-quick .club-quick-copy b,body.foldable-unfolded .club-event-entry>b{font-size:17px}
body.foldable-unfolded .club-home-quick .club-quick-copy small{font-size:9px}
body.foldable-unfolded .club-join-methods .club-art-icon{width:72px;height:72px}
body.foldable-unfolded .club-join-methods b{font-size:17px}
body.foldable-unfolded .club-join-methods small{font-size:9px}

/* Leaderboard artwork pass — exported frames stay decorative while live text remains selectable. */
.leaderboard-page{grid-template-rows:72px minmax(0,1fr);gap:8px;padding:5px 9px 8px}
.ranking-heading{position:relative;height:auto;min-height:0;display:grid;grid-template-columns:1fr;place-items:center;isolation:isolate}
.ranking-heading>img{position:absolute;z-index:-1;left:50%;top:50%;width:min(78%,850px);height:72px;object-fit:fill;opacity:.88;filter:drop-shadow(0 5px 8px rgba(0,20,14,.74));transform:translate(-50%,-50%);pointer-events:none}
.ranking-heading>div{position:relative;z-index:1;padding-top:3px}.ranking-heading small{display:block;color:#8f805e;font-size:7px;letter-spacing:3px}.ranking-heading h2{margin:0;color:#f1cd74;font-family:STKaiti,"KaiTi",serif;font-size:31px;line-height:1.05;letter-spacing:7px;text-shadow:0 2px 3px #001b14,0 0 9px rgba(239,190,76,.23)}.ranking-heading p{margin:3px 0 0;color:#9f8d62;font-size:8px;letter-spacing:1px}
.ranking-dashboard{grid-template-columns:minmax(0,1fr) clamp(245px,24%,310px);gap:13px}.ranking-main-panel{grid-template-rows:minmax(210px,46%) minmax(0,1fr);gap:8px}
.ranking-podium{padding:0 2%;grid-template-columns:minmax(0,.94fr) minmax(0,1.1fr) minmax(0,.94fr);gap:2%;align-items:end;overflow:visible}
.podium-player,.podium-player.podium-1{position:relative;width:100%;height:88%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;isolation:isolate}
.podium-player.podium-1{height:100%}.podium-art{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 8px rgba(0,18,13,.58));pointer-events:none}
.podium-player>i{z-index:2;top:4%;left:50%;width:31px;height:31px;border:1px solid #f4cf70;background:linear-gradient(145deg,#ffe69a,#b4771c 78%);box-shadow:0 3px 7px #001a13,inset 0 1px #fff9;color:#3a260b;font-size:15px;transform:translateX(-50%)}.podium-player.podium-2>i,.podium-player.podium-3>i{opacity:0}
.podium-player .rank-player-avatar{position:absolute;z-index:3;left:50%;top:22%;width:28%;height:auto;aspect-ratio:1;min-width:0;max-width:76px;flex-basis:auto;border-width:2px;transform:translateX(-50%)}.podium-player.podium-2 .rank-player-avatar{top:23%;width:26%}.podium-player.podium-3 .rank-player-avatar{top:25%;width:27%}
.podium-player>b,.podium-player>span,.podium-player>strong{position:absolute;z-index:3;left:12%;right:12%;margin:0;line-height:1.15;text-align:center;text-shadow:0 2px 3px #001810}.podium-player>b{top:67%;color:#f1ca6e;font-family:STKaiti,"KaiTi",serif;font-size:clamp(12px,1.1vw,17px);letter-spacing:.04em}.podium-player>span{top:76%;color:#b49b63;font-size:clamp(8px,.72vw,11px)}.podium-player>strong{top:85%;color:#f0bb4e;font-family:Georgia,"Times New Roman",serif;font-size:clamp(14px,1.35vw,20px)}
.podium-player.podium-2>b{top:60%}.podium-player.podium-2>span{top:71%}.podium-player.podium-2>strong{top:84%}.podium-player.podium-3>b{top:59%}.podium-player.podium-3>span{top:70%}.podium-player.podium-3>strong{top:82%}
.ranking-table-card{position:relative;grid-template-rows:43px 30px minmax(0,1fr);border-color:rgba(209,157,57,.73);border-radius:12px;background:linear-gradient(165deg,rgba(3,72,52,.84),rgba(0,40,31,.95));box-shadow:inset 0 1px rgba(255,230,153,.11),inset 0 0 34px rgba(0,21,15,.22),0 7px 14px rgba(0,17,12,.27)}
.ranking-table-card::after{content:"";position:absolute;inset:3px;border:1px solid rgba(233,188,87,.1);border-radius:9px;pointer-events:none}.ranking-filters{position:relative;z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px 7px 4px;border-bottom:1px solid rgba(198,147,49,.22)}.ranking-filters button{position:relative;border:1px solid rgba(190,141,48,.5);border-radius:7px;background:#043d30 url("assets/ranking/button-green.webp") center/100% 100% no-repeat;color:#d2ae60;font-size:11px;text-shadow:0 1px #001e16}.ranking-filters button.active{border-color:#e3b657;background:#dfad49 url("assets/ranking/button-gold.webp") center/100% 100% no-repeat;box-shadow:0 3px 7px #001b14,inset 0 1px #fff9;color:#38250c;text-shadow:0 1px rgba(255,255,255,.35)}
.ranking-table-head,.ranking-row{grid-template-columns:58px minmax(140px,1.05fr) minmax(180px,1.35fr) 92px 58px}.ranking-table-head{position:relative;z-index:2;padding:0 11px;border-bottom-color:rgba(203,153,54,.32);color:#c4a55b;font-size:9px;letter-spacing:.08em}.ranking-table-head>span:last-child{text-align:center}
.ranking-list{position:relative;z-index:1;scrollbar-color:#a4772b rgba(0,36,28,.7);scrollbar-width:thin}.ranking-row{position:relative;min-height:43px;padding:3px 11px;border:0;border-bottom:1px solid rgba(193,145,53,.24);background-color:rgba(1,43,33,.28);box-shadow:inset 0 1px rgba(236,194,92,.035);color:#d0ae61;transition:background-color .15s ease}.ranking-row:nth-child(even){background-color:rgba(3,50,38,.2)}.ranking-row:hover{background-color:rgba(8,73,54,.38)}.ranking-row>i{padding-left:6px;color:#e5ba5a;font-size:16px}.ranking-row>span:nth-child(3){min-width:0}.ranking-row>span:nth-child(2)>b{color:#e8c36b;font-size:12px}.ranking-row .rank-emblem{width:29px;height:29px;flex-basis:29px}.ranking-row .rank-name{color:#dfbc68;font-size:10px}.ranking-row>strong{color:#edb950;font:600 13px Georgia,"Times New Roman",serif}.ranking-trend{justify-self:center;font:700 12px Georgia,"Times New Roman",serif;font-style:normal}.ranking-trend.up{color:#77ce78;text-shadow:0 0 5px rgba(90,218,103,.35)}.ranking-trend.down{color:#e25e3e}.ranking-trend.flat{color:#8e896d}
.ranking-aside{position:relative;grid-template-rows:1.06fr 1.08fr .92fr;gap:9px;padding:2px;isolation:isolate}.ranking-aside-art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:fill;opacity:.62;filter:drop-shadow(0 7px 11px rgba(0,17,12,.5));pointer-events:none}.ranking-aside>section{position:relative;padding:10px 13px;border:0;border-radius:10px;background:rgba(0,49,37,.16);box-shadow:none;overflow:hidden}.ranking-aside>section::before{display:none}.ranking-aside>section>*:not(img){position:relative;z-index:2}.ranking-aside>section>img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:fill;opacity:.48;filter:saturate(.82);pointer-events:none}
.my-ranking-card{display:grid;grid-template-rows:auto auto minmax(0,1fr);align-items:center}.my-ranking-card>small{font-size:13px}.my-ranking-card>strong{font-size:40px;line-height:1}.my-ranking-card>div{min-height:0;padding:6px 9px;justify-content:flex-start;border-color:rgba(206,155,57,.38);background:rgba(0,37,29,.24)}.my-ranking-card>div>span{min-width:0}.my-ranking-card>div b{font-size:12px}.my-ranking-card>div small{max-width:100%;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.my-ranking-card>div strong{margin-top:2px;color:#edb950;font:600 12px Georgia}.my-ranking-card .rank-player-avatar.small{width:43px;height:43px;flex-basis:43px}
.ranking-reward-card{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;align-items:center}.ranking-reward-card h3,.ranking-rise-card h3{color:#edc86d;font-family:STKaiti,"KaiTi",serif;font-size:18px;letter-spacing:.06em;text-shadow:0 2px 3px #001a13}.ranking-reward-card>p{margin:1px;color:#c3a35d;font-size:8px}.ranking-reward-card>div{align-self:end;gap:5px;margin:0 0 1px;padding:0 4px}.ranking-reward-card>div span{min-height:58px;padding:0;display:flex;align-items:flex-end;justify-content:center;border:0;background:none;color:#e8c064;font:inherit}.ranking-reward-card>div small{font-size:8px}.ranking-reward-card button{justify-self:center;min-width:125px;min-height:29px;padding:3px 14px;border:1px solid #a87222;border-radius:18px;background:#dda846 url("assets/ranking/button-gold.webp") center/100% 100% no-repeat;box-shadow:0 3px 6px #001910;color:#39260d;font-size:10px;font-weight:700}
.ranking-rise-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto;align-items:center}.ranking-rise-card>img{opacity:.46!important}.ranking-rise-graphic{min-height:26px;opacity:0}.ranking-rise-card>#rankingRiseSummary{min-height:37px;padding:4px 7px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(207,155,56,.28);border-radius:8px;background:rgba(0,39,30,.28)}#rankingRiseSummary>span{min-width:0;display:flex;flex-direction:column;text-align:left}#rankingRiseSummary b{color:#e7c069;font-size:10px}#rankingRiseSummary small{color:#9e916b;font-size:7px}.ranking-rise-card p{color:#c09e56;font-size:8px}.ranking-rise-card p::first-letter{color:#f0bd52}
.ranking-rise-card::after{content:attr(data-gain);position:absolute;z-index:3;right:4%;bottom:3%;width:76px;padding:1px 4px;background:linear-gradient(90deg,rgba(0,49,37,.97),#064d39);color:#efbd53;font:700 34px/1 Georgia,"Times New Roman",serif;text-align:center;text-shadow:0 2px 3px #001a13}

@media (min-width:1281px) and (min-height:700px){
  .leaderboard-page{grid-template-rows:82px minmax(0,1fr);gap:10px;padding:7px 13px 10px}.ranking-heading>img{width:min(76%,980px);height:82px}.ranking-heading h2{font-size:38px}.ranking-heading p{font-size:9px}.ranking-dashboard{grid-template-columns:minmax(0,1fr) 315px;gap:16px}.ranking-main-panel{grid-template-rows:minmax(260px,46%) minmax(0,1fr);gap:10px}.ranking-podium{padding:0 4%;gap:2.5%}.podium-player .rank-player-avatar{max-width:88px}.ranking-table-card{grid-template-rows:48px 34px minmax(0,1fr)}.ranking-filters button{font-size:12px}.ranking-table-head,.ranking-row{grid-template-columns:68px minmax(155px,1.05fr) minmax(205px,1.35fr) 105px 62px}.ranking-row{min-height:49px}.ranking-row>span:nth-child(2)>b{font-size:13px}.ranking-row .rank-emblem{width:34px;height:34px;flex-basis:34px}.ranking-row .rank-name{font-size:11px}.ranking-row>strong{font-size:14px}.ranking-trend{font-size:13px}.ranking-aside{gap:11px}.my-ranking-card>small{font-size:14px}.my-ranking-card>strong{font-size:44px}.my-ranking-card>div{padding:8px 11px}.my-ranking-card .rank-player-avatar.small{width:48px;height:48px;flex-basis:48px}.ranking-reward-card h3,.ranking-rise-card h3{font-size:20px}.ranking-reward-card>div span{min-height:67px}
}

@media (max-width:900px),(max-height:610px){
  .leaderboard-page{grid-template-rows:39px minmax(0,1fr);gap:3px;padding:1px 3px 3px}.ranking-heading>img{width:min(74%,610px);height:39px}.ranking-heading>div{padding:0}.ranking-heading small,.ranking-heading p{display:none}.ranking-heading h2{font-size:18px;letter-spacing:4px}.ranking-dashboard{grid-template-columns:minmax(0,1fr) 174px;gap:5px}.ranking-main-panel{grid-template-rows:minmax(116px,46%) minmax(0,1fr);gap:4px}.ranking-podium{padding:0 1%;gap:1%}.podium-player .rank-player-avatar{max-width:38px;border-width:1px}.podium-player>i{width:17px;height:17px;font-size:8px}.podium-player>b{font-size:8px}.podium-player>span{font-size:5px}.podium-player>strong{font-size:8px}.ranking-table-card{grid-template-rows:25px 18px minmax(0,1fr);border-radius:6px}.ranking-table-card::after{inset:1px;border-radius:4px}.ranking-filters{gap:2px;padding:2px 3px}.ranking-filters button{border-radius:4px;font-size:6px}.ranking-table-head,.ranking-row{grid-template-columns:29px minmax(75px,1.05fr) minmax(100px,1.35fr) 50px 34px}.ranking-table-head{padding:0 4px;font-size:5.5px}.ranking-row{min-height:27px;padding:1px 4px}.ranking-row>i{padding-left:2px;font-size:9px}.rank-player-avatar.small{width:20px;height:20px;flex-basis:20px}.ranking-row>span:nth-child(2){gap:3px}.ranking-row>span:nth-child(2)>b{font-size:6.5px}.ranking-row .rank-emblem{width:18px;height:18px;flex-basis:18px}.ranking-row .rank-name{font-size:5.5px}.ranking-row .rank-stars{display:none}.ranking-row>strong{font-size:7px}.ranking-trend{font-size:6.5px}.ranking-aside{grid-template-rows:1.06fr 1.06fr .95fr;gap:3px;padding:1px}.ranking-aside>section{padding:4px 6px;border-radius:4px}.my-ranking-card>small{font-size:7px}.my-ranking-card>strong{font-size:19px}.my-ranking-card>div{padding:2px 4px}.my-ranking-card .rank-player-avatar.small{width:24px;height:24px;flex-basis:24px}.my-ranking-card>div b{font-size:6.5px}.my-ranking-card>div small{font-size:4.5px}.my-ranking-card>div strong{font-size:6px}.ranking-reward-card h3,.ranking-rise-card h3{font-size:9px}.ranking-reward-card>p{display:block;font-size:4.5px}.ranking-reward-card>div{gap:1px;padding:0 1px}.ranking-reward-card>div span{min-height:30px}.ranking-reward-card>div small{font-size:4.5px}.ranking-reward-card button{min-width:68px;min-height:17px;padding:1px 5px;font-size:5px}.ranking-rise-graphic{min-height:12px}.ranking-rise-card>#rankingRiseSummary{min-height:20px;padding:1px 3px;gap:3px;border-radius:3px}#rankingRiseSummary b{font-size:5.5px}#rankingRiseSummary small{font-size:4px}.ranking-rise-card p{font-size:4.5px}.ranking-rise-card #rankingRiseSummary .rank-player-avatar.small{width:20px;height:20px;flex-basis:20px}.ranking-rise-card::after{right:3%;bottom:2%;width:34px;padding:0 2px;font-size:16px}
}

body.foldable-unfolded .leaderboard-page{grid-template-rows:72px minmax(0,1fr);padding:5px 9px 8px}
body.foldable-unfolded .ranking-heading>img{width:min(76%,900px);height:72px}
body.foldable-unfolded .ranking-heading h2{font-size:32px}
body.foldable-unfolded .ranking-dashboard{grid-template-columns:minmax(0,1fr) 285px;gap:13px}
body.foldable-unfolded .ranking-main-panel{grid-template-rows:minmax(230px,46%) minmax(0,1fr)}
body.foldable-unfolded .ranking-table-card{grid-template-rows:43px 30px minmax(0,1fr)}
body.foldable-unfolded .ranking-row{min-height:43px}

/* Friend-room artwork pass — mirrors the supplied emerald-and-gold lobby at every breakpoint. */
.friend-lobby-page{grid-template-rows:minmax(210px,36%) minmax(72px,13%) minmax(0,1fr);gap:10px;padding:5px 9px 8px}
.friend-lobby-top{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:12px}
.friend-lobby-top>section,.friend-lobby-bottom>section,.friend-quick-links>button{position:relative;isolation:isolate;overflow:hidden;border-color:rgba(214,163,62,.72)!important;background:linear-gradient(145deg,rgba(5,81,57,.82),rgba(0,46,35,.96));box-shadow:inset 0 1px rgba(255,239,181,.1),inset 0 0 30px rgba(0,27,19,.18),0 7px 15px rgba(0,17,12,.28)}
.friend-lobby-top>section::after,.friend-lobby-bottom>section::after,.friend-quick-links>button::after{content:"";position:absolute;z-index:-1;inset:3px;border:1px solid rgba(245,204,105,.08);border-radius:10px;pointer-events:none}
.friend-lobby-top>section{padding:13px 18px}.friend-lobby-top header{height:55px;gap:11px}.friend-art-icon{width:54px;height:54px;flex:0 0 54px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,16,11,.7))}.friend-lobby-top h2{color:#edc86f;font-family:STKaiti,"KaiTi",serif;font-size:21px;letter-spacing:.04em;text-shadow:0 2px 3px #001b14}.friend-lobby-top p{margin-top:2px;color:#b8a06b;font-size:9px}
.friend-join-card form{height:calc(100% - 55px);display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 35px;gap:5px}.friend-code-row{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 62px;align-items:center;gap:10px}.friend-code-row>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.friend-join-card input{height:57px;padding:0 3%;border-color:rgba(214,162,61,.5);border-radius:8px;background:repeating-linear-gradient(90deg,rgba(0,42,32,.92) 0,rgba(0,42,32,.92) calc(16.666% - 4px),rgba(219,165,62,.46) calc(16.666% - 4px),rgba(219,165,62,.46) calc(16.666% - 2px),transparent calc(16.666% - 2px),transparent 16.666%),linear-gradient(#033b2d,#012c22);box-shadow:inset 0 5px 12px rgba(0,17,12,.55),0 1px rgba(255,226,141,.06);color:#efc96f;font:500 26px/1 Georgia,"Times New Roman",serif;letter-spacing:clamp(18px,2.55vw,42px);text-shadow:0 2px 3px #001a13}.friend-join-card input:focus{border-color:#dfb156;box-shadow:inset 0 5px 12px rgba(0,17,12,.55),0 0 0 2px rgba(223,177,86,.15)}.friend-join-card input::placeholder{color:#d8b461;opacity:.72}
.friend-keypad-button{height:57px;padding:2px 4px;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;border:1px solid rgba(208,156,57,.52);border-radius:8px;background:linear-gradient(#064c38,#013126);color:#cdae61;box-shadow:inset 0 1px rgba(255,229,151,.08)}.friend-keypad-button img{width:33px;height:31px;object-fit:contain}.friend-keypad-button small{font-size:7px}.friend-keypad-button:hover{border-color:#e1b358;filter:brightness(1.08)}
.friend-join-card .gold-action{grid-column:auto;width:190px;height:35px;border-radius:8px;font-size:12px}
.friend-create-options{height:calc(100% - 55px);padding:2px 178px 38px 0;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(140px,1fr);grid-template-rows:repeat(2,minmax(28px,1fr));align-items:center;gap:4px 10px;color:#c2a660;font-size:10px}.friend-create-options>span:nth-of-type(2){position:absolute;right:119px;top:70px}.friend-create-options>.friend-base-picker{position:absolute;right:18px;top:64px}.friend-create-options>span:nth-of-type(3){grid-column:1}.friend-mode-picker,.friend-wild-picker,.friend-base-picker{height:30px;box-sizing:border-box;border:1px solid rgba(202,150,51,.45);border-radius:17px;background:#012f25;box-shadow:inset 0 3px 8px rgba(0,18,14,.38)}.friend-mode-picker{display:flex;width:max-content;max-width:100%;min-width:0}.friend-mode-picker button,.friend-wild-picker button{min-width:0;padding:2px 11px;border:0;border-radius:14px;background:none;color:#ae9967;font-size:9px;white-space:nowrap}.friend-mode-picker button.active,.friend-wild-picker button.active{background:linear-gradient(#0c5a43,#064533);box-shadow:inset 0 0 0 1px rgba(231,188,84,.38);color:#e8c66d}.friend-wild-picker{display:flex;width:max-content}.friend-base-picker{width:108px;display:grid;grid-template-columns:31px 1fr 31px;overflow:hidden}.friend-base-picker button{padding:0;border:0;background:none;color:#e0b95f;font-size:18px}.friend-base-picker button+*{border-left:1px solid rgba(202,150,51,.32)}.friend-create-options .friend-base-picker input{width:100%;height:28px;padding:0;border:0;border-left:1px solid rgba(202,150,51,.32);border-right:1px solid rgba(202,150,51,.32);border-radius:0;background:transparent;color:#edc96d;font:600 12px Georgia;text-align:center;appearance:textfield}.friend-base-picker input::-webkit-inner-spin-button{display:none}.friend-create-card>.gold-action{right:18px;bottom:13px;width:158px;height:35px;border-radius:8px;font-size:12px}
.friend-quick-links{grid-template-columns:.94fr .94fr 1.24fr;gap:10px}.friend-quick-links>button{padding:6px 13px;grid-template-columns:48px minmax(0,1fr) auto;grid-template-rows:1fr;gap:8px;border-radius:10px}.friend-link-icon{grid-column:1;width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,19,13,.68))}.friend-link-copy{grid-column:2;grid-row:1!important;min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:left!important;font:inherit!important}.friend-link-copy b{color:#e9c46b;font-family:STKaiti,"KaiTi",serif;font-size:14px}.friend-link-copy small{margin-top:2px;color:#a99667;font-size:8px}.friend-quick-links em{grid-column:4;grid-row:1;color:#dca847;font-size:24px}.friend-quick-links i{right:25px;top:5px}.friend-online-link{grid-template-columns:48px minmax(86px,.75fr) minmax(122px,1fr) auto!important}.friend-online-avatars{grid-column:3!important;grid-row:1!important;min-width:0;display:flex!important;align-items:center;justify-content:flex-end;text-align:initial!important;font:inherit!important}.friend-online-avatar{position:relative;width:31px;height:31px;flex:0 0 31px;margin-left:-5px;padding:0;border:1px solid #dfb65d;border-radius:50%;background-color:#084b39;background-size:cover;background-position:center;box-shadow:0 2px 5px #001b14;overflow:hidden}.friend-online-avatar:first-child{margin-left:0}.friend-online-avatar:nth-child(n+6){display:none}.friend-online-more{width:31px;height:31px;display:grid;place-items:center;margin-left:-5px;border:1px solid #d9ad54;border-radius:50%;background:#064b38;color:#e6c16a;font:700 8px Arial;box-shadow:0 2px 5px #001b14}
.friend-lobby-bottom{grid-template-columns:minmax(0,1.35fr) minmax(255px,.82fr);gap:11px}.friend-lobby-bottom>section{padding:11px 18px}.friend-lobby-bottom h3{color:#e9c56b;font-family:STKaiti,"KaiTi",serif;font-size:16px;letter-spacing:.03em;text-shadow:0 2px 3px #001a13}.friend-lobby-bottom h3 small{color:#c1a35d;font-size:9px}.friend-lobby-bottom h3 small b{color:#daba68}
.friend-table-preview{position:relative;width:100%;height:calc(100% - 22px);min-height:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none}.friend-table-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,17,12,.48))}.preview-seat{width:auto;height:auto;aspect-ratio:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.preview-seat img{display:none}.preview-seat small{position:static;color:#d9b663;font-size:7px;text-shadow:0 2px 3px #001a13}.preview-top{top:28%;left:50%}.preview-left{left:11.5%;top:52%}.preview-right{right:11.5%;top:52%}.preview-me{bottom:2%;left:50%}
.friend-rules-preview{padding-right:20px!important}.friend-rules-heading{display:flex;align-items:center;justify-content:space-between}.friend-gift-promo{display:flex;align-items:center;gap:3px}.friend-gift-promo img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 3px 3px #001a13)}.friend-gift-promo span{display:flex;flex-direction:column}.friend-gift-promo b{color:#e7bf64;font-size:9px}.friend-gift-promo small{color:#9d8f68;font-size:6px}.friend-rules-preview ul{margin:6px 0 3px;padding-left:20px;color:#c0a567;font-size:9px;line-height:1.62}.friend-rules-preview li::marker{color:#e3ae47}.friend-rules-preview button{width:148px;min-height:31px;border-radius:8px}

@media (min-width:1281px) and (min-height:700px){
  .friend-lobby-page{grid-template-rows:minmax(250px,35%) minmax(82px,12%) minmax(0,1fr);gap:12px;padding:7px 13px 10px}.friend-lobby-top{gap:15px}.friend-lobby-top>section{padding:17px 24px}.friend-lobby-top header{height:68px;gap:14px}.friend-art-icon{width:67px;height:67px;flex-basis:67px}.friend-lobby-top h2{font-size:26px}.friend-lobby-top p{font-size:11px}.friend-join-card form{height:calc(100% - 68px);grid-template-rows:minmax(0,1fr) 43px}.friend-code-row{grid-template-columns:minmax(0,1fr) 76px;gap:13px}.friend-join-card input,.friend-keypad-button{height:68px}.friend-join-card input{font-size:31px}.friend-keypad-button img{width:40px;height:38px}.friend-keypad-button small{font-size:9px}.friend-join-card .gold-action{width:225px;height:43px;font-size:14px}.friend-create-options{height:calc(100% - 68px);padding:4px 213px 47px 0;grid-template-columns:auto minmax(175px,1fr);gap:6px 13px;font-size:12px}.friend-create-options>span:nth-of-type(2){right:145px;top:88px}.friend-create-options>.friend-base-picker{right:24px;top:80px}.friend-mode-picker,.friend-wild-picker,.friend-base-picker{height:37px}.friend-mode-picker button,.friend-wild-picker button{padding:3px 14px;font-size:11px}.friend-base-picker{width:121px;grid-template-columns:35px 1fr 35px}.friend-create-options .friend-base-picker input{height:35px;font-size:14px}.friend-create-card>.gold-action{right:24px;bottom:17px;width:190px;height:43px;font-size:14px}.friend-quick-links{gap:13px}.friend-quick-links>button{padding:8px 17px;grid-template-columns:58px minmax(0,1fr) auto;gap:11px}.friend-link-icon{width:54px;height:54px}.friend-link-copy b{font-size:17px}.friend-link-copy small{font-size:10px}.friend-online-link{grid-template-columns:58px minmax(110px,.76fr) minmax(150px,1fr) auto!important}.friend-online-avatar,.friend-online-more{width:38px;height:38px;flex-basis:38px}.friend-lobby-bottom{grid-template-columns:minmax(0,1.38fr) minmax(310px,.82fr);gap:14px}.friend-lobby-bottom>section{padding:15px 23px}.friend-lobby-bottom h3{font-size:20px}.friend-lobby-bottom h3 small{font-size:11px}.preview-seat small{font-size:9px}.friend-gift-promo img{width:43px;height:43px}.friend-gift-promo b{font-size:11px}.friend-gift-promo small{font-size:8px}.friend-rules-preview ul{margin-top:8px;font-size:11px;line-height:1.72}.friend-rules-preview button{width:178px;min-height:37px;font-size:12px}
}

@media (max-width:900px),(max-height:610px){
  .friend-lobby-page{grid-template-rows:minmax(116px,42%) minmax(43px,15%) minmax(0,1fr);gap:5px;padding:1px 3px 3px}.friend-lobby-top{gap:5px}.friend-lobby-top>section,.friend-lobby-bottom>section{padding:5px 8px;border-radius:6px}.friend-lobby-top>section::after,.friend-lobby-bottom>section::after,.friend-quick-links>button::after{inset:1px;border-radius:4px}.friend-lobby-top header{height:31px;gap:5px}.friend-art-icon{width:29px;height:29px;flex-basis:29px}.friend-lobby-top h2{font-size:12px}.friend-lobby-top p{font-size:5.5px}.friend-join-card form{height:calc(100% - 31px);grid-template-rows:minmax(0,1fr) 23px;gap:2px}.friend-code-row{grid-template-columns:minmax(0,1fr) 34px;gap:4px}.friend-join-card input,.friend-keypad-button{height:31px;border-radius:4px}.friend-join-card input{padding:0 2%;font-size:14px;letter-spacing:clamp(10px,2.5vw,23px)}.friend-keypad-button{padding:1px}.friend-keypad-button img{width:19px;height:18px}.friend-keypad-button small{font-size:4px}.friend-join-card .gold-action{width:112px;height:23px;border-radius:5px;font-size:7px}.friend-create-options{height:calc(100% - 31px);padding:1px 100px 24px 0;grid-template-columns:auto minmax(74px,1fr);grid-template-rows:repeat(2,minmax(19px,1fr));gap:1px 4px;font-size:5.5px}.friend-create-options>span:nth-of-type(2){right:68px;top:39px}.friend-create-options>.friend-base-picker{right:8px;top:36px}.friend-mode-picker,.friend-wild-picker,.friend-base-picker{height:20px}.friend-mode-picker button,.friend-wild-picker button{padding:1px 5px;font-size:5px}.friend-base-picker{width:57px;grid-template-columns:17px 1fr 17px}.friend-base-picker button{font-size:10px}.friend-create-options .friend-base-picker input{height:18px;font-size:6px}.friend-create-card>.gold-action{right:8px;bottom:5px;width:92px;height:23px;border-radius:5px;font-size:7px}.friend-quick-links{gap:5px}.friend-quick-links>button{padding:2px 5px;grid-template-columns:27px minmax(0,1fr) auto;gap:3px;border-radius:5px}.friend-link-icon{width:25px;height:25px}.friend-link-copy b{font-size:8px}.friend-link-copy small{margin:0;font-size:5px}.friend-quick-links em{font-size:13px}.friend-quick-links i{right:10px;top:2px}.friend-online-link{grid-template-columns:27px minmax(55px,.72fr) minmax(71px,1fr) auto!important}.friend-online-avatar,.friend-online-more{width:19px;height:19px;flex-basis:19px;margin-left:-4px;border-width:1px}.friend-online-avatar:nth-child(n+5){display:none}.friend-online-more{font-size:4.5px}.friend-lobby-bottom{grid-template-columns:minmax(0,1.36fr) minmax(148px,.82fr);gap:5px}.friend-lobby-bottom>section{padding:5px 8px}.friend-lobby-bottom h3{font-size:9.5px}.friend-lobby-bottom h3 small{font-size:5px}.friend-table-preview{height:calc(100% - 13px)}.preview-seat{display:none}.friend-rules-preview{padding-right:8px!important}.friend-gift-promo img{width:21px;height:21px}.friend-gift-promo b{font-size:5.5px}.friend-gift-promo small{font-size:3.8px}.friend-rules-preview ul{margin:2px 0;padding-left:11px;font-size:5.5px;line-height:1.45}.friend-rules-preview button{width:83px;min-height:18px;border-radius:4px;font-size:5px}
}

body.foldable-unfolded .friend-lobby-page{grid-template-rows:minmax(210px,34%) minmax(72px,13%) minmax(0,1fr);gap:10px;padding:5px 9px 8px}
body.foldable-unfolded .preview-seat{display:none}

/* Friend-room code entry: each digit owns one fixed cell and the optional
   keypad opens directly below its trigger. */
.friend-lobby-top>.friend-join-card{z-index:5;overflow:visible}
.friend-code-row{position:relative}
.friend-code-entry{position:relative;height:57px}
.friend-join-card .friend-code-entry>input{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:transparent;caret-color:transparent;letter-spacing:0;opacity:.01}
.friend-code-slots{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden;border:1px solid rgba(214,162,61,.5);border-radius:8px;background:linear-gradient(#033b2d,#012c22);box-shadow:inset 0 5px 12px rgba(0,17,12,.55),0 1px rgba(255,226,141,.06);pointer-events:none}
.friend-code-slots span{display:grid;place-items:center;border-left:1px solid rgba(219,165,62,.46);color:rgba(216,180,97,.55);font:500 26px/1 Georgia,"Times New Roman",serif;text-shadow:0 2px 3px #001a13}
.friend-code-slots span:first-child{border-left:0}.friend-code-slots span.filled{color:#efc96f}.friend-code-entry:focus-within .friend-code-slots{border-color:#dfb156;box-shadow:inset 0 5px 12px rgba(0,17,12,.55),0 0 0 2px rgba(223,177,86,.15)}
.friend-keypad-button[aria-expanded="true"]{border-color:#e6bd65;background:linear-gradient(#0b6549,#064332)}
.friend-number-pad{position:absolute;z-index:20;right:0;top:calc(50% + 30px);width:150px;padding:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border:1px solid #d5a84f;border-radius:10px;background:linear-gradient(145deg,#07513d,#012b22);box-shadow:0 12px 24px rgba(0,15,11,.62)}
.friend-number-pad[hidden]{display:none}.friend-number-pad button{min-width:0;height:31px;padding:0;border:1px solid rgba(218,174,81,.48);border-radius:7px;background:linear-gradient(#0b6249,#064332);color:#f0d080;font:700 14px Georgia,serif;box-shadow:inset 0 1px rgba(255,236,178,.12)}.friend-number-pad button:active{transform:translateY(1px);filter:brightness(1.15)}.friend-number-pad button[data-friend-key="clear"]{font-family:inherit;font-size:10px}
.friend-create-options>span:nth-of-type(2){right:143px}

@media (min-width:1281px) and (min-height:700px){
  .friend-code-entry{height:68px}.friend-code-slots span{font-size:31px}.friend-number-pad{top:calc(50% + 36px);width:180px;padding:8px;gap:6px}.friend-number-pad button{height:37px;font-size:17px}.friend-create-options>span:nth-of-type(2){right:169px}
}
@media (max-width:900px),(max-height:610px){
  .friend-code-entry{height:31px}.friend-code-slots{border-radius:4px}.friend-code-slots span{font-size:14px}.friend-number-pad{top:calc(50% + 17px);width:105px;padding:4px;gap:3px;border-radius:6px}.friend-number-pad button{height:22px;border-radius:4px;font-size:9px}.friend-number-pad button[data-friend-key="clear"]{font-size:6px}.friend-create-options>span:nth-of-type(2){right:78px}
}

/* 2026-09-05 phone leaderboard pass: keep the podium readable and turn the
   lower ranking into a compact, scrollable score list instead of a squeezed
   desktop table. */
@media (max-width:900px) and (max-height:500px){
  .leaderboard-page{
    grid-template-rows:31px minmax(0,1fr);gap:3px;padding:0 2px 2px!important;
  }
  .ranking-heading>img{width:min(70%,510px);height:31px;opacity:.84}
  .ranking-heading h2{font-size:14px;letter-spacing:3px}
  .ranking-dashboard{grid-template-columns:minmax(0,1fr) clamp(124px,20.5vw,154px);gap:4px}
  .ranking-main-panel{grid-template-rows:minmax(94px,43%) minmax(0,1fr);gap:4px}

  .ranking-podium{padding:0 .5%;gap:.5%;overflow:hidden}
  .podium-player,.podium-player.podium-1{min-width:0;overflow:hidden}
  .podium-player .rank-player-avatar{top:21%;width:27%;max-width:32px;border-width:1px}
  .podium-player.podium-2 .rank-player-avatar{top:22%;width:25%}
  .podium-player.podium-3 .rank-player-avatar{top:24%;width:25%}
  .podium-player>i{top:3%;width:15px;height:15px;font-size:7px}
  .podium-player>b,.podium-player>strong{left:10%;right:10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .podium-player>b{top:65%;font-size:7px;letter-spacing:0}
  .podium-player>span{display:none}
  .podium-player>strong{top:82%;font-size:7px}
  .podium-player.podium-2>b,.podium-player.podium-3>b{top:62%}
  .podium-player.podium-2>strong,.podium-player.podium-3>strong{top:82%}

  .ranking-table-card{grid-template-rows:24px minmax(0,1fr);border-radius:5px}
  .ranking-filters{gap:2px;padding:2px 3px}
  .ranking-filters button{min-width:0;padding:1px 2px;border-radius:3px;font-size:5.5px;white-space:nowrap}
  .ranking-table-head{display:none}
  .ranking-list{overflow-x:hidden;overscroll-behavior:contain}
  .ranking-row{
    min-height:29px;padding:1px 4px;grid-template-columns:10% 42% 19% 19% 10%;gap:0;
  }
  .ranking-row>i{padding:0;font-size:8px;text-align:center}
  .ranking-row>span:not(.ranking-rank-host){min-width:0;padding-left:clamp(26px,5vw,43px);box-sizing:border-box;gap:3px;display:flex;align-items:center}
  .ranking-row>span:not(.ranking-rank-host)>b{min-width:0;overflow:hidden;font-size:6.3px;text-overflow:ellipsis;white-space:nowrap}
  .ranking-row .rank-player-avatar.small{width:20px;height:20px;flex-basis:20px}
  .ranking-row .ranking-rank-host{min-width:0;display:flex;overflow:hidden}
  .ranking-row .rank-visual{min-width:0;gap:2px}
  .ranking-row .rank-emblem{width:17px;height:17px;flex-basis:17px}
  .ranking-row .rank-detail{min-width:0}
  .ranking-row .rank-name{max-width:100%;overflow:hidden;font-size:5px;text-overflow:ellipsis;white-space:nowrap}
  .ranking-row .rank-stars{display:none}
  .ranking-row>strong{font-size:6.5px;white-space:nowrap}
  .ranking-trend{font-size:5.5px;text-align:center;white-space:nowrap}

  .ranking-aside{grid-template-rows:minmax(78px,1fr) 48px 55px;gap:3px;padding:0}
  .ranking-aside-art{display:none}
  .ranking-aside>section{
    min-height:0;padding:3px 5px;border:1px solid rgba(190,139,47,.48);border-radius:5px;
    background:linear-gradient(155deg,rgba(5,76,55,.78),rgba(0,39,30,.94));
    box-shadow:inset 0 1px rgba(255,226,144,.08),0 2px 4px rgba(0,16,11,.22);
  }
  .ranking-aside>section>img{opacity:.23}
  .my-ranking-card{grid-template-rows:auto auto minmax(0,1fr)}
  .my-ranking-card>small{font-size:6px}
  .my-ranking-card>strong{font-size:15px;line-height:.9}
  .my-ranking-card>div{min-height:0;padding:2px 3px;gap:3px;border-radius:3px}
  .my-ranking-card .rank-player-avatar.small{width:21px;height:21px;flex-basis:21px}
  .my-ranking-card>div b{max-width:68px;overflow:hidden;font-size:5.5px;text-overflow:ellipsis;white-space:nowrap}
  .my-ranking-card>div small{font-size:4px}
  .my-ranking-card>div strong{margin-top:0;font-size:5px}

  .ranking-reward-card{grid-template-rows:auto minmax(0,1fr)}
  .ranking-reward-card h3,.ranking-rise-card h3{font-size:7.5px;line-height:1}
  .ranking-reward-card>p,.ranking-reward-card>div{display:none}
  .ranking-reward-card button{align-self:end;min-width:63px;min-height:16px;padding:1px 6px;font-size:4.8px}

  .ranking-rise-card{grid-template-rows:auto minmax(0,1fr)}
  .ranking-rise-graphic,.ranking-rise-card>p{display:none!important}
  .ranking-rise-card>#rankingRiseSummary{min-height:0;padding:2px 3px;gap:3px;border-radius:3px}
  .ranking-rise-card #rankingRiseSummary .rank-player-avatar.small{width:18px;height:18px;flex-basis:18px}
  #rankingRiseSummary b{max-width:62px;overflow:hidden;font-size:5px;text-overflow:ellipsis;white-space:nowrap}
  #rankingRiseSummary small{font-size:3.8px}
  .ranking-rise-card::after{right:3px;top:55%;bottom:auto;width:auto;min-width:18px;padding:0 2px;font-size:7px;transform:translateY(-50%)}
}

@media (max-width:720px) and (max-height:500px){
  .ranking-dashboard{grid-template-columns:minmax(0,1fr) 118px}
  .ranking-main-panel{grid-template-rows:minmax(91px,42%) minmax(0,1fr)}
  .ranking-aside{grid-template-rows:minmax(72px,1fr) 44px 52px}
  .ranking-filters button{font-size:5px}
  .ranking-row>span:not(.ranking-rank-host){padding-left:28px}
  .my-ranking-card>div b,#rankingRiseSummary b{max-width:54px}
}

/* 2026-09-05 navigation material pass: darker lacquer, restrained woven
   texture and a clearer active-state light well. */
.game-nav{
  isolation:isolate;
  border-color:rgba(171,125,39,.3);
  background:
    linear-gradient(102deg,transparent 0,rgba(255,230,149,.025) 18%,transparent 36% 66%,rgba(218,167,68,.018) 82%,transparent 100%),
    repeating-linear-gradient(117deg,rgba(255,255,255,.012) 0 1px,transparent 1px 9px),
    repeating-linear-gradient(27deg,rgba(0,7,5,.05) 0 1px,transparent 1px 12px),
    radial-gradient(ellipse at 50% 0,rgba(12,89,65,.28),transparent 58%),
    linear-gradient(180deg,#012d25 0%,#01231d 52%,#001a16 100%);
  box-shadow:inset 0 1px rgba(239,202,110,.08),inset 0 -15px 24px rgba(0,11,9,.24),0 5px 12px rgba(0,12,9,.24)
}
.game-nav::before{
  content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.72;
  background:
    linear-gradient(180deg,rgba(255,232,157,.035),transparent 16%,transparent 78%,rgba(0,6,5,.16)),
    radial-gradient(ellipse at 50% 112%,rgba(201,147,49,.055),transparent 54%)
}
.game-nav>button{z-index:1;color:#d1aa58;text-shadow:0 2px 3px rgba(0,11,8,.78)}
.game-nav>button:hover{background:linear-gradient(90deg,transparent,rgba(16,91,66,.22),transparent)}
.game-nav>button.active{
  color:#f1c968;
  text-shadow:0 2px 3px rgba(0,9,7,.88),0 0 10px rgba(232,185,75,.16)
}

@media (max-width:1280px){
  .game-nav,body.virtual-landscape .game-nav{
    overflow:visible;border-top:1px solid rgba(229,187,86,.12);border-right:0;border-bottom:1px solid rgba(151,105,31,.58);
    background:
      linear-gradient(90deg,rgba(0,12,9,.2),transparent 8% 92%,rgba(0,12,9,.2)),
      repeating-linear-gradient(118deg,rgba(255,255,255,.013) 0 1px,transparent 1px 9px),
      repeating-linear-gradient(24deg,rgba(0,7,5,.055) 0 1px,transparent 1px 12px),
      radial-gradient(ellipse at 50% -32%,rgba(17,101,73,.28),transparent 63%),
      linear-gradient(180deg,#012d25 0%,#01221d 53%,#001813 100%);
    box-shadow:inset 0 1px rgba(255,226,139,.07),inset 0 -12px 21px rgba(0,9,7,.28),0 4px 10px rgba(0,12,9,.25)
  }
  .game-nav>button,body.virtual-landscape .game-nav>button{
    border-radius:0;background:transparent;box-shadow:inset 1px 0 rgba(226,183,83,.035);transform:none
  }
  .game-nav>button:first-child,body.virtual-landscape .game-nav>button:first-child{box-shadow:none}
  .game-nav>button::before{
    left:12%;right:12%;bottom:0;height:1px;opacity:.46;
    background:linear-gradient(90deg,transparent,rgba(213,163,64,.26),transparent)
  }
  .game-nav>button:hover{transform:none;background:radial-gradient(ellipse at 50% 100%,rgba(24,106,76,.22),transparent 67%)}
  .game-nav>button.active{
    background:
      radial-gradient(ellipse at 50% 112%,rgba(235,185,72,.2),transparent 47%),
      linear-gradient(180deg,rgba(9,72,54,.1),rgba(0,25,20,.2));
    box-shadow:inset 1px 0 rgba(226,183,83,.04),inset -1px 0 rgba(0,8,6,.16),inset 0 -1px rgba(239,193,83,.38);
    filter:drop-shadow(0 2px 4px rgba(0,11,8,.35))
  }
  .game-nav>button.active::before{
    left:17%;right:17%;height:1px;opacity:1;
    background:linear-gradient(90deg,transparent,#a87424 21%,#f0c763 50%,#a87424 79%,transparent);
    box-shadow:0 0 7px rgba(236,190,73,.34)
  }
}

/* Horizontal navigation is full-bleed: cancel the lobby content gutter while
   keeping the pages below aligned to the normal safe content width. */
@media (min-width:901px) and (max-width:1280px){
  .game-nav{width:calc(100% + 58px);margin-left:-29px}
  body.foldable-unfolded .game-nav{width:calc(100% + 60px);margin-left:-30px}
}
@media (max-width:900px),(max-height:610px){
  .game-nav,body.virtual-landscape .game-nav{width:calc(100% + 28px);margin-left:-14px}
}

/* Compact phone wallet: wider readout, lower profile and equal icon boxes. */
@media (max-width:900px),(max-height:610px){
  .lobby-wallet{gap:10px}
  .lobby-wallet>span{
    width:114px;height:25px;padding:0 27px 0 31px;border-color:rgba(202,151,54,.52);border-radius:15px;
    background:
      linear-gradient(105deg,rgba(255,230,151,.025),transparent 33%),
      linear-gradient(180deg,rgba(0,35,28,.9),rgba(1,48,37,.96));
    box-shadow:inset 0 1px rgba(255,230,149,.1),inset 0 -5px 9px rgba(0,15,11,.18),0 2px 5px rgba(0,17,12,.22)
  }
  .lobby-wallet .wallet-icon,.lobby-wallet .diamond-balance .wallet-icon{
    left:-5px;top:-5px;width:35px;height:35px;object-fit:contain
  }
  .lobby-wallet b{font-size:13px;line-height:1}
  .lobby-wallet button{right:-4px;top:-3px;width:31px;height:31px}
}
@media (max-width:690px){
  .lobby-wallet>span{width:110px}
}

/* Keep the authenticated player's rank visible beside the avatar. */
.lobby-user p small.lobby-rank-summary{
  max-width:none;display:flex;align-items:center;gap:9px;overflow:visible;color:#d8b263!important;
  font-size:15px;line-height:1;white-space:nowrap;text-overflow:clip
}
.lobby-rank-summary>span{overflow:hidden;text-overflow:ellipsis}
.lobby-rank-summary>i{
  flex:0 0 auto;color:#f1c653;font-size:16px;font-style:normal;font-weight:900;letter-spacing:3px;
  text-shadow:0 1px 1px #5f3600,0 0 6px rgba(245,193,72,.18)
}

/* Fullscreen belongs to the settings panel instead of competing with header actions. */
.settings-dialog{width:min(420px,92vw);max-height:min(680px,92dvh);overflow:auto}
.settings-display-section{
  margin:10px;padding:10px 12px;display:grid;grid-template-columns:1fr 140px;align-items:center;gap:12px;
  border:1px solid rgba(173,126,54,.38);border-radius:10px;background:linear-gradient(135deg,#fff9e9,#edddbc)
}
.settings-display-section>b{color:#6b4a20;font-size:13px}
.settings-fullscreen-button{
  min-height:36px;padding:6px 14px;border:1px solid #b98535;border-radius:18px;
  background:linear-gradient(180deg,#0b644b,#023e30);box-shadow:inset 0 1px rgba(255,239,178,.2),0 3px 8px rgba(65,38,4,.2);
  color:#f5d47f;font:700 12px "Microsoft YaHei","PingFang SC",sans-serif;cursor:pointer
}
.settings-fullscreen-button::before{content:"⛶";margin-right:7px;font-size:15px;vertical-align:-1px}
.settings-fullscreen-button[aria-pressed="true"]{background:linear-gradient(180deg,#9b6a24,#714516);color:#fff0b1}
@media (max-width:900px),(max-height:610px){
  .lobby-user p small.lobby-rank-summary{max-width:none;font-size:9px}
  .lobby-rank-summary>i{font-size:10px;letter-spacing:1px}
  .settings-dialog{max-height:94dvh;padding:10px 16px}
  .settings-display-section{margin:5px 8px;padding:5px 8px;grid-template-columns:1fr 118px}
  .settings-fullscreen-button{min-height:28px;padding:3px 10px;font-size:10px}
  #settingsDialog label{margin:5px 8px}
}

/* CSS-native ranking side cards: clearer hierarchy without full-card artwork. */
.ranking-aside>.ranking-reward-card,.ranking-aside>.ranking-rise-card{
  border:1px solid rgba(209,160,63,.58);border-radius:11px;
  background:
    radial-gradient(circle at 50% 0,rgba(40,128,91,.15),transparent 48%),
    linear-gradient(155deg,rgba(4,72,52,.94),rgba(0,37,29,.98));
  box-shadow:inset 0 1px rgba(255,232,158,.11),inset 0 0 25px rgba(0,22,16,.2),0 4px 9px rgba(0,16,11,.25)
}
.ranking-aside>.ranking-reward-card::before,.ranking-aside>.ranking-rise-card::before{
  content:"";display:block;position:absolute;z-index:0;inset:5px;border:1px solid rgba(235,190,86,.1);border-radius:7px;pointer-events:none
}
.ranking-aside>.ranking-reward-card>* ,.ranking-aside>.ranking-rise-card>*{position:relative;z-index:1}
.ranking-reward-card{grid-template-rows:auto auto minmax(58px,1fr) auto;gap:3px}
.ranking-reward-card h3,.ranking-rise-card h3{line-height:1.15}
.ranking-reward-card>p{padding:2px 8px;border-radius:8px;background-color:rgba(0,35,27,.36);letter-spacing:.04em}
.ranking-reward-card>div{align-self:stretch!important;gap:6px!important;margin:2px 0!important;padding:0!important}
.ranking-reward-card>div span{
  min-height:58px!important;padding:5px 2px 4px!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto;place-items:center;
  border:1px solid rgba(207,157,59,.28)!important;border-radius:8px!important;background-color:rgba(1,43,33,.5)!important;
  box-shadow:inset 0 1px rgba(255,231,153,.05)
}
.ranking-reward-card>div span:nth-child(2){border-color:rgba(105,179,224,.27)!important;background-color:rgba(2,48,42,.55)!important}
.ranking-reward-card svg{width:42px!important;height:34px!important;overflow:visible;filter:drop-shadow(0 3px 3px rgba(0,15,11,.55))}
.ranking-reward-card>div small{color:#d2b263!important;font-size:8px!important;line-height:1;white-space:nowrap}
.ranking-reward-card button{
  min-width:118px!important;min-height:27px!important;border-color:#b47b28!important;
  background:linear-gradient(180deg,#f7d67e,#d89c3d 57%,#b97622)!important;
  box-shadow:inset 0 1px rgba(255,248,200,.65),0 3px 6px rgba(0,19,13,.34)!important
}
.ranking-rise-card{grid-template-columns:minmax(0,1fr) 76px;grid-template-rows:auto minmax(42px,1fr) auto;gap:5px 8px;text-align:left!important}
.ranking-rise-card h3{grid-column:1/-1;padding-right:52px;text-align:left}
.ranking-rise-graphic{
  grid-column:2;grid-row:2/4;align-self:center;width:68px!important;height:48px!important;min-height:0!important;margin:0!important;
  display:flex!important;opacity:1!important
}
.ranking-rise-graphic::after{content:"";position:absolute;left:3px;right:3px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#b9822b,transparent)}
.ranking-rise-card>#rankingRiseSummary{grid-column:1;grid-row:2;min-height:42px;padding:5px 7px;justify-content:flex-start}
.ranking-rise-card>p{grid-column:1;grid-row:3;margin:0;padding:3px 7px;border-radius:7px;background-color:rgba(0,34,27,.32);line-height:1.3}
.ranking-rise-card::after{
  content:"↑ " attr(data-gain);right:10px;top:8px;bottom:auto;width:auto;min-width:37px;padding:2px 6px;border:1px solid rgba(104,190,105,.28);
  border-radius:11px;background-color:rgba(4,69,48,.82);color:#87d586;font:700 11px/1 Georgia,"Times New Roman",serif;text-shadow:none
}

@media (max-width:900px),(max-height:610px){
  .ranking-aside>.ranking-reward-card,.ranking-aside>.ranking-rise-card{padding:3px 5px;border-radius:5px}
  .ranking-aside>.ranking-reward-card::before,.ranking-aside>.ranking-rise-card::before{inset:2px;border-radius:3px}
  .ranking-reward-card{grid-template-rows:auto auto minmax(27px,1fr) auto;gap:1px}
  .ranking-reward-card>p{margin:0;padding:1px 3px;font-size:4.5px}
  .ranking-reward-card>div{gap:2px!important;margin:0!important}
  .ranking-reward-card>div span{min-height:27px!important;padding:1px!important;border-radius:3px!important}
  .ranking-reward-card svg{width:21px!important;height:17px!important}
  .ranking-reward-card>div small{font-size:4.5px!important}
  .ranking-reward-card button{min-width:66px!important;min-height:17px!important;padding:1px 5px!important;font-size:5px!important}
  .ranking-rise-card{grid-template-columns:minmax(0,1fr) 34px;grid-template-rows:auto minmax(20px,1fr) auto;gap:1px 3px;text-align:left!important}
  .ranking-rise-card h3{padding-right:27px}
  .ranking-rise-graphic{grid-column:2;grid-row:2/4;width:32px!important;height:24px!important;margin:0!important;display:flex!important}
  .ranking-rise-card>#rankingRiseSummary{grid-column:1;grid-row:2;min-height:20px;padding:2px 3px}
  .ranking-rise-card>p{grid-column:1;grid-row:3;display:block!important;padding:1px 3px;font-size:4px}
  .ranking-rise-card::after{right:3px;top:3px;bottom:auto;min-width:20px;width:auto;padding:1px 2px;font-size:5px;transform:none}
}

@media (max-width:900px) and (max-height:500px){
  .ranking-reward-card{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr)}
  .ranking-reward-card h3{grid-column:1;grid-row:1;text-align:left}
  .ranking-reward-card>p{display:none}
  .ranking-reward-card>div{grid-column:1;grid-row:2;display:grid!important}
  .ranking-reward-card>div span{min-height:22px!important}
  .ranking-reward-card svg{width:17px!important;height:13px!important}
  .ranking-reward-card button{grid-column:2;grid-row:1/3;align-self:center;min-width:39px!important;width:39px;min-height:24px!important;padding:2px!important;line-height:1.1}
  .ranking-rise-card{grid-template-columns:minmax(0,1fr) 30px;grid-template-rows:auto minmax(0,1fr)}
  .ranking-rise-card h3{grid-column:1;grid-row:1}
  .ranking-rise-card>#rankingRiseSummary{grid-column:1;grid-row:2}
  .ranking-rise-card>p{display:none!important}
  .ranking-rise-graphic{grid-column:2;grid-row:1/3;width:27px!important;height:20px!important;display:flex!important}
}

/* Huawei Mate X3: the cover display is a very wide, short landscape viewport.
   Keep every friend-room control in flow so HarmonyOS font metrics cannot make
   the base picker or action button collide with the mode controls. */
body.foldable-folded .friend-lobby-page{
  grid-template-rows:116px 43px minmax(0,1fr);gap:5px;padding:1px 3px 3px
}
body.foldable-folded .friend-lobby-top{gap:5px}
body.foldable-folded .friend-lobby-top>section{padding:6px 8px}
body.foldable-folded .friend-join-card,
body.foldable-folded .friend-create-card{
  display:grid;grid-template-rows:34px minmax(0,1fr);min-height:0
}
body.foldable-folded .friend-create-card{
  grid-template-rows:32px minmax(0,1fr) 24px;row-gap:2px
}
body.foldable-folded .friend-lobby-top header{height:auto;min-height:0;gap:6px}
body.foldable-folded .friend-art-icon{width:31px;height:31px;flex-basis:31px}
body.foldable-folded .friend-lobby-top h2{font-size:13px;line-height:1.05}
body.foldable-folded .friend-lobby-top p{margin-top:2px;font-size:6.5px;line-height:1.15}
body.foldable-folded .friend-join-card form{
  height:auto;min-height:0;grid-template-rows:minmax(0,1fr) 25px;gap:2px
}
body.foldable-folded .friend-code-row{grid-template-columns:minmax(0,1fr) 39px;gap:5px}
body.foldable-folded .friend-join-card input,
body.foldable-folded .friend-keypad-button{height:36px;border-radius:5px}
body.foldable-folded .friend-join-card input{font-size:15px;letter-spacing:clamp(11px,2.5vw,24px)}
body.foldable-folded .friend-keypad-button img{width:21px;height:20px}
body.foldable-folded .friend-keypad-button small{font-size:5px}
body.foldable-folded .friend-join-card .gold-action{
  width:122px;height:25px;border-radius:5px;font-size:8px
}
body.foldable-folded .friend-create-options{
  height:auto;min-height:0;padding:0;display:grid;
  grid-template-columns:41px minmax(116px,1fr) 41px 76px;
  grid-template-rows:repeat(2,minmax(0,1fr));align-items:center;gap:1px 5px;
  font-size:7px
}
body.foldable-folded .friend-create-options>span{position:static!important;white-space:nowrap}
body.foldable-folded .friend-create-options>span:nth-of-type(1){grid-column:1;grid-row:1}
body.foldable-folded .friend-create-options>.friend-mode-picker{grid-column:2;grid-row:1}
body.foldable-folded .friend-create-options>span:nth-of-type(2){grid-column:3;grid-row:1}
body.foldable-folded .friend-create-options>.friend-base-picker{grid-column:4;grid-row:1;position:static!important}
body.foldable-folded .friend-create-options>span:nth-of-type(3){grid-column:1;grid-row:2}
body.foldable-folded .friend-create-options>.friend-wild-picker{grid-column:2;grid-row:2}
body.foldable-folded .friend-mode-picker,
body.foldable-folded .friend-wild-picker,
body.foldable-folded .friend-base-picker{width:100%;height:22px}
body.foldable-folded .friend-mode-picker button,
body.foldable-folded .friend-wild-picker button{flex:1;padding:1px 5px;font-size:6.5px}
body.foldable-folded .friend-base-picker{grid-template-columns:22px minmax(0,1fr) 22px}
body.foldable-folded .friend-base-picker button{font-size:12px}
body.foldable-folded .friend-create-options .friend-base-picker input{height:20px;font-size:7px}
body.foldable-folded .friend-create-card>.gold-action{
  position:static;right:auto;bottom:auto;align-self:end;justify-self:end;
  width:122px;height:24px;border-radius:5px;font-size:8px
}
body.foldable-folded .friend-quick-links>button{
  min-height:43px;padding:3px 7px;grid-template-columns:29px minmax(0,1fr) auto;gap:4px
}
body.foldable-folded .friend-link-icon{width:28px;height:28px}
body.foldable-folded .friend-link-copy b{font-size:8.5px}
body.foldable-folded .friend-link-copy small{font-size:5.5px;line-height:1.15}
body.foldable-folded .friend-online-link{
  grid-template-columns:29px minmax(60px,.76fr) minmax(76px,1fr) auto!important
}
body.foldable-folded .friend-online-avatar,
body.foldable-folded .friend-online-more{width:21px;height:21px;flex-basis:21px}
body.foldable-folded .friend-lobby-bottom h3{font-size:10px}
body.foldable-folded .friend-lobby-bottom h3 small{font-size:5.5px}
body.foldable-folded .friend-rules-preview ul{font-size:6px;line-height:1.42}
body.foldable-folded .friend-rules-preview button{min-height:20px;font-size:6px}

/* Mate X3 inner display: preserve the same field alignment while scaling up
   the cards instead of retaining the compact cover-screen coordinates. */
body.foldable-unfolded .friend-join-card,
body.foldable-unfolded .friend-create-card{
  display:grid;grid-template-rows:68px minmax(0,1fr);min-height:0
}
body.foldable-unfolded .friend-create-card{
  grid-template-rows:68px minmax(0,1fr) 43px;row-gap:6px
}
body.foldable-unfolded .friend-join-card form{height:auto;min-height:0}
body.foldable-unfolded .friend-create-options{
  height:auto;min-height:0;padding:6px 0;display:grid;
  grid-template-columns:82px minmax(190px,1fr) 80px 122px;
  grid-template-rows:repeat(2,42px);align-content:center;align-items:center;gap:10px 12px;
  font-size:12px
}
body.foldable-unfolded .friend-create-options>span{position:static!important;white-space:nowrap}
body.foldable-unfolded .friend-create-options>span:nth-of-type(1){grid-column:1;grid-row:1}
body.foldable-unfolded .friend-create-options>.friend-mode-picker{grid-column:2;grid-row:1}
body.foldable-unfolded .friend-create-options>span:nth-of-type(2){grid-column:3;grid-row:1}
body.foldable-unfolded .friend-create-options>.friend-base-picker{grid-column:4;grid-row:1;position:static!important}
body.foldable-unfolded .friend-create-options>span:nth-of-type(3){grid-column:1;grid-row:2}
body.foldable-unfolded .friend-create-options>.friend-wild-picker{grid-column:2;grid-row:2}
body.foldable-unfolded .friend-mode-picker,
body.foldable-unfolded .friend-wild-picker,
body.foldable-unfolded .friend-base-picker{width:100%;height:37px}
body.foldable-unfolded .friend-mode-picker button,
body.foldable-unfolded .friend-wild-picker button{flex:1;padding:3px 12px;font-size:11px}
body.foldable-unfolded .friend-base-picker{grid-template-columns:35px minmax(0,1fr) 35px}
body.foldable-unfolded .friend-create-options .friend-base-picker input{height:35px;font-size:14px}
body.foldable-unfolded .friend-create-card>.gold-action{
  position:static;right:auto;bottom:auto;align-self:end;justify-self:center;
  width:190px;height:43px;border-radius:8px;font-size:14px
}

/* iPhone 16 Pro Max and comparable 19.5:9 phones: use the extra horizontal
   room for actions instead of stretching the segmented controls edge to edge. */
@media (min-width:901px) and (max-width:1100px) and (max-height:500px) and (orientation:landscape){
  body.foldable-folded .friend-lobby-page{
    grid-template-rows:128px 46px minmax(0,1fr);gap:6px;padding:2px 5px 4px
  }
  body.foldable-folded .friend-lobby-top{gap:7px}
  body.foldable-folded .friend-lobby-top>section{padding:7px 10px}
  body.foldable-folded .friend-join-card{
    grid-template-columns:minmax(0,1fr);grid-template-rows:36px minmax(0,1fr)
  }
  body.foldable-folded .friend-create-card{
    grid-template-columns:minmax(0,1fr) 116px;grid-template-rows:36px minmax(0,1fr);column-gap:9px;row-gap:0
  }
  body.foldable-folded .friend-lobby-top header{height:auto;gap:7px}
  body.foldable-folded .friend-create-card>header{grid-column:1/-1;grid-row:1}
  body.foldable-folded .friend-art-icon{width:33px;height:33px;flex-basis:33px}
  body.foldable-folded .friend-lobby-top h2{font-size:14px}
  body.foldable-folded .friend-lobby-top p{font-size:7px}
  body.foldable-folded .friend-join-card form{
    height:auto;grid-template-columns:minmax(0,1fr) 116px;grid-template-rows:minmax(0,1fr);align-items:center;gap:9px
  }
  body.foldable-folded .friend-code-row{grid-template-columns:minmax(0,1fr) 42px;gap:6px}
  body.foldable-folded .friend-join-card input,
  body.foldable-folded .friend-keypad-button{height:39px}
  body.foldable-folded .friend-join-card input{font-size:16px}
  body.foldable-folded .friend-keypad-button img{width:23px;height:22px}
  body.foldable-folded .friend-keypad-button small{font-size:5.5px}
  body.foldable-folded .friend-join-card .gold-action{
    grid-column:2;grid-row:1;width:116px;height:32px;align-self:center;font-size:9px
  }
  body.foldable-folded .friend-create-options{
    grid-column:1;grid-row:2;height:auto;padding:1px 0;
    grid-template-columns:43px minmax(92px,1fr) 46px 82px;
    grid-template-rows:repeat(2,27px);align-content:center;gap:4px 5px;font-size:7.5px
  }
  body.foldable-folded .friend-create-options>.friend-mode-picker{grid-column:2/5;grid-row:1}
  body.foldable-folded .friend-create-options>span:nth-of-type(2){grid-column:1;grid-row:2}
  body.foldable-folded .friend-create-options>.friend-base-picker{grid-column:2;grid-row:2}
  body.foldable-folded .friend-create-options>span:nth-of-type(3){grid-column:3;grid-row:2}
  body.foldable-folded .friend-create-options>.friend-wild-picker{grid-column:4;grid-row:2}
  body.foldable-folded .friend-mode-picker,
  body.foldable-folded .friend-wild-picker,
  body.foldable-folded .friend-base-picker{height:25px}
  body.foldable-folded .friend-mode-picker button,
  body.foldable-folded .friend-wild-picker button{font-size:7px}
  body.foldable-folded .friend-base-picker{grid-template-columns:24px minmax(0,1fr) 24px}
  body.foldable-folded .friend-create-options .friend-base-picker input{height:23px;font-size:8px}
  body.foldable-folded .friend-create-card>.gold-action{
    grid-column:2;grid-row:2;position:static;align-self:center;justify-self:center;
    width:116px;height:32px;font-size:9px
  }
  body.foldable-folded .friend-quick-links>button{
    min-height:46px;padding:4px 8px;grid-template-columns:31px minmax(0,1fr) auto;gap:5px
  }
  body.foldable-folded .friend-link-icon{width:30px;height:30px}
  body.foldable-folded .friend-link-copy b{font-size:9px}
  body.foldable-folded .friend-link-copy small{font-size:6px}
  body.foldable-folded .friend-online-link{
    grid-template-columns:31px minmax(66px,.76fr) minmax(92px,1fr) auto!important
  }
  body.foldable-folded .friend-online-avatar,
  body.foldable-folded .friend-online-more{width:23px;height:23px;flex-basis:23px}
  body.foldable-folded .friend-lobby-bottom h3{font-size:10.5px}
  body.foldable-folded .friend-lobby-bottom h3 small{font-size:6px}
  body.foldable-folded .friend-rules-preview ul{font-size:6.5px;line-height:1.46}
  body.foldable-folded .friend-rules-preview button{min-height:22px;font-size:6.5px}
}

/* 2026-09-09 multi-device finish: one visual language, layouts chosen by
   available shape instead of individual phone model names. */
@media (max-width:1280px){
  .game-nav{
    isolation:isolate;
    background:
      repeating-linear-gradient(118deg,rgba(255,255,255,.012) 0 1px,transparent 1px 12px),
      radial-gradient(ellipse at 50% 112%,rgba(35,124,86,.16),transparent 48%),
      linear-gradient(180deg,#012f27,#001f1a 78%,#001a16);
    box-shadow:inset 0 1px rgba(255,228,143,.08),inset 0 -1px rgba(209,157,56,.28),0 4px 12px rgba(0,17,12,.28)
  }
  .game-nav>button+button{border-left:1px solid rgba(209,160,61,.09)}
}

.platform-event-card,.ranking-table-card,.club-home-dashboard>section,
.club-home-quick>button,.friend-lobby-top>section,.friend-lobby-bottom>section,
.friend-quick-links>button{
  -webkit-backdrop-filter:blur(1.2px);
  backdrop-filter:blur(1.2px)
}

/* Phones and foldable cover screens: keep information readable in 360-500px
   landscape heights and give the leaderboard one additional visible row. */
@media (orientation:landscape) and (max-height:500px){
  .platform-event-dialog.event-embedded{
    grid-template-rows:66px minmax(0,1fr) 47px;gap:4px
  }
  .event-hero{padding:3px 7% 3px 8%}.event-hero::after{bottom:4px}
  .event-hero h2{font-size:25px}.event-hero p{font-size:8.5px}
  .event-showcase{gap:4px}
  .platform-event-card{padding:5px 6px 5px}
  .platform-event-card>header{min-height:18px}
  .platform-event-card h3{font-size:clamp(10px,1.25vw,12px)}
  .event-status{font-size:6.2px}
  .event-card-body{
    flex-direction:row;justify-content:center;gap:clamp(3px,.6vw,7px);margin:3px 0;
    border-top:1px solid rgba(218,168,66,.12);border-bottom:1px solid rgba(218,168,66,.1);
    background:radial-gradient(ellipse at 50% 50%,rgba(25,112,78,.12),transparent 72%)
  }
  .event-card-icon{
    display:block;width:clamp(42px,6vw,58px);height:clamp(46px,6.4vw,62px);flex:0 0 auto;margin:0
  }
  .event-card-body dl>div{
    grid-template-columns:12px minmax(0,1fr);gap:3px;margin:2px 0;
    font-size:clamp(6.4px,.82vw,8px)
  }
  .event-card-body dt img{width:10px;height:10px}
  .platform-event-card>footer{min-height:25px}
  .event-card-action{min-height:25px;font-size:8.5px}
  .event-shortcuts button{grid-template-columns:30px minmax(0,1fr) auto;padding:2px 6px}
  .event-shortcut-icon{width:28px;height:28px}.event-shortcuts b{font-size:9px}.event-shortcuts small{font-size:6.2px}
  #platformEventFeedback{bottom:50px}

  .leaderboard-page{grid-template-rows:34px minmax(0,1fr);gap:3px}
  .ranking-heading>img{height:35px}.ranking-heading h2{font-size:17px}
  .ranking-dashboard{grid-template-columns:minmax(0,1fr) clamp(154px,18vw,174px)}
  .ranking-main-panel{grid-template-rows:minmax(88px,37%) minmax(0,1fr)}
  .podium-player .rank-player-avatar{max-width:35px}
  .ranking-table-card{grid-template-rows:23px 17px minmax(0,1fr)}
  .ranking-row{min-height:25px}
  .ranking-filters button{font-size:6.3px}.ranking-table-head{font-size:5.8px}
  .ranking-row>span:nth-child(2)>b{font-size:6.8px}.ranking-row .rank-name{font-size:5.8px}
  .ranking-row>strong{font-size:7.4px}
}

@media (max-width:900px) and (orientation:landscape) and (max-height:500px){
  /* The compact phone table hides its header; keep the list in the remaining
     grid track instead of reserving an invisible header row. */
  .ranking-table-card{grid-template-rows:23px minmax(0,1fr)}
}

/* Foldables and tablets near a square aspect ratio: use a 2x2 event matrix.
   This prevents four narrow cards from stretching for hundreds of pixels. */
@media (min-width:901px) and (min-height:700px) and (max-aspect-ratio:5/4){
  body.foldable-unfolded .platform-event-dialog.event-embedded{
    grid-template-rows:clamp(132px,14vh,158px) minmax(0,1fr) 104px;gap:11px
  }
  body.foldable-unfolded .event-showcase{
    grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:11px
  }
  body.foldable-unfolded .platform-event-card{padding:13px 16px 11px}
  body.foldable-unfolded .platform-event-card>header{min-height:30px}
  body.foldable-unfolded .platform-event-card h3{font-size:21px}
  body.foldable-unfolded .event-card-body{
    flex-direction:row;justify-content:center;gap:17px;margin:5px 0;
    border-top:1px solid rgba(218,168,66,.13);border-bottom:1px solid rgba(218,168,66,.11);
    background:radial-gradient(ellipse at 50% 50%,rgba(25,112,78,.13),transparent 72%)
  }
  body.foldable-unfolded .event-card-icon{width:112px;height:116px;flex:0 0 112px;margin:0}
  body.foldable-unfolded .event-card-body dl{width:min(52%,230px);margin:0}
  body.foldable-unfolded .event-card-body dl>div{font-size:12px}
  body.foldable-unfolded .platform-event-card>footer{min-height:36px}
  body.foldable-unfolded .event-card-action{min-height:36px;font-size:13px}
  body.foldable-unfolded .club-home-dashboard{grid-template-rows:52% minmax(0,1fr)}
  body.foldable-unfolded .club-home-quick>button{align-content:center}
}

/* Final friend-room overrides follow the foldable layout rules so the code
   cells and label spacing use the same measured geometry on short screens. */
body.foldable-folded .friend-code-entry{height:36px}
body.foldable-folded .friend-number-pad{top:calc(50% + 24px)}
body.foldable-folded .friend-create-options{column-gap:8px}
@media (min-width:901px) and (max-width:1100px) and (max-height:500px) and (orientation:landscape){
  body.foldable-folded .friend-code-entry{height:39px}
  body.foldable-folded .friend-create-options{column-gap:8px}
}