/* Page chrome shares one quiet surface; the game objects carry the detail. */
.home-page{--home-control-bg:#272727;--home-control-hover:#303030;--home-control-shadow:inset 0 1px 1px #ffffff08;--home-control-radius:10px}
.home-page .shell{max-width:1440px;padding-inline:clamp(24px,3.4vw,48px)}
.home-page .header{height:76px;border:0}
.home-page .portal-main{padding:0 0 28px}
.home-page .welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 18px;text-align:left}
.home-page .welcome h1{max-width:none;margin:0;font:400 28px/1.2 var(--sans);letter-spacing:-.03em;color:#d9d9d9}
.home-page .welcome>.install-entry{flex:none;width:auto;max-width:none;min-height:44px;margin:0;padding:0 14px;gap:9px;border-radius:var(--home-control-radius);background:var(--home-control-bg);box-shadow:var(--home-control-shadow);color:#d5d5d5}
.home-page .welcome>.install-entry:hover{background:var(--home-control-hover)}
.home-page .welcome>.install-entry>svg{width:17px;height:17px;padding:0;fill:none;stroke-width:1.4;color:#bdbdbd}
.home-page .welcome>.install-entry strong{font:400 13px/1.4 var(--sans);letter-spacing:0}
.home-page #install-entry-note{display:none}
.home-page .game-filters button:focus-visible,.home-page .game-mode-dialog a:focus-visible,.home-page .game-mode-dialog button:focus-visible{outline:1.5px solid #aaa;outline-offset:3px}
.home-page .game-mode-dialog{width:min(380px,calc(100% - 32px));padding:22px;border:0;border-radius:22px;color:#dedede;background:linear-gradient(145deg,#292929,#232323);box-shadow:0 24px 100px #0008,inset 0 1px 1px #ffffff08}
.home-page .game-mode-dialog::backdrop{background:#101010aa;backdrop-filter:blur(10px)}
.home-page .game-mode-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.home-page .game-mode-heading h2{margin:0;font:400 23px/1.3 var(--sans);letter-spacing:-.035em}
.home-page .game-mode-heading button{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:0;border-radius:11px;background:#ffffff05;color:#ababab;cursor:pointer}
.home-page .game-mode-dialog svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.home-page .game-mode-options{display:grid;gap:10px}
.home-page .game-mode-options a{display:flex;align-items:center;gap:15px;min-height:68px;padding:14px 17px;border-radius:14px;background:#ffffff05;color:#d3d3d3;font:400 16px var(--sans);text-decoration:none;transition:background .18s,transform .18s}
.home-page .game-mode-options a:hover{background:#ffffff0a}
.home-page .game-mode-options a:active{transform:scale(.98)}
.home-page .game-mode-options a>svg{color:#929292}
.home-page .mode-option-arrow{margin-left:auto;color:#929292;font-size:20px}

@media(max-width:760px){
 .home-page .shell{padding-inline:16px}
 .home-page .welcome{gap:12px;padding:12px 0 14px}
 .home-page .welcome h1{font-size:24px}
 .home-page .welcome>.install-entry{padding-inline:12px;gap:8px}
 .home-page .welcome>.install-entry strong{font-size:12px}
 .home-page .portal-main{padding-bottom:20px}
}
@media(max-width:360px){
 .home-page .shell{padding-inline:12px}
 .home-page .welcome h1{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.home-page .game-mode-options a{transition:none}}
