:root{--bg:#0f1115;--bg-raised:#171a21;--bg-hover:#1e222b;--border:#2a2f3a;--text:#e6e8ee;--text-muted:#9aa3b2;--accent:#5b8cff;--accent-text:#fff;--danger:#ff6b6b;--radius:10px;--gap:1rem}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-main{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:2rem 1.25rem 4rem}.topbar{justify-content:space-between;align-items:center;gap:var(--gap);background:var(--bg-raised);border-bottom:1px solid var(--border);flex-wrap:wrap;padding:.875rem 1.25rem;display:flex}.topbar__brand{align-items:baseline;gap:.5rem;display:flex}.topbar__mark{letter-spacing:.08em;color:var(--accent);font-weight:700}.topbar__title{font-weight:600}.topbar__user{align-items:center;gap:.875rem;display:flex}.topbar__identity{text-align:right;flex-direction:column;line-height:1.2;display:flex}.topbar__name{font-size:.9rem}.topbar__email{color:var(--text-muted);font-size:.75rem}.topbar__signout{color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit;cursor:pointer;background:0 0;min-height:44px;padding:.5rem .875rem;font-size:.875rem}.topbar__signout:hover{background:var(--bg-hover)}.home__title{margin:0 0 1.5rem;font-size:1.5rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.25rem;display:grid}.game-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.875rem;padding:1.25rem;display:flex}.game-card__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.game-card__title{margin:0;font-size:1.125rem}.game-card__badge{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .55rem;font-size:.7rem}.game-card__desc,.game-card__notes{color:var(--text-muted);margin:0;font-size:.9rem}.game-card__meta{flex-wrap:wrap;gap:1.25rem;margin:0;display:flex}.game-card__meta div{flex-direction:column;display:flex}.game-card__meta dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem}.game-card__meta dd{margin:0;font-size:.9rem}.game-card__downloads{flex-direction:column;gap:.5rem;margin-top:auto;display:flex}.game-card__dl-btn{background:var(--accent);color:var(--accent-text);border-radius:var(--radius);font:inherit;cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;padding:.75rem 1rem;font-weight:600;display:flex}.game-card__dl-btn:disabled{opacity:.5;cursor:not-allowed}.game-card__size{opacity:.85;font-size:.8rem;font-weight:400}.game-card__empty{color:var(--text-muted);margin:0;font-size:.9rem}.game-card__error{color:var(--danger);margin:0;font-size:.875rem}.notice{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);text-align:center;max-width:36rem;margin:3rem auto;padding:2rem}.notice h2{margin-top:0}.notice p{color:var(--text-muted)}.notice__hint{font-size:.875rem}.notice--error h2{color:var(--danger)}.global-loader{background:linear-gradient(90deg, transparent, var(--accent), transparent);z-index:1000;background-repeat:no-repeat;background-size:40% 100%;height:3px;animation:1.1s ease-in-out infinite global-loader-slide;position:fixed;inset:0 0 auto}@keyframes global-loader-slide{0%{background-position:-40% 0}to{background-position:140% 0}}.loading-container{color:var(--text-muted);flex-direction:column;align-items:center;gap:.875rem;padding:4rem 1rem;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation-duration:2.4s}.global-loader{animation-duration:3s}}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:1.25rem;display:flex}.login-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:min(100%,26rem);padding:2.5rem 2rem}.login-header h1{margin:0 0 .35rem;font-size:1.35rem}.login-header h2{color:var(--text-muted);margin:0 0 1.5rem;font-size:.95rem;font-weight:500}.login-content{flex-direction:column;align-items:center;gap:.875rem;display:flex}.login-content p{color:var(--text-muted);margin:0;font-size:.9rem}.login-error{word-break:break-word;color:var(--danger)!important}.login-retry-btn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:.25rem;text-decoration:underline}