:root{--color-primary: #8a47ff;--color-accent: #e457da;--color-background: #0f0f11;--color-surface: rgba(28, 27, 31, .85);--color-surface-hover: rgba(32, 33, 42, .9);--color-text: #f7f5ff;--color-text-secondary: #a6a9c8;--color-border: rgba(120, 122, 230, .25);--color-error: #ef4444;--color-success: #4bdca2;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-modal: 1000;--z-dropdown: 100;--z-header: 50;--z-base: 1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-background);min-height:100vh}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}input,select{font-family:inherit;font-size:inherit}header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-lg);position:sticky;top:0;z-index:var(--z-header)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap}.logo-link{display:flex;align-items:center;gap:var(--space-md);transition:opacity var(--transition-base)}.logo-link:hover{opacity:.8}.logo{width:40px;height:40px}.title-section h1{font-size:var(--font-size-lg);color:var(--color-primary);margin:0;line-height:1.2}.title-section p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.3}.eyebrow{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent)}.header-links{display:flex;gap:var(--space-md)}main{max-width:1400px;margin:0 auto;padding:var(--space-xl)}.intro{margin-bottom:var(--space-2xl)}.intro-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}.intro-content>p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.intro-meta{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.meta-pill{background:var(--color-surface);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.intro-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.highlight-card{background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex;flex-direction:column}.highlight-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.highlight-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xs)}.highlight-sub{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.controls{margin-bottom:var(--space-xl)}.search-container{margin-bottom:var(--space-lg)}.search-wrapper{position:relative;display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.search-icon{margin-right:var(--space-sm)}.search-input{flex:1;background:transparent;border:none;color:var(--color-text);outline:none}.search-input::placeholder{color:var(--color-text-secondary)}.clear-btn{background:var(--color-accent);color:var(--color-background);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:opacity var(--transition-fast)}.clear-btn:hover{opacity:.8}.search-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-sm)}.stats{display:flex;gap:var(--space-md);align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:var(--font-size-lg);color:var(--color-text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-message{background:var(--color-surface);border:2px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;margin:var(--space-2xl) auto;max-width:600px}.error-message h2{margin-bottom:var(--space-md);color:var(--color-error)}.error-message button{margin-top:var(--space-lg)}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:opacity var(--transition-fast)}.btn:hover{opacity:.8}.btn-accent{background:var(--color-accent);color:var(--color-background)}.btn-ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-primary{background:var(--color-primary);color:var(--color-background)}@media (max-width: 768px){header{padding:var(--space-sm) var(--space-md)}.header-content,.logo-link{gap:var(--space-sm)}.logo{width:32px;height:32px}.title-section h1{font-size:var(--font-size-base)}.title-section p{font-size:.65rem}.eyebrow{font-size:.6rem}.header-links{gap:var(--space-sm)}.header-links .btn{padding:var(--space-xs) var(--space-sm);font-size:.75rem}main{padding:var(--space-lg) var(--space-md)}.intro-meta{flex-wrap:wrap}.intro-highlights{grid-template-columns:1fr}}.controls-middle{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.quick-filter{display:flex;flex-direction:column;gap:var(--space-xs)}.quick-filter label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.filter-select{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast);min-width:180px}.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #ff6b3533}.advanced-filters{display:flex;flex-direction:column;gap:var(--space-xl);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.filter-section{display:flex;flex-direction:column;gap:var(--space-md)}.filter-section__header{display:flex;justify-content:space-between;align-items:center}.filter-section__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.clear-filters-btn{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;transition:background var(--transition-fast),color var(--transition-fast)}.clear-filters-btn:hover{background:var(--color-accent);color:var(--color-background)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.filter-chip{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;user-select:none}.filter-chip:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-1px)}.filter-chip--active{background:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.filter-chip--active:hover{background:var(--color-accent);border-color:var(--color-accent)}@media (max-width: 768px){.controls-middle{flex-direction:column}.filter-select{min-width:100%}.filter-chips{max-height:200px;overflow-y:auto}}.hunt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-md)}.hunt-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.hunt-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.hunt-card__id{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-background);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);flex-shrink:0}.hunt-card__category{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.hunt-card__category--flames{background:#ff6b3533;color:var(--color-primary)}.hunt-card__category--embers{background:#f7931e33;color:var(--color-accent)}.hunt-card__category--alchemy{background:#a855f733;color:#a855f7}.hunt-card__title{font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-tight);color:var(--color-text);margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hunt-card__tactic{font-size:var(--font-size-sm);color:var(--color-accent);margin-bottom:var(--space-xs)}.hunt-card__notes{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hunt-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:auto}.hunt-card__tag{font-size:var(--font-size-xs);background:var(--color-background);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.hunt-card__tag:hover{background:var(--color-surface-hover);color:var(--color-text)}.hunt-card__submitter{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.hunt-card__submitter a{color:var(--color-accent);transition:opacity var(--transition-fast)}.hunt-card__submitter a:hover{opacity:.8}.hunts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}@media (max-width: 768px){.hunts-grid{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.hunts-grid{grid-template-columns:repeat(2,1fr)}}.hunts-grid--empty{display:flex;justify-content:center;align-items:center;min-height:400px}.empty-state{text-align:center;color:var(--color-text-secondary)}.empty-state h3{font-size:var(--font-size-xl);margin-bottom:var(--space-md);color:var(--color-text)}.empty-state p{font-size:var(--font-size-base);margin-bottom:var(--space-lg)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-2xl);padding:var(--space-lg)}.pagination__button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:background var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast);cursor:pointer}.pagination__button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}.pagination__button:disabled{opacity:.4;cursor:not-allowed}.pagination__info{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;min-width:120px;text-align:center}