:root{--color-primary: #F59E0B;--color-primary-hover: #FBBF24;--color-primary-muted: rgba(245, 158, 11, .14);--color-primary-dim: rgba(245, 158, 11, .06);--color-secondary: #38BDF8;--color-secondary-muted: rgba(56, 189, 248, .12);--color-accent: #F97316;--color-accent-hover: #FB923C;--color-accent-muted: rgba(249, 115, 22, .14);--bg-base: #0B0D11;--bg-surface: #14171D;--bg-elevated: #1C2029;--bg-overlay: rgba(7, 9, 12, .86);--text-primary: #E8E6E1;--text-secondary: #A6A39C;--text-muted: #6B6862;--text-inverse: #0B0D11;--border-default: rgba(245, 158, 11, .14);--border-hover: rgba(245, 158, 11, .3);--border-active: rgba(245, 158, 11, .55);--border-divider: rgba(255, 255, 255, .06);--border-neutral: rgba(255, 255, 255, .08);--rarity-common: #9CA3AF;--rarity-uncommon: #4ADE80;--rarity-rare: #38BDF8;--rarity-epic: #C084FC;--rarity-legendary: #F59E0B;--color-success: #4ADE80;--color-warning: #FBBF24;--color-error: #F87171;--color-info: #38BDF8;--threat-critical: #F87171;--threat-high: #FB923C;--threat-medium: #FBBF24;--threat-low: #4ADE80;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--glow: 0 0 0 1px var(--border-active), 0 0 18px rgba(245, 158, 11, .18);--glow-strong: 0 0 0 1px var(--color-primary), 0 0 28px rgba(245, 158, 11, .28);--icon-sm: 16px;--icon-md: 18px;--icon-lg: 20px;--icon-xl: 24px;--accent: var(--color-primary);--accent-dim: var(--color-primary-muted);--text: var(--text-primary);--border: var(--border-default);--radius: var(--radius-lg)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(245,158,11,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(245,158,11,.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}h1,h2,h3,h4,h5,h6{font-family:Orbitron,DM Sans,system-ui,sans-serif;letter-spacing:.04em;line-height:1.25;font-weight:700}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.125rem}h4{font-size:1rem}.font-mono{font-family:JetBrains Mono,SF Mono,Consolas,monospace}a{color:var(--color-primary);text-decoration:none;transition:color .15s}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}::selection{background:var(--color-primary);color:#0b0d11}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skip-link{position:absolute;left:var(--space-4);top:-48px;z-index:200;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#0b0d11;font-weight:600;border-radius:var(--radius-sm);transition:top .15s}.skip-link:focus{top:var(--space-2)}.hud-frame{position:relative}.hud-frame:before,.hud-frame:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--color-primary);border-style:solid;pointer-events:none;opacity:.7;transition:opacity .2s,width .2s,height .2s}.hud-frame:before{top:0;left:0;border-width:1px 0 0 1px}.hud-frame:after{bottom:0;right:0;border-width:0 1px 1px 0}.hud-frame:hover:before,.hud-frame:hover:after{opacity:1;width:16px;height:16px}.quest-card,.event-card,.map-card,.level-card,.craft-card,.spec-item,.recipe-item,.vendor-item,.drop-item,.stat-item{position:relative}.quest-card:before,.quest-card:after,.event-card:before,.event-card:after,.map-card:before,.map-card:after,.level-card:before,.level-card:after,.craft-card:before,.craft-card:after,.spec-item:before,.spec-item:after,.recipe-item:before,.recipe-item:after,.vendor-item:before,.vendor-item:after,.drop-item:before,.drop-item:after,.stat-item:before,.stat-item:after{content:"";position:absolute;width:10px;height:10px;border-color:var(--color-primary);border-style:solid;pointer-events:none;opacity:.55;transition:opacity .2s,width .2s,height .2s}.quest-card:before,.event-card:before,.map-card:before,.level-card:before,.craft-card:before,.spec-item:before,.recipe-item:before,.vendor-item:before,.drop-item:before,.stat-item:before{top:0;left:0;border-width:1px 0 0 1px}.quest-card:after,.event-card:after,.map-card:after,.level-card:after,.craft-card:after,.spec-item:after,.recipe-item:after,.vendor-item:after,.drop-item:after,.stat-item:after{bottom:0;right:0;border-width:0 1px 1px 0}.quest-card:hover:before,.quest-card:hover:after,.event-card:hover:before,.event-card:hover:after,.map-card:hover:before,.map-card:hover:after,.level-card:hover:before,.level-card:hover:after,.craft-card:hover:before,.craft-card:hover:after,.spec-item:hover:before,.spec-item:hover:after,.recipe-item:hover:before,.recipe-item:hover:after,.vendor-item:hover:before,.vendor-item:hover:after,.drop-item:hover:before,.drop-item:hover:after,.stat-item:hover:before,.stat-item:hover:after{opacity:1;width:14px;height:14px}.section-title{display:flex;align-items:center;gap:var(--space-3);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.08em}.section-title:before{content:"";width:4px;height:1.1em;background:var(--color-primary);box-shadow:0 0 8px #f59e0b99}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);min-height:44px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.02em;cursor:pointer;text-decoration:none;transition:all .15s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.btn-primary{background:var(--color-primary);color:#0b0d11}.btn-primary:hover{background:var(--color-primary-hover);color:#0b0d11;box-shadow:var(--glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-neutral)}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--color-primary);background:var(--color-primary-dim)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:var(--bg-elevated);border:1px solid var(--border-neutral);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.chip:hover{border-color:var(--border-hover);color:var(--text-primary)}.chip.active{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.search-input{width:100%;padding:10px 14px;background:var(--bg-base);border:1px solid var(--border-neutral);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;transition:border-color .15s,box-shadow .15s}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),0 0 12px #f59e0b26}.search-input::placeholder{color:var(--text-muted)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-6)}}.logo[data-astro-cid-qlfjksao]:hover{text-decoration:none}.logo[data-astro-cid-qlfjksao]:hover .logo-mark[data-astro-cid-qlfjksao]{filter:drop-shadow(0 0 10px rgba(245,158,11,.7))}.logo-mark[data-astro-cid-qlfjksao]{transition:filter .2s}