:root{--color-bg:#0f1115;--color-surface:#1a1d23;--color-accent:#f59e0b;--color-text:#e7e9ee;--color-text-muted:#9aa0aa;--color-hairline:#2a2e37;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-stack:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--size-body:16px;--size-label:13px;--size-heading:18px;--size-display:28px;--weight-regular:400;--weight-semibold:600}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-stack);font-size:var(--size-body);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;line-height:1.5}#root{max-width:760px;padding:0 var(--space-xl) var(--space-2xl);margin:0 auto}.site-header{padding:var(--space-2xl) 0 var(--space-xl)}.wordmark{font-size:var(--size-display);font-weight:var(--weight-semibold);margin:0;line-height:1.2}.wordmark:after{content:"";width:40px;height:2px;margin-top:var(--space-sm);background:var(--color-accent);display:block}.search-field{align-items:center;gap:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-hairline);padding:0 var(--space-md);border-radius:8px;min-height:44px;display:flex;position:relative}.search-field:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.search-field svg{color:var(--color-text-muted);flex:none}.search-input{min-height:44px;color:var(--color-text);font:inherit;background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--color-text-muted)}.result-count{font-size:var(--size-label);font-weight:var(--weight-semibold);color:var(--color-text-muted);margin:var(--space-xl) 0 var(--space-md);line-height:1.4}.result-list{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.result-row{background:var(--color-surface);border:1px solid var(--color-hairline);padding:var(--space-md);border-radius:8px;position:relative}.result-row:hover{border-color:var(--color-hairline)}.result-row:hover:before{content:"";background:var(--color-accent);border-radius:8px 0 0 8px;width:2px;position:absolute;top:0;bottom:0;left:0}.result-title{font-size:var(--size-heading);font-weight:var(--weight-semibold);margin:0 0 var(--space-sm);line-height:1.3}.result-text{font-size:var(--size-body);font-weight:var(--weight-regular);margin:0 0 var(--space-md);line-height:1.5}.result-meta{align-items:center;gap:var(--space-sm);font-size:var(--size-label);font-weight:var(--weight-semibold);color:var(--color-text-muted);line-height:1.4;display:flex}.game-badge{padding:var(--space-xs) var(--space-sm);background:var(--color-accent);color:var(--color-bg);font-size:var(--size-label);font-weight:var(--weight-semibold);border-radius:4px;line-height:1;display:inline-block}.state-panel{padding:var(--space-3xl) 0;text-align:center}.state-heading{font-size:var(--size-heading);font-weight:var(--weight-semibold);margin:0 0 var(--space-sm);line-height:1.3}.state-body{font-size:var(--size-body);font-weight:var(--weight-regular);color:var(--color-text-muted);max-width:46ch;margin:0 auto;line-height:1.5}.loading-label{font-size:var(--size-label);font-weight:var(--weight-semibold);color:var(--color-text-muted);margin:var(--space-md) 0;line-height:1.4}.retry-button{margin-top:var(--space-md);min-height:44px;padding:0 var(--space-lg);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-hairline);font:inherit;cursor:pointer;border-radius:8px}.retry-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}