:root{
    --bg:#050312;
    --stage:#0b0b24;
    --panel:#101036;
    --panel-2:#17144a;
    --case:#7c21f3;
    --case-dark:#18062d;
    --gold:#ffe600;
    --gold-2:#fff58a;
    --green:#4dff85;
    --red:#ff3d81;
    --cyan:#23e7ff;
    --pink:#ff42d0;
    --purple:#8b4dff;
    --text:#ffffff;
    --muted:#c8c5f5;
    --line:rgba(35,231,255,.34);
    --shadow:0 18px 50px rgba(0,0,0,.44),0 0 26px rgba(139,77,255,.12);
}
*{box-sizing:border-box}
[hidden]{display:none !important}
html{min-height:100%;background:var(--bg)}
body{
    margin:0;
    min-height:100%;
    color:var(--text);
    font-family:Arial,Helvetica,sans-serif;
    background:
        radial-gradient(circle at 50% -120px, rgba(255,66,208,.42), transparent 290px),
        radial-gradient(circle at 8% 25%, rgba(35,231,255,.24), transparent 240px),
        radial-gradient(circle at 92% 42%, rgba(139,77,255,.22), transparent 260px),
        linear-gradient(180deg,#09051d 0%,#08071c 48%,#03020b 100%);
}
body:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg, rgba(35,231,255,.06) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,66,208,.045) 1px, transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(180deg, rgba(0,0,0,.62), transparent 72%);
}
button,a{touch-action:manipulation}
button{font:inherit}
.app-shell{
    width:min(1180px,100%);
    margin:0 auto;
    padding:12px;
    position:relative;
}
.topbar{
    display:grid;
    grid-template-columns:52px 1fr 44px;
    gap:12px;
    align-items:center;
    padding:12px 0 10px;
}
.brand-mark{
    width:52px;
    height:52px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:radial-gradient(circle at 35% 28%,#fff1a8 0,#f3c230 44%,#9f640f 100%);
    color:#201506;
    font-weight:900;
    font-size:28px;
    box-shadow:0 0 0 5px rgba(243,194,48,.16),0 10px 24px rgba(0,0,0,.36);
}
.logo-slot{
    position:relative;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--gold-2);
    box-shadow:none;
    filter:drop-shadow(0 0 10px rgba(35,231,255,.65)) drop-shadow(0 0 18px rgba(255,66,208,.35));
}
.logo-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.logo-slot span{font-size:9px;letter-spacing:.08em}
.eyebrow{
    margin:0 0 4px;
    color:var(--gold-2);
    text-transform:uppercase;
    font-size:11px;
    font-weight:900;
    letter-spacing:0;
}
h1{margin:0;font-size:clamp(28px,8vw,46px);line-height:.96}
.subtitle{margin:5px 0 0;color:var(--muted);font-weight:800}
.icon-button{
    width:44px;
    height:44px;
    border-radius:50%;
    border:1px solid rgba(255,229,138,.42);
    background:#12113c;
    color:var(--cyan);
    box-shadow:0 0 14px rgba(35,231,255,.24);
    font-size:12px;
    font-weight:900;
    cursor:pointer;
}
.hero-band{display:grid;grid-template-columns:1fr;gap:10px;margin-top:4px}
.timer-card,.pool-card,.login-panel,.rules-section,.leaderboard-section{
    background:linear-gradient(145deg,rgba(19,17,65,.96),rgba(8,8,30,.97));
    border:1px solid var(--line);
    border-radius:8px;
    padding:14px;
    box-shadow:var(--shadow);
}
.timer-card,.pool-card{position:relative;overflow:hidden}
.timer-card:after,.pool-card:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg, transparent 0 44%, rgba(255,255,255,.08) 50%, transparent 58% 100%);
    pointer-events:none;
}
.timer-card span,.pool-card span,.status-strip span{
    display:block;
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}
.timer-card strong,.pool-card strong{
    display:block;
    margin-top:5px;
    color:var(--gold);
    text-shadow:0 0 12px rgba(255,230,0,.55);
    font-size:clamp(22px,7vw,34px);
}
.status-strip{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:10px 0;
}
.status-strip div{
    min-width:0;
    border:1px solid rgba(255,229,138,.16);
    border-radius:8px;
    padding:10px 8px;
    background:linear-gradient(135deg,rgba(16,16,57,.92),rgba(11,8,37,.95));
    box-shadow:inset 0 0 14px rgba(35,231,255,.05);
}
.status-strip strong{
    display:block;
    margin-top:4px;
    color:#fff;
    font-size:clamp(13px,4vw,17px);
    line-height:1.15;
    overflow-wrap:anywhere;
}
.login-panel{text-align:center;margin:14px 0}
.x-login,.demo-login,.primary,.deal,.no-deal,.share-x{
    min-height:48px;
    border:0;
    border-radius:8px;
    padding:13px 16px;
    font-weight:900;
    text-decoration:none;
    cursor:pointer;
}
.x-login,.primary,.deal,.share-x{
    background:linear-gradient(135deg,var(--gold),#ff9d00 72%,#ff4d7d);
    color:#241100;
    box-shadow:0 8px 20px rgba(255,230,0,.24),0 0 20px rgba(255,66,208,.22);
}
.demo-login,.no-deal{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#152552,#351653);
    color:#fff;
    border:1px solid rgba(255,229,138,.34);
}
.fine-print{color:var(--muted);font-size:13px}
.account-bar{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    margin:4px 0 8px;
    color:var(--muted);
    font-size:11px;
    font-weight:900;
}
.account-bar a{color:var(--gold-2)}
.guest-callout{
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    align-items:center;
    margin:7px 0;
    padding:11px 12px;
    border:2px solid var(--gold);
    border-radius:8px;
    background:linear-gradient(100deg,rgba(255,230,0,.22),rgba(255,66,208,.15),rgba(18,17,60,.98));
    box-shadow:0 0 28px rgba(255,230,0,.18),0 0 25px rgba(255,66,208,.12);
}
.guest-callout strong,.guest-callout span{display:block}
.guest-callout strong{color:#fff;font-size:14px}
.guest-callout span{margin-top:2px;color:var(--muted);font-size:11px;font-weight:800}
.guest-callout a{
    min-height:40px;
    display:grid;
    place-items:center;
    border-radius:7px;
    padding:8px 12px;
    background:var(--gold);
    color:#231706;
    font-size:11px;
    font-weight:900;
    text-align:center;
    text-decoration:none;
}
.game-panel{margin-top:12px}
.action-row{
    position:sticky;
    top:0;
    z-index:5;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    margin:0 -12px 12px;
    padding:10px 12px;
    background:linear-gradient(180deg,rgba(8,11,14,.96),rgba(8,11,14,.86));
    border-bottom:1px solid rgba(255,229,138,.12);
    backdrop-filter:blur(8px);
}
.action-row p{
    margin:0;
    color:var(--gold-2);
    font-size:14px;
    font-weight:900;
    text-align:right;
    overflow-wrap:anywhere;
}
.game-guidance{min-width:0;text-align:right}
.game-hud{display:flex;justify-content:flex-end;gap:5px;margin-top:4px;flex-wrap:wrap}
.game-hud span{
    border:1px solid rgba(255,229,138,.2);
    border-radius:999px;
    padding:3px 7px;
    background:#0c120f;
    color:#fff;
    font-size:9px;
    font-weight:900;
}
.round-progress{
    color:var(--green) !important;
    font-size:11px !important;
    text-transform:uppercase;
    letter-spacing:.08em;
    margin-bottom:3px !important;
}
.primary{min-width:118px}
.prize-toggle{
    min-height:44px;
    border:1px solid rgba(255,229,138,.34);
    border-radius:8px;
    padding:8px 10px;
    background:linear-gradient(135deg,#142654,#3c1557);
    color:var(--cyan);
    box-shadow:0 0 12px rgba(35,231,255,.15);
    font-size:12px;
    font-weight:900;
    cursor:pointer;
}
.board-layout{display:grid;grid-template-columns:1fr;gap:12px}
.case-area{min-width:0}
.personal-case-dock{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    width:max-content;
    max-width:100%;
    margin:0 auto 10px;
    padding:6px 10px;
    border:1px solid rgba(111,208,77,.35);
    border-radius:999px;
    background:rgba(111,208,77,.1);
    color:var(--gold-2);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}
[hidden].personal-case-dock{display:none}
.personal-case-dock strong{
    color:#fff;
    font-size:14px;
}
.case-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}
.case{
    position:relative;
    aspect-ratio:1.08/1;
    min-height:66px;
    border:1px solid rgba(255,229,138,.42);
    border-radius:8px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.24), transparent 24%),
        linear-gradient(145deg,#d83cff 0,#7134e8 48%,#172069 100%);
    color:#fff;
    font-weight:900;
    cursor:pointer;
    overflow:hidden;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 8px 18px rgba(0,0,0,.36),0 0 13px rgba(139,77,255,.24);
    transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.case:before{
    content:"";
    position:absolute;
    left:22%;
    right:22%;
    top:11%;
    height:16%;
    border:2px solid rgba(35,231,255,.8);
    border-bottom:0;
    border-radius:999px 999px 0 0;
}
.case:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:45%;
    height:2px;
    background:rgba(255,230,0,.62);
    box-shadow:0 9px 0 rgba(0,0,0,.2);
}
.case:hover,.case:focus-visible{
    transform:translateY(-2px) scale(1.02);
    box-shadow:0 0 0 3px rgba(35,231,255,.35),0 0 28px rgba(255,66,208,.5),0 14px 24px rgba(0,0,0,.36);
}
.case.opened{
    background:linear-gradient(180deg,#24214f,#0d0c24);
    color:#fff;
    filter:saturate(.75);
    cursor:not-allowed;
    animation:flip .34s ease;
}
.case.just-opened{animation:reveal-pop .8s ease;z-index:2}
@keyframes reveal-pop{
    0%{transform:scale(1)}
    28%{transform:scale(1.14);box-shadow:0 0 0 4px rgba(243,194,48,.32),0 0 34px rgba(243,194,48,.5)}
    100%{transform:scale(1)}
}
.case.personal{
    outline:3px solid var(--green);
    box-shadow:0 0 0 5px rgba(111,208,77,.15),0 0 22px rgba(111,208,77,.42);
}
.case.personal:after{
    content:"YOUR CASE";
    top:auto;
    bottom:5px;
    height:auto;
    padding:3px 2px;
    color:#071006;
    background:var(--green);
    box-shadow:none;
    font-size:8px;
    letter-spacing:.08em;
}
.case-number{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    height:100%;
    padding-top:16%;
    font-size:clamp(20px,7vw,34px);
}
.case-value{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    align-content:center;
    min-height:100%;
    padding:24px 5px 7px;
    color:#fff;
    line-height:1;
    overflow-wrap:anywhere;
}
.case-amount{
    font-size:clamp(12px,3.6vw,16px);
}
.case-unit{
    margin-top:3px;
    color:var(--gold-2);
    font-size:clamp(7px,2vw,9px);
    letter-spacing:0;
}
@keyframes flip{from{transform:rotateY(88deg)}to{transform:rotateY(0)}}
.prize-board{
    background:linear-gradient(160deg,#151343,#08081d);
    border:1px solid rgba(243,194,48,.22);
    border-radius:8px;
    padding:12px;
    box-shadow:var(--shadow);
}
.prize-board h2,.leaderboard-section h2,.rules-section h2{
    margin:0 0 10px;
    color:var(--gold-2);
    font-size:20px;
}
.prize-board-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.close-prize-board{
    display:none;
    border:0;
    border-radius:999px;
    padding:8px 14px;
    background:var(--gold);
    color:#231706;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 0 0 3px rgba(243,194,48,.18);
}
#prizeBoard{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
}
.prize{
    min-height:34px;
    display:grid;
    place-items:center;
    padding:7px 5px;
    border-radius:6px;
    background:linear-gradient(135deg,#193a65,#42165d);
    color:#fff;
    font-size:12px;
    font-weight:900;
    text-align:center;
    overflow-wrap:anywhere;
}
.prize.eliminated{
    color:#77739e;
    background:#0b0a20;
    text-decoration:line-through;
    transform:scale(.98);
}
.leaderboard-section,.rules-section{margin-top:14px}
.section-title{
    display:grid;
    grid-template-columns:1fr;
    gap:4px;
}
.section-toggle{
    display:none;
    border:1px solid rgba(255,229,138,.32);
    border-radius:999px;
    padding:5px 10px;
    background:#172218;
    color:var(--gold-2);
    font-size:10px;
    font-weight:900;
}
.section-title p,.rules-section p{margin:0;color:var(--muted)}
.split-message{color:var(--gold-2);font-weight:900}
.leader-row{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:8px;
    align-items:center;
    background:linear-gradient(135deg,rgba(13,19,62,.94),rgba(40,12,57,.88));
    border:1px solid rgba(255,229,138,.14);
    border-radius:8px;
    padding:10px;
    margin-top:8px;
}
.leader-row.flash{animation:flash .8s ease}
@keyframes flash{from{box-shadow:0 0 0 3px rgba(243,194,48,.5)}to{box-shadow:none}}
.rank{color:var(--gold);font-weight:900}
.score{
    grid-column:2;
    color:#fff;
    font-weight:900;
    text-align:left;
}
.meta{font-size:12px;color:var(--muted);line-height:1.35}
.winner{
    display:inline-block;
    margin-left:5px;
    color:#231706;
    background:linear-gradient(135deg,var(--gold),#ff8a00);
    box-shadow:0 0 12px rgba(255,230,0,.5);
    border-radius:999px;
    padding:2px 6px;
    font-size:11px;
    font-weight:900;
}
.modal{
    position:fixed;
    inset:0;
    display:grid;
    place-items:center;
    padding:14px;
    z-index:10;
    background:rgba(0,0,0,.78);
    backdrop-filter:blur(8px);
}
.modal-card{
    width:min(460px,100%);
    border:2px solid var(--gold);
    border-radius:8px;
    padding:24px;
    text-align:center;
    background:
        radial-gradient(circle at 50% 0, rgba(255,66,208,.32), transparent 44%),
        linear-gradient(160deg,#16164c,#090921);
    box-shadow:0 0 45px rgba(35,231,255,.25),0 0 75px rgba(255,66,208,.3),0 22px 60px rgba(0,0,0,.54);
    animation:pulse 1.2s ease infinite alternate;
}
.modal-card h2{
    margin:8px 0 18px;
    color:var(--gold-2);
    font-size:clamp(34px,12vw,56px);
    line-height:.95;
    overflow-wrap:anywhere;
}
.modal-actions{display:grid;grid-template-columns:1fr;gap:10px}
.deal,.no-deal{width:100%}
.offer-context,.result-message{color:var(--muted);font-weight:800}
.offer-values{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin:14px 0 18px;
}
.offer-values span{
    padding:7px 4px;
    border:1px solid rgba(255,229,138,.18);
    border-radius:6px;
    background:#0c120f;
    color:#fff;
    font-size:11px;
    font-weight:900;
}
.result-card{animation:none}
.result-card.first-place-result{
    border-width:3px;
    background:
        radial-gradient(circle at 50% 0, rgba(255,230,0,.32), transparent 38%),
        radial-gradient(circle at 14% 18%, rgba(35,231,255,.22), transparent 26%),
        linear-gradient(160deg,#24145a,#090921);
    box-shadow:0 0 0 5px rgba(255,230,0,.16),0 0 60px rgba(255,230,0,.34),0 0 90px rgba(255,66,208,.26),0 22px 60px rgba(0,0,0,.54);
    animation:first-place-pop .95s ease both;
}
.first-place-result .eyebrow{
    color:var(--gold);
    font-size:14px;
}
.result-stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:16px 0;
}
.result-stats div{
    padding:10px 6px;
    border:1px solid rgba(255,229,138,.18);
    border-radius:7px;
    background:#0c120f;
}
.result-stats span{display:block;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}
.result-stats strong{display:block;margin-top:4px;color:#fff;font-size:13px;overflow-wrap:anywhere}
.result-share-note{
    margin:0 0 14px;
    color:var(--gold-2);
    font-weight:900;
    line-height:1.35;
}
.result-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}
.share-x{width:100%}
@keyframes first-place-pop{
    0%{transform:scale(.96);filter:saturate(1)}
    55%{transform:scale(1.025);filter:saturate(1.35)}
    100%{transform:scale(1);filter:saturate(1.12)}
}
@keyframes pulse{from{transform:scale(1)}to{transform:scale(1.012)}}
.toast{
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:11;
    border:1px solid var(--red);
    border-radius:8px;
    padding:12px;
    color:#fff;
    text-align:center;
    background:#2a1510;
    box-shadow:var(--shadow);
}
.intro-splash{
    position:fixed;
    inset:0;
    z-index:100;
    display:grid;
    place-items:center;
    background:#050706;
}
.intro-video{width:100%;height:100%;object-fit:contain;background:#050706}
.skip-intro{
    position:absolute;
    right:14px;
    top:14px;
    min-height:42px;
    border:1px solid rgba(255,255,255,.5);
    border-radius:999px;
    padding:8px 16px;
    background:rgba(0,0,0,.72);
    color:#fff;
    font-weight:900;
    cursor:pointer;
}
@media (max-width:859px){
    .prize-board.mobile-open{
        position:fixed;
        left:12px;
        right:12px;
        bottom:12px;
        z-index:9;
        max-height:64vh;
        overflow:auto;
        border-color:var(--gold);
        box-shadow:0 0 0 999px rgba(0,0,0,.72),var(--shadow);
    }
    .prize-board.mobile-open #prizeBoard{grid-template-columns:repeat(2,minmax(0,1fr))}
    .prize-board.mobile-open .close-prize-board{display:block}
}
@media (max-width:700px){
    .prize-board{display:none}
    .app-shell{padding:5px}
    .demo-ribbon{margin:-5px -5px 3px !important;padding:4px 6px !important;font-size:8px !important}
    .topbar{grid-template-columns:62px minmax(0,1fr) 28px;gap:8px;padding:3px 0}
    .brand-mark{width:62px;height:50px;box-shadow:none}
    .logo-slot span{font-size:6px}
    .eyebrow{display:none}
    h1{font-size:clamp(15px,5.2vw,21px);line-height:1;white-space:nowrap;letter-spacing:-.045em}
    .subtitle{margin-top:2px;font-size:8px;line-height:1}
    .icon-button{width:28px;height:28px;font-size:8px}
    .hero-band{grid-template-columns:1fr 1fr;gap:3px;margin-top:2px}
    .timer-card,.pool-card{padding:5px 6px;border-radius:5px}
    .timer-card span,.pool-card span,.status-strip span{font-size:7px;line-height:1}
    .timer-card strong,.pool-card strong{margin-top:2px;font-size:clamp(11px,3.5vw,15px);line-height:1}
    .status-strip{gap:3px;margin:3px 0}
    .status-strip div{padding:4px;border-radius:5px}
    .status-strip strong{margin-top:2px;font-size:9px;line-height:1}
    .account-bar{margin:2px 0 3px;font-size:8px}
    .guest-callout{grid-template-columns:1fr;margin:3px 0;padding:7px;gap:5px}
    .guest-callout strong{font-size:10px}
    .guest-callout span{font-size:8px;line-height:1.2}
    .guest-callout a{min-height:30px;padding:5px;font-size:9px}
    .game-panel{margin-top:3px}
    .action-row{margin:0 -5px 4px;padding:4px 5px;gap:4px}
    .game-guidance{line-height:1}
    .game-hud{justify-content:flex-start;margin-top:3px}
    .game-hud span{padding:2px 5px;font-size:7px}
    .round-progress{font-size:7px !important;margin-bottom:2px !important}
    .action-row p{font-size:9px;line-height:1.05}
    .primary{min-width:76px;min-height:32px;padding:6px;font-size:9px}
    .prize-toggle{min-height:32px;padding:4px 6px;font-size:8px}
    .board-layout{gap:4px}
    .personal-case-dock{margin:1px auto 8px;padding:5px 9px;font-size:8px}
    .personal-case-dock strong{font-size:12px}
    .case-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        column-gap:9px;
        row-gap:10px;
        padding:3px 2px 5px;
    }
    .case{width:100%;min-height:0;aspect-ratio:1.18/1;border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 4px 7px rgba(0,0,0,.24)}
    .case:before{top:8%;height:14%;border-width:1px}
    .case:after{top:43%;height:1px;box-shadow:0 5px 0 rgba(0,0,0,.18)}
    .case-number{padding-top:12%;font-size:clamp(20px,7vw,28px)}
    .case-value{min-height:100%;padding:18px 3px 5px}
    .case-amount{font-size:clamp(14px,4.3vw,17px)}
    .case-unit{margin-top:3px;font-size:7px}
    .case.personal:after{bottom:3px;padding:2px 1px;font-size:6px}
    .leaderboard-section,.rules-section{margin-top:6px;padding:8px}
    .leaderboard-section h2,.rules-section h2{font-size:15px;margin-bottom:5px}
    .section-title p,.rules-section p,.split-message{font-size:10px;line-height:1.25}
    .leader-row{grid-template-columns:28px minmax(0,1fr);gap:4px;padding:6px;margin-top:4px;font-size:10px}
    .meta{font-size:8px}
    .score{font-size:10px}
    .game-active .hero-band,.game-active .status-strip{display:none}
    .section-title{grid-template-columns:1fr auto;align-items:center}
    .section-title p{display:none}
    .section-toggle{display:block}
    .section-body{display:none}
    .section-body.mobile-open{display:block}
    .action-row{grid-template-columns:1fr auto}
    .game-guidance{grid-column:1/-1;grid-row:2;text-align:left}
    .action-row p{text-align:left}
    .prize-board.mobile-open{display:block}
}
@media (min-width:701px){
    .app-shell{padding:18px}
    .hero-band{grid-template-columns:1fr 1fr}
    .action-row{margin-left:0;margin-right:0;border-radius:8px;border:1px solid rgba(255,229,138,.12)}
    .case-grid{gap:10px}
    .leader-row{grid-template-columns:44px minmax(0,1fr) auto}
    .score{grid-column:auto;text-align:right}
    .modal-actions,.result-actions{grid-template-columns:1fr 1fr}
}
@media (min-width:860px){
    .app-shell{padding:24px}
    .topbar{grid-template-columns:60px 1fr 46px}
    .brand-mark{width:60px;height:60px;font-size:32px}
    .board-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}
    .case-grid{gap:12px}
    .case{min-height:112px}
    #prizeBoard{grid-template-columns:1fr}
    .prize{font-size:13px}
    .prize-toggle{display:none}
    .section-title{grid-template-columns:1fr auto;align-items:end}
}