/* Player identity and lounge: compact layouts with earned color accents. */
.tone-violet{--player-accent:#b69aff}.tone-red{--player-accent:#ff858c}.tone-cyan{--player-accent:#72dbef}.tone-green{--player-accent:#86e9b9}.tone-gold{--player-accent:#f3ce75}.tone-pink{--player-accent:#efa7db}
#modal.social-dialog{width:min(860px,calc(100vw - 24px));max-width:860px}.player-shell{--player-accent:#b69aff}.player-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:22px;padding:32px;border:1px solid color-mix(in srgb,var(--player-accent) 32%,transparent);border-radius:20px;background:radial-gradient(ellipse at 90% 20%,color-mix(in srgb,var(--player-accent) 23%,transparent),transparent 70%),#1c1828}.player-hero h3{font-size:28px;margin:7px 0 12px;overflow-wrap:anywhere}.player-hero .eyebrow{color:var(--player-accent);font-size:10px}.player-hero-pattern{position:absolute;right:10px;top:-65px;font-size:280px;opacity:.08;z-index:-1;transform:rotate(-18deg)}.player-avatar{display:inline-grid;place-items:center;flex-shrink:0;width:76px;height:76px;border:2px solid var(--player-accent,#b69aff);border-radius:22px;background:#262131;color:var(--player-accent,#b69aff);font-size:32px;font-weight:800;overflow:hidden}.player-avatar img{width:100%;height:100%;object-fit:cover}.player-tags{display:flex;flex-wrap:wrap;gap:6px}.player-tag{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid color-mix(in srgb,var(--player-accent) 30%,transparent);background:color-mix(in srgb,var(--player-accent) 9%,#181520);color:var(--player-accent);font-size:10px;letter-spacing:.035em;border-radius:6px;padding:5px 8px;font-weight:700}.player-level{padding:22px 4px 18px}.player-level>div,.player-level>small{display:flex;justify-content:space-between;gap:10px}.player-level>div span,.player-level small{font-size:12px;color:#ada6bc}.player-level progress{margin:10px 0}.player-shell progress{appearance:none;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;background:#2f293c}.player-shell progress::-webkit-progress-bar{background:#2f293c}.player-shell progress::-webkit-progress-value{background:var(--player-accent,#b69aff);border-radius:8px}.player-tabs{display:flex;gap:6px;border-bottom:1px solid #37303f;margin:0 0 22px}.player-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:13px 15px;color:#aaa0ba}.player-tabs button.active{border-bottom-color:#b69aff;color:#fff}.player-custom-grid{display:grid;grid-template-columns:170px 1fr;gap:28px}.player-photo{display:flex;align-items:center;flex-direction:column;gap:12px}.player-photo h4{margin:0 0 6px}.player-photo small{font-size:11px;color:#a69bb8;text-align:center;line-height:1.6}.player-photo .player-avatar{width:108px;height:108px;border-radius:28px}.player-upload{position:relative;text-align:center;font-size:12px;cursor:pointer;padding:10px}.player-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.player-colors{border:0;padding:0;margin:14px 0 22px;display:flex;gap:8px;flex-wrap:wrap}.player-colors legend{font-size:12px;margin-bottom:12px}.player-colors label{cursor:pointer;border:1px solid #44384f;padding:7px 9px;border-radius:7px;font-size:11px;text-transform:capitalize;color:var(--player-accent)}.player-colors input{accent-color:var(--player-accent);width:12px;height:12px;margin:0 5px 0 0}.player-xp-help{margin-top:22px;padding:16px;border-radius:12px;background:#201b2a;font-size:12px;color:#bab0c9;line-height:1.7}.player-xp-help summary{cursor:pointer;color:#eee7f6}.player-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.player-section-heading h4{margin:0 0 6px;font-size:18px}.player-section-heading p{color:#b3a9c2;font-size:12px;margin:0;line-height:1.6}.player-section-heading>b{white-space:nowrap}.player-badges{display:grid;grid-template-columns:1fr 1fr;gap:12px}.player-badge{display:grid;grid-template-columns:40px 1fr;gap:12px;border:1px solid #3b3148;border-radius:14px;padding:17px;background:#1b1724}.badge-emblem{display:grid;place-items:center;width:40px;height:46px;clip-path:polygon(50% 0,100% 20%,100% 74%,50% 100%,0 74%,0 20%);background:color-mix(in srgb,var(--player-accent) 16%,#201b2a);color:var(--player-accent);font-size:26px}.player-badge.earned{border-color:color-mix(in srgb,var(--player-accent) 40%,transparent)}.player-badge.locked .badge-emblem{opacity:.5}.player-badge p{color:#aaa0b7;font-size:11px;line-height:1.6;min-height:36px;margin:10px 0}.player-badge small{font-size:10px;color:#b4a8c1;display:block;margin-top:5px}.player-badge button{grid-column:2;padding:8px;font-size:11px}.player-collection{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.player-collection article{padding:13px;background:#211a2b;border:1px solid #3b304b;border-radius:10px;display:flex;flex-direction:column;gap:5px}.player-collection article>span{font-size:20px;color:#f3ce75}.player-collection b{font-size:11px;line-height:1.5}.player-collection small{font-size:10px;color:#b1a5c0}.player-collection .undiscovered{opacity:.48}.player-public-bio{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:18px}.avatar:has(.player-avatar){position:relative;background:transparent;padding:0;overflow:visible}.avatar>.player-avatar{width:36px;height:36px;border-radius:11px;font-size:17px}.player-top-level{position:absolute;bottom:-6px;right:-7px;background:#b69aff;color:#180d2a;border:2px solid #17131f;border-radius:6px;min-width:19px;font-size:10px;padding:1px 3px;font-weight:800}.player-settings-link{margin:15px 0;width:100%;text-align:left}.lounge-heading{display:flex;align-items:center;gap:14px;padding:8px 0}.lounge-heading h3{font-size:23px;margin:7px 0}.lounge-heading .eyebrow{font-size:10px;color:#c0a8eb}.lounge-live-dot{width:12px;height:12px;border-radius:50%;background:#87e8b9;box-shadow:0 0 0 6px #87e8b911}.lounge-rules{font-size:11px;color:#a69bb7;line-height:1.7;margin:10px 0 18px}.lounge-messages{height:min(420px,49vh);overflow-y:auto;overscroll-behavior:contain;padding:8px 12px;background:#14111c;border:1px solid #352b43;border-radius:16px}.lounge-message{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid #292230;align-items:flex-start}.lounge-message:last-child{border-bottom:0}.lounge-profile{padding:0;border:0;background:transparent}.lounge-profile .player-avatar{width:36px;height:36px;border-radius:11px;font-size:16px}.lounge-message-main{flex:1;min-width:0}.lounge-message header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lounge-message header button{font-size:12px;color:#ede7f5;padding:0;overflow-wrap:anywhere}.lounge-level{font-size:8px;color:#c5acf1;border:1px solid #56416e;border-radius:4px;padding:3px 4px;white-space:nowrap}.lounge-message time{font-size:9px;color:#84788e;margin-left:auto}.lounge-message p{font-size:13px;color:#d3cadf;line-height:1.65;overflow-wrap:anywhere;margin:5px 0 0;white-space:pre-wrap}.lounge-message .player-tags{margin-top:5px}.lounge-message .player-tag{font-size:8px;padding:3px 5px}.lounge-menu{background:transparent;border:0;color:#a999bd;padding:4px;cursor:pointer}.lounge-empty{display:grid;place-content:center;text-align:center;height:100%;color:#a89ab9}.lounge-empty>span{font-size:50px;color:#bea2ee}.lounge-empty h4{color:#e0d6ec;margin-bottom:5px}#lounge-compose{display:flex;gap:9px;margin-top:16px}#lounge-compose input{flex:1;min-width:0;background:#292233;border:1px solid #493c5b;color:#fff;border-radius:10px;padding:13px;font-size:13px}#lounge-compose button{font-size:12px;padding:12px 20px}.lounge-footer{display:flex;justify-content:space-between;color:#9587a5;font-size:10px;margin-top:10px}.lounge-report{background:#261d31;padding:12px;margin-top:10px;border-radius:10px;overflow-wrap:anywhere}#lounge-action{margin-top:18px;border:1px solid #594366;padding:16px;border-radius:12px}.auth-remember{display:flex;align-items:center;gap:9px;font-size:13px;margin:12px 0 20px;color:#c9bdd7}.auth-remember input{width:16px;height:16px;accent-color:#b69aff}.auth-remember small{font-size:10px;color:#a395b0;display:block;margin-top:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.player-hero{padding:22px 18px;gap:15px}.player-hero h3{font-size:21px}.player-hero .player-avatar{width:58px;height:58px;border-radius:17px}.player-custom-grid{grid-template-columns:1fr;gap:20px}.player-photo{display:grid;grid-template-columns:80px 1fr;gap:7px 15px;text-align:left}.player-photo h4{grid-column:2}.player-photo .player-avatar{grid-row:1/5;width:80px;height:80px}.player-photo small{text-align:left}.player-badges{grid-template-columns:1fr}.player-collection{grid-template-columns:1fr 1fr}.player-tabs button{padding:12px 9px;font-size:11px}.player-level>small{font-size:10px}.lounge-heading h3{font-size:19px}.lounge-message{gap:8px}.lounge-messages{padding:8px}.lounge-footer{font-size:9px}}

.player-collection article>span{height:72px;display:grid;place-items:center}.player-collection .storage-sprite{width:100%;height:72px;max-width:110px}.player-collection .undiscovered>span{font-size:36px}.lounge-message-main header{position:static}.lounge-heading .eyebrow{display:block}

.chat-toggle{display:grid;place-items:center;width:36px;height:36px;flex:none;background:var(--surface,#251e31);border:1px solid var(--line,#483953);border-radius:10px;color:var(--text,#eee5fa);padding:8px}.chat-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.chat-toggle.active{color:var(--accent,#b69aff);border-color:currentColor}.community-chat{position:fixed;right:0;top:64px;bottom:0;width:350px;z-index:24;background:var(--bg,#14111c);border-left:1px solid var(--line,#3a2c49);display:flex;flex-direction:column;box-shadow:-8px 0 32px #0003;animation:chat-slide-in .22s ease-out}.community-chat[hidden]{display:none}.chat-drawer-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line,#3a2c49);flex:none}.chat-drawer-bar>div{display:flex;align-items:center;gap:14px}.chat-drawer-bar h2{font-size:16px;margin:0}.chat-drawer-bar button{border:0;background:transparent;color:var(--muted,#bfb1cc);font-size:25px;width:32px;height:32px}.chat-drawer-bar .lounge-live-dot{width:7px;height:7px}#chat-drawer-content{flex:1;min-height:0;display:flex;flex-direction:column}.community-chat .lounge-shell{display:flex;flex-direction:column;min-height:0;height:100%;padding:0 12px 12px}.community-chat .lounge-heading{padding:14px 4px 0}.community-chat .lounge-heading>.lounge-live-dot{display:none}.community-chat .lounge-heading h3{font-size:14px;margin:6px 0}.community-chat .lounge-heading .eyebrow{font-size:8px}.community-chat .lounge-rules{font-size:10px;line-height:1.5;margin:6px 4px 12px}.community-chat .lounge-messages{height:auto;flex:1;min-height:80px;border-radius:0;border:0;background:transparent;padding:0 3px}.community-chat .lounge-message{padding:13px 0;gap:8px}.community-chat .lounge-message p{font-size:12px}.community-chat .lounge-message header button{font-size:11px;max-width:140px}.community-chat .lounge-message time{font-size:8px}.community-chat .player-avatar{width:30px;height:30px;font-size:14px;border-radius:9px}.community-chat #lounge-compose{margin-top:12px;flex:none;gap:6px}.community-chat #lounge-compose input{font-size:12px;padding:12px 9px}.community-chat #lounge-compose button{padding:10px 12px;font-size:11px}.community-chat #lounge-notice{margin:6px 0 0;font-size:11px}.community-chat #lounge-notice:empty{display:none}.community-chat #lounge-action{max-height:45%;overflow-y:auto;flex:none;margin-top:8px;padding:12px}.community-chat .lounge-footer{font-size:9px}.lounge-loading{padding:20px;color:var(--muted)}
@keyframes chat-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:761px){body.chat-open>main{margin-right:350px}body.chat-open .topbar{right:350px}body.chat-open .games{grid-template-columns:repeat(3,minmax(0,1fr))}body.chat-open .collection-hero{grid-template-columns:1fr}body.chat-open .collection-spotlight{display:none}body.chat-open .game-layout{grid-template-columns:minmax(180px,220px) minmax(0,1fr)}}
@media(min-width:761px) and (max-width:960px){.community-chat{top:80px;width:320px}body.chat-open>main{margin-right:320px}body.chat-open .topbar{right:320px}body.chat-open .top-label{display:none}body.chat-open .games{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.topbar .account{gap:7px}.topbar .theme-open{display:none}.chat-toggle{width:30px;height:32px;padding:6px}.community-chat{top:70px;bottom:calc(66px + env(safe-area-inset-bottom));left:0;width:auto;border:0;box-shadow:none;animation:none;z-index:24}.community-chat .lounge-shell{padding:0 14px 12px}.chat-drawer-bar{padding:10px 18px}.community-chat .lounge-heading{display:none}.community-chat .lounge-rules{margin:12px 3px}.community-chat .lounge-message p{font-size:13px}.community-chat .lounge-message header button{font-size:12px}body.chat-open>main{visibility:hidden}body.chat-open #mobile-bet-dock{display:none!important}body.chat-open .mobile-nav{display:grid!important;min-height:66px;box-sizing:border-box}body.chat-open{overflow:hidden}.mobile-nav #mobile-chat-tab.active{color:var(--accent,#c5a0ff)}.community-chat #lounge-compose input{font-size:16px}.community-chat .lounge-messages{min-height:30px}body.auth-open .community-chat{display:none}}
@media(prefers-reduced-motion:reduce){.community-chat{animation:none}}.reduce-motion .community-chat{animation:none}

#progress-search{display:flex;gap:12px;align-items:end}#progress-search .field{flex:1}#progress-search button{margin-bottom:12px}.progress-result{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;text-align:left;margin:8px 0}.progress-result small{display:block;font-size:11px;font-weight:400;margin-top:5px}.progress-player-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin:25px 0 15px;padding-top:24px}.progress-player-heading h3{margin:6px 0}.progress-player-heading small{font-size:10px;overflow-wrap:anywhere}.progress-player-heading>b{white-space:nowrap;color:var(--accent)}.progress-level-edit{background:var(--surface);padding:18px;border:1px solid var(--line);border-radius:12px}.progress-achievements{display:grid;gap:10px;margin:18px 0 25px}.progress-achievement{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:10px}.progress-achievement small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.progress-achievement select{min-width:110px;max-width:135px}.progress-achievement b{font-size:13px}@media(max-width:480px){.progress-achievement{flex-direction:column;align-items:stretch}.progress-achievement select{max-width:none}#progress-search{align-items:stretch;flex-direction:column;gap:0}}

@media(min-width:761px) and (max-width:1200px){body.chat-open>main{margin-right:0}body.chat-open .topbar{right:0}}

@media(max-width:760px){.community-chat{top:66px}.topbar{padding-inline:10px;gap:6px}.topbar .account{gap:5px;min-width:0}.topbar .currency-balance{min-width:0;padding:7px;font-size:12px;gap:5px}.topbar .currency-balance select{width:45px;font-size:11px;padding-inline:2px}.topbar .primary{padding:8px;font-size:11px;min-height:32px}.topbar .notification-button{width:30px;height:32px;min-width:30px;padding:6px}.topbar .avatar{width:30px;height:30px}.topbar .avatar>.player-avatar{width:30px;height:30px}.topbar .mobile-menu{width:28px;min-width:28px;padding:4px}.topbar .currency-icon{display:none}}
@media(max-width:760px) and (max-height:550px){.community-chat .lounge-rules,.community-chat .lounge-footer{display:none}.chat-drawer-bar{padding-block:3px}.community-chat .lounge-shell{padding-bottom:5px}}

@media(min-width:1201px){body.chat-open>main{width:calc(100% - var(--rail) - 350px)}body.chat-open .collection-hero{grid-template-columns:1.1fr .9fr}body.chat-open .collection-spotlight{display:block;min-height:300px}body.chat-open .collection-hero-copy{padding:22px}body.chat-open .collection-hero h2{font-size:34px;letter-spacing:-1px}body.chat-open .collection-hero p{font-size:12px}body.chat-open .spotlight-caption strong{font-size:26px}}

.photo-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.photo-review-card{display:grid;justify-items:center;gap:10px;padding:16px;overflow-wrap:anywhere}.photo-review-card img{border-radius:14px;object-fit:cover;max-width:100%}.photo-review-card small,.photo-review-status{font-size:12px;color:var(--muted,#aaa)}.photo-review-form{display:grid;gap:16px;max-width:540px;margin:24px auto;padding:24px;background:#ffffff05;border:1px solid #ffffff12;border-radius:18px}.photo-review-form>img{width:256px;max-width:100%;height:auto;border-radius:16px;justify-self:center}.photo-review-form h4{margin:0}#photo-filters{display:flex;align-items:end;gap:16px;margin:20px 0}#photo-filters .field{margin:0;flex:1}#photo-filters button{min-height:44px}@media(max-width:480px){.photo-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-review-form{padding:14px}#photo-filters{flex-wrap:wrap}}

.photo-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 20px}.photo-pages span{font-size:12px;color:var(--muted,#aaa)}.photo-pages button{min-height:36px;padding:8px 14px}

/* VIP profile and owner reward controls. */
.tone-bronze{--player-accent:#d89a63}.tone-silver{--player-accent:#cad8e9}
.vip-status{padding:20px;border:1px solid var(--player-accent,#b296ff);background:linear-gradient(120deg,#262237,#171923);border-radius:16px;margin:14px 0}.vip-status>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0}.vip-status strong{font-size:24px;color:var(--player-accent)}.vip-status progress{width:100%;height:8px;accent-color:var(--player-accent)}.vip-status small{display:block;margin-top:8px}.vip-ranks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vip-rank{padding:18px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff04}.vip-rank.current{border-color:var(--player-accent)}.vip-rank header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--player-accent)}.vip-rank ul{padding-left:18px;font-size:13px;line-height:1.8}.vip-rank small,.vip-rank header span{font-size:12px}.vip-reward{font-size:12px;line-height:1.7;border-top:1px solid #ffffff18;padding-top:10px}.vip-settings-tier{border:1px solid #ffffff20;border-radius:12px;padding:14px;margin:12px 0}.vip-settings-tier summary{cursor:pointer;font-weight:700}.vip-settings-tier fieldset{border:0;border-top:1px solid #ffffff18;margin:16px 0;padding:16px 0}.vip-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vip-settings-grid input{min-width:0;width:100%}@media(max-width:600px){.vip-ranks{grid-template-columns:1fr}.vip-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-status{padding:16px}.vip-status>div>span{font-size:12px}}