.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;gap:.75rem;margin-left:auto;min-width:3rem;padding:1rem;position:relative;z-index:1}.header-dev-user-toggle{background:var(--color-bg-surface);border:1px solid var(--color-trim-soft);border-radius:999px;color:var(--color-text-secondary);cursor:pointer;font:inherit;padding:.5rem .85rem;transition:border-color .15s,color .15s,background-color .15s}.header-dev-user-toggle:hover{border-color:var(--color-trim);color:var(--color-text-primary)}.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-page{color:var(--color-text-secondary);margin:0 auto;max-width:92rem;padding:1.5rem 2rem 4rem;width:100%}.character-detail-page__hero{margin-bottom:2rem}.character-detail-page__hero h1{color:var(--color-text-primary);font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(2rem,3vw,3rem);font-weight:700;margin:0}.character-detail-page__subtitle{color:var(--color-text-muted);font-size:1rem;margin:.4rem 0 0}.character-detail-page__grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.5fr) minmax(18rem,.9fr);align-items:start}.character-detail-page__main,.character-detail-page__aside{display:grid;gap:1.25rem}.character-detail-page__private{margin-top:1.75rem;padding:1.5rem;background:var(--color-bg-shell);border:1px solid var(--color-trim);border-radius:1.25rem}.character-detail-page__private-header{color:var(--color-text-primary);font-size:1.1rem;margin:0 0 1rem}.detail-card{background:var(--color-bg-surface);border:1px solid var(--color-trim-soft);border-radius:1.25rem;box-shadow:var(--color-card-shadow);padding:1.5rem}.detail-card h2{color:var(--color-text-primary);font-size:1.1rem;margin:0}.detail-card p{color:var(--color-text-secondary);line-height:1.6;margin:0}.detail-card--sheet{padding:1.75rem}.detail-card__header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:space-between;margin-bottom:1rem}.detail-card__tag{background:var(--color-highlight-soft);border-radius:999px;color:var(--color-highlight);font-size:.78rem;font-weight:700;padding:.35rem .7rem}.detail-stat-grid,.detail-stat-list{display:grid;gap:.9rem 1rem;margin:0}.detail-stat-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.detail-stat-grid__item,.detail-stat-list__item{background:var(--color-bg-surface);border:1px solid var(--color-trim-soft);border-radius:1rem;padding:.9rem 1rem}.detail-stat-grid__item dt,.detail-stat-list__item dt{color:var(--color-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;margin:0 0 .35rem;text-transform:uppercase}.detail-stat-grid__item dd,.detail-stat-list__item dd{color:var(--color-text-primary);font-size:1.02rem;font-weight:600;margin:0}.detail-table{border-collapse:collapse;margin-top:1rem;width:100%}.detail-table th{color:var(--color-text-muted);font-weight:600;padding:.35rem .75rem .35rem 0;text-align:left;vertical-align:top;width:42%}.detail-table td{color:var(--color-text-primary);padding:.35rem 0}.detail-card--notes{background:var(--color-bg-surface)}.detail-private-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.9rem 1rem}@media(max-width:900px){.character-detail-page__grid{grid-template-columns:1fr}.character-detail-page__hero-meta{justify-content:flex-start}}.characters-page{color:var(--color-text-secondary);align-self:stretch;margin:0 auto;max-width:92rem;padding:2.5rem 2rem 4rem;width:100%}.characters-page h2{font-size:2rem;margin:0 0 1.5rem;text-align:center}.player-card{background:var(--color-bg-surface);border-radius:1.25rem;box-shadow:var(--color-card-shadow);margin-bottom:1.75rem;padding:1.75rem 2rem;width:100%}.player-card__header{align-items:baseline;display:flex;flex-wrap:wrap;font-size:1.15rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.player-card__title{color:var(--color-link);font-weight:700;text-decoration:underline;text-underline-offset:.12em}.player-card__title:hover{color:var(--color-link-hover)}.player-card__role{color:var(--color-text-muted);font-size:.85rem;font-weight:400}.character-cards{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between}.character-cards__empty{color:var(--color-text-muted);font-size:.95rem;margin:0}.character-card{align-items:flex-start;background:var(--color-bg-surface);border:1px solid var(--color-trim-soft);border-radius:1rem;color:inherit;display:flex;flex-direction:column;gap:.35rem;flex:1 1 18rem;min-height:110px;padding:1rem 1.1rem;text-decoration:none;width:100%;max-width:24rem;transition:box-shadow .2s,transform .2s,border-color .2s}.character-card:hover{border-color:var(--color-trim);box-shadow:var(--color-card-shadow-elevated);transform:translateY(-1px)}.character-card__name{color:var(--color-text-primary);font-size:1.05rem;font-weight:700;line-height:1.2}.character-card__meta{color:var(--color-text-muted);font-size:.85rem;line-height:1.35}.character-card__race{color:var(--color-text-muted);font-size:.78rem;line-height:1.35}.infobox__subtitle{color:var(--color-text-muted);font-size:.9rem;margin:-.75rem 0 .75rem}.infobox__notice{color:#888;margin-top:1em}.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%}}