:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);--bg:#0e141d;--surface:#161f2b;--surface-2:#1e2a39;--border:#2a3a4d;--text:#e6edf5;--text-muted:#9fb0c3;--accent:#66c0f4;--accent-strong:#8fd3ff;--on-accent:#0b1622;--good:#7bd88f;--warn:#f2c66d;--bad:#ff8f8f;--radius:10px;--radius-sm:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--quick-nav-height:64px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}#app{max-width:1148px;padding:0 var(--space-5);margin:0 auto}main{min-width:0}a{color:var(--accent);text-underline-offset:3px;text-decoration:none}a:hover{color:var(--accent-strong);text-decoration:underline}h1,h2,h3{overflow-wrap:anywhere;line-height:1.25}h1{margin:0 0 var(--space-4);font-size:1.75rem}h2{margin:0 0 var(--space-4);font-size:1.375rem}h3{margin:var(--space-5) 0 var(--space-3);font-size:1.125rem}p{margin:var(--space-2) 0 var(--space-4);overflow-wrap:anywhere}ul,ol{padding-left:var(--space-5)}li+li{margin-top:var(--space-2)}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}::selection{background:var(--accent);color:var(--on-accent)}.muted,small{color:var(--text-muted)}.small,small{font-size:.875rem}.error{color:var(--bad)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.site-header{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:80px;margin-bottom:var(--space-7);border-bottom:1px solid var(--border);display:flex}.wordmark{color:var(--text);font-size:1.125rem;font-weight:700}.site-footer{margin-top:var(--space-7);padding:var(--space-5) 0 var(--space-6);border-top:1px solid var(--border);color:var(--text-muted);font-size:.8125rem}.hero{margin-bottom:var(--space-6);max-width:75ch}.hero h1{font-size:2.25rem}.lead{color:var(--text-muted);font-size:1.125rem}.how-it-works{margin-bottom:var(--space-7)}.how-it-works ol{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.how-it-works li{padding-left:var(--space-1);margin:0}.how-it-works li::marker{color:var(--accent);font-weight:600}.how-it-works p{color:var(--text-muted);margin:var(--space-2) 0 0;font-size:.875rem}.analysis-form{max-width:760px;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.field{margin-bottom:var(--space-5)}.field>label{margin-bottom:var(--space-2);font-weight:600;display:block}small{margin-top:var(--space-1);display:block}input,button,textarea{font:inherit}input,textarea{caret-color:var(--accent)}input[type=text],input[type=file],textarea{width:100%;min-width:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);display:block}input::placeholder{color:var(--text-muted);opacity:1}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}input[type=file]{font-size:.875rem}input::file-selector-button{margin-right:var(--space-3);font:inherit}textarea{resize:vertical;font-size:.875rem}fieldset{min-width:0;margin:0 0 var(--space-5);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm)}fieldset label{margin:var(--space-2) 0;display:block}legend{padding:0 var(--space-1);font-weight:600}button,.button{min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);cursor:pointer;text-align:center;justify-content:center;align-items:center;font-weight:600;line-height:1.5;transition:background-color .12s ease-out,border-color .12s ease-out;display:inline-flex}button:hover,.button:hover{background:var(--accent-strong);color:var(--on-accent);text-decoration:none}.secondary{color:var(--accent);border-color:var(--border);background:0 0}.secondary:hover{background:var(--surface-2);color:var(--accent-strong);border-color:var(--accent)}button:disabled{opacity:.6;cursor:wait}.actions{gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.source-switch{gap:var(--space-1);padding:var(--space-1);background:var(--bg);flex-wrap:wrap;display:flex}.source-switch label{flex:1;margin:0;position:relative}.source-switch input{opacity:0;width:1px;height:1px;position:absolute}.source-switch span{height:100%;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-align:center;cursor:pointer;justify-content:center;align-items:center;font-size:.875rem;display:flex}.source-switch input:checked+span{background:var(--surface-2);color:var(--accent-strong)}.source-switch input:focus-visible+span{outline:2px solid var(--accent-strong);outline-offset:3px}.source-panel,.favourites-picker,.options{margin-bottom:var(--space-5)}.picked-games{margin:var(--space-4) 0;padding:0;list-style:none}.picked-games li{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}.picked-games span{overflow-wrap:anywhere;min-width:0}.picked-games button{flex-shrink:0;font-size:.875rem}summary{align-items:center;gap:var(--space-3);cursor:pointer;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:before{content:"";border-top:2px solid var(--text-muted);border-right:2px solid var(--text-muted);flex-shrink:0;width:8px;height:8px;transition:transform .12s ease-out;transform:rotate(45deg)}details[open]>summary:before{transform:rotate(135deg)}details[open]>summary{margin-bottom:var(--space-4)}.help-details{margin:var(--space-5) 0}.help-details p{max-width:75ch}.help-details ol{color:var(--text-muted)}.options fieldset{margin-top:var(--space-4)}.section{margin:var(--space-5) 0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);scroll-margin-top:var(--quick-nav-height)}.section>summary h2{margin:0;display:inline}.section-intro{margin-bottom:var(--space-5)}.count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:400}.empty-state{padding:var(--space-5) 0;color:var(--text-muted)}.result-header{margin-bottom:var(--space-5)}.quick-nav{z-index:5;align-items:center;gap:var(--space-5);height:var(--quick-nav-height);padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--border);background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border) var(--bg);font-size:.875rem;display:flex;position:sticky;top:0;overflow-x:auto}.quick-nav a{flex-shrink:0}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));display:grid}.card{min-width:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .12s ease-out}.card:hover{border-color:var(--accent)}.game-card>img{aspect-ratio:460/215;object-fit:cover;border-radius:var(--radius-sm);width:100%}.game-card h3{margin:var(--space-4) 0 var(--space-3)}.game-card p{color:var(--text-muted);font-size:.875rem}.fit-line{align-items:center;gap:var(--space-3);margin:var(--space-3) 0;font-variant-numeric:tabular-nums;flex-wrap:wrap;font-size:.875rem;display:flex}meter{border-radius:var(--radius-sm);background:var(--surface-2);border:0;width:90px;height:8px}meter::-webkit-meter-bar{background:var(--surface-2);border:0}meter::-webkit-meter-optimum-value{background:var(--accent)}meter::-moz-meter-bar{background:var(--accent)}.chips{gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.chips>span{padding:var(--space-1) var(--space-2);background:var(--surface-2);border-radius:var(--radius-sm);color:var(--text-muted);overflow-wrap:anywhere;font-size:.8125rem}.description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.show-all{margin-top:var(--space-5)}.badge{padding:2px var(--space-2);color:var(--text-muted);border:1px solid;border-radius:999px;font-size:.8125rem;font-weight:500;display:inline-block}.badge.great,.badge.finished,.badge.beyond{color:var(--good)}.badge.good,.badge.picked,.badge.hours{color:var(--accent)}.badge.maybe{color:var(--warn)}.badge.unlikely,.badge.bounced,.badge.disliked{color:var(--bad)}.scored-list{margin:0;padding:0;list-style:none}.scored-row{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border);display:flex}.scored-row+.scored-row{margin-top:0}.scored-row:last-child{border-bottom:0}.scored-row>img{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:100px;height:47px}.scored-body{min-width:0}.scored-title{align-items:baseline;gap:var(--space-2) var(--space-3);overflow-wrap:anywhere;flex-wrap:wrap;font-weight:600;display:flex}.scored-body p{margin:var(--space-1) 0 0;font-size:.875rem}.because-group+.because-group{margin-top:var(--space-5)}.card-row{gap:var(--space-4);padding:var(--space-1) var(--space-1) var(--space-4);display:flex;overflow-x:auto}.card-row>.card{flex:0 0 260px}.narrative{overflow-wrap:anywhere;overflow-x:auto}.narrative h2,.narrative h3{margin-top:var(--space-6)}.narrative p{max-width:75ch}.narrative img{max-width:100%}.narrative table{border-collapse:collapse;width:100%;font-size:.875rem}.narrative th,.narrative td{padding:var(--space-2);border-bottom:1px solid var(--border);text-align:left}pre{max-width:100%;padding:var(--space-4);background:var(--bg);border-radius:var(--radius-sm);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8125rem}.img-missing{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");background:var(--surface-2)}.game-search{position:relative}.search-options{z-index:10;max-height:360px;margin:var(--space-1) 0 0;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-options li{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;margin:0;display:flex}.search-options li[aria-selected=true]{background:var(--bg);color:var(--accent-strong)}.search-options img{object-fit:cover;flex-shrink:0;width:90px;height:34px}.search-options span{overflow-wrap:anywhere}.search-options .search-status{color:var(--text-muted);cursor:default}.ask-answer{margin-top:var(--space-5)}.answer-heading{gap:var(--space-5);align-items:flex-start;display:flex}.answer-heading>img{aspect-ratio:460/215;object-fit:cover;border-radius:var(--radius-sm);width:200px}.answer-heading h3{margin:0 0 var(--space-3)}.progress-view{max-width:760px}.progress-heading{margin:var(--space-6) 0 var(--space-2);color:var(--text-muted);justify-content:space-between;font-size:.875rem;display:flex}.progress-track{border-radius:var(--radius-sm);background:var(--surface-2);height:10px;overflow:hidden}.progress-track>div{background:var(--accent);height:100%}.job-steps{margin:var(--space-5) 0;padding:0;list-style:none}.job-steps li{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;color:var(--text-muted);margin:0;display:flex}.job-steps .running,.job-steps .done{color:var(--text)}.step-marker{border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:16px;height:16px;position:relative}.running .step-marker{border-color:var(--accent);background:var(--accent);animation:1.4s ease-in-out infinite pulse}.done .step-marker{border-color:var(--good)}.done .step-marker:after{content:"";border-right:2px solid var(--good);border-bottom:2px solid var(--good);width:5px;height:8px;position:absolute;top:2px;left:4px;transform:rotate(45deg)}.failed .step-marker{border-color:var(--bad);background:0 0;animation:none}.failed .step-marker:before,.failed .step-marker:after{content:"";background:var(--bad);width:2px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.failed .step-marker:after{transform:rotate(-45deg)}.step-count{white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.875rem}@keyframes pulse{50%{opacity:.45}}.mark-buttons{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.mark-buttons small{flex-basis:100%}.mark-buttons button{padding:var(--space-1) var(--space-2);font-size:.8125rem}.mark-buttons button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.game-card.marked>:not(.mark-buttons){opacity:.55}.picked-games .mark-buttons{margin-top:0}.picked-games .mark-buttons small{display:none}.picked-games li>span{flex:1}.update-bar{z-index:5;justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--surface-2);border-top:1px solid var(--border);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.update-bar p{margin:0}.update-bar>.error{flex-basis:100%}@media (width<=600px){#app{padding:0 var(--space-4)}.site-header{min-height:64px;margin-bottom:var(--space-6)}.hero h1{font-size:1.75rem}.how-it-works ol{gap:var(--space-5);grid-template-columns:1fr}.analysis-form,.section{padding:var(--space-4)}.analysis-form button{width:100%}.source-switch{flex-direction:column}.picked-games li{flex-wrap:wrap}.picked-games button{flex-basis:100%}.picked-games .mark-buttons button{flex-basis:auto}.scored-row{gap:var(--space-3)}.scored-row>img{width:72px;height:34px}.answer-heading{gap:var(--space-4);flex-direction:column}.answer-heading>img{width:100%;max-width:320px}.actions>button,.actions>.button{flex:auto}.job-steps li{flex-wrap:wrap}.step-count{margin-left:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}