:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101418;color:#e8edf2}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#101418;-webkit-text-size-adjust:100%}button,input,textarea{font:inherit}.app-shell{min-height:100vh}.search-header{position:sticky;top:0;z-index:10;padding:18px 24px;border-bottom:1px solid #26313a;background:#151b21;transition:transform .18s ease,box-shadow .18s ease;will-change:transform}.search-header-centered{min-height:100vh;display:grid;align-items:center}.search-header-hidden{transform:translateY(calc(-100% - 1px))}.header-inner{display:grid;grid-template-columns:1fr minmax(0,860px) 1fr;align-items:start;gap:14px;width:100%;margin:0 auto}.search-form{grid-column:2;display:grid;gap:10px;width:100%;min-width:0}.brand-title{display:none;margin:0}.search-primary-row,.search-secondary-row{display:grid;gap:10px}.search-primary-row{grid-template-columns:minmax(220px,1fr) auto}.search-secondary-row{grid-template-columns:auto 46px auto}.query-input{min-width:0;color:#fff;background:#0c1116;border:1px solid #3a4650;border-radius:6px;padding:10px 12px;outline:none;min-height:44px}.ranking-control{display:inline-flex;align-items:center;width:fit-content;overflow:hidden;border:1px solid #3a4650;border-radius:6px}.ranking-option{min-height:34px;padding:0 14px;color:#9fb0bf;background:#151b21;border:0;border-right:1px solid #3a4650;cursor:pointer}.ranking-option:last-child{border-right:0}.ranking-option:hover,.ranking-option:focus-visible{color:#fff;background:#202a33;outline:none}.ranking-option.active{color:#061018;background:#4da3ff;font-weight:700}.query-input:focus{border-color:#4da3ff;box-shadow:0 0 0 3px #4da3ff24}.toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;color:#e8edf2;background:#202a33;border:1px solid #3a4650;border-radius:6px;white-space:nowrap}.toggle input{margin:0}.toggle-icon{display:none}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:6px;border:1px solid transparent;cursor:pointer}.primary-button{padding:0 16px;color:#061018;background:#4da3ff;font-weight:700}.secondary-button{width:46px;color:#dce8f2;background:#202a33;border-color:#3a4650}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.72}.account-panel{grid-column:3;display:flex;justify-content:flex-end;justify-self:end;min-width:112px;min-height:44px}.search-header-centered .account-panel{position:fixed;top:18px;right:24px}.search-header-centered .header-inner{align-items:center}.search-header-centered .search-form{width:min(720px,100%);justify-self:center;gap:16px}.search-header-centered .brand-title{display:block;margin-bottom:26px;text-align:center;color:#f7fafc;font-size:clamp(42px,7vw,72px);line-height:1;font-weight:800;letter-spacing:0}.search-header-centered .search-primary-row{grid-template-columns:1fr;gap:12px}.search-header-centered .query-input{min-height:60px;padding:0 24px;color:#f7fafc;background:#0c1116;border-color:#3a4650;border-radius:999px;box-shadow:0 14px 38px #00000038;font-size:18px}.search-header-centered .query-input:hover,.search-header-centered .query-input:focus{border-color:#4da3ff;box-shadow:0 16px 44px #00000047,0 0 0 3px #4da3ff24}.search-header-centered .primary-button{justify-self:center;min-height:38px;padding:0 18px;color:#dce8f2;background:#202a33;border-color:#3a4650;font-size:14px;font-weight:650}.search-header-centered .primary-button:hover,.search-header-centered .primary-button:focus-visible{color:#fff;border-color:#4da3ff;outline:none}.search-header-centered .search-secondary-row{grid-template-columns:auto auto auto;justify-content:center;gap:8px}.search-header-centered .toggle,.search-header-centered .secondary-button,.search-header-centered .ranking-option{min-height:36px;font-size:13px}.search-header-centered .toggle{padding:0 10px}.search-header-centered .secondary-button{width:40px}.google-signin{display:grid;place-items:center;width:min(320px,100%);min-width:0;min-height:44px}.account-signin-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;color:#dce8f2;background:#202a33;border:1px solid #3a4650;border-radius:6px;cursor:pointer;font-weight:650;white-space:nowrap}.account-signin-button:hover,.account-signin-button:focus-visible{color:#fff;border-color:#4da3ff;box-shadow:0 0 0 3px #4da3ff24;outline:none}.account-chip{display:grid;grid-template-columns:28px minmax(0,1fr) 34px;align-items:center;gap:8px;min-width:0;max-width:260px;min-height:44px;padding:6px 6px 6px 10px;color:#e8edf2;background:#202a33;border:1px solid #3a4650;border-radius:6px}.account-chip img{width:28px;height:28px;border-radius:50%}.account-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.account-chip button{display:grid;width:34px;height:32px;place-items:center;padding:0;color:#dce8f2;background:#151b21;border:1px solid #3a4650;border-radius:5px;cursor:pointer}.account-chip button:hover,.account-chip button:focus-visible{color:#fff;border-color:#4da3ff;outline:none}.auth-config-warning{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:#9fb0bf;background:#202a33;border:1px solid #3a4650;border-radius:6px;font-size:13px;white-space:nowrap}.content{max-width:1100px;margin:0 auto;padding:18px 24px 40px}.image-results-content{max-width:1600px}.status-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}.status-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.meta,.muted{margin:0;color:#9fb0bf}.status-row .meta,.status-row .muted{font-size:10px}.latency-string{color:#718391}.muted{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.error-banner{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid #744044;border-radius:6px;color:#ffd7d7;background:#2a1518}.history-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:0 0 12px}.history-item{min-width:0;min-height:44px;padding:9px 10px;text-align:left;color:#e8edf2;background:#151b21;border:1px solid #26313a;border-radius:6px;cursor:pointer}.history-item span,.history-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item small{margin-top:3px;color:#9fb0bf}.result{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;padding:14px 0 16px;background:transparent;border-bottom:1px solid #2a353e}.result:last-child{border-bottom:0}.image-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px 12px}.image-result{min-width:0}.image-result-thumbnail{width:100%;aspect-ratio:16 / 9;background:#222b33;border-radius:5px}.image-result-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px 0}.image-result-footer h2{min-width:0;margin:0;overflow:hidden;color:#e8edf2;font-size:14px;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.image-result-footer .steam-link{flex:0 0 auto}.result-feedback{display:inline-flex;align-items:center;gap:8px;margin-top:10px}.image-result .result-feedback{margin:8px 2px 0}.feedback-like{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:#dce8f2;background:#151b21;border:1px solid #3a4650;border-radius:6px;cursor:pointer}.feedback-like:hover,.feedback-like:focus-visible{color:#fff;background:#202a33;border-color:#4da3ff;outline:none}.feedback-like.active{color:#061018;background:#9bd173;border-radius:6px;border-color:#9bd173}.feedback-like:disabled{cursor:wait;opacity:.82}.feedback-state{color:#9bd173;font-size:12px;white-space:nowrap}.feedback-state-error{color:#ffb3b3}.show-more-row{display:flex;justify-content:center;padding:28px 0 8px}.show-more-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:140px;min-height:44px;padding:0 18px;color:#e8edf2;background:#202a33;border:1px solid #3a4650;border-radius:6px;cursor:pointer}.show-more-button:hover,.show-more-button:focus-visible{color:#fff;border-color:#4da3ff;outline:none}.show-more-button:disabled{cursor:wait;opacity:.72}.result-thumbnail,.image-placeholder{width:280px;background:#222b33;border-radius:6px}.result-thumbnail{align-self:end;height:auto}.image-placeholder{align-self:end;aspect-ratio:460 / 215}.image-button{display:block;padding:0;overflow:hidden;border:1px solid transparent;cursor:zoom-in}.image-button:hover,.image-button:focus-visible{border-color:#4da3ff;box-shadow:0 0 0 3px #4da3ff24;outline:none}.image-button img{display:block;width:100%;height:100%;object-fit:cover}.result-thumbnail img{height:auto;object-fit:contain}.asset-strip{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.asset-button{width:116px;aspect-ratio:16 / 9;background:#222b33;border-radius:5px;flex:0 0 auto}.reviews{grid-column:1 / -1;min-width:0;padding-top:2px}.reviews-toggle{display:inline-flex;align-items:center;gap:4px;padding:2px 0;color:#94a7b5;background:transparent;border:0;font-size:11px;font-weight:700;cursor:pointer}.reviews-toggle:hover,.reviews-toggle:focus-visible{color:#c9d8e2;outline:none}.reviews-toggle-icon{transition:transform .12s ease}.reviews-toggle-icon-open{transform:rotate(-90deg)}.reviews-visible .reviews-toggle{margin-bottom:5px}.reviews-header,.review-heading,.review-stats,.review-summary-stats{display:flex;align-items:center}.reviews-header{justify-content:space-between;gap:8px;margin-bottom:5px}.reviews-header>div:first-child{display:flex;align-items:baseline;gap:7px}.reviews-header strong{color:#e8edf2;font-size:12px}.reviews-header>div:first-child span{color:#8bd17c;font-size:11px}.review-summary-stats{flex-wrap:wrap;justify-content:flex-end;gap:5px}.review-carousel-controls{display:inline-flex;gap:4px}.review-carousel-controls button{display:grid;width:24px;height:22px;place-items:center;padding:0;color:#cbd7df;background:#202a33;border:1px solid #3a4853;border-radius:5px;cursor:pointer}.review-carousel-controls button:hover,.review-carousel-controls button:focus-visible{color:#fff;border-color:#4da3ff;outline:none}.review-summary-stats span,.review-stats span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.review-summary-stats span{min-height:22px;padding:0 6px;color:#b8c5cf;background:#202a33;border:1px solid #303d47;border-radius:5px;font-size:11px}.top-reviews{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:#465663 #141b20;scrollbar-width:thin}.review{flex:0 0 min(360px,calc(33.333% - 4px));min-width:0;padding:7px 8px;background:#12181d;border:1px solid #29343d;border-left-width:3px;border-radius:6px;scroll-snap-align:start}.review-positive{border-left-color:#5ebd70}.review-negative{border-left-color:#dc6c6c}.review-heading{justify-content:space-between;gap:6px;color:#8293a1;font-size:10px}.review-verdict{display:inline-flex;align-items:center;gap:5px;color:#dce5eb;font-weight:700}.review-positive .review-verdict{color:#8bdc99}.review-negative .review-verdict{color:#ed9999}.review p{display:-webkit-box;min-height:34px;margin:5px 0;overflow:hidden;color:#c6d1d9;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.review-expanded{flex-basis:min(520px,calc(50% - 3px))}.review-expanded p{display:block;max-height:240px;overflow-y:auto;-webkit-line-clamp:unset}.review-toggle{margin:0 0 5px;padding:0;color:#75b8f5;background:transparent;border:0;font-size:10px;font-weight:700;cursor:pointer}.review-toggle:hover,.review-toggle:focus-visible{color:#a8d4ff;outline:none;text-decoration:underline}.review-stats{flex-wrap:wrap;gap:3px 8px;color:#8293a1;font-size:9px}.result-body{min-width:0}.result-title-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.result-title-row .result-feedback{flex:0 0 auto;margin:0}.result-title-row .feedback-like{width:30px;height:30px}.result h2{min-width:0;margin:0;font-size:20px;line-height:1.2}.score{color:#8bd17c;font-size:13px}.result-meta,.steam-link{display:inline-flex;align-items:center}.result-meta{flex-wrap:wrap;gap:7px 12px}.steam-link{gap:4px;color:#7ebcff;font-size:13px;text-decoration:none}.steam-link:hover,.steam-link:focus-visible{color:#b8dcff;text-decoration:underline;outline:none}.tags{margin:6px 0;color:#9fb0bf;font-size:13px}.spin{animation:spin .9s linear infinite}.image-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#060a0edb}.image-modal{position:relative;max-width:min(1120px,100%);max-height:100%;padding:8px;border:1px solid #3a4650;border-radius:8px;background:#151b21;box-shadow:0 18px 55px #00000080}.image-modal img{display:block;max-width:100%;max-height:calc(100vh - 64px);border-radius:5px}.modal-navigation-button{position:absolute;top:50%;z-index:1;display:grid;width:48px;height:64px;place-items:center;padding:0;color:#fff;background:#0c1116db;border:1px solid #4b5965;border-radius:6px;cursor:pointer;transform:translateY(-50%)}.modal-navigation-previous{left:18px}.modal-navigation-next{right:18px}.modal-navigation-button:hover,.modal-navigation-button:focus-visible{background:#19222af5;border-color:#4da3ff;outline:none}.modal-close-button{position:absolute;top:16px;right:16px;display:grid;width:36px;height:36px;place-items:center;padding:0;color:#e8edf2;background:#0c1116e6;border:1px solid #3a4650;border-radius:6px;cursor:pointer}.modal-close-button:hover,.modal-close-button:focus-visible{color:#fff;border-color:#4da3ff;outline:none}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#060a0ec7}.auth-modal{width:min(620px,100%);min-height:380px;display:grid;grid-template-rows:auto 1fr;padding:26px;color:#e8edf2;background:#151b21;border:1px solid #3a4650;border-radius:8px;box-shadow:0 18px 55px #00000080}.auth-modal-header{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:start;gap:12px;margin-bottom:26px}.auth-modal-header h2{grid-column:2;margin:0;text-align:center;font-size:34px;line-height:1.1;font-weight:800}.auth-modal .modal-close-button{grid-column:3;justify-self:end;position:static;flex:0 0 auto;background:#202a33}.auth-options{display:grid;place-items:center;gap:10px}.auth-option{display:flex;align-items:center;justify-content:center;width:min(380px,100%);min-height:132px;padding:24px;background:#0c1116;border:1px solid #26313a;border-radius:8px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.search-header{padding:12px 16px;box-shadow:0 8px 26px #0000003d}.search-header-centered .account-panel{top:12px;right:16px}.search-header-centered .search-form{width:min(680px,100%)}.header-inner{grid-template-columns:minmax(0,1fr) auto;gap:10px}.search-form{grid-column:1}.account-panel{grid-column:2;justify-content:end}.search-primary-row{grid-template-columns:minmax(0,1fr) auto}.search-secondary-row{grid-template-columns:minmax(116px,auto) 46px}.ranking-control{display:flex;grid-column:1 / -1;width:100%}.ranking-option{flex:1}.status-row{display:block}.status-actions{justify-content:flex-start;margin-top:6px}.muted{margin-top:4px}}@media(max-width:640px){.content{padding-left:16px;padding-right:16px}.content{padding-top:12px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.search-form{gap:8px}.search-primary-row{gap:8px;grid-template-columns:minmax(0,1fr) 48px}.search-secondary-row{gap:8px;grid-template-columns:minmax(0,1fr) 46px}.query-input{padding-left:12px;padding-right:12px;font-size:16px}.account-panel,.google-signin{min-width:0}.account-chip{max-width:100%}.auth-modal-backdrop{align-items:end;padding:12px}.auth-modal{min-height:340px;padding:18px}.auth-modal-header h2{font-size:28px}.auth-option{min-height:118px;padding:16px}.primary-button{width:48px;padding:0}.primary-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.toggle{justify-content:center;padding:0}.toggle-icon{display:block}.toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.toggle input{width:20px;height:20px}.ranking-control{width:100%;grid-column:1 / -1}.secondary-button{width:46px}.search-header-centered .query-input{min-height:56px;padding:0 18px;font-size:16px}.search-header-centered .search-secondary-row{grid-template-columns:minmax(0,auto) 40px}.result{grid-template-columns:1fr;gap:10px;padding:16px 0}.status-row{margin-bottom:10px}.meta{font-size:13px}.result-thumbnail,.image-placeholder{width:100%;height:auto;min-height:0;align-self:auto}.result-thumbnail img,.image-placeholder{aspect-ratio:460 / 215}.result h2{font-size:18px}.tags{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.asset-button{width:136px}.reviews-header{align-items:flex-start;flex-direction:column}.review-summary-stats{justify-content:flex-start}.top-reviews{width:100%}.review{flex-basis:min(78vw,330px)}.review-expanded{flex-basis:min(88vw,430px)}.image-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 8px}.image-result-footer{display:block}.image-result-footer .steam-link{margin-top:4px}.history-strip{display:flex;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.history-item{flex:0 0 min(78vw,300px)}.image-modal-backdrop{padding:12px}.image-modal{padding:6px;border-radius:6px}.image-modal img{max-height:calc(100dvh - 40px)}.modal-navigation-button{width:42px;height:54px}.modal-navigation-previous{left:10px}.modal-navigation-next{right:10px}}
