/* Collector's Lounge: Casual Collector dashboard */
.home-workspace-view[data-dashboard-template="casual"]{
    --casual-bg:var(--profile-bg,#141516);
    --casual-surface:var(--profile-panel,#24272b);
    --casual-surface-strong:var(--profile-sidebar,#1b1d20);
    --casual-panel-light:var(--profile-panel-light,#30343a);
    --casual-primary:var(--profile-accent,#c9c9c9);
    --casual-sky:var(--profile-secondary,#f0f0f0);
    --casual-gold:#f0f0f0;
    --casual-success:#22c55e;
    --casual-text:var(--profile-text,#fff);
    --casual-muted:var(--profile-text-light,#b8bdc5);
    --casual-border:var(--profile-border,#5a6069);
    color:var(--casual-text);
}

.home-workspace-view[data-dashboard-template="casual"] > .adaptive-command-bar,
.home-workspace-view[data-dashboard-template="casual"] > .adaptive-suggestions,
.home-workspace-view[data-dashboard-template="casual"] > .home-workspace-launcher,
.home-workspace-view[data-dashboard-template="casual"] > .home-workspace-dashboard,
.home-workspace-view[data-dashboard-template="casual"] > .opportunity-dashboard{
    display:none !important;
}

.casual-lounge{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:18px;
    min-width:0;
    padding:2px 0 22px;
    color:var(--casual-text);
    animation:casualLoungeEnter .22s ease both;
}

.casual-lounge button{
    font:inherit;
}

.casual-welcome{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    min-height:112px;
    padding:22px 26px;
    border:1px solid rgba(var(--profile-accent-rgb,201,201,201),.34);
    border-radius:22px;
    background:linear-gradient(118deg,var(--casual-surface-strong) 0%,var(--casual-surface) 58%,var(--casual-panel-light,#3a2c1f) 100%);
    overflow:hidden;
    box-shadow:0 7px 0 rgba(0,0,0,.4),0 18px 38px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08);
}

.casual-welcome > span small,
.casual-panel header small,
.casual-wide-panel header small,
.casual-treasure-copy > span{
    color:var(--casual-sky);
    font-size:11px;
    font-weight:700;
    letter-spacing:1.25px;
}

.casual-welcome h1{
    margin:4px 0 3px;
    color:#fff;
    font-size:clamp(25px,2.5vw,38px);
    line-height:1.1;
}

.casual-welcome p{
    margin:0;
    color:var(--casual-muted);
    font-size:14px;
}

.casual-welcome > i{
    display:grid;
    place-items:center;
    width:64px;
    height:64px;
    flex:0 0 auto;
    border:1px solid rgba(var(--profile-accent-rgb,201,201,201),.44);
    border-radius:20px;
    color:var(--casual-gold);
    background:rgba(0,0,0,.28);
    font-size:24px;
    box-shadow:0 5px 0 rgba(0,0,0,.3),0 12px 22px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08);
}

.casual-treasure{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(260px,.8fr);
    align-items:center;
    min-height:440px;
    overflow:hidden;
    border:1px solid rgba(var(--profile-accent-rgb,201,201,201),.42);
    border-radius:26px;
    background:
        radial-gradient(circle at 85% 50%,rgba(var(--profile-accent-rgb,201,201,201),.27),transparent 35%),
        linear-gradient(125deg,var(--casual-surface) 0%,var(--casual-surface-strong) 52%,#181a1d 100%);
    box-shadow:0 9px 0 rgba(0,0,0,.42),0 24px 46px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);
}

.casual-treasure-copy{
    padding:clamp(28px,4vw,54px);
}

.casual-treasure-copy > span{
    display:flex;
    align-items:center;
    gap:9px;
}

.casual-treasure-copy > span i{ color:var(--casual-gold); }

.casual-treasure-copy h2{
    max-width:740px;
    margin:12px 0 10px;
    color:#fff;
    font-size:clamp(31px,4vw,56px);
    line-height:1.04;
}

.casual-treasure-copy > p{
    max-width:650px;
    margin:0;
    color:var(--casual-muted);
    font-size:15px;
    line-height:1.7;
}

.casual-treasure-copy dl{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:24px 0;
}

.casual-treasure-copy dl div{
    min-width:125px;
    padding:11px 14px;
    border:1px solid var(--casual-border);
    border-radius:13px;
    background:rgba(0,0,0,.24);
    box-shadow:0 4px 0 rgba(0,0,0,.26),0 9px 16px rgba(0,0,0,.18);
}

.casual-treasure-copy dt{
    color:#94a3b8;
    font-size:10px;
    font-weight:600;
    text-transform:uppercase;
}

.casual-treasure-copy dd{
    margin:3px 0 0;
    color:#fff;
    font-size:13px;
    font-weight:700;
}

.casual-treasure-copy > button,
.casual-empty-feature > div > button,
.casual-panel > button:not(.casual-favorite-art):not(.casual-trade-card){
    min-height:44px;
    padding:11px 16px;
    border:1px solid rgba(var(--profile-accent-rgb,201,201,201),.54);
    border-radius:12px;
    color:#fff;
    background:linear-gradient(135deg,#8e949c,#4b5057);
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 5px 0 rgba(0,0,0,.36),0 12px 22px rgba(0,0,0,.24);
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.casual-treasure-copy > button:hover,
.casual-empty-feature > div > button:hover,
.casual-panel > button:not(.casual-favorite-art):not(.casual-trade-card):hover{
    transform:translateY(-3px);
    border-color:var(--casual-sky);
    background:linear-gradient(135deg,#b9bdc2,#60666e);
    box-shadow:0 8px 0 rgba(0,0,0,.4),0 18px 30px rgba(0,0,0,.3);
}

.casual-treasure-art{
    position:relative;
    display:grid;
    place-items:center;
    align-self:stretch;
    min-height:440px;
    padding:28px;
    border:0;
    background:transparent;
    cursor:pointer;
}

.casual-treasure-art img{
    width:auto;
    height:min(380px,36vw);
    max-width:100%;
    object-fit:contain;
    border-radius:16px;
    filter:drop-shadow(0 18px 18px rgba(2,8,23,.34));
    transition:transform .2s ease;
}

.casual-treasure-art:hover img{ transform:translateY(-5px) rotate(1deg) scale(1.015); }

.casual-treasure-art > span{
    position:absolute;
    bottom:30px;
    padding:8px 13px;
    border:1px solid rgba(251,191,36,.5);
    border-radius:999px;
    color:#fde68a;
    background:rgba(15,23,42,.88);
    font-size:10px;
    font-weight:700;
    letter-spacing:.7px;
    text-transform:uppercase;
}

.casual-empty-feature{
    grid-template-columns:1fr auto;
    min-height:300px;
    padding:38px;
}

.casual-empty-feature > div h2{ margin:8px 0; font-size:34px; }
.casual-empty-feature > div p{ max-width:620px; color:var(--casual-muted); }
.casual-empty-feature > span{ padding:34px; color:var(--casual-gold); font-size:70px; }

.casual-lounge-grid{
    display:grid;
    gap:18px;
    min-width:0;
}

.casual-lounge-grid-primary{ grid-template-columns:1.15fr 1fr 1fr; }
.casual-lounge-grid-secondary{ grid-template-columns:repeat(2,minmax(0,1fr)); }

.casual-panel,
.casual-wide-panel{
    min-width:0;
    border:1px solid var(--casual-border);
    border-radius:20px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--casual-surface) 98%,transparent),color-mix(in srgb,var(--casual-surface-strong) 98%,transparent));
    box-shadow:0 7px 0 rgba(0,0,0,.38),0 18px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
}

.casual-panel{
    display:flex;
    flex-direction:column;
    gap:15px;
    padding:20px;
}

.casual-panel header,
.casual-wide-panel > header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}

.casual-panel header h3,
.casual-wide-panel header h3{
    margin:3px 0 0;
    color:#fff;
    font-size:18px;
    line-height:1.25;
}

.casual-panel header > i,
.casual-wide-panel header > i{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    flex:0 0 auto;
    border-radius:12px;
    color:var(--casual-sky);
    background:rgba(var(--profile-accent-rgb,201,201,201),.17);
}

.casual-panel header > b{
    color:var(--casual-gold);
    font-size:24px;
}

.casual-panel > p{
    margin:0;
    color:var(--casual-muted);
    font-size:12px;
    line-height:1.6;
}

.casual-panel > button:last-child{ margin-top:auto; }

.casual-collection-visual{
    display:grid;
    grid-template-columns:minmax(105px,.8fr) 1fr;
    align-items:center;
    gap:14px;
    min-height:170px;
}

.casual-collection-visual > img{
    width:100%;
    height:168px;
    object-fit:contain;
    border-radius:11px;
}

.casual-collection-visual > div{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:baseline;
    gap:7px 8px;
}

.casual-collection-visual > div strong{ color:#fff; font-size:24px; }
.casual-collection-visual > div span{ color:#94a3b8; font-size:11px; }

.casual-art-placeholder,
.casual-image-fallback{
    display:grid;
    place-items:center;
    min-height:120px;
    border:1px dashed var(--casual-border);
    border-radius:14px;
    color:#64748b;
    background:rgba(15,23,42,.3);
}

.casual-image-fallback small{ display:block; font-size:9px; }

.casual-goal-row{
    display:grid;
    grid-template-columns:92px 1fr;
    align-items:center;
    gap:14px;
}

.casual-goal-row > img{
    width:92px;
    height:132px;
    object-fit:contain;
    border-radius:9px;
}

.casual-goal-row > div{ min-width:0; }
.casual-goal-row strong{ display:block; color:#fff; font-size:14px; }
.casual-goal-row span{ display:block; margin-top:4px; color:#94a3b8; font-size:11px; }
.casual-goal-row i{ display:block; height:7px; margin-top:15px; overflow:hidden; border-radius:999px; background:var(--casual-bg); }
.casual-goal-row i b{ display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--casual-primary),var(--casual-sky)); }

.casual-favorite-art,
.casual-trade-card{
    display:flex;
    align-items:center;
    gap:14px;
    width:100%;
    padding:0;
    border:0;
    color:inherit;
    text-align:left;
    background:transparent;
    cursor:pointer;
}

.casual-favorite-art img{
    width:132px;
    height:188px;
    flex:0 0 auto;
    object-fit:contain;
    border-radius:11px;
    transition:transform .18s ease;
}

.casual-favorite-art:hover img,
.casual-trade-card:hover img{ transform:translateY(-3px); }

.casual-favorite-art span strong,
.casual-trade-card span strong{ display:block; color:#fff; font-size:14px; }
.casual-favorite-art span small,
.casual-trade-card span small{ display:block; margin-top:5px; color:#94a3b8; font-size:10px; line-height:1.45; }

.casual-wide-panel{ padding:20px; }

.casual-wide-panel > header > div{ display:flex; gap:8px; }
.casual-wide-panel > header button{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border:1px solid var(--casual-border);
    border-radius:11px;
    color:var(--casual-muted);
    background:var(--casual-surface-strong);
    cursor:pointer;
    box-shadow:0 4px 0 rgba(0,0,0,.3),0 9px 16px rgba(0,0,0,.2);
}

.casual-image-shelf{
    display:flex;
    gap:14px;
    margin-top:16px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    scrollbar-color:#475569 transparent;
    scroll-snap-type:x proximity;
}

.casual-image-shelf > button{
    display:flex;
    flex:0 0 166px;
    flex-direction:column;
    gap:7px;
    padding:0 0 8px;
    border:0;
    color:#94a3b8;
    background:transparent;
    cursor:pointer;
    scroll-snap-align:start;
}

.casual-image-shelf > button > span{
    display:grid;
    place-items:center;
    width:166px;
    height:230px;
    overflow:hidden;
    border:1px solid var(--casual-border);
    border-radius:14px;
    background:#1b1e22;
    box-shadow:0 6px 0 rgba(0,0,0,.34),0 14px 24px rgba(0,0,0,.24);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.casual-image-shelf > button:hover > span{ transform:translateY(-4px);border-color:var(--casual-sky);box-shadow:0 9px 0 rgba(0,0,0,.4),0 22px 34px rgba(0,0,0,.32); }
.casual-image-shelf img{ width:100%; height:100%; object-fit:contain; }
.casual-image-shelf small{ text-align:center; font-size:10px; }

.casual-wishlist-images{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px;
}

.casual-wishlist-images button{
    display:grid;
    place-items:center;
    aspect-ratio:.715;
    overflow:hidden;
    padding:0;
    border:1px solid var(--casual-border);
    border-radius:11px;
    background:#1b1e22;
    cursor:pointer;
    box-shadow:0 5px 0 rgba(0,0,0,.32),0 12px 22px rgba(0,0,0,.22);
}

.casual-wishlist-images img{ width:100%; height:100%; object-fit:contain; transition:transform .18s ease; }
.casual-wishlist-images button:hover img{ transform:scale(1.025); }

.casual-journey dl{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px;
    margin:0;
}

.casual-journey dl div{
    padding:11px;
    border:1px solid var(--casual-border);
    border-radius:12px;
    background:rgba(0,0,0,.22);
    box-shadow:0 4px 0 rgba(0,0,0,.28),0 9px 16px rgba(0,0,0,.18);
}
.casual-journey dt{ color:#94a3b8; font-size:9px; text-transform:uppercase; }
.casual-journey dd{ margin:4px 0 0; color:#fff; font-size:12px; font-weight:700; }

.casual-trade-card img{
    width:82px;
    height:116px;
    flex:0 0 auto;
    object-fit:contain;
    border-radius:8px;
}
.casual-trade-card span em{ display:block; margin-top:8px; color:var(--casual-success); font-size:11px; font-style:normal; font-weight:700; }

.casual-achievements > div{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-top:16px;
}
.casual-achievements article{
    display:flex;
    align-items:center;
    gap:13px;
    padding:15px;
    border:1px solid var(--casual-border);
    border-radius:14px;
    background:rgba(0,0,0,.21);
    box-shadow:0 5px 0 rgba(0,0,0,.32),0 12px 22px rgba(0,0,0,.22);
}
.casual-achievements article > i{ display:grid; place-items:center; width:40px; height:40px; flex:0 0 auto; border-radius:12px; background:rgba(255,255,255,.06); font-size:17px; }
.casual-achievements article.gold > i{ color:var(--casual-gold); }
.casual-achievements article.blue > i{ color:var(--casual-sky); }
.casual-achievements article.green > i{ color:var(--casual-success); }
.casual-achievements strong{ display:block; color:#fff; font-size:13px; }
.casual-achievements small{ display:block; margin-top:3px; color:#94a3b8; font-size:10px; line-height:1.4; }

.casual-inline-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:122px;
    padding:18px;
    border:1px dashed var(--casual-border);
    border-radius:14px;
    color:#64748b;
    background:rgba(15,23,42,.24);
}
.casual-inline-empty > i{ font-size:22px; }
.casual-inline-empty strong{ display:block; color:var(--casual-muted); font-size:12px; }
.casual-inline-empty small{ display:block; margin-top:3px; color:#94a3b8; font-size:10px; }

.casual-bottom-nav{ display:none; }

@keyframes casualLoungeEnter{
    from{ opacity:0; transform:translateY(8px); }
    to{ opacity:1; transform:translateY(0); }
}

@media (max-width:1180px){
    .casual-lounge-grid-primary{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .casual-favorite{ grid-column:1 / -1; }
    .casual-favorite-art{ max-width:540px; }
}

@media (max-width:820px){
    .casual-treasure{ grid-template-columns:1fr 260px; min-height:390px; }
    .casual-treasure-art{ min-height:390px; padding:18px; }
    .casual-treasure-art img{ height:min(320px,46vw); }
    .casual-lounge-grid-secondary{ grid-template-columns:1fr; }
    .casual-achievements > div{ grid-template-columns:1fr; }
}

@media (max-width:700px){
    body[data-collector-mode="casual"][data-workspace="home"] .workspace-shell-sidebar{ display:none !important; }
    body[data-collector-mode="casual"][data-workspace="home"] .main-content{ width:100%; }
    body[data-collector-mode="casual"][data-workspace="home"] .content-scroll{ padding:14px 12px 94px; }
    .casual-lounge{ gap:13px; padding-bottom:78px; }
    .casual-welcome{ min-height:auto; padding:18px; border-radius:17px; }
    .casual-welcome > i{ width:48px; height:48px; border-radius:15px; font-size:18px; }
    .casual-welcome h1{ font-size:25px; }
    .casual-welcome p{ font-size:12px; }
    .casual-treasure{ grid-template-columns:1fr; min-height:0; border-radius:19px; }
    .casual-treasure-copy{ order:2; padding:22px 18px; }
    .casual-treasure-copy h2{ font-size:31px; }
    .casual-treasure-copy > p{ font-size:13px; }
    .casual-treasure-copy dl{ margin:18px 0; }
    .casual-treasure-copy dl div{ flex:1 1 95px; min-width:0; }
    .casual-treasure-art{ order:1; min-height:350px; padding:22px 18px 8px; }
    .casual-treasure-art img{ width:auto; height:320px; max-width:90%; }
    .casual-treasure-art > span{ bottom:18px; }
    .casual-lounge-grid-primary,
    .casual-lounge-grid-secondary{ grid-template-columns:1fr; gap:13px; }
    .casual-favorite{ grid-column:auto; }
    .casual-panel,.casual-wide-panel{ padding:17px; border-radius:17px; }
    .casual-image-shelf > button{ flex-basis:148px; }
    .casual-image-shelf > button > span{ width:148px; height:207px; }
    .casual-journey dl{ grid-template-columns:1fr; }
    .casual-bottom-nav{
        position:fixed;
        z-index:80;
        right:10px;
        bottom:max(10px,env(safe-area-inset-bottom));
        left:10px;
        display:grid;
        grid-template-columns:repeat(5,1fr);
        min-height:64px;
        padding:7px;
        border:1px solid rgba(var(--profile-accent-rgb,201,201,201),.4);
        border-radius:18px;
        background:color-mix(in srgb,var(--casual-bg) 96%,transparent);
        backdrop-filter:blur(16px);
    }
    .casual-bottom-nav button{
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        gap:4px;
        min-width:0;
        border:0;
        border-radius:12px;
        color:#94a3b8;
        background:transparent;
        font-size:9px;
    }
    .casual-bottom-nav button i{ font-size:15px; }
    .casual-bottom-nav button.active{ color:#fff; background:rgba(var(--profile-accent-rgb,201,201,201),.3); }
}

@media (max-width:420px){
    .casual-welcome > i{ display:none; }
    .casual-treasure-art{ min-height:315px; }
    .casual-treasure-art img{ height:288px; }
    .casual-collection-visual{ grid-template-columns:110px 1fr; }
    .casual-favorite-art img{ width:112px; height:160px; }
}

@media (prefers-reduced-motion:reduce){
    .casual-lounge,.casual-lounge *{ scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}