.header{background:var(--color-bg-shell);border-bottom:1px solid var(--color-trim-strong);box-sizing:border-box;display:flex;grid-area:header;height:6rem;max-width:100%;position:relative;width:100%}.header-abs-center{align-items:center;display:flex;margin-left:12rem;position:relative;width:100%}@media(max-width:1024px){.header-abs-center{margin-left:0}}.header-title{left:0;margin:auto;pointer-events:none;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%);white-space:normal;width:max-content}.header-side-right{align-items:center;display:flex;height:100%;justify-content:flex-end;margin-left:auto;min-width:3rem;padding:1rem;position:relative;z-index:1}.route-trail{align-items:center;color:#635740;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.45rem;letter-spacing:.02em;margin:0 0 1rem;margin-right:auto;text-transform:uppercase}.route-trail-item{align-items:center;display:inline-flex;gap:.45rem}.route-trail-item:not(:last-child):after{color:#948664;content:"/"}.route-trail-item.is-current{color:#3f331a;font-weight:700;padding:.45rem}.route-trail-link{border-bottom:1px solid transparent;color:inherit;text-decoration:none;transition:color .12s ease,border-color .12s ease}.route-trail-link:hover{border-color:#4f3f1f73;color:#4f3f1f}@media(max-width:900px){.route-trail{font-size:.74rem;margin-bottom:.75rem}}.sidebar{background:var(--color-bg-shell);border-right:1px solid var(--color-trim-strong);grid-area:sidebar}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar a{align-content:center;border-radius:8px;color:var(--color-text-primary);display:block;height:3rem;padding-left:.5rem;text-decoration:none}.sidebar a:hover{background:var(--color-highlight-soft);color:var(--color-highlight)}.sidebar a.is-active{background:var(--color-highlight-strong);color:var(--color-highlight);font-weight:700}:root{--color-bg-page: #f6f6f4;--color-bg-surface: #fff;--color-bg-card: #f8f6ef;--color-bg-shell: #e2dbc8;--color-bg-editor: #fffdf8;--color-card-shadow-soft: 0 1px 4px rgb(0 0 0 / 4%);--color-card-shadow: 0 2px 8px rgb(55 65 81 / 8%);--color-card-shadow-elevated: 0 4px 24px 0 rgb(55 65 81 / 10%);--color-trim-soft: #e0e0e0;--color-trim-muted: #c9bea5;--color-trim-strong: #b7ad96;--color-ink: #1a1509;--color-text-primary: #2e2a20;--color-text-secondary: #3e3728;--color-text-muted: #555;--color-highlight: #6f531b;--color-highlight-soft: rgb(111 83 27 / 8%);--color-highlight-strong: rgb(111 83 27 / 16%);--color-link: #3b82f6;--color-link-hover: #1d4ed8}.app-layout{display:grid;grid:"header header" auto "sidebar main" 1fr/12rem 1fr;height:100vh}@media(max-width:1024px){.app-layout .sidebar{display:none}.app-layout{grid:"header" auto "main" 1fr}}.main-content{align-items:center;background:var(--color-bg-page);display:flex;flex-direction:column;grid-area:main;padding:1rem}.main-content section{margin:1.5rem 0;max-width:80rem;width:100%}body{margin:0}*,*:before,*:after{box-sizing:border-box}.homepage-container{--homepage-card-scale-hover: 1.02;--homepage-card-transition-duration: .2s;color:var(--color-text-secondary);font-size:1.125rem}.homepage-container h1{font-size:2.5rem;font-weight:700;margin:2rem 0 1rem;text-align:center}.homepage-content{display:flex;flex-direction:column;justify-content:center}.quick-links{margin:2rem 0 1rem;text-align:center}.quick-links-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1rem}.quick-link-card{align-items:flex-start;background:var(--color-bg-surface);border-radius:1.25rem;box-shadow:var(--color-card-shadow);display:flex;flex-direction:column;max-width:320px;min-width:220px;padding:1.5rem 2rem;text-decoration:none;transition:box-shadow var(--homepage-card-transition-duration),transform var(--homepage-card-transition-duration)}.quick-link-card h3{align-self:center;font-weight:700;margin:0 0 .5rem}.quick-link-card p{align-self:center;color:var(--color-text-muted);margin:0;text-align:center}.quick-link-card:hover{box-shadow:var(--color-card-shadow-elevated);transform:scale(var(--homepage-card-scale-hover))}.character-detail-wiki{align-items:flex-start;display:flex;justify-content:center;min-height:60vh}.infobox{background:var(--color-bg-surface);border:1px solid var(--color-trim-soft);box-sizing:border-box;font-size:1rem;margin:2rem auto;max-width:400px;padding:1.5rem}.infobox h2{font-family:Georgia,Times New Roman,Times,serif;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.infobox table{border-collapse:collapse;margin-bottom:1rem;width:100%}.infobox th{color:#444;font-weight:400;padding:.2rem .5rem .2rem 0;text-align:left;vertical-align:top;width:40%}.infobox td{color:#222;padding:.2rem 0}.infobox h3{border-bottom:1px solid #e0e0e0;font-size:1.05rem;font-weight:700;margin:1.2em 0 .3em;padding-bottom:.2em}.infobox .subtable{border-collapse:collapse;margin-bottom:.7em;width:100%}.infobox .subtable th{color:var(--color-text-muted);font-weight:400;padding:.1em .5em .1em 0;width:60%}.infobox .subtable td{color:#222;padding:.1em 0}.characters-page{padding:2rem}.player-section{background:var(--color-bg-card);border-radius:8px;box-shadow:var(--color-card-shadow-soft);margin-bottom:2rem;padding:1rem}.character-detail-page{background:var(--color-bg-surface);border-radius:8px;box-shadow:var(--color-card-shadow-soft);margin:2rem auto;max-width:500px;padding:2rem}.plane-page-content{--plane-page-description-mobile-size: .98rem;margin:0 auto;max-width:min(var(--page-readable-max, 84rem),100%)}.plane-page-content h2{font-size:clamp(1.6rem,1.3rem + .9vw,2.2rem);letter-spacing:.01em;line-height:1.15;margin:0 0 .4rem}.plane-page-wide{margin:0 auto;max-width:min(var(--page-breakout-max, 96rem),100%)}.plane-page-description{color:var(--color-text-secondary);font-size:1.03rem;line-height:1.55;margin:0 0 1.5rem}@media(max-width:900px){.plane-page-description{font-size:var(--plane-page-description-mobile-size)}}.outlands-codex-map-card{--outlands-codex-surface-background: #f8f6ef;--outlands-codex-surface-border: #e2d6b7;--outlands-codex-surface-shadow: 0 2px 12px rgb(60 40 10 / 8%);--outlands-codex-frame-border: #bfa76a;align-items:stretch;background:var(--outlands-codex-surface-background);border:1.5px solid var(--outlands-codex-surface-border);border-radius:12px;box-shadow:var(--outlands-codex-surface-shadow);display:flex;flex-direction:column;padding:1.2rem 1.2rem 1rem;width:100%}.atlas-codex-map-container{background:var(--outlands-codex-surface-background) url(/images/parchment-texture.png) repeat;border:2px double var(--outlands-codex-frame-border);border-radius:12px;box-shadow:var(--outlands-codex-surface-shadow);margin:2rem auto;max-width:1100px;padding:2rem 1.5rem 1.5rem;position:relative}.outlands-codex-grid{display:flex;flex-direction:column;gap:2rem;margin:2rem auto 0;max-width:80rem}.outlands-codex-map-col{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.outlands-codex-intro-col{margin:0}.outlands-codex-intro-col section{margin:0}.outlands-codex-grid+.plane-page-content{align-items:center;display:flex;flex-direction:column}.outlands-codex-grid+.plane-page-content .plane-editor-section{width:min(80rem,100%)}@media(min-width:900px){.outlands-codex-grid.is-map-expanded{margin-left:0;margin-right:0;max-width:none;width:100%}.outlands-codex-grid:not(.is-map-expanded){align-items:stretch;flex-direction:row;gap:2.5rem}.outlands-codex-map-col{align-items:stretch;display:flex;flex:0 0 420px;max-width:480px}.outlands-codex-grid.is-map-expanded .outlands-codex-map-col{flex:1 1 auto;max-width:none;width:100%}.outlands-codex-grid.is-map-expanded .outlands-codex-map-card{width:100%}.outlands-codex-grid.is-map-expanded .outlands-codex-intro-col{align-items:center;width:100%}.outlands-codex-grid.is-map-expanded .outlands-codex-intro-col .plane-editor-section{width:min(80rem,100%)}.outlands-codex-intro-col{display:flex;flex:1 1 0%;flex-direction:column;min-width:0}.outlands-codex-map-card,.outlands-codex-intro-col .plane-editor-section{display:flex;flex-direction:column;height:100%}}