/* The home dashboard keeps the original reference composition around the white wall. */
.topbar{height:62px;grid-template-columns:auto minmax(360px,1fr) minmax(160px,210px) 32px auto auto auto;gap:14px}
.topbar .nav{display:flex!important;gap:24px;justify-content:flex-start}
.topbar .search{display:flex;min-width:0;margin:0}
.topbar .mini-profile,.topbar .balance{display:flex!important}
.topbar .mini-profile{padding:0 12px 0 4px}
.mini-profile .avatar img{position:static;width:100%;height:100%;object-fit:cover;max-width:100%}
.topbar .brand-name{font-size:21px}
.topbar .balance{height:38px}
main{width:min(1489px,calc(100% - 40px))}
.play-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,430px);gap:16px;align-items:start}
.play-layout>.wall-card,.play-layout>.sidebar{grid-area:auto}
.wall-viewport{height:min(63vh,675px);min-height:520px;border-radius:9px}
.wall-card{overflow:visible}
.wall-topline{right:12px}
.sidebar{display:flex;flex-direction:column;gap:14px}
.sidebar .panel{padding:16px 15px}
.featured-case{min-height:396px}
.featured-case .panel-heading{margin-bottom:11px}
.featured-case .panel-heading h2{font-size:16px}
.case-feature{display:grid;grid-template-columns:49% 1fr;gap:8px;align-items:center;min-height:166px}
.featured-case .case-render{height:162px;min-width:0;margin:0;position:relative;overflow:hidden;background:radial-gradient(circle,#7148b229,transparent 65%)}
.featured-case .case-render img{position:absolute;width:1640px;max-width:none;left:-1162px;top:-253px;filter:saturate(1.12) contrast(1.04)}
.featured-case .case-copy{min-width:0}
.featured-case .case-copy h3{margin:0 0 6px;font-size:15px}
.featured-case .case-copy p{margin:0 0 12px;color:#9eacc0;font-size:11px;line-height:1.45}
.featured-case .case-actions{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}
.featured-case .case-actions .price{flex:0 0 auto;font-size:12px;white-space:nowrap}
.featured-case .case-actions .primary{width:auto;margin:0;padding:10px 8px;font-size:11px;white-space:nowrap}
.featured-case .subheading{font-size:13px;margin:14px 0 10px}
.odds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.odds article{min-width:0;text-align:center}
.odds-art{position:relative;height:92px;display:grid;place-items:center;border:1px solid #34425a;border-radius:7px;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--rarity-color) 24%,transparent),#111925 72%);overflow:hidden}
.odds-art img{width:100%;height:76px;object-fit:contain}
.odds-art span{position:absolute;bottom:2px;left:3px;right:3px;border:1px solid var(--rarity-color);color:var(--rarity-color);background:#101722df;border-radius:4px;font-size:8px;line-height:1.2;padding:2px 0}
.odds article strong{font-size:10px;margin-top:6px}
.odds article small{font-size:9px;margin-top:2px}
.favorites-panel{min-height:221px}
.favorite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.favorite-card{min-width:0;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;padding:4px;border-color:#364157}
.favorite-card:hover{border-color:var(--rarity-color);transform:translateY(-1px)}
.favorite-art{height:92px;background:radial-gradient(circle,var(--rarity-glow),#0b131d 75%)}
.favorite-art img{width:90%;height:90%;object-fit:contain}
.favorite-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.favorite-card p{font-size:9px}
.favorite-card .favorite-meta{display:flex;justify-content:space-between;padding:0 2px 3px;color:#9aaabc;font-size:9px}
.favorite-card .favorite-meta b{color:var(--rarity-color)}
.empty-favorites{grid-column:1/-1;display:grid;place-items:center;min-height:150px;text-align:center;color:#93a2b8;font-size:12px;line-height:1.5;padding:20px}
.activity-panel{min-height:132px;padding:12px 15px!important}
.activity-panel .panel-heading{margin-bottom:8px}
.activity-panel .panel-heading h2{font-size:13px}
.event-log{gap:5px;font-size:10px}
.event-log li{padding-left:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1350px){.topbar{grid-template-columns:auto minmax(300px,1fr) minmax(140px,190px) auto;gap:10px}}
@media(max-width:1080px){.topbar .search{display:none}.topbar{grid-template-columns:auto 1fr auto}.play-layout{grid-template-columns:minmax(0,1fr) minmax(310px,36%)}.sidebar .panel{padding:13px}.featured-case .case-feature{grid-template-columns:1fr 1fr}.featured-case .case-render{height:130px}.featured-case .case-copy p{font-size:10px}.featured-case .case-actions{flex-wrap:wrap}.odds-art{height:75px}.odds-art img{height:59px}}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto;height:auto;min-height:70px;padding:10px 16px 0}.topbar .nav{grid-column:1/-1;grid-row:2;height:42px;overflow-x:auto;gap:23px}.topbar .balance{grid-column:2;grid-row:1}.play-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.featured-case{min-height:370px}.favorites-panel{min-height:370px}}
@media(max-width:650px){main{width:calc(100% - 20px)}.topbar{padding:8px 10px 0}.topbar .nav{gap:20px}.nav-link{font-size:12px}.wall-viewport{height:60vh;min-height:430px}.sidebar{display:flex}.featured-case{min-height:0}.featured-case .case-feature{grid-template-columns:47% 1fr}.featured-case .case-render{height:150px}.odds-art{height:86px}.odds-art img{height:68px}.favorites-panel{min-height:0}.activity-panel{min-height:100px}}

/* The wall is one screen on desktop; only the sticker picker scrolls. */
.topbar{grid-template-columns:auto minmax(360px,1fr) minmax(160px,210px) auto auto}
main{width:calc(100% - 24px)}
.view{min-height:0}
.play-layout{grid-template-columns:minmax(0,1fr) minmax(350px,384px);gap:12px}
.wall-viewport{height:calc(100dvh - 190px);min-height:520px}
.sidebar{height:calc(100dvh - 190px);min-height:520px;overflow:hidden}
.featured-case{flex:0 0 min(390px,calc(100% - 165px));min-height:0;overflow-y:auto;scrollbar-width:thin}
.featured-case .panel-heading{margin-bottom:5px}
.featured-case .case-feature{min-height:145px}
.featured-case .case-render{height:145px}
.featured-case .subheading{margin:8px 0 7px}
.featured-case .odds-art{height:76px}
.featured-case .odds-art img{height:61px}
.featured-case .odds article strong{margin-top:3px}
.favorites-panel{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}
.favorites-panel .panel-heading{flex:0 0 auto}
.favorite-grid{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start;padding:2px 5px 5px 0;scrollbar-color:#7951aa #172131;scrollbar-width:thin}
.favorite-grid:has(.empty-favorites){overflow:hidden}
.empty-favorites{min-height:0;height:100%}
.favorite-card.active{outline:2px solid #b879ff;border-color:#b879ff}
.favorite-card img{display:block}
.activity-panel{min-height:100px;max-height:100px}
.case-dialog{overflow-x:hidden}
.reel-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.winner-reveal{min-width:0;max-width:100%}
.winner-reveal>div{min-width:0;max-width:min(100%,500px)}
.winner-reveal strong{font-size:clamp(18px,2.5vw,26px);max-width:100%;overflow-wrap:anywhere;word-break:break-word;max-height:3.2em;overflow:hidden}
.report-button{display:block;margin-top:8px;padding:4px 0;border:0;background:none;color:#8593aa;font-size:10px;text-align:left;cursor:pointer}
.report-button:hover{color:#d5a8ff}
.report-dialog{max-width:480px}
.report-dialog .rules-content label{display:block;margin:4px 0 6px;color:#d8e1ef}
.report-dialog select{width:100%;padding:12px;border:1px solid #40506a;border-radius:8px;background:#182337;color:#edf3fb}
.report-dialog .primary{margin-top:2px;padding:11px 18px}
@media(min-width:1000px) and (min-height:720px){body[data-view="wall"]{height:auto;overflow-y:auto}}
@media(max-width:1350px){.topbar{grid-template-columns:auto minmax(300px,1fr) minmax(140px,190px) auto}}
@media(max-width:1080px){.topbar{grid-template-columns:auto 1fr auto}.play-layout{grid-template-columns:minmax(0,1fr) minmax(310px,36%)}}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.play-layout{grid-template-columns:1fr}.wall-viewport{height:64vh;min-height:430px}.sidebar{height:auto;min-height:0;overflow:visible}.featured-case{flex:auto}.favorites-panel{height:310px}.activity-panel{min-height:100px;max-height:none}}
@media(max-width:650px){main{width:calc(100% - 20px)}.wall-viewport{height:60vh;min-height:430px}.sidebar{display:flex}.favorites-panel{height:340px}}

/* Restore the reference's case / finds / activity / profile composition. */
main{width:min(1680px,calc(100% - 40px))}
.play-layout{grid-template-columns:minmax(0,1fr) minmax(390px,430px);gap:16px}
.wall-viewport{height:clamp(510px,calc(100dvh - 385px),690px);min-height:0}
.sidebar{height:clamp(510px,calc(100dvh - 385px),690px);min-height:0;overflow:visible;gap:14px}
.featured-case{flex:0 0 390px;min-height:0;overflow:visible}
.featured-case .panel-heading{margin-bottom:11px}
.featured-case .case-feature{min-height:166px}
.featured-case .case-render{height:162px}
.featured-case .subheading{margin:14px 0 10px}
.featured-case .odds-art{height:92px}
.featured-case .odds-art img{height:76px}
.featured-case .odds article strong{margin-top:6px}
.featured-case .odds:has(article:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.favorites-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.favorite-grid{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;align-content:start;grid-template-columns:repeat(3,minmax(0,1fr))}
.favorite-card{padding:6px}
.favorite-art{height:clamp(100px,11vh,142px)}
.favorite-card h3{font-size:12px;margin:7px 3px 4px}
.favorite-card p{font-size:10px;margin-bottom:5px}
.favorite-card .favorite-meta{font-size:9px}
.activity-panel{min-height:116px;max-height:none}
.activity-panel{padding:15px!important}
.activity-panel .panel-heading h2{font-size:14px}
.event-log{margin:0;gap:6px}
.event-log li{font-size:11px;white-space:normal;line-height:1.35}
@media(max-height:850px) and (min-width:901px){.featured-case{flex-basis:340px}.featured-case .case-feature{min-height:130px}.featured-case .case-render{height:128px}.featured-case .odds-art{height:72px}.featured-case .odds-art img{height:58px}.featured-case .subheading{margin:7px 0}}
@media(max-height:800px) and (min-width:901px){.wall-viewport,.sidebar{height:clamp(390px,calc(100dvh - 278px),510px)}.featured-case{flex-basis:300px}.featured-case .case-feature{min-height:111px}.featured-case .case-render{height:111px}.featured-case .odds-art{height:60px}.featured-case .odds-art img{height:47px}.featured-case .panel-heading{margin-bottom:4px}.featured-case .subheading{margin:5px 0}.favorite-card{padding:3px}.favorite-art{height:34px}.favorite-card h3{font-size:9px;margin:2px 1px 0}.favorite-card p,.favorite-card .favorite-meta{display:none}.activity-panel{min-height:98px}}
@media(max-width:1080px){.play-layout{grid-template-columns:minmax(0,1fr) minmax(310px,36%)}}
@media(max-width:900px){main{width:calc(100% - 24px)}.play-layout{grid-template-columns:1fr}.sidebar{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.featured-case{flex:auto}.favorites-panel{height:390px;min-height:0}.wall-viewport{height:64vh;min-height:430px}}
@media(max-width:650px){main{width:calc(100% - 20px)}.sidebar{display:flex}.favorites-panel{height:340px}.wall-viewport{height:60vh;min-height:430px}}

/* Keep decoration quiet; put the owned sticker picker directly under the wall. */
body{background:var(--bg)}
.brand-mark{filter:none}
.featured-case .case-render{background:none}
.mini-profile .avatar{border-color:#536078;box-shadow:none}
.wall-viewport{height:clamp(360px,calc(100dvh - 460px),690px)}
.sidebar{height:auto;min-height:0}
.sidebar .featured-case{flex:0 0 auto}
.sidebar .activity-panel{flex:0 0 auto;grid-column:auto}
.favorites-panel .panel-heading{margin-bottom:10px}
.favorite-grid{display:grid;flex:none;grid-template-columns:none;grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:clamp(104px,10vw,132px);gap:10px;overflow-x:auto;overflow-y:hidden;align-content:start;scroll-snap-type:x proximity;padding:3px 3px 8px;overscroll-behavior-x:contain}
.favorite-card{padding:6px;scroll-snap-align:start}
.favorite-art{height:72px;background:#0d1621;grid-template-rows:minmax(0,1fr);overflow:hidden}
.favorite-art img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.favorite-card h3{font-size:11px;margin:6px 2px 4px}
.favorite-card p{display:block;font-size:10px;margin:0 2px 4px}
.favorite-card .favorite-meta{display:flex;font-size:9px}
.favorite-grid:has(.empty-favorites){grid-auto-flow:row;grid-template-columns:1fr;overflow:hidden}
.favorite-grid .empty-favorites{min-height:82px;height:auto;gap:8px}
@media(max-width:900px){.wall-viewport{height:60vh;min-height:390px}.sidebar{height:auto;min-height:0}.favorite-grid{grid-auto-columns:120px}}
@media(max-width:650px){.favorite-grid{grid-auto-columns:104px;gap:8px}}
