:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--bg-elevated:#10161e;--surface:#141a22;--surface-hover:#1a222d;--fg:#e8eef5;--muted:#8b98a8;--line:#243040;--accent:#22d3ee;--accent-fg:#042f36;--score-high:#22d3ee;--score-mid:#f5b942;--score-low:#f87171;--error:#fca5a5;--radius:12px;--display:"Outfit", system-ui, sans-serif;--sans:"Inter", system-ui, sans-serif;--header-h:64px;--shadow:0 10px 30px #00000047}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f5f8;--bg-elevated:#fff;--surface:#fff;--surface-hover:#eef2f6;--fg:#12161c;--muted:#5b6775;--line:#d5dde6;--accent:#0e7490;--accent-fg:#fff;--score-high:#0e7490;--score-mid:#b45309;--score-low:#b91c1c;--error:#b91c1c;--shadow:0 8px 24px #10182814}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font:16px/1.5 var(--sans);background:var(--bg);color:var(--fg)}#app{flex-direction:column;min-height:100vh;display:flex}.shell{width:min(1200px,100% - 32px);margin:0 auto}main{flex:1;padding:28px 0 64px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{min-height:var(--header-h);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:10px 0;display:flex}.brand{color:var(--fg);font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.brand-mark{border:2.5px solid var(--accent);border-right-color:#0000;border-radius:50%;width:22px;height:22px}nav{gap:4px;display:flex}nav a{color:var(--muted);border-radius:999px;padding:8px 10px;font-weight:500}nav a:hover,nav a.active{color:var(--fg);background:var(--surface)}nav a.active{box-shadow:inset 0 -2px 0 var(--accent);background:0 0;border-radius:0}.header-search{flex:1;min-width:180px;max-width:360px;margin-left:auto}.header-search input{width:100%}.auth-links{align-items:center;gap:8px;display:flex}.avatar{background:var(--surface);width:34px;height:34px;color:var(--fg);border:1px solid var(--line);border-radius:50%;place-items:center;font-weight:600;display:grid}h1,h2{font-family:var(--display);letter-spacing:-.03em;font-weight:600}h1{margin:0 0 8px;font-size:2rem}h2{margin:0 0 8px;font-size:1.15rem}.page-head{justify-content:space-between;gap:16px;margin-bottom:20px;display:flex}.lede,.meta,.eyebrow{color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.75rem;font-weight:600}.toolbar{gap:10px;margin-bottom:24px;display:grid}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-label{color:var(--muted);margin-right:4px;font-size:.8rem}.chip{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:6px 12px;font-size:.85rem}.chip:hover,.chip.active{border-color:var(--accent);color:var(--accent)}.chip.static{pointer-events:none}.game-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.game-card{color:inherit;gap:10px;transition:transform .15s;display:grid;position:relative}.game-card:hover{transform:translateY(-3px)}button.game-card.test-card{text-align:left;background:0 0;border:0;border-radius:0;width:100%;padding:0}button.game-card.test-card.selected .cover{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent)}.rated-flash{color:var(--accent)}.game-card-poster{position:relative}.game-card-poster .score{position:absolute;bottom:8px;left:8px}.game-card-meta{gap:2px;display:grid}.game-card-meta strong{font-family:var(--display);font-size:.95rem}.game-card-meta span{color:var(--muted);font-size:.8rem}.cover{aspect-ratio:2/3;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden}.cover img,.cover-fallback{object-fit:cover;place-items:center;width:100%;height:100%;display:grid}.cover-fallback{font-family:var(--display);color:#fff;background:linear-gradient(160deg, hsl(var(--cover-hue,200) 28% 22%) 0%, hsl(var(--cover-hue,200) 18% 10%) 100%);font-size:3rem;font-weight:700}.score{font-variant-numeric:tabular-nums;font-weight:700;font-family:var(--display);background:var(--bg-elevated);border:2px solid var(--line);border-radius:999px;place-items:center;display:inline-grid}.score-sm{width:42px;height:42px;font-size:.85rem}.score-lg{width:72px;height:72px;font-size:1.35rem}.tone-high{border-color:var(--score-high);color:var(--score-high)}.tone-mid{border-color:var(--score-mid);color:var(--score-mid)}.tone-low{border-color:var(--score-low);color:var(--score-low)}.tone-none{color:var(--muted)}.game-hero{grid-template-columns:240px 1fr;align-items:start;gap:32px;margin-bottom:28px;display:grid}.hero-cover,.cover.hero-cover{width:240px}.game-hero-copy{gap:12px;display:grid}.score-row{align-items:center;gap:16px;display:flex}.score-label{margin:0;font-weight:600}.description{max-width:68ch;font-size:1.05rem}.rate-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:12px;max-width:560px;margin-top:32px;padding:24px;display:grid}.rate-actions{justify-content:space-between;align-items:center;display:flex}.rating-scale{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.rating-scale button{background:var(--bg);border-radius:8px;width:auto;margin:0;padding:10px 0}.rating-scale button.filled,.rating-scale button:hover,.rating-scale:hover button{background:color-mix(in srgb, var(--accent) 22%, var(--bg));border-color:var(--accent);color:var(--fg)}.rating-scale:hover button:hover~button:not(.filled){background:var(--bg);border-color:var(--line);color:inherit}.podium{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px;display:grid}.podium-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.podium-card .cover{aspect-ratio:2/3;width:72px}.podium-rank{font-family:var(--display);color:var(--muted);letter-spacing:.06em;font-size:.8rem;display:block}.podium-card strong,.rank-game strong,.profile-row strong{color:var(--fg);font-family:var(--display);display:block}.rank-table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:auto}.rank-table{border-collapse:collapse;width:100%}.rank-table th,.rank-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 16px}.rank-table th{color:var(--muted);top:var(--header-h);background:var(--bg-elevated);font-size:.8rem;font-weight:600;position:sticky}.rank-table tr:last-child td{border-bottom:0}.rank-table .num{font-variant-numeric:tabular-nums;color:var(--muted);width:48px}.rank-game,.profile-row{color:inherit;align-items:center;gap:12px;display:flex}.rank-game .cover,.profile-row .cover{aspect-ratio:2/3;border-radius:6px;width:40px;min-width:40px}.profile-list{margin:0;padding:0;list-style:none}.profile-list li{border-bottom:1px solid var(--line)}.profile-row{padding:14px 0}.profile-row p{color:var(--muted);margin:6px 0 0}form{gap:12px;display:grid}label{gap:6px;font-weight:500;display:grid}input,textarea,button,.btn{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}textarea{resize:vertical}button,.btn{cursor:pointer;width:fit-content;font-weight:600}.btn.primary,button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.ghost,button.ghost{background:0 0}.btn.icon,button.icon{color:var(--muted);background:0 0;padding:8px 10px}.btn.wide,button.wide{width:100%}button:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.auth-card{background:var(--surface);border:1px solid var(--line);max-width:420px;box-shadow:var(--shadow);border-radius:16px;margin:24px auto 0;padding:28px}.auth-card.wide-form{max-width:560px}.auth-card form{margin-top:16px}.switch-auth{color:var(--muted);margin:16px 0 0}.empty{text-align:center;justify-items:center;gap:12px;padding:64px 16px;display:grid}.empty h1{margin:0}.skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-hover) 50%, var(--surface) 100%);background-size:200% 100%;border-radius:8px;animation:1.2s ease-in-out infinite pulse}.skeleton.poster{aspect-ratio:2/3;border-radius:var(--radius)}.skeleton.line{height:12px;margin-top:8px}.skeleton.line.short{width:40%}.skeleton.line.title{width:60%;height:28px}.skeleton.line.row{height:48px;margin-bottom:8px}.skeleton-card .cover,.skeleton-rows{margin-top:8px}@keyframes pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.error{color:var(--error)}footer{border-top:1px solid var(--line);color:var(--muted);padding:20px 0;font-size:.85rem}footer p{margin:0}@media (width<=800px){.game-hero,.podium{grid-template-columns:1fr}.hero-cover,.cover.hero-cover{width:180px}.header-search{flex-basis:100%;order:5;max-width:none;margin-left:0}nav{flex-wrap:wrap}}