@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@400;700&family=Inter:wght@400;500;600&display=swap";.hp-wrap{display:flex;flex-direction:column;min-height:100vh}.hp-hero{position:relative;overflow:hidden;height:72vh;min-height:500px;max-height:800px;display:flex;align-items:flex-start;justify-content:flex-start}.hp-hero-bg{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background:url(/images/eqoa_hero.png) center center / cover no-repeat;will-change:transform;pointer-events:none}.hp-hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(to right,rgba(0,0,0,.88) 0%,rgba(0,0,0,.72) 25%,rgba(0,0,0,.45) 50%,rgba(0,0,0,.1) 75%,transparent 100%),linear-gradient(to bottom,rgba(0,0,0,.35) 0%,rgba(0,0,0,.1) 40%,transparent 70%)}.hp-hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.hp-hero-mote{position:absolute;border-radius:50%;background:#daa520d9;box-shadow:0 0 5px 2px #daa52066;animation:moteRise linear infinite}@keyframes moteRise{0%{transform:translateY(0) scale(1);opacity:0}8%{opacity:1}88%{opacity:.5}to{transform:translateY(-180px) scale(.3);opacity:0}}.hp-hero-body{position:relative;z-index:3;max-width:560px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:var(--sp-3);padding:var(--sp-10) var(--sp-10) var(--sp-10)}.hp-hero-eyebrow{font-family:var(--font-heading);font-size:.58rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#daa520bf;animation:heroFadeUp .9s ease .1s both}.hp-hero-title{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:0;animation:heroFadeUp .9s ease .22s both}.hp-hero-title-main{font-family:var(--font-heading);font-size:clamp(2.4rem,4.8vw,4.4rem);font-weight:900;letter-spacing:.06em;text-transform:uppercase;line-height:1;color:#fff;text-shadow:0 0 40px rgba(218,165,32,.4),0 2px 0 rgba(0,0,0,.95),0 4px 20px rgba(0,0,0,1)}.hp-hero-title-sub{font-family:var(--font-heading);font-size:clamp(.68rem,1.3vw,.9rem);font-weight:600;letter-spacing:.4em;text-transform:uppercase;color:#f0d78ccc;text-shadow:0 1px 8px rgba(0,0,0,1);margin-top:.3rem;display:block;animation:heroFadeUp .9s ease .34s both}.hp-hero-frontiers{font-family:var(--font-heading);font-size:clamp(1.5rem,3.2vw,2.8rem);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#daa520;text-shadow:0 0 18px rgba(218,165,32,1),0 0 50px rgba(218,165,32,.6),0 2px 0 rgba(0,0,0,1);animation:heroFadeUp .9s ease .44s both,frontiersPulse 4s ease-in-out 2s infinite alternate}@keyframes frontiersPulse{0%{text-shadow:0 0 18px rgba(218,165,32,1),0 0 50px rgba(218,165,32,.6),0 2px 0 rgba(0,0,0,1)}to{text-shadow:0 0 28px rgba(218,165,32,1),0 0 90px rgba(218,165,32,.9),0 2px 0 rgba(0,0,0,1)}}.hp-hero-rule{display:flex;align-items:center;gap:var(--sp-3);width:220px;animation:heroFadeUp .9s ease .54s both}.hp-hero-rule-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(218,165,32,.6),transparent)}.hp-hero-rule-gem{width:5px;height:5px;background:#daa520;border-radius:1px;transform:rotate(45deg);box-shadow:0 0 8px #daa520e6;animation:gemSpin 10s linear infinite}@keyframes gemSpin{to{transform:rotate(405deg)}}.hp-hero-desc{font-family:var(--font-body);font-size:.88rem;line-height:1.8;color:#f0e4c8c7;max-width:440px;text-shadow:0 1px 6px rgba(0,0,0,1),0 0 2px rgba(0,0,0,1);animation:heroFadeUp .9s ease .64s both}.hp-hero-cta{display:flex;flex-direction:column;gap:var(--sp-2);animation:heroFadeUp .9s ease .78s both;margin-top:var(--sp-1)}.hp-hero-cta-row{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}.hp-hero-quicklinks{display:flex;gap:var(--sp-4);flex-wrap:wrap;margin-top:var(--sp-1)}.hp-hero-quicklink{font-family:var(--font-heading);font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#daa52099;transition:color var(--ease-fast);display:flex;align-items:center;gap:4px}.hp-hero-quicklink:hover{color:#daa520}.hp-hero-quicklink:after{content:"→";font-size:.7rem}.hp-cta-primary{font-family:var(--font-heading);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-pill);background:var(--gold);color:var(--chrome-darkest);border:2px solid var(--gold);transition:all var(--ease-fast)}.hp-cta-primary:hover{background:#e6b800;box-shadow:0 4px 16px #daa52073;transform:translateY(-1px)}.hp-cta-secondary{font-family:var(--font-heading);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-pill);background:#0000004d;color:var(--gold);border:2px solid rgba(218,165,32,.5);transition:all var(--ease-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hp-cta-secondary:hover{border-color:var(--gold);background:#daa5201f;transform:translateY(-1px)}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hp-stats-bar{display:flex;flex-wrap:wrap;background:var(--chrome-dark);border-bottom:1px solid var(--chrome-rim)}.hp-stat-block{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;padding:var(--sp-4) var(--sp-3);border-right:1px solid var(--chrome-rim);text-decoration:none;transition:background var(--ease-fast);gap:2px}.hp-stat-block:last-child{border-right:none}.hp-stat-block:hover{background:#daa5200f}.hp-stat-val{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--gold);line-height:1}.hp-stat-label{font-family:var(--font-heading);font-size:.5rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#daa52073}.hp-portal-section{padding:var(--sp-6) var(--sp-6) 0}.hp-section-header{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4)}.hp-section-title{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#daa52099;white-space:nowrap;margin:0}.hp-section-rule{flex:1;height:1px;background:var(--chrome-rim);opacity:.5}.hp-section-link{font-family:var(--font-heading);font-size:.55rem;font-weight:700;letter-spacing:.08em;color:#daa52080;text-decoration:none;white-space:nowrap;transition:color var(--ease-fast)}.hp-section-link:hover{color:var(--gold)}.hp-portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3)}.hp-portal-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);text-decoration:none;color:inherit;transition:all var(--ease-fast)}.hp-portal-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.hp-portal-icon{font-size:1.5rem;flex-shrink:0}.hp-portal-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.hp-portal-label{font-family:var(--font-body);font-size:.9rem;font-weight:700;color:var(--maroon-dark)}.hp-portal-desc{font-family:var(--font-heading);font-size:.52rem;font-weight:700;letter-spacing:.04em;color:var(--text-label);line-height:1.4}.hp-portal-arrow{font-family:var(--font-heading);font-size:.8rem;color:#daa5204d;flex-shrink:0;transition:all var(--ease-fast)}.hp-portal-card:hover .hp-portal-arrow{color:var(--gold);transform:translate(3px)}.hp-archetype-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-3)}.hp-archetype-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);border-top:3px solid transparent}.hp-archetype-header{display:flex;align-items:flex-start;gap:var(--sp-3)}.hp-archetype-glyph{font-size:1.4rem;flex-shrink:0;margin-top:2px}.hp-archetype-name{font-family:var(--font-heading);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hp-archetype-desc{font-family:var(--font-body);font-size:.72rem;color:var(--text-label);line-height:1.4}.hp-archetype-classes{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.hp-class-chip{font-family:var(--font-heading);font-size:.55rem;font-weight:700;letter-spacing:.06em;padding:3px var(--sp-3);border-radius:var(--radius-pill);background:var(--parchment-light);border:1px solid var(--parchment-dark);color:var(--text-label);text-decoration:none;transition:all var(--ease-fast)}.hp-class-chip:hover{background:var(--chrome-dark);border-color:var(--chrome-rim);color:var(--gold)}.hp-city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3)}.hp-city-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);text-decoration:none;color:inherit;transition:all var(--ease-fast)}.hp-city-card:hover{transform:translateY(-2px)}.hp-city-icon{font-size:1.2rem;flex-shrink:0}.hp-city-info{display:flex;flex-direction:column;gap:1px}.hp-city-name{font-family:var(--font-body);font-size:.88rem;font-weight:700;color:var(--maroon-dark)}.hp-city-meta{font-family:var(--font-heading);font-size:.52rem;font-weight:700;letter-spacing:.05em;color:var(--text-label)}.hp-quest-types{display:flex;flex-direction:column;gap:var(--sp-2);max-width:560px}.hp-quest-type-row{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none;color:inherit;padding:var(--sp-1) 0;transition:opacity var(--ease-fast)}.hp-quest-type-row:hover{opacity:.8}.hp-qt-label{font-family:var(--font-heading);font-size:.6rem;font-weight:700;letter-spacing:.06em;color:var(--text-label);min-width:120px}.hp-qt-bar-wrap{flex:1;height:6px;background:var(--parchment-dark);border-radius:var(--radius-pill);overflow:hidden}.hp-qt-bar{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--gold),rgba(218,165,32,.5));transition:width .6s ease}.hp-qt-count{font-family:var(--font-heading);font-size:.6rem;font-weight:700;color:var(--gold);min-width:36px;text-align:right}.hp-footer{margin-top:var(--sp-8);padding:var(--sp-6) var(--sp-8);border-top:1px solid var(--chrome-rim);background:var(--chrome-darkest);text-align:center;display:flex;flex-direction:column;gap:var(--sp-2)}.hp-footer-title{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#daa52080;margin:0}.hp-footer-sub{font-family:var(--font-body);font-size:.75rem;color:var(--text-label);margin:0}@media (max-width: 900px){.hp-hero-body{padding:var(--sp-8) var(--sp-5) var(--sp-6);align-items:flex-start;text-align:left}.hp-hero-title{font-size:2.4rem}.hp-hero-title-sub{font-size:1.8rem}.hp-portal-section{padding:var(--sp-5) var(--sp-4) 0}.hp-stats-bar{display:grid;grid-template-columns:repeat(4,1fr)}.hp-stat-block{border-right:none;border-bottom:1px solid var(--chrome-rim)}}@media (max-width: 600px){.hp-hero-title{font-size:1.9rem}.hp-hero-title-sub{font-size:1.4rem}.hp-stats-bar{grid-template-columns:repeat(3,1fr)}.hp-portal-grid,.hp-archetype-grid{grid-template-columns:1fr}.hp-city-grid{grid-template-columns:repeat(2,1fr)}}.app-layout{display:flex;min-height:100vh;background:var(--chrome-darkest)}.main-content{flex:1;min-width:0;background:var(--parchment);min-height:100vh}:focus-visible{outline:2px solid var(--gold-mid);outline-offset:2px;border-radius:var(--radius-sm)}@media (max-width: 768px){.main-content{padding-top:52px}.mobile-header{position:fixed;top:0;left:0;right:0;height:52px;z-index:300}}:root{--chrome-darkest: #0d1f1f;--chrome-dark: #1a3535;--chrome-mid: #2a4a4a;--chrome-light: #3d6060;--chrome-highlight: #4e7a7a;--chrome-rim: #6a9999;--bg-base: #f3f4f6;--bg-card: #ffffff;--bg-raised: #f9fafb;--bg-sunken: #f0f1f3;--bg-overlay: rgba(0,0,0,.45);--border-subtle: #e5e7eb;--border-medium: #d1d5db;--border-strong: #9ca3af;--accent: #8b1a1a;--accent-hover: #a82020;--accent-light: rgba(139,26,26,.08);--accent-border: rgba(139,26,26,.25);--gold-bright: #ffd84d;--gold: #e8b84b;--gold-mid: #c99a35;--gold-dark: #a07820;--gold-muted: #8a6618;--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #6b7280;--text-disabled: #9ca3af;--text-link: #8b1a1a;--text-link-hover:#a82020;--text-on-dark: #f9fafb;--text-on-chrome: #d4c8a8;--text-on-chrome-dim: #8a9a9a;--text-on-parchment: var(--text-primary);--text-label: var(--text-tertiary);--text-value: var(--text-primary);--parchment-lightest: var(--bg-raised);--parchment-light: var(--bg-card);--parchment: var(--bg-base);--parchment-dark: var(--border-subtle);--parchment-shadow: var(--border-medium);--parchment-deep: var(--text-tertiary);--maroon: var(--accent);--maroon-dark: var(--accent);--maroon-bright: var(--accent-hover);--maroon-mid: var(--accent);--maroon-deep: #660000;--good-color: #16a34a;--good-bg: #f0fdf4;--neutral-color: #7c6f3a;--neutral-bg: #fefce8;--evil-color: #dc2626;--evil-bg: #fef2f2;--font-heading: "Cinzel", "Georgia", serif;--font-decorative: "Cinzel Decorative", "Cinzel", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-ui: "Inter", system-ui, sans-serif;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px rgba(0,0,0,.1), 0 8px 10px rgba(0,0,0,.04);--panel-shadow: var(--shadow-md);--chrome-glow: 0 0 12px rgba(74,122,122,.3);--bevel-light: none;--bevel-dark: none;--bevel-inset: inset 0 1px 3px rgba(0,0,0,.08);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sidebar-width: 210px;--content-max: 1200px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--ease-fast: .12s ease;--ease-normal: .2s ease;--ease-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text-primary);background:var(--bg-base);min-height:100vh}a{color:var(--text-link);text-decoration:none;transition:color var(--ease-fast)}a:hover{color:var(--text-link-hover)}img{max-width:100%;display:block}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);min-height:100vh;flex-shrink:0;background:linear-gradient(180deg,var(--chrome-dark) 0%,var(--chrome-darkest) 100%);border-right:1px solid var(--chrome-light);box-shadow:2px 0 16px #00000026,var(--chrome-glow);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:200}.sidebar-header{padding:var(--sp-5) var(--sp-4) var(--sp-4);border-bottom:1px solid var(--chrome-light);background:linear-gradient(180deg,var(--chrome-mid) 0%,var(--chrome-dark) 100%)}.sidebar-logo{display:block;text-decoration:none;text-align:center}.logo-main{display:block;font-family:var(--font-decorative);font-size:.95rem;font-weight:700;color:var(--gold);letter-spacing:.15em;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 12px rgba(232,184,75,.3);line-height:1.2}.logo-sub{display:block;font-family:var(--font-heading);font-size:.6rem;font-weight:400;color:var(--chrome-rim);letter-spacing:.3em;text-transform:uppercase;margin-top:var(--sp-1)}.sidebar-logo-img{width:160px;height:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.sidebar-logo-divider{height:1px;background:linear-gradient(90deg,transparent,var(--chrome-highlight) 30%,var(--gold-dark) 50%,var(--chrome-highlight) 70%,transparent);margin:var(--sp-3) var(--sp-4);opacity:.6}.sidebar-search{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--chrome-mid)}.sidebar-search input{width:100%;background:var(--chrome-darkest);border:1px solid var(--chrome-light);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);font-family:var(--font-body);font-size:.8rem;color:var(--text-on-chrome);box-shadow:var(--bevel-inset);transition:border-color var(--ease-normal),box-shadow var(--ease-normal)}.sidebar-search input::placeholder{color:var(--text-on-chrome-dim);font-style:italic}.sidebar-search input:focus{outline:none;border-color:var(--gold-mid);box-shadow:0 0 0 2px #c99a3533}.sidebar-nav{flex:1;padding:var(--sp-3) 0;overflow-y:auto}.nav-section{margin-bottom:var(--sp-2)}.nav-section-title{display:block;font-family:var(--font-body);font-size:.6rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--chrome-rim);padding:var(--sp-3) var(--sp-4) var(--sp-1);opacity:.7}.sidebar-nav a{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-family:var(--font-body);font-size:.82rem;font-weight:400;color:var(--text-on-chrome);text-decoration:none;letter-spacing:.02em;transition:all var(--ease-fast);border-left:2px solid transparent}.sidebar-nav a:hover{background:#4a7a7a26;color:var(--gold);border-left-color:var(--chrome-rim)}.sidebar-nav a.active{background:linear-gradient(90deg,rgba(200,150,50,.18) 0%,transparent 100%);color:var(--gold-bright);border-left-color:var(--gold);font-weight:600}.nav-icon{font-size:.85rem;width:16px;text-align:center;flex-shrink:0}.sidebar-footer{padding:var(--sp-4);border-top:1px solid var(--chrome-mid);text-align:center}.sidebar-footer p{font-family:var(--font-body);font-size:.65rem;color:var(--text-on-chrome-dim);line-height:1.5;margin:0;font-style:italic}.sidebar-footer a{color:var(--text-on-chrome-dim);font-size:.65rem;text-decoration:none;display:block;text-align:center;margin-top:var(--sp-1);transition:color var(--ease-fast)}.sidebar-footer a:hover{color:var(--gold)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:var(--chrome-darkest)}.sidebar::-webkit-scrollbar-thumb{background:var(--chrome-mid);border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--chrome-light)}.sidebar-search-wrap{position:relative}.sidebar-search-wrap input{padding-left:var(--sp-6)}.sidebar-search-icon{position:absolute;left:var(--sp-2);top:50%;transform:translateY(-50%);color:var(--text-on-chrome-dim);font-size:.75rem;pointer-events:none}.nav-separator{height:1px;background:linear-gradient(90deg,transparent,var(--chrome-mid) 30%,var(--chrome-light) 50%,var(--chrome-mid) 70%,transparent);margin:var(--sp-2) var(--sp-4);opacity:.5}.nav-search-wrap{padding:var(--sp-3) var(--sp-4) var(--sp-2)}.nav-search-btn{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);background:var(--chrome-mid);border:1px solid var(--chrome-rim);border-radius:var(--radius-md);text-decoration:none;transition:all var(--ease-fast);cursor:pointer}.nav-search-btn:hover,.nav-search-btn.active{background:#daa52014;border-color:#daa52059}.nav-search-placeholder{font-family:var(--font-body);font-size:.78rem;color:var(--text-label);opacity:.7;flex:1}.nav-search-btn:hover .nav-search-placeholder{opacity:1;color:var(--gold)}.main-content{flex:1;min-width:0;background:var(--bg-base);min-height:100vh}.mobile-header{display:none;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--chrome-dark);border-bottom:1px solid var(--chrome-light);position:sticky;top:0;z-index:300}.menu-toggle{background:none;border:1px solid var(--chrome-rim);border-radius:var(--radius-sm);padding:var(--sp-2);cursor:pointer;display:flex;flex-direction:column;gap:4px}.menu-toggle span{display:block;width:20px;height:2px;background:var(--gold);border-radius:2px;transition:all var(--ease-fast)}.mobile-logo{font-family:var(--font-heading);font-size:.9rem;color:var(--gold);text-decoration:none;letter-spacing:.1em}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150}.eqoa-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.eqoa-panel:before{display:none}.eqoa-panel>*{position:relative;z-index:1}.eqoa-panel-header{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--chrome-light) 0%,var(--chrome-mid) 100%);border-bottom:1px solid var(--chrome-highlight);padding:var(--sp-2) var(--sp-5)}.eqoa-panel-header h1,.eqoa-panel-header h2,.eqoa-panel-header h3,.eqoa-panel-title{font-family:var(--font-heading);font-size:.75rem;font-weight:700;color:var(--gold);letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5);margin:0}.section-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.section-header:before,.section-header:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.section-title{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap}.eqoa-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--ease-normal),box-shadow var(--ease-normal),border-color var(--ease-normal);cursor:pointer}.eqoa-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-medium)}.eqoa-card-header{background:linear-gradient(180deg,var(--chrome-mid) 0%,var(--chrome-dark) 100%);padding:var(--sp-2) var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.eqoa-card-title{font-family:var(--font-heading);font-size:.82rem;font-weight:700;color:var(--gold);letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.4)}.eqoa-card-body{padding:var(--sp-4);background:var(--bg-card)}.eqoa-card-footer{padding:var(--sp-3) var(--sp-4);background:var(--bg-raised);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--sp-2) 0;border-bottom:1px solid var(--border-subtle);font-family:var(--font-body);font-size:.9rem}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-tertiary);font-size:.875rem}.stat-value{font-weight:600;color:var(--text-primary);font-family:var(--font-heading);font-size:.875rem;letter-spacing:.04em}.stat-block{text-align:center}.stat-block-value{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--accent);line-height:1}.stat-block-label{font-family:var(--font-body);font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary);margin-top:var(--sp-1)}.faction-badge{display:inline-flex;align-items:center;padding:2px var(--sp-3);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid currentColor}.faction-badge.good{color:var(--good-color);background:var(--good-bg);border-color:#16a34a4d}.faction-badge.neutral{color:var(--neutral-color);background:var(--neutral-bg);border-color:#7c6f3a4d}.faction-badge.evil{color:var(--evil-color);background:var(--evil-bg);border-color:#dc26264d}.class-pill{display:inline-block;padding:2px var(--sp-3);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.7rem;font-weight:500;background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border-medium)}.class-pill-overflow{display:inline-block;padding:2px var(--sp-2);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.7rem;font-weight:600;background:var(--chrome-mid);color:var(--gold);border:1px solid var(--chrome-rim)}.eqoa-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:.02em;padding:var(--sp-2) var(--sp-5);border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--ease-fast)}.eqoa-btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-xs)}.eqoa-btn-primary:hover{background:var(--accent-hover);color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.eqoa-btn-secondary{background:linear-gradient(180deg,var(--chrome-light) 0%,var(--chrome-mid) 100%);color:var(--gold);box-shadow:var(--shadow-xs)}.eqoa-btn-secondary:hover{background:linear-gradient(180deg,var(--chrome-highlight) 0%,var(--chrome-light) 100%);color:var(--gold-bright);transform:translateY(-1px)}.eqoa-btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-medium);padding:var(--sp-1) var(--sp-3)}.eqoa-btn-ghost:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-light)}.view-details-link{font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:var(--sp-1);transition:color var(--ease-fast)}.view-details-link:after{content:" →"}.view-details-link:hover{color:var(--accent-hover)}.ornate-divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0}.ornate-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-medium) 20%,var(--border-strong) 50%,var(--border-medium) 80%,transparent)}.ornate-divider-gem{width:8px;height:8px;background:var(--accent);transform:rotate(45deg);border:1px solid var(--accent-hover);flex-shrink:0;box-shadow:0 0 4px #8b1a1a4d}.eqoa-tabs{display:flex;gap:2px;background:var(--chrome-dark);padding:2px;border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--chrome-mid);border-bottom:none}.eqoa-tab{flex:1;padding:var(--sp-2) var(--sp-4);font-family:var(--font-body);font-size:.78rem;font-weight:500;text-transform:uppercase;color:var(--text-on-chrome-dim);background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--ease-fast);text-align:center}.eqoa-tab:hover{color:var(--gold);background:#4a7a7a33}.eqoa-tab.active{background:var(--bg-card);color:var(--accent);font-weight:600}.eqoa-tab-content{background:var(--bg-card);border:1px solid var(--chrome-mid);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--sp-6)}.detail-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--sp-4);box-shadow:var(--shadow-xs)}.detail-nav-prev,.detail-nav-next{padding:var(--sp-3) var(--sp-4);background:var(--bg-card);font-family:var(--font-body);font-size:.78rem;font-weight:500;text-decoration:none;display:flex;flex-direction:column;gap:2px;transition:background var(--ease-fast)}.detail-nav-prev:hover,.detail-nav-next:hover{background:var(--bg-raised)}.detail-nav-prev{text-align:left}.detail-nav-next{text-align:right}.detail-nav-label{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary)}.detail-nav-name{color:var(--accent);font-size:.82rem;font-weight:600}.detail-nav-center{padding:var(--sp-3) var(--sp-5);background:linear-gradient(180deg,var(--chrome-light) 0%,var(--chrome-mid) 100%);display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-decoration:none;cursor:pointer;border:none;white-space:nowrap}.avatar-icon{border-radius:50%;border:2px solid var(--border-medium);box-shadow:var(--shadow-sm);object-fit:cover;flex-shrink:0;background:var(--bg-raised)}.avatar-icon-sm{width:36px;height:36px}.avatar-icon-md{width:52px;height:52px}.avatar-icon-lg{width:80px;height:80px}.avatar-icon-xl{width:160px;height:160px}.character-art{object-fit:contain;object-position:bottom center}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);padding:var(--sp-6)}@media (max-width: 1100px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.card-grid{grid-template-columns:1fr}}.page-chrome-header{background:linear-gradient(180deg,var(--chrome-mid) 0%,var(--chrome-dark) 100%);border-bottom:1px solid var(--chrome-light);padding:var(--sp-5) var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);box-shadow:0 2px 8px #00000026}.page-chrome-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--gold);letter-spacing:.1em;text-shadow:0 1px 3px rgba(0,0,0,.5);margin:0}.page-chrome-subtitle{font-family:var(--font-body);font-size:.82rem;color:var(--chrome-rim);margin:var(--sp-1) 0 0}.filter-bar{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:var(--sp-3) var(--sp-6);display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}.filter-bar input,.filter-bar select{background:var(--bg-raised);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);font-family:var(--font-body);font-size:.875rem;color:var(--text-primary);transition:border-color var(--ease-normal),box-shadow var(--ease-normal)}.filter-bar input:focus,.filter-bar select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.filter-bar input{flex:1;min-width:200px}.xp-reward-box{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md);padding:var(--sp-4)}.xp-reward-label{font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#92400e;margin-bottom:var(--sp-1)}.xp-reward-value{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:#78350f}.xp-reward-note{font-family:var(--font-body);font-size:.8rem;color:#92400e;margin-top:var(--sp-1)}.item-reward-card{display:flex;align-items:center;gap:var(--sp-3);border:1px solid rgba(22,163,74,.35);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);background:var(--good-bg);transition:background var(--ease-fast),border-color var(--ease-fast)}.item-reward-card:hover{background:#dcfce7;border-color:#16a34a80}.objective-row{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--sp-2);transition:background var(--ease-fast)}.objective-row:hover{background:#f0f4ff}.objective-number{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--font-heading);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-xs)}.objective-text{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);padding-top:3px;line-height:1.5}.pro-tips-box{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md);overflow:hidden}.pro-tips-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);cursor:pointer;-webkit-user-select:none;user-select:none}.pro-tips-title{font-family:var(--font-body);font-size:.82rem;font-weight:600;color:#92400e;display:flex;align-items:center;gap:var(--sp-2)}.pro-tips-toggle{font-family:var(--font-body);font-size:.7rem;font-weight:600;color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-sm);padding:2px var(--sp-3);cursor:pointer;transition:background var(--ease-fast)}.pro-tips-toggle:hover{background:#fde68a}.walkthrough-step{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:opacity var(--ease-fast)}.walkthrough-step:last-child{border-bottom:none}.walkthrough-step input[type=checkbox]{width:17px;height:17px;margin-top:3px;accent-color:var(--accent);flex-shrink:0;cursor:pointer}.walkthrough-step-text{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);line-height:1.55}.walkthrough-step.done .walkthrough-step-text{text-decoration:line-through;color:var(--text-tertiary)}.faction-group-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-6);margin-bottom:var(--sp-2);border-radius:var(--radius-md)}.faction-group-header.good{background:#16a34a0f;border-left:3px solid var(--good-color)}.faction-group-header.neutral{background:#7c6f3a0f;border-left:3px solid var(--neutral-color)}.faction-group-header.evil{background:#dc26260f;border-left:3px solid var(--evil-color)}.faction-group-title{font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.faction-group-header.good .faction-group-title{color:var(--good-color)}.faction-group-header.neutral .faction-group-title{color:var(--neutral-color)}.faction-group-header.evil .faction-group-title{color:var(--evil-color)}.faction-group-count{font-family:var(--font-body);font-size:.8rem;color:var(--text-tertiary)}.area-map-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.area-map-label{font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary);text-align:center;padding:var(--sp-2) var(--sp-3);background:var(--bg-raised);border-bottom:1px solid var(--border-subtle)}.area-map-image{width:100%;aspect-ratio:1;object-fit:cover}.area-map-name{text-align:center;padding:var(--sp-2);font-family:var(--font-body);font-size:.75rem;color:var(--text-tertiary)}.back-link{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--text-tertiary);text-decoration:none;padding:var(--sp-3) var(--sp-6);transition:color var(--ease-fast)}.back-link:before{content:"←";margin-right:var(--sp-1)}.back-link:hover{color:var(--accent)}.empty-state{text-align:center;padding:var(--sp-16) var(--sp-6);color:var(--text-tertiary)}.empty-state-icon{font-size:2.5rem;margin-bottom:var(--sp-4);opacity:.4}.empty-state-text{font-family:var(--font-heading);font-size:.9rem;color:var(--text-tertiary);letter-spacing:.05em}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--sp-16);gap:var(--sp-3);font-family:var(--font-body);font-size:.85rem;color:var(--text-tertiary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (max-width: 768px){.sidebar{position:fixed;left:-100%;top:0;transition:left var(--ease-slow);z-index:200;height:100vh;overflow-y:auto}.sidebar.open{left:0;box-shadow:4px 0 24px #0006}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150}.mobile-header{display:flex}.main-content{padding-top:52px}.mobile-header{position:fixed;top:0;left:0;right:0;height:52px;z-index:300}.card-grid{padding:var(--sp-4);gap:var(--sp-4)}.page-chrome-header{padding:var(--sp-4);flex-direction:column;align-items:flex-start}.filter-bar{padding:var(--sp-3) var(--sp-4)}.filter-bar input{min-width:100%}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.w-full{width:100%}.p-4{padding:var(--sp-4)}.p-6{padding:var(--sp-6)}.p-8{padding:var(--sp-8)}.px-6{padding-left:var(--sp-6);padding-right:var(--sp-6)}.py-4{padding-top:var(--sp-4);padding-bottom:var(--sp-4)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.mt-4{margin-top:var(--sp-4)}