/* Original walnut, ivory and gold lobby components. Presentation only. */
.world-wallet-rail{gap:9px;padding:9px 16px 6px;background:linear-gradient(110deg,#f9f3e6,#f1e4ce);border-bottom:1px solid #fff9e9}
.world-currency-wallet{min-height:44px;padding:3px 5px;border:1.2px solid #c69237;background:linear-gradient(#fffdf5,#ecdec2);box-shadow:inset 0 0 0 2px #fff9e7,0 3px 3px #78511c38}
.world-currency-wallet img{width:34px;height:34px}
.world-currency-wallet b{width:28px;height:28px;font-size:20px;border:1px solid #9c6a1b;background:var(--gold-metal);box-shadow:inset 0 0 0 1.5px #fff0b9,0 2px 3px #5c391d38}
.lobby-shell .topbar{min-height:52px;padding:0 18px}
.lobby-shell .topbar .avatar{width:34px;height:34px;box-shadow:0 2px 3px #72502330}
.lobby-shell .topbar .profile-name{font-size:13px;font-weight:650}
.lobby-shell .topbar .profile-name>.shell-user-id{font-size:9px}
.lobby-clubs-stage{margin:8px 4.5% 0;border:1.3px solid #c99a41;border-radius:12px;background:linear-gradient(#fffaf0,#f0e3cb);box-shadow:inset 0 0 0 2px #fffcf3,0 4px 7px #78521f40;overflow:hidden}
.lobby-clubs-stage .shell-lobby-actions{padding:5px 7px 2px 15px;gap:3px;background:linear-gradient(#fffaf0,#f1e5cf)}
.lobby-clubs-stage .shell-lobby-actions>strong{font-size:29px;line-height:32px;border-left-width:4px}
.lobby-clubs-stage .shell-lobby-actions>button{width:44px;height:44px;position:relative;isolation:isolate;background:none}
.lobby-clubs-stage .shell-lobby-actions>button:before{content:'';position:absolute;inset:5px;border:1px solid #c89d51;border-radius:50%;background:linear-gradient(#fffdf7,#edddbf);box-shadow:inset 0 0 0 1.5px #fff9e8,0 2px 3px #72502340;z-index:-1}
.lobby-clubs-stage .shell-club-entry{border-radius:8px;background:linear-gradient(#eee1c8,#f7eedf)}
.lobby-clubs-stage .shell-club-entry:not(.photo-cover){background:linear-gradient(#69432435,#f7eedf 90%),url('/club-lounge-v1.jpg') center/cover}
.lobby-clubs-stage .shell-club-entry:before{background:linear-gradient(#f7f1e72b,transparent 45%,#f7eddd 90%)}
.lobby-clubs-stage .club-poster-art{opacity:.18}.lobby-clubs-stage .photo-cover .club-poster-art{opacity:.94}
.lobby-club-miniature{top:0;left:.5%;width:99%;height:79%;filter:drop-shadow(0 6px 6px #57331150)}
.lobby-clubs-stage .club-poster-top{padding:14px 17px}
.lobby-clubs-stage .club-poster-top>small{color:#fff2db;font-size:9px;letter-spacing:.7px;text-shadow:0 1px 3px #211409;background:#3c2a1866;border-radius:2px;padding:3px 5px}
.lobby-clubs-stage .club-poster-bottom{padding:11px 13px 15px;min-height:70px;background:linear-gradient(transparent,#f7eddd)}
.lobby-clubs-stage .club-poster-identity>.club-crest{width:48px;height:48px;box-shadow:inset 0 0 0 1px #ffe7a3,0 3px 4px #51341338}
.lobby-clubs-stage .club-poster-count{width:66px;height:40px;border:1.1px solid #c99a41;box-shadow:inset 0 0 0 2px #fff7e2,0 2px 3px #78511c38;background:linear-gradient(#fff4d6,#e5cea0)}
.lobby-clubs-stage .club-poster-count>b{font-size:21px;line-height:1}.lobby-clubs-stage .club-poster-count>small{font-size:8px}
.lobby-mode-tiles{margin:12px 4.5% 16px;gap:10px}
.lobby-mode-tiles>button,.lobby-mode-tiles .mode-bonus,.lobby-mode-tiles .mode-vip{height:clamp(95px,29cqw,135px);border:1.6px solid #d1a14a;border-radius:9px;background:radial-gradient(ellipse at 50% 30%,#bc872d45,transparent 75%),linear-gradient(#3423168c,#17120edb),url('/table-wood-v1.jpg') center/cover;box-shadow:inset 0 0 0 1px #ffecb7,0 3px 5px #78511c40}
.lobby-mode-tiles>button:before{inset:3px;border:.6px solid #f1c66acc;border-radius:6px}
.lobby-mode-tiles img{width:88%;height:78%;top:0;left:6%;right:auto;filter:drop-shadow(0 3px 3px #0007)}
.lobby-mode-tiles strong{display:flex;align-items:center;justify-content:center;gap:5px;bottom:11px;left:10px;right:10px;font-size:12px;line-height:1.2;font-style:normal;font-weight:750;letter-spacing:.5px;white-space:nowrap}
.lobby-mode-tiles strong:before,.lobby-mode-tiles strong:after{content:'';flex:1;height:.6px;background:linear-gradient(90deg,#a67723,#f3d187)}
.shell-dock,.club-nav.shell-dock{--dock-height:clamp(64px,18.666667cqw,78px);margin:0 4px 4px;width:calc(100% - 8px);border:1.5px solid #d5a649;border-radius:40px;padding:0 3px env(safe-area-inset-bottom);background:linear-gradient(#76512430,#191610c9),url('/table-wood-v1.jpg') center/cover;box-shadow:inset 0 0 0 2px #231708,inset 0 0 0 3px #e1bc7399,0 3px 5px #30231850}
.shell-dock:before{inset:4px;border:.6px solid #fff0c477;border-radius:36px;height:auto;background:none}
.shell-dock>button{background:none;color:#f5e5c7}
.shell-dock>button.active{background:radial-gradient(ellipse at 50% 28%,#b37b1444,transparent 80%);color:#ffd454}
.shell-dock>button.active:after{top:auto;bottom:1px;height:2px;box-shadow:0 0 4px #e8ac254d}
.shell-dock>button+button{border-left:.5px solid #d8b57566}
.shell-dock>button>.dock-icon{top:12px}
.shell-dock>button>.dock-label{bottom:4px}
.shell-dock>button.dock-primary>.dock-icon{top:-4px;width:calc(var(--dock-icon)*1.3);height:calc(var(--dock-icon)*1.3);border:1px solid #d5a649;border-radius:50%;background:radial-gradient(#ae741c,#382510);box-shadow:inset 0 0 0 2px #6a451f,0 1px 6px #e2a22e33}
.shell-dock>button.dock-primary>.dock-icon>.dock-brand{width:var(--dock-icon);height:var(--dock-icon)}
@media(max-height:700px){.lobby-mode-tiles{margin-top:10px;margin-bottom:12px}.lobby-mode-tiles>button{height:92px}.lobby-club-miniature{height:75%;top:0}}
@media(max-width:340px){.world-wallet-rail{padding-left:10px;padding-right:10px;gap:6px}.world-currency-wallet img{width:29px;height:29px}.world-currency-wallet strong{font-size:12px}.lobby-mode-tiles{gap:8px}.lobby-mode-tiles strong{font-size:11px;gap:3px}}
.club-table-row.league-table .club-table-thumbnail{background:radial-gradient(ellipse at 25% 15%,#e6a14b,#ae5725 55%,#57260f);border-color:#d9a43b;box-shadow:inset 0 0 0 3px #70320f,0 4px 0 #582609,0 7px 12px #6c33094d}
.club-table-row.league-table .club-table-description>strong{color:#68350f}
.club-table-row.league-table .club-table-phase{color:#a35c1a}
.league-room-grid .league-table-art,.world-room-table.tone-league{background:radial-gradient(ellipse at 30% 20%,#e6a14b,#ae5725 55%,#57260f);border-color:#d9a43b}
.room-browse-return{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;width:calc(100% - 28px);min-height:48px;margin:10px 14px;padding:9px 14px;border:1px solid #bb8b32;border-radius:13px;background:linear-gradient(110deg,#ffe6a6,#cfa448);color:#38240f;font-size:12px;font-weight:700;text-align:left;box-shadow:0 4px 12px #321b1650}.room-browse-return strong{font-size:10px;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}