@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.top-container{isolation:isolate;border-bottom:1px solid var(--ew-border-soft,#fff1);min-height:54px;color:var(--ew-text,#fff);background:linear-gradient(180deg, #ffffff0a, #ffffff03 52%, #00000014), var(--ew-bg-panel,#101316);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--ew-accent,#ff7f32) 12%, transparent), 0 12px 26px #00000042;grid-template-columns:auto 1fr auto;align-items:center;gap:.72rem;padding:.42rem 1rem .46rem;display:grid;position:relative}.top-container:after{content:"";z-index:0;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ew-accent,#ff7f32) 18%, transparent) 18%, #ffffff0d 50%, color-mix(in srgb, var(--ew-accent,#ff7f32) 12%, transparent) 82%, transparent);pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0}.top-container>*{z-index:1;position:relative}.logo-container{align-items:center;display:flex}.top-bar-icon{width:28px;height:28px;margin-right:.42rem}.logo-title{letter-spacing:.06em;background:linear-gradient(90deg,#e67328,#e65c1f,#eb8c4d);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;font-family:Audiowide,sans-serif;font-size:clamp(1.42rem,2vw,1.95rem)}.view-selector{flex-wrap:wrap;justify-content:center;gap:.48rem;display:flex}.view-selector a{border:1px solid var(--ew-border-soft,#ffffff0e);background:var(--ew-bg-input,#ffffff0d);color:var(--ew-text-soft,#ffffffc7);cursor:pointer;border-radius:5px;padding:.34rem .55rem;font-size:.95rem;font-weight:500;line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-block;box-shadow:inset 0 1px #ffffff09}.view-selector a:not(.disabled):hover{border-color:var(--ew-border-strong,#ffffff17);color:var(--ew-text,#ffffffeb);background:#ffffff14}.view-selector a:focus-visible,.faction-selector button:focus-visible{outline:2px solid var(--ew-focus,#ff7f3273);outline-offset:2px}.view-selector a.active{border-color:var(--ew-accent-border,#ff7f3233);background:var(--ew-accent-soft,#ff7f321f);color:var(--ew-accent,#ff7f32);box-shadow:inset 0 1px 0 #ffffff0d, 0 0 0 1px color-mix(in srgb, var(--ew-active-accent,#ff7f32) 14%, transparent);font-weight:600}.view-selector a.disabled{color:#666;cursor:not-allowed;background:#ffffff06}.view-selector a.disabled:hover{background:#ffffff06}.faction-selector{flex-wrap:wrap;justify-content:flex-end;gap:.34rem;display:flex}@media (width<=600px){.faction-selector{justify-content:center}}.faction-selector button{background:var(--ew-bg-input,#ffffff0d);color:var(--ew-accent,#ff7f32);cursor:pointer;border:1px solid #ffffff0e;border-radius:5px;margin-left:0;padding:.34rem .62rem;font-size:.84rem;font-weight:500;transition:background .2s,border-color .2s,color .2s;box-shadow:inset 0 1px #ffffff09}.faction-selector button:hover{border-color:var(--ew-accent-border,#ff7f3229);background:#ffffff14}.faction-selector button.active{background-color:var(--ew-accent,#ff7f32);border-color:var(--ew-accent-border,#ff7f32d1);color:#070707;box-shadow:none;font-weight:600}.faction-selector button.disabled{color:#666;cursor:not-allowed;background:#ffffff06}.faction-selector button.disabled:hover{background:#ffffff06}@media (width<=1400px){.top-container{gap:.65rem;padding-left:.7rem;padding-right:.7rem}.top-bar-icon{width:28px;height:28px;margin-right:.4rem}.logo-title{letter-spacing:1px;font-size:1.78rem}.view-selector{gap:.46rem}.view-selector a{padding:.36rem .5rem;font-size:.98rem}.faction-selector{gap:.38rem}.faction-selector button{padding:.36rem .58rem;font-size:.88rem}}@media (width<=1080px){.top-container{grid-template-columns:1fr;justify-items:center}.logo-container,.view-selector,.faction-selector{justify-content:center}.faction-selector button{margin-left:0}}@media (width<=640px){.logo-title{text-align:center;font-size:1.7rem}.view-selector{gap:.5rem}.view-selector a,.faction-selector button{font-size:.95rem}}.info-content{text-align:center;max-width:860px;color:var(--ew-text,#fff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0 1px #00000080;margin:3rem auto;padding:1rem 1.5rem 4rem;font-family:Inter,sans-serif;font-weight:500}.info-content h1{color:var(--ew-active-accent,#ff7f32);text-shadow:none;margin-bottom:1rem;font-family:Audiowide,sans-serif;font-size:clamp(2rem,3vw,2.5rem)}.info-content:before,.info-content:after{content:"";background:linear-gradient(90deg, transparent, var(--ew-active-accent,#ff7f32), transparent);opacity:.72;width:min(76%,620px);height:1px;margin:1.5rem auto;display:block}.orange-line.thin-center{background:linear-gradient(90deg, transparent, var(--ew-active-accent,#ff7f32), transparent);opacity:.78;border-radius:1px;width:45%;height:1px;margin:2rem auto}.info-content p{color:var(--ew-text,#fff);margin:1rem 0;line-height:1.6}.info-content p.italic{margin-top:1rem;font-style:italic}.info-content p.top-margin{margin-top:1.5rem}.resource-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.resource-links a{background:var(--ew-bg-panel,#101316);border:1px solid var(--ew-active-accent-border,#ff7f326b);color:var(--ew-active-accent,#ff7f32);border-radius:5px;padding:.3rem .8rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.resource-links a:hover{background:var(--ew-active-accent-soft,#ff7f321f);color:#fff3eb}.contact-note{text-align:center;color:var(--ew-text-muted,#ccc);margin-top:1rem;font-size:.85rem}.info-content .italic-group p{margin:0}.info-content .italic-group p+p{margin-top:.2em}:root{--ew-bg-page:#080a0c;--ew-bg-page-soft:#0b0e11;--ew-bg-panel:#101316;--ew-bg-panel-raised:#15191d;--ew-bg-panel-muted:#ffffff09;--ew-bg-input:#ffffff0b;--ew-border-soft:#ffffff14;--ew-border-strong:#ffffff29;--ew-text:#ffffffeb;--ew-text-soft:#ffffffb8;--ew-text-muted:#ffffff85;--ew-accent:#ff7f32;--ew-accent-soft:#ff7f321f;--ew-accent-border:#ff7f326b;--ew-focus:#ff7f3238;--ew-shadow-panel:0 18px 46px #00000057}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 16% 0%, #ff7f3209, transparent 28%), linear-gradient(180deg, var(--ew-bg-page-soft), #050607 58%, #020303);color:var(--ew-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0 1px #00000080;font-family:Inter,sans-serif;font-weight:500}.app{--ew-active-accent:var(--ew-accent);--ew-active-accent-soft:var(--ew-accent-soft);--ew-active-accent-border:var(--ew-accent-border);background:radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--ew-active-accent) 6%, transparent), transparent 30%), linear-gradient(180deg, #ffffff03, transparent 180px), var(--ew-bg-page);min-height:100vh;color:var(--ew-text)}.app[data-ew-hue=gold]{--ew-active-accent:#c79a4a;--ew-active-accent-soft:#c79a4a1f;--ew-active-accent-border:#c79a4a70}.app[data-ew-hue=teal]{--ew-active-accent:#20b897;--ew-active-accent-soft:#20b8971f;--ew-active-accent-border:#20b8976b}.app[data-ew-hue=neutral]{--ew-active-accent:#d69060;--ew-active-accent-soft:#d690601a;--ew-active-accent-border:#d6906057}.app--codex,.app--quests{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app--codex .top-container,.app--quests .top-container{flex-shrink:0}.app--codex>:not(.top-container),.app--quests>:not(.top-container){flex:auto;min-height:0}.main-container{padding:1rem;display:flex}.seo-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.route-state{min-height:min(52vh,520px);color:var(--ew-text-soft);text-align:center;align-content:center;place-items:center;gap:.85rem;padding:2rem;display:grid}.route-state__spinner{border:2px solid var(--ew-border-soft);border-top-color:var(--ew-active-accent,var(--ew-accent));border-radius:999px;width:2rem;height:2rem;animation:.85s linear infinite ew-route-spin}.route-state--error{max-width:560px;margin:0 auto}.route-state--error h1{color:var(--ew-text);font-size:1.25rem}.route-state--error p{max-width:34rem;line-height:1.5}.route-state--error button{border:1px solid var(--ew-accent-border);background:var(--ew-accent-soft);color:var(--ew-text);cursor:pointer;font:inherit;border-radius:5px;padding:.55rem .9rem}@keyframes ew-route-spin{to{transform:rotate(360deg)}}@media (width<=1024px){.app--codex,.app--quests{height:auto;min-height:100vh;overflow:visible}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}