/* Compact game shelf: text-first cards, no decorative card artwork. */
.game-shell:has(.mini-game a.primary-action){min-height:0;grid-template-rows:auto auto}
.mini-game:has(a.primary-action){padding:24px;gap:14px;background:#fff;border-radius:12px}
.mini-game a.primary-action{justify-self:start;text-decoration:none;white-space:normal;min-height:44px}
#menu-view .layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}
#menu-view .layout>.panel{background:transparent;border:0;box-shadow:none}
#menu-view .section-header{padding:0 0 16px;align-items:baseline}
#menu-view .section-header h2{font-size:1.25rem;letter-spacing:-.025em}
#menu-view .section-header span{display:block;margin-top:4px;font-size:.875rem}
#menu-view .games{padding:0;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
#menu-view .game-card{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:16px;text-align:left;background:#fff;border:1px solid #d8e0da;border-top:4px solid var(--accent);border-radius:12px;box-shadow:0 2px 4px #183c2410;overflow-wrap:anywhere}
#menu-view .game-card:hover{border-color:var(--accent);box-shadow:0 7px 18px #183c241a;transform:translateY(-2px)}
#menu-view .game-card:focus-visible{outline:3px solid #245e43;outline-offset:3px}
#menu-view .game-type{font-size:.875rem;line-height:1.3;color:#59665f}
#menu-view .game-card h3{font-size:1.2rem;line-height:1.2;letter-spacing:-.02em;margin:0}
#menu-view .game-card .subtitle{font-size:1rem;line-height:1.4;margin:0;color:#59665f}
#menu-view .game-card-footer{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}
#menu-view .meta{display:grid;gap:3px;font-size:.875rem;line-height:1.3;color:#59665f}
#menu-view .meta span{border:0;border-radius:0;background:none;padding:0}
#menu-view .card-play{display:grid;place-items:center;min-height:44px;padding:8px 13px;border-radius:8px;background:#edf3ef;color:#245e43;font-size:.875rem}
#menu-view .card-play{flex-shrink:0;white-space:nowrap}
#menu-view .game-card:hover .card-play{background:#245e43;color:white}
#menu-view .sidebar{gap:16px}
#menu-view .sidebar .panel{border-radius:12px;background:#ffffffa6;box-shadow:none;padding:16px}
#menu-view .sidebar .section-header{padding-bottom:12px}
#menu-view .leaderboard,#menu-view .activity{padding:0}
#menu-view .leader-row{border:0;background:#fff;padding:10px 8px}
#menu-view .empty{padding:12px 0;font-size:1rem}
.app:not(.game-mode) .topbar{margin-bottom:28px}
.app:not(.game-mode) .brand h1{font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.04em}
@media(max-width:1100px){#menu-view .games{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){#menu-view .layout{grid-template-columns:1fr}#menu-view .sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#menu-view .games{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#menu-view .game-card{padding:12px;gap:7px}#menu-view .game-card .subtitle{display:none}#menu-view .game-card h3{font-size:1.125rem}#menu-view .game-card-footer{align-items:start;flex-direction:column}#menu-view .card-play{width:100%;min-height:44px}#menu-view .sidebar{grid-template-columns:1fr}.app:not(.game-mode) .topbar{gap:12px;margin-bottom:20px}.app:not(.game-mode) .game-actions{justify-content:start}.app:not(.game-mode) .status-pill{width:auto;flex:1 1 100%;padding:0;border:0;background:none;text-align:left;white-space:normal}.app:not(.game-mode) .game-actions button{min-height:44px}}
@media(prefers-reduced-motion:reduce){#menu-view .game-card{transition:none}#menu-view .game-card:hover{transform:none}}