.arcade-page{min-height:100vh}.arcade-header{width:min(1180px,calc(100% - 24px));max-width:none}.arcade-header .nav-account-button{text-decoration:none}.arcade-home-link{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:800;text-decoration:none;box-shadow:0 3px 0 #c8bdb3}.arcade-home-link:hover,.arcade-home-link:focus-visible{color:var(--ink);outline:3px solid rgba(234,118,95,.22);outline-offset:2px}.arcade-menu,.arcade-session{width:min(1120px,calc(100% - 32px));margin:36px auto 70px}.arcade-hero{max-width:780px;margin-bottom:24px}.arcade-hero h1{margin:5px 0 12px;font:800 clamp(43px,6vw,70px)/.94 var(--serif);letter-spacing:-.065em}.arcade-hero h1 em{color:var(--accent);font-style:normal}.arcade-hero>p:last-child{max-width:690px;margin:0;color:var(--muted);font-size:16px}.arcade-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.arcade-game-card{display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:360px;padding:22px;overflow:hidden}.arcade-game-card>img{display:block;width:92px;height:92px;margin:-6px 0 8px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(52,43,36,.13))}.arcade-game-card h2{margin:3px 0 8px;font:800 29px/1 var(--serif);letter-spacing:-.04em}.arcade-game-card div>p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.arcade-card-foot{align-self:end;display:grid;gap:10px;margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}.arcade-card-foot>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.arcade-card-foot .button{width:100%;min-height:46px}.arcade-progress-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:20px 0 0;color:var(--muted);font-size:10px;text-align:center}.arcade-progress-note span{color:var(--green);font-size:17px}.arcade-session{margin-top:22px}.arcade-session-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:14px;padding:12px 15px}.arcade-back{min-height:38px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#faf7f1;color:var(--muted);font-size:10px;font-weight:850}.arcade-session-bar>div:nth-child(2) small,.arcade-session-bar>div:nth-child(2) strong{display:block}.arcade-session-bar>div:nth-child(2) small{color:var(--accent-ink);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.arcade-session-bar>div:nth-child(2) strong{font-size:15px}.arcade-session-stats{display:flex;align-items:center;justify-content:flex-end;gap:6px}.arcade-session-stats span{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#faf7f1;color:var(--muted);font-size:9px;font-weight:850;white-space:nowrap}.arcade-session-stats #arcade-lives{color:#b94d39;letter-spacing:.08em}.arcade-session-stats #arcade-timer{min-width:40px;justify-content:center;color:var(--accent-ink)}.arcade-session-stats #arcade-timer.is-low{border-color:#b94d39;background:#fff0ec;color:#9d3324}.arcade-workspace{display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,.78fr);gap:16px;align-items:start}.arcade-board-panel{min-width:0;padding:14px;border:1px solid var(--line);border-radius:22px;background:#eee9e2;box-shadow:var(--shadow-soft)}.arcade-board-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,620px);margin:0 auto 8px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.arcade-board{width:min(100%,620px);margin:auto}.arcade-board.is-locked .board-square{pointer-events:none}.arcade-board .board-arrow-layer{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none}.arcade-board .arcade-solution-arrow{fill:none;stroke:#078b74;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 2;filter:drop-shadow(0 1px 1px rgba(19,48,39,.4))}.arcade-board .board-square.wrong-selection{box-shadow:inset 0 0 0 5px rgba(185,77,57,.68)}.arcade-decision{min-height:455px;padding:23px}.arcade-decision h2{margin:8px 0 9px;font:800 clamp(28px,3.2vw,39px)/1 var(--serif);letter-spacing:-.045em}.arcade-instruction{margin:0;color:var(--muted);font-size:12px}.arcade-choices{display:grid;gap:8px;margin-top:20px}.arcade-choices button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:55px;padding:10px 13px;border:1px solid var(--line);border-radius:13px;background:#faf7f1;text-align:left}.arcade-choices button span{font-size:14px;font-weight:850}.arcade-choices button small{color:var(--muted);font-size:9px}.arcade-choices button:hover,.arcade-choices button:focus-visible{border-color:var(--accent);background:#fff4ed;outline:0}.arcade-choices button.is-correct{border-color:var(--green);background:var(--green-soft)}.arcade-choices button.is-wrong{border-color:var(--red);background:var(--red-soft)}.arcade-feedback{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:start;margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}.arcade-feedback>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);font-size:20px;font-weight:900}.arcade-feedback.is-wrong>span{background:var(--red-soft);color:var(--red)}.arcade-feedback strong{font-size:14px}.arcade-feedback p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.arcade-next{width:100%;min-height:47px;margin-top:18px}.arcade-summary{max-width:650px;margin:48px auto;padding:35px;text-align:center}.arcade-summary-mark{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 12px;border-radius:22px;background:var(--peach);font:800 38px var(--serif);box-shadow:0 5px 0 #cfb5a3}.arcade-summary h2{margin:5px 0 10px;font:800 clamp(35px,5vw,52px)/1 var(--serif);letter-spacing:-.05em}.arcade-summary>strong{display:block;color:var(--accent-ink);font:850 34px var(--serif)}.arcade-summary>p:not(.eyebrow){max-width:470px;margin:8px auto 22px;color:var(--muted)}.arcade-summary>div{display:flex;justify-content:center;gap:9px}.arcade-summary .button{min-width:140px}.arcade-page.is-playing .home-hub-tabs-wrap{display:none}

#arcade-feedback-copy{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.arcade-ai-explanation-lock{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;margin-top:7px}.arcade-ai-explanation-lock>img{display:block;width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(173,75,20,.18))}.arcade-ai-explanation-preview{position:relative;min-height:70px;overflow:hidden;border:1px solid rgba(196,137,51,.28);border-radius:10px;background:#fffaf0}#arcade-feedback-copy .arcade-feedback-context{margin:0 0 8px}#arcade-feedback-copy .arcade-ai-explanation-placeholder{margin:0;padding:9px;color:#7b6a43;filter:blur(3px);opacity:.52;user-select:none}.arcade-ai-explanation-message{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;padding:7px;background:radial-gradient(circle,rgba(255,250,235,.96),rgba(255,250,235,.62));text-align:center}.arcade-ai-explanation-message strong{color:var(--ink);font-size:12px}.arcade-ai-explanation-message a{padding:5px 8px;border:1px solid #cf674e;border-radius:8px;background:#fff0e7;color:#9c3927;font-size:9px;font-weight:850;text-decoration:none}.arcade-ai-explanation-message a:hover,.arcade-ai-explanation-message a:focus-visible{background:#fff;outline:3px solid rgba(234,118,95,.22);outline-offset:1px}

.arcade-board .arcade-solution-arrow{fill:url(#arcade-arrow-gradient-solution);stroke:none;stroke-width:0;stroke-dasharray:none;filter:drop-shadow(0 0 1px rgba(255,250,245,.55)) drop-shadow(0 1px 1px rgba(34,33,31,.46))}
.arcade-board .arcade-wrong-arrow{fill:url(#arcade-arrow-gradient-wrong);stroke:none;filter:drop-shadow(0 0 1px rgba(255,250,245,.45)) drop-shadow(0 1px 1px rgba(75,29,26,.42))}
.arcade-choices button{border-color:#b9aca1;background:linear-gradient(180deg,#fffefa 0%,#f7f3eb 58%,#e9e1d8 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(52,43,36,.12),0 4px 0 #b9aca1,0 9px 15px rgba(52,43,36,.14);transition:border-color .12s ease,background .12s ease,box-shadow .09s ease,translate .09s ease}
.arcade-choices button:hover:not(:disabled),.arcade-choices button:focus-visible{border-color:#a84332;background:linear-gradient(180deg,#fffaf6 0%,#fff0e8 58%,#f3d8cc 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(52,43,36,.1),0 5px 0 #b94d39,0 11px 18px rgba(185,77,57,.18);translate:0 -1px}
.arcade-choices button:active:not(:disabled){box-shadow:inset 0 1px 3px rgba(52,43,36,.14),0 1px 0 #b9aca1,0 4px 8px rgba(52,43,36,.12);translate:0 3px}
.arcade-choices button.is-correct{border-color:#477457;background:linear-gradient(180deg,#f2fbf4 0%,#dcefe1 100%);box-shadow:inset 0 1px 0 #fff,0 4px 0 #477457,0 8px 14px rgba(71,116,87,.18);color:#254c32;translate:0 0}
.arcade-choices button.is-wrong{border-color:#a84332;background:linear-gradient(180deg,#fff4f0 0%,#f8d9d1 100%);box-shadow:inset 0 1px 0 #fff,0 4px 0 #a84332,0 8px 14px rgba(168,67,50,.18);color:#8f2f22;translate:0 0}
.arcade-choices button:disabled:not(.is-correct,.is-wrong){opacity:.58;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 0 #b9aca1;translate:0 2px}
.arcade-page[data-arcade-mode="evaluation"] #arcade-side{display:none}

@media(max-width:900px){.arcade-game-grid{grid-template-columns:1fr}.arcade-game-card{grid-template-columns:92px 1fr;grid-template-rows:1fr auto;min-height:0;column-gap:18px}.arcade-game-card>img{grid-column:1;grid-row:1/3}.arcade-game-card>div:not(.arcade-card-foot){grid-column:2}.arcade-card-foot{grid-column:2}.arcade-workspace{grid-template-columns:1fr}.arcade-decision{order:-1;min-height:0}.arcade-board-panel,.arcade-decision{width:min(100%,650px);margin:auto}}
@media(max-width:620px){.arcade-menu,.arcade-session{width:min(100% - 20px,560px);margin-top:24px}.arcade-hero{text-align:center}.arcade-hero h1{font-size:43px}.arcade-hero>p:last-child{font-size:14px}.arcade-game-card{display:grid;grid-template-columns:76px 1fr;padding:17px;column-gap:12px}.arcade-game-card>img{width:76px;height:76px}.arcade-game-card h2{font-size:24px}.arcade-card-foot{grid-column:1/-1}.arcade-progress-note{align-items:flex-start}.arcade-session-bar{grid-template-columns:auto 1fr;gap:8px;padding:9px}.arcade-session-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.arcade-session-stats span{justify-content:center;min-width:0;padding:4px 5px;overflow:hidden;text-overflow:ellipsis}.arcade-workspace{gap:8px}.arcade-decision{padding:16px}.arcade-decision h2{font-size:27px}.arcade-board-panel{padding:8px;border-radius:16px}.arcade-board-meta{font-size:9px}.arcade-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.arcade-choices button{display:grid;justify-items:center;min-width:0;min-height:58px;padding:8px 4px;text-align:center}.arcade-choices button small{line-height:1.2}.arcade-summary{margin:32px auto;padding:25px 15px}.arcade-summary>div{display:grid;grid-template-columns:1fr 1fr}.arcade-summary .button{min-width:0}.arcade-page.is-playing .arcade-header{height:52px}.arcade-page.is-playing .arcade-home-link{display:none}}
@media(max-width:360px){.arcade-hero h1{font-size:37px}.arcade-game-card{grid-template-columns:64px 1fr}.arcade-game-card>img{width:64px;height:64px}.arcade-game-card h2{font-size:22px}.arcade-session-stats span{font-size:8px}.arcade-decision{padding:13px}.arcade-choices button small{display:none}}
@media(prefers-reduced-motion:reduce){.arcade-page *{scroll-behavior:auto!important;transition:none!important}}

/* Keep the Arcade directory compact on small screens. */
.arcade-title-mobile{display:none}
.arcade-board-mobile-stats{display:none}
.arcade-board-back{display:none}
@media(max-width:620px){
    .arcade-page .arcade-header{width:calc(100% - 16px);height:48px;padding:0 9px;border-radius:15px}
    .arcade-page .arcade-header .brand-mark{height:22px}
    .arcade-page .arcade-header .wordmark{font-size:15px}
    .arcade-page .arcade-home-link{display:none}
    .arcade-menu{width:calc(100% - 16px);margin:11px auto 35px}
    .arcade-hero{margin:0 5px 9px;text-align:left}
    .arcade-hero>.eyebrow{margin:0 0 1px;font-size:9px}
    .arcade-title-desktop{display:none}
    .arcade-title-mobile{display:inline}
    .arcade-hero h1{margin:0;font-size:34px;line-height:1;letter-spacing:-.05em}
    .arcade-hero>p:last-child{display:none}
    .arcade-game-grid{gap:7px}
    .arcade-game-card{grid-template-columns:58px minmax(0,1fr) 42px;grid-template-rows:auto auto;min-height:104px;padding:11px;column-gap:9px;border-radius:17px}
    .arcade-game-card>img{grid-column:1;grid-row:1/3;align-self:center;width:58px;height:58px;margin:0}
    .arcade-game-card>div:not(.arcade-card-foot){grid-column:2/4;grid-row:1;align-self:center;min-width:0;padding-right:2px}
    .arcade-game-card>div:not(.arcade-card-foot)>p.eyebrow{margin:0 0 1px;font-size:8px;white-space:nowrap}
    .arcade-game-card h2{margin:0;font-size:20px;line-height:1.05;white-space:nowrap}
    .arcade-game-card div>p:last-child{display:none}
    .arcade-card-foot{grid-column:2/4;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:7px;margin:3px 0 0;padding:0;border:0}
    .arcade-card-foot>span{font-size:9px}
    .arcade-card-foot .button{display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;padding:0;font-size:9px;border-radius:10px;box-shadow:0 3px 0 var(--button-edge)}
    .arcade-card-foot .button span{font-size:17px}
    .arcade-progress-note{margin:9px 6px 0;font-size:9px;line-height:1.35}
    .arcade-progress-note span{font-size:14px}

    .arcade-session{width:calc(100% - 12px);margin:6px auto 30px}
    .arcade-session-bar{grid-template-columns:auto minmax(0,1fr);gap:4px 7px;margin-bottom:6px;padding:6px 7px;border-radius:15px}
    .arcade-back{min-height:34px;padding:5px 8px;border-radius:9px}
    .arcade-session-bar>div:nth-child(2) small{display:none}
    .arcade-session-bar>div:nth-child(2) strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
    .arcade-session-stats{grid-column:1/-1;display:flex;justify-content:stretch;gap:4px}
    .arcade-session-stats span{flex:1;justify-content:center;min-width:0;min-height:25px;padding:3px 4px;font-size:8px}
    .arcade-workspace{gap:7px}
    .arcade-board-panel{order:1;padding:6px;border-radius:14px}
    .arcade-decision{order:2;padding:14px;border-radius:17px}
    .arcade-board-meta{margin-bottom:4px;padding:0 2px;font-size:8px}
    .arcade-board{border-width:5px;border-radius:10px;box-shadow:0 3px 0 #343b46,0 10px 22px rgba(52,43,36,.09)}
    .arcade-decision>.eyebrow{margin:0;font-size:8px}
    .arcade-decision h2{margin:3px 0 4px;font-size:24px}
    .arcade-instruction{font-size:11px}
    .arcade-choices{margin-top:10px}
    .arcade-feedback{margin-top:12px;padding-top:12px}
    .arcade-next{margin-top:11px}
    .arcade-page.is-playing .arcade-header{height:48px}
    .arcade-page:is([data-arcade-mode="evaluation"],[data-arcade-mode="defend"]) .arcade-session-bar{display:block;margin-bottom:4px;padding:0;border:0;background:transparent;box-shadow:none}
    .arcade-page:is([data-arcade-mode="evaluation"],[data-arcade-mode="defend"]) .arcade-session-bar>div{display:none}
    .arcade-page:is([data-arcade-mode="evaluation"],[data-arcade-mode="defend"]) .arcade-session-bar .arcade-back{min-height:36px}
    .arcade-page:is([data-arcade-mode="evaluation"],[data-arcade-mode="defend"]) .arcade-board-meta{display:flex;gap:5px;justify-content:flex-start;white-space:nowrap}
    .arcade-page:is([data-arcade-mode="evaluation"],[data-arcade-mode="defend"]) .arcade-board-meta>span,
    .arcade-page:is([data-arcade-mode="evaluation"],[data-arcade-mode="defend"]) .arcade-board-meta>strong{flex:none}
    .arcade-page:is([data-arcade-mode="evaluation"],[data-arcade-mode="defend"]) .arcade-board-mobile-stats{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
    .arcade-page:is([data-arcade-mode="evaluation"],[data-arcade-mode="defend"]) .arcade-board-mobile-stats span{padding-left:5px;border-left:1px solid var(--line);font-size:8px}
    .arcade-page:is([data-arcade-mode="evaluation"],[data-arcade-mode="defend"]) #arcade-kicker{display:none}
    .arcade-page[data-arcade-mode="evaluation"] [data-arcade-lives-mobile]{display:none}
    .arcade-page[data-arcade-mode="evaluation"] .arcade-session-bar{display:none}
    .arcade-page[data-arcade-mode="evaluation"] .arcade-board-meta{position:relative;min-height:28px;gap:6px;padding:0}
    .arcade-page[data-arcade-mode="evaluation"] .arcade-board-back{display:inline-flex;align-items:center;align-self:stretch;gap:2px;min-height:28px;padding:0 3px;color:var(--muted);font-size:8px;font-weight:850;text-decoration:none}
    .arcade-page[data-arcade-mode="evaluation"] .arcade-board-back:hover,
    .arcade-page[data-arcade-mode="evaluation"] .arcade-board-back:focus-visible{color:var(--ink);text-decoration:underline;outline:0}
    .arcade-page[data-arcade-mode="evaluation"] #arcade-board-status{display:none}
    .arcade-page[data-arcade-mode="evaluation"] .arcade-board-mobile-stats{margin-left:auto}
    .arcade-page.is-playing [data-arcade-timer-mobile]{position:absolute;top:50%;left:50%;min-width:38px;padding:3px 7px!important;border:1px solid #a84332!important;border-radius:999px;background:#cf5944;color:#fff;font-size:9px!important;font-weight:900;line-height:1.2;text-align:center;transform:translate(-50%,-50%);box-shadow:0 2px 0 #9d3324}
    .arcade-page.is-playing .arcade-session-bar{display:none}
    .arcade-page.is-playing .arcade-board-meta{position:relative;display:flex;min-height:28px;gap:6px;justify-content:flex-start;padding:0;white-space:nowrap}
    .arcade-page.is-playing .arcade-board-meta>span,
    .arcade-page.is-playing .arcade-board-meta>strong{flex:none}
    .arcade-page.is-playing .arcade-board-back{display:inline-flex;align-items:center;align-self:stretch;gap:2px;min-height:28px;padding:0 3px;color:var(--muted);font-size:8px;font-weight:850;text-decoration:none}
    .arcade-page.is-playing .arcade-board-back:hover,
    .arcade-page.is-playing .arcade-board-back:focus-visible{color:var(--ink);text-decoration:underline;outline:0}
    .arcade-page.is-playing #arcade-board-status,
    .arcade-page.is-playing #arcade-kicker{display:none}
    .arcade-page.is-playing .arcade-board-mobile-stats{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:5px;min-width:0;margin-left:auto}
    .arcade-page.is-playing .arcade-board-mobile-stats span{padding-left:5px;border-left:1px solid var(--line);font-size:8px}
}

/* Keep each game's controls inside one calm desktop decision panel. */
@media(min-width:901px){
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])){
        display:grid;
        grid-template-columns:minmax(360px,1fr) minmax(320px,.78fr);
        gap:16px;
        align-items:start;
    }
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) .arcade-session-bar{
        z-index:2;
        grid-column:2;
        grid-row:1;
        grid-template-columns:auto minmax(0,1fr);
        grid-template-rows:auto auto;
        align-self:start;
        gap:8px 12px;
        margin:12px 22px 0;
        padding:0 0 12px;
        border:0;
        border-bottom:1px solid var(--line);
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) .arcade-session-bar>.arcade-back{grid-column:1;grid-row:1}
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) .arcade-session-bar>div:nth-child(2){grid-column:2;grid-row:1;align-self:center;min-width:0}
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) .arcade-session-stats{
        grid-column:1/-1;
        grid-row:2;
        display:grid;
        grid-template-columns:auto auto minmax(24px,1fr) auto;
        gap:0;
        min-width:0;
        overflow:hidden;
        border:1px solid #dfd5ca;
        border-radius:10px;
        background:#f7f2eb;
    }
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) .arcade-session-stats span{
        min-width:0;
        min-height:30px;
        padding:5px 11px;
        border:0;
        border-radius:0;
        background:transparent;
    }
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) .arcade-session-stats span+span{border-left:1px solid #dfd5ca}
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) #arcade-progress{grid-column:1}
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) #arcade-score{grid-column:2}
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) #arcade-lives{grid-column:3;justify-content:center}
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) #arcade-timer{grid-column:4;justify-content:center;min-width:48px;color:#ad4635;font-variant-numeric:tabular-nums}
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) #arcade-timer.is-low{background:#fbe7e1;color:#9d3324}
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) .arcade-workspace{grid-column:1/-1;grid-row:1;min-width:0}
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) .arcade-decision{padding-top:126px}
}
@media(max-width:350px){
    .arcade-game-card{grid-template-columns:50px minmax(0,1fr) 40px;padding:9px;column-gap:7px}
    .arcade-game-card>img{width:50px;height:50px}
    .arcade-game-card h2{font-size:18px}
    .arcade-game-card>div:not(.arcade-card-foot)>p.eyebrow{font-size:7px}
    .arcade-card-foot{grid-template-columns:minmax(0,1fr) 40px}
    .arcade-card-foot .button{width:40px;min-width:40px}
}

/* Match the homepage's active orange pagination control. */
.arcade-load-error{margin:18px auto 0;max-width:720px;color:#8b3028;text-align:center;font-size:12px;font-weight:800}

/* Keep the active-color move cue directly attached to Defend's board, as in puzzles. */
.arcade-board-prompt{justify-content:center;width:min(100%,620px);margin:10px auto 0;text-align:center}

.arcade-card-foot{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.arcade-card-foot .button{
    --button-edge:#c45742;
    justify-self:end;
    width:auto;
    min-width:54px;
    min-height:34px;
    padding:0 10px;
    border:1px solid #ea765f;
    border-radius:9px;
    background:var(--accent);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 0 var(--button-edge),0 6px 11px rgba(52,43,36,.08);
    color:var(--ink);
    font:800 10px/1 var(--sans);
    translate:0 0;
}
.arcade-card-foot .button:hover:not(:disabled),.arcade-card-foot .button:focus-visible{
    border-color:#d96550;
    background:#f07c65;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 var(--button-edge),0 8px 13px rgba(52,43,36,.11);
    outline:0;
    translate:0 -1px;
}
.arcade-card-foot .button:active:not(:disabled){
    box-shadow:inset 0 1px 3px rgba(52,43,36,.13),0 1px 0 var(--button-edge),0 3px 6px rgba(52,43,36,.07);
    translate:0 1px;
}

/* Keep game details and records visually connected. */
@media(min-width:901px){.arcade-game-card{min-height:300px}}
.arcade-card-foot{margin-top:14px;padding-top:12px}
@media(max-width:620px){
    .arcade-game-card{min-height:0}
    .arcade-card-foot{align-items:start;margin-top:3px;padding-top:0}
}

/* Use the same compact board tools as quick puzzles. */
.arcade-board-meta{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    text-transform:none;
}
.arcade-board-left{display:flex;align-items:center;gap:7px;min-width:0;text-transform:uppercase}
.arcade-board-left strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arcade-board-left span+strong::before{content:"·";margin-right:7px;color:#aaa39a}
.arcade-page[data-arcade-mode="evaluation"] .arcade-board-left span+strong::before{display:none}
.arcade-board-timer{grid-column:2;grid-row:1;justify-self:center;padding:0;border:0;background:transparent;color:#ad4635;font-size:20px;font-weight:850;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}
.arcade-board-timer.is-low{color:#9d3324}
.arcade-board-meta>.arcade-sound-toggle{grid-column:3;grid-row:1;justify-self:end;width:34px;height:32px;margin:0;padding:0;border:1px solid #d48977;border-radius:9px;background:linear-gradient(180deg,#fffdf8 0%,#fff0eb 58%,#f4b1a3 100%);box-shadow:inset 0 1px 0 #fff,0 4px 0 #bd5b49,0 7px 12px rgba(91,45,36,.18);color:#ad4635;transform:translateY(0);transition:background .12s ease,border-color .12s ease,box-shadow .09s ease,transform .09s ease}
.arcade-board-meta>.arcade-sound-toggle:hover,.arcade-board-meta>.arcade-sound-toggle:focus-visible{border-color:#cf6a57;background:linear-gradient(180deg,#fff 0%,#fff4ee 56%,#f7d8ce 100%);box-shadow:inset 0 1px 0 #fff,0 5px 0 #bd5b49,0 9px 15px rgba(91,45,36,.21);outline:0;transform:translateY(-1px)}
.arcade-board-meta>.arcade-sound-toggle:focus-visible{outline:3px solid rgba(234,118,95,.24);outline-offset:3px}
.arcade-board-meta>.arcade-sound-toggle:active{box-shadow:inset 0 1px 3px rgba(126,53,40,.15),0 1px 0 #bd5b49,0 3px 6px rgba(91,45,36,.16);transform:translateY(3px)}
.arcade-page.is-playing .arcade-board-left #arcade-side,
.arcade-page.is-playing .arcade-board-left #arcade-board-status{display:none}
.arcade-page.is-playing .arcade-board-back{
    display:flex;
    grid-column:1;
    grid-row:1;
    align-items:center;
    justify-self:start;
    gap:5px;
    min-height:30px;
    padding:0 8px;
    border-radius:8px;
    background:#fffdf8;
    color:#3f4d43;
    font-family:var(--sans);
    font-size:10px;
    font-weight:850;
    letter-spacing:normal;
    text-decoration:none;
    text-transform:none;
    box-shadow:0 2px 0 #d3c8b9;
    transition:background .14s ease,box-shadow .09s ease,transform .09s ease;
}
.arcade-page.is-playing .arcade-board-back>span:first-child{font-size:14px;line-height:1}
.arcade-page.is-playing .arcade-board-back:hover{background:#fff;color:#3f4d43;text-decoration:none}
.arcade-page.is-playing .arcade-board-back:focus-visible{color:#3f4d43;text-decoration:none;outline:3px solid rgba(234,118,95,.32);outline-offset:2px}
.arcade-page.is-playing .arcade-board-back:active{box-shadow:0 0 0 #d3c8b9;transform:translateY(2px)}
.arcade-page.is-playing .arcade-session-bar>.arcade-back,
.arcade-page.is-playing .arcade-session-bar #arcade-timer{display:none!important}
.arcade-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}
.arcade-choices button{display:grid;align-items:center;justify-content:center;justify-items:center;min-width:0;min-height:40px;padding:6px 8px;border-radius:10px;text-align:center}
.arcade-choices button span{display:grid;width:auto;height:100%;place-items:center;font-size:13px;line-height:1;text-align:center}

@media(max-width:620px){
    .arcade-page.is-playing .arcade-board-meta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px 8px;min-height:0;margin-bottom:5px;padding:0;white-space:nowrap}
    .arcade-page.is-playing .arcade-board-left{grid-column:1;grid-row:1;min-width:0}
    .arcade-page.is-playing .arcade-board-left #arcade-side,.arcade-page.is-playing .arcade-board-left #arcade-board-status{display:none}
    .arcade-page.is-playing .arcade-board-back{display:inline-flex;align-items:center;justify-self:start;gap:5px;min-height:30px;padding:0 8px;border-radius:8px;background:#fffdf8;color:#3f4d43;font-size:10px;font-weight:850;text-decoration:none;box-shadow:0 2px 0 #d3c8b9}
    .arcade-page.is-playing .arcade-board-back:hover,.arcade-page.is-playing .arcade-board-back:focus-visible{background:#fff;color:#3f4d43;text-decoration:none;outline:3px solid rgba(234,118,95,.24);outline-offset:2px}
    .arcade-page.is-playing [data-arcade-timer-mobile]{position:static;grid-column:2;grid-row:1;min-width:0;padding:0!important;border:0!important;border-radius:0;background:transparent;color:#ad4635;font-size:20px!important;line-height:1;text-align:center;transform:none;box-shadow:none}
    .arcade-page.is-playing .arcade-board-mobile-stats{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:center;gap:0;min-width:0;margin:0;color:var(--muted)}
    .arcade-page.is-playing .arcade-board-mobile-stats span{padding:0 7px;border-left:1px solid var(--line);font-size:8px;line-height:1.2}
    .arcade-page.is-playing .arcade-board-mobile-stats span:first-child{border-left:0}
    .arcade-page.is-playing .arcade-board-meta>.arcade-sound-toggle{grid-column:3;grid-row:1}
    .arcade-choices{margin-top:10px}
    .arcade-choices button{min-height:38px;padding:5px 4px}
}

@media(min-width:901px){
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) .arcade-session-bar{grid-template-columns:minmax(0,1fr)}
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) .arcade-session-bar>div:nth-child(2){grid-column:1}
    .arcade-page.is-playing .arcade-session:has(#arcade-workspace:not([hidden])) .arcade-session-stats{grid-template-columns:auto auto minmax(24px,1fr)}
}

/* Keep the shared trophy-progress deck readable inside the centered Arcade result. */
.arcade-summary .trophy-progress-deck{margin:22px 0 18px;padding-top:15px;text-align:left}
.arcade-summary .trophy-progress-copy{text-align:left}
.arcade-summary .trophy-progress-track{padding-right:1px}
.arcade-summary .trophy-progress-card{flex-basis:100%}

.arcade-feedback>img{display:block;width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(52,43,36,.17))}.arcade-feedback{grid-template-columns:48px 1fr}.arcade-summary-mark{width:98px;height:98px;background:transparent;box-shadow:none}.arcade-summary-mark img{display:block;width:98px;height:98px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(52,43,36,.18))}