.tag{display:inline-block;border-radius:7px}.tag-accent{color:var(--accent-light);background:var(--accent-soft-bg);font:600 11px/1 var(--sans);padding:6px 10px}.tag-nowrap{white-space:nowrap}.tag-neutral{color:var(--secondary-alt);background:var(--neutral-tag-bg);font:500 11px/1 var(--sans);padding:6px 10px}.tag-neutral-sm{padding:5px 9px}.card{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 16px 15px;transition:border-color .15s ease,transform .12s ease}.card:hover{border-color:var(--card-hover)}.card:active{transform:scale(.985)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card-name{font:600 18px/1.15 var(--sans);letter-spacing:-.01em;color:var(--text-primary)}.card-tagline{margin:7px 0 0;font:400 13.5px/1.5 var(--sans);color:var(--secondary)}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:13px;border-top:1px solid var(--border)}.card-win{display:flex;flex-direction:column;min-width:0}.card-win-label{font:600 10px/1 var(--sans);text-transform:uppercase;color:var(--faint)}.card-win-text{margin-top:4px;font:400 13px/1.45 var(--sans);color:var(--body-alt)}.card-chevron{flex:none;font-size:18px;line-height:1;color:var(--faint)}.filter-panel{display:flex;flex-direction:column;gap:16px;background:var(--filter-panel-bg);border-bottom:1px solid var(--hairline);padding:16px 18px}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.filter-label{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.stepper{display:flex;align-items:center;gap:6px}.stepper-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:var(--body-alt);background:var(--input-bg);border:1px solid var(--border);border-radius:8px}.stepper-value{min-width:42px;text-align:center;font:600 14px/1 var(--sans);color:var(--text-primary)}.filter-group{display:flex;flex-direction:column;gap:9px}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip{font:500 12px/1 var(--sans);color:var(--secondary-alt);background:var(--input-bg);border:1px solid var(--border);padding:8px 13px;border-radius:20px;transition:border-color .15s ease}.chip:hover{border-color:var(--chip-hover)}.chip-active{font-weight:600;color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.chip-active:hover{border-color:var(--accent)}.list-header{position:sticky;top:0;z-index:10;background:var(--app-bg);border-bottom:1px solid var(--hairline);padding:18px 18px 12px;padding-top:max(18px,env(safe-area-inset-top))}.list-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.list-title{margin:0;font:600 24px/1 var(--sans);letter-spacing:-.02em;color:var(--text-primary)}.list-subtitle{margin-top:6px;font:400 11px/1 var(--mono);letter-spacing:.06em;color:var(--faint)}.btn-random{display:inline-flex;align-items:center;gap:7px;flex:none;font:600 13px/1 var(--sans);color:var(--on-accent);background:var(--accent);border:none;padding:11px 14px;border-radius:11px;box-shadow:var(--accent-shadow-header)}.search-field{display:flex;align-items:center;gap:9px;margin-top:14px;background:var(--input-bg);border:1px solid var(--border);border-radius:13px;padding:12px 14px}.search-glyph{font-size:15px;line-height:1;color:var(--faint)}.search-input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-size:15px;color:var(--text-primary)}.search-input::placeholder{color:var(--faint)}.search-clear{flex:none;background:none;border:none;padding:0;font-size:16px;line-height:1;color:var(--faint)}.filter-bar{display:flex;align-items:center;gap:8px;margin-top:11px}.filter-toggle{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--sans);color:var(--body-alt);background:var(--input-bg);border:1px solid var(--border);padding:9px 12px;border-radius:20px}.filter-badge{font:600 10px/1 var(--mono);background:var(--accent);color:var(--on-accent);border-radius:9px;padding:2px 6px}.clear-all{font:500 12px/1 var(--sans);color:var(--faint);background:none;border:none;padding:0}.game-list{display:flex;flex-direction:column;gap:13px;padding:14px 16px 40px;padding-bottom:max(40px,env(safe-area-inset-bottom))}.empty-state{text-align:center;padding:56px 24px}.empty-glyph{font-size:30px;line-height:1;color:var(--faint)}.empty-msg{margin:14px 0 18px;font:500 15px/1.5 var(--sans);color:var(--secondary)}.btn-accent{display:inline-flex;align-items:center;gap:7px;font:600 13px/1 var(--sans);color:var(--on-accent);background:var(--accent);border:none;padding:11px 14px;border-radius:11px;box-shadow:var(--accent-shadow-header)}.detail-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;background:var(--app-bg);border-bottom:1px solid var(--hairline);padding:18px 18px 12px;padding-top:max(18px,env(safe-area-inset-top))}.btn-back{flex:none;font:600 14px/1 var(--sans);color:var(--body-alt);background:var(--input-bg);border:1px solid var(--border);padding:9px 13px;border-radius:11px}.detail-eyebrow{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.detail-body{padding:22px 20px 48px;padding-bottom:max(48px,env(safe-area-inset-bottom))}.detail-name{margin:0;font:600 28px/1.08 var(--sans);letter-spacing:-.02em;color:var(--text-primary)}.detail-tagline{margin:9px 0 0;font:400 15px/1.55 var(--sans);color:var(--secondary)}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.cheat-card{margin-top:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.cheat-top{padding:16px 16px 14px}.cheat-bottom{padding:14px 16px 16px;background:var(--sub-panel);border-top:1px solid var(--border)}.cheat-eyebrow{font:600 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.cheat-sublabel{margin-top:10px;font:600 12px/1 var(--sans);text-transform:uppercase;color:var(--muted)}.cheat-text{margin:8px 0 0;font:400 15px/1.6 var(--sans);color:var(--body-strong)}.cheat-bottom .cheat-sublabel{margin-top:0}.rules-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:20px;background:none;border:none;padding:0}.rules-toggle-label{font:600 13px/1 var(--sans);color:var(--text-primary)}.rules-toggle-state{font:600 12px/1 var(--mono);color:var(--accent)}.rules-list{display:flex;flex-direction:column}.rule-step{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--hairline)}.rule-label{flex:none;width:70px;font:600 10px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.rule-text{font:400 14px/1.6 var(--sans);color:var(--body)}.detail-actions{display:flex;gap:10px;margin-top:28px}.btn-secondary,.btn-primary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:600 14px/1 var(--sans);border-radius:12px;padding:14px}.btn-secondary{color:var(--body-alt);background:var(--input-bg);border:1px solid var(--border)}.btn-primary{color:var(--on-accent);background:var(--accent);border:none;box-shadow:var(--accent-shadow)}:root{--page-backdrop: #0b0a09;--app-bg: #131210;--filter-panel-bg: #0f0e0c;--surface: #1c1a17;--sub-panel: #211f1b;--input-bg: #1e1c19;--neutral-tag-bg: #26241f;--border: #2b2823;--hairline: #201e1a;--card-hover: #3a362f;--chip-hover: #4a453c;--accent: #e0673f;--on-accent: #15130f;--accent-soft-bg: #3a1f15;--accent-light: #f0a385;--text-primary: #f3efe7;--body-strong: #e6e1d7;--body: #c8c3b8;--body-alt: #d8d3c8;--secondary: #a9a396;--secondary-alt: #b7b1a3;--muted: #8a8578;--faint: #6f6a60;--sans: system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", monospace;--accent-shadow-header: 0 6px 16px -6px rgba(224, 103, 63, .6);--accent-shadow: 0 6px 16px -6px rgba(224, 103, 63, .55)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page-backdrop);color:var(--text-primary);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.frame{width:100%;max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--app-bg);position:relative}