/* Approved Pop Street Arcade: real account state and individual functional cards. */
body:has(.club-lobby){background:#fff8ef}
.shell.club-lobby{max-width:550px;min-height:100dvh;padding:12px 0 calc(10px + var(--safe));background:#fff8ef;color:#112257;border:0;box-shadow:none;overflow-x:clip}
.club-lobby .lobby-art{position:relative;display:block;overflow:hidden;width:100%;line-height:0;flex-shrink:0}
.club-lobby .lobby-art img{position:absolute;max-width:none;object-fit:fill;pointer-events:none;user-select:none}
.club-lobby .reference-card{padding:0;border:0;background:none;box-shadow:none;position:relative;display:block;min-height:44px;overflow:hidden;border-radius:13px;line-height:0;opacity:1;filter:none}
.club-lobby .reference-card:hover{filter:brightness(1.04)}
.club-lobby .reference-card:focus-visible,.club-lobby .hero-play:focus-visible{outline:3px solid #1646ff;outline-offset:2px}
.club-lobby .cosmic-identity{display:grid;grid-template-columns:455fr 249fr;gap:7px;border:0;border-radius:0;padding:0;margin:0 10px;background:none;align-items:stretch}
.club-lobby .club-player{width:100%;padding:5px 8px 5px 5px;gap:5px;min-height:51px;margin:0;border:1px solid #fff;border-radius:17px;overflow:hidden;background:#fffefa;box-shadow:0 3px 8px #55402210}
.club-lobby .club-player:after{display:none}
.club-lobby .club-player .lobby-avatar,.club-lobby .club-player>.avatar{width:40px;height:40px;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 1px var(--avatar-frame,transparent);object-fit:cover}
.club-lobby .club-player .identity{flex:1;min-width:0;overflow:hidden}
.club-lobby .club-player strong{font:800 16px/1.4 system-ui;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#10245d}
.club-lobby .player-xp{flex-wrap:nowrap;gap:4px}
.club-lobby .player-xp small{font:800 11px/1.5 system-ui;color:#c39000}
.club-lobby .player-xp .progress{height:6px;min-width:20px;flex:1;margin:0;border:0;background:#e3e3ee}
.club-lobby .player-xp .progress i{background:linear-gradient(90deg,#0656ff,#11d6ef);box-shadow:none}
.club-lobby .player-xp>span{width:auto;font:600 8px/1.5 system-ui;color:#53658d;white-space:nowrap;flex-shrink:0}
.club-lobby .lobby-wallet{display:grid;grid-template-columns:23px minmax(0,1fr) 22px;gap:4px;align-items:center;min-width:0;padding:7px 6px;border:4px solid #fff;border-radius:18px;background:linear-gradient(120deg,#113b77,#092255);box-shadow:0 3px 8px #55402210;color:#ffdf69}
.club-lobby .lobby-coin-icon{width:23px;aspect-ratio:1;border-radius:50%}
.club-lobby .lobby-wallet-amount{font:800 var(--balance-size,16px)/1.3 system-ui;color:#ffdd6b;white-space:nowrap;text-align:center}
.club-lobby .coin-plus{display:grid;place-items:center;width:22px;height:22px;font-size:21px;background:radial-gradient(circle at 35% 20%,#a5ffea,#42f5d4 55%,#16c9be);border:1px solid #6bffe4;border-radius:50%;box-shadow:0 0 7px #55f3e844;color:#07354a}
.club-lobby .lobby-brand{display:block;height:auto;margin:0;border-radius:0;background:none;line-height:0}
.club-lobby .lobby-brand .lobby-art{aspect-ratio:729/163}
.club-lobby .feature{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:729/313;margin:0;padding:0;border:0;border-radius:0;background:none;overflow:visible;box-shadow:none}
.club-lobby .feature:before{display:none}
.shell.club-lobby .feature .hero-play{position:absolute;left:56.37%;top:44.09%;width:41.43%;height:37.06%;min-height:44px;max-width:none;margin:0;padding:0;background:transparent;border:0;border-radius:40px;color:transparent;box-shadow:none;display:block;overflow:hidden}
.club-lobby .modes{display:grid;grid-template-columns:227fr 222fr 222fr;gap:6px;margin:6px 10px 0}
.club-lobby .mode-card{height:auto;width:100%;aspect-ratio:auto;padding:0;display:block;border:0;min-height:44px;background:none;overflow:hidden;box-shadow:none;align-items:initial;justify-content:initial}
.club-lobby .mode-card:after{display:none;content:none}
.club-lobby .journey-entry{display:grid;grid-template-columns:351fr 325fr;gap:7px;margin:8px 10px 0}
.club-lobby .journey-entry button{display:block;padding:0;border:0;background:none;box-shadow:none;min-height:44px;line-height:0}
.club-lobby .journey-entry button::after{display:none;content:none}
.club-lobby .journey-entry .lobby-art{display:block;width:100%;border:0;border-radius:0}
.club-lobby .leader-cards{display:grid;grid-template-columns:357fr 319fr;gap:7px;margin:8px 10px 0}
.club-lobby .leader-card{min-height:44px;padding:0;display:block;border:0;background:none;gap:0;overflow:hidden;box-shadow:none}
.club-lobby .social-grid{display:grid;grid-template-columns:408fr 269fr;gap:7px;margin:8px 10px 0}
.club-lobby .social-play{min-height:44px;display:block;padding:0;border:0;background:none;gap:0;box-shadow:none}
.club-lobby .achievement-link{margin:4px auto 0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:0;background:none;border-radius:12px;font:650 11px system-ui;color:#5867a0;line-height:1.3}
.club-lobby .achievement-link .icon{width:16px;height:16px}
.club-lobby .lm369-footer{position:relative;margin:5px 10px 3px;text-align:center;color:#213b74}
.club-lobby .copyright-line{display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.5}
.club-lobby .copyright-line>span{height:1px;background:#9ca8b8;min-width:10px;flex:1;max-width:45px}
.club-lobby .copyright-line small{font:500 clamp(8px,2.2vw,10px)/1.5 system-ui;color:#213b74;white-space:nowrap}
.club-lobby .trademark-line{display:inline-block;padding:2px 6px;min-height:30px;border:0;background:none;box-shadow:none;font:650 9px/1.4 system-ui;color:#586b93;letter-spacing:.2px}
.club-lobby .trademark-line>span{color:#687a9d;font-size:9px}
.club-lobby .reference-nav{position:relative;left:auto;right:auto;transform:none;width:calc(100% - 20px);max-width:none;bottom:auto;min-height:65px;padding:8px 4px 7px;margin:4px 10px 0;border:1px solid #fff;border-radius:23px;background:#fff;box-shadow:0 4px 12px #70532d12}
.club-lobby .reference-nav button{position:relative;border:0;border-radius:13px;min-height:48px;font-size:11px;gap:5px;color:#7084ab;background:none;text-shadow:none;box-shadow:none}
.club-lobby .reference-nav .lobby-nav-icon{width:27px;height:27px;margin:0 auto}
.club-lobby .reference-nav button.active{color:#0747ff}
.club-lobby .reference-nav button.active::before{display:none;content:none}
.club-lobby .reference-nav button.active:after{content:'';position:absolute;bottom:-4px;height:3px;left:23%;right:23%;background:#0747ff;border-radius:4px;box-shadow:none}
.nav-notification{position:absolute;top:0;right:13%}.nav-notification[hidden]{display:none}
.nav .lobby-vector-icon{display:block;width:29px;height:28px;flex-shrink:0;fill:currentColor;stroke:none;background:none;border:0;box-shadow:none;filter:none}
@media(max-width:365px){.club-lobby .cosmic-identity{gap:5px}.club-lobby .club-player{padding-right:5px;gap:3px}.club-lobby .club-player .lobby-avatar,.club-lobby .club-player>.avatar{width:34px;height:34px}.club-lobby .club-player strong{font-size:14px}.club-lobby .player-xp small{font-size:10px}.club-lobby .player-xp>span{font-size:7px}.club-lobby .lobby-wallet{gap:2px;padding:4px;grid-template-columns:19px minmax(0,1fr) 19px}.club-lobby .lobby-coin-icon{width:19px}.club-lobby .lobby-wallet-amount{font-size:min(var(--balance-size,13px),13px)}.club-lobby .coin-plus{width:19px;height:19px}.club-lobby .reference-nav button{font-size:10px}.club-lobby .copyright-line{gap:4px}}
@media(min-width:760px){.shell.club-lobby{max-width:620px}.club-lobby .club-player{min-height:70px;gap:8px}.club-lobby .club-player .lobby-avatar,.club-lobby .club-player>.avatar{width:54px;height:54px}.club-lobby .club-player strong{font-size:21px}.club-lobby .player-xp small{font-size:15px}.club-lobby .player-xp>span{font-size:12px}.club-lobby .lobby-wallet{grid-template-columns:30px 1fr 28px;gap:7px}.club-lobby .lobby-coin-icon{width:30px}.club-lobby .lobby-wallet-amount{font-size:22px}.club-lobby .coin-plus{width:28px;height:28px}.club-lobby .copyright-line small{font-size:12px}}