:root{font-family:Segoe UI,system-ui,sans-serif;color:#e9efeb;background:#142524;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--muted: #b5c4bd;--accent: #c6df9c;--border: #435550;--surface: #203330;--warning: #f2d49c;--space-page: 48px;--radius: 4px}*{box-sizing:border-box}body{margin:0;min-width:280px}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.app-shell{max-width:1200px;margin:0 auto;padding:0 var(--space-page)}nav{display:flex;flex-wrap:wrap;gap:24px}nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--muted);padding:8px 0}nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:8px}.skip-link{position:fixed;top:-100px;left:24px;padding:12px;background:var(--accent);color:#142524;z-index:1}.skip-link:focus{top:12px}.offline-banner{padding:16px;background:var(--surface);border-left:3px solid var(--warning);color:var(--warning);line-height:1.6}.fatal-error{margin:auto;padding:48px 24px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 0;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:1.2rem;text-decoration:none;letter-spacing:-.03em}.phase,.eyebrow{color:var(--accent);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}main{max-width:880px;padding:88px 0 64px}h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.08;font-weight:600;letter-spacing:-.045em;max-width:780px;margin:20px 0 24px}.intro{color:var(--muted);font-size:1.125rem;line-height:1.7;max-width:600px}.platform-panel{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;padding:32px 0;margin-top:56px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.platform-panel .eyebrow{margin-top:0}h2{font-size:1.35rem;font-weight:600;margin:8px 0}.platform-content>p:first-child{margin-top:0}.platform-content p{line-height:1.6}.connection-status{display:flex;align-items:center;gap:10px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}dl{margin:24px 0 0;display:grid;gap:12px}dl>div{display:flex;justify-content:space-between;gap:24px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}button{min-height:44px;border:1px solid var(--accent);border-radius:var(--radius);padding:10px 18px;background:var(--accent);color:#142524;cursor:pointer;font-weight:600}button:hover{background:#d6eab7}button:disabled{opacity:.65;cursor:wait}.preview-note{color:var(--muted);font-size:.875rem;line-height:1.6;max-width:600px;margin-top:24px}footer{color:var(--muted);padding:24px 0;font-size:.8rem}@media(max-width:640px){:root{--space-page: 24px}.site-header{padding:24px 0;flex-wrap:wrap;gap:12px}nav{order:3;flex-basis:100%;gap:24px}main{padding:56px 0 40px}.platform-panel{grid-template-columns:1fr;gap:24px;margin-top:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}input{font:inherit;min-width:0;width:100%;min-height:48px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:#142524;color:inherit}input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.account-page h1{font-size:clamp(2.3rem,5vw,3.7rem)}.account-page{max-width:620px}.account-form{display:grid;gap:24px;max-width:440px;margin-top:32px}.account-form button{justify-self:start}.form-field{display:grid;gap:10px}.form-field label{font-weight:600}.field-help{margin:0;font-size:.875rem;color:var(--muted);line-height:1.6}.account-links{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:32px;line-height:1.6;color:var(--muted)}.notice{padding:16px;border-left:3px solid var(--accent);background:var(--surface);line-height:1.6}.form-error{margin:0;color:var(--warning);line-height:1.6}.character-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;margin-top:48px;border-top:1px solid var(--border);padding-top:32px}.character-list{list-style:none;padding:0;margin:24px 0 0}.character-list li{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--border)}.character-list h3{margin:0;font-size:1.15rem;overflow-wrap:anywhere}.character-list p{margin:8px 0 0;font-size:.875rem;color:var(--muted)}.character-list button{flex-shrink:0}.empty-roster{padding:24px 0;color:var(--muted);line-height:1.7}.create-character{border-left:1px solid var(--border);padding-left:32px}.secondary-button{color:var(--accent);background:transparent}.secondary-button:hover{background:var(--surface)}.welcome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}.button-link{display:inline-flex;min-height:44px;align-items:center;padding:12px 20px;border-radius:var(--radius);background:var(--accent);color:#142524;text-decoration:none;font-weight:600}.game-identity{display:flex;gap:12px;align-items:center;padding:24px 0;margin-top:32px;border-block:1px solid var(--border)}.text-action{display:inline-block;margin-top:24px;min-height:44px;padding:12px 0}@media(max-width:760px){.character-layout{grid-template-columns:1fr;gap:32px}.create-character{border-left:0;border-top:1px solid var(--border);padding:24px 0 0}}@media(max-width:400px){.character-list li{align-items:start;flex-direction:column}}main:has(.world-screen){max-width:none;padding-top:40px}.world-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.world-topline a{color:var(--muted);font-size:.875rem;min-height:44px;display:inline-flex;align-items:center}.world-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:20px 0 32px}.world-heading h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:8px 0 0;overflow-wrap:anywhere}.world-region{color:var(--accent);margin:0}.world-live{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:.8rem;justify-content:end;max-width:310px}.world-live .connection-status{flex-basis:100%;justify-content:end;color:var(--muted)}.world-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;border-top:1px solid var(--border);padding-top:32px}.world-location-detail{min-width:0}.location-art{position:relative;overflow:hidden;height:240px;background:#2c4640;border-radius:var(--radius);margin-bottom:28px}.location-art svg{width:100%;height:100%;fill:#56756a}.location-art .near-ridge{fill:#203330}.location-art circle{fill:#c6df9c;opacity:.75}.location-art span{position:absolute;bottom:20px;left:24px;font-size:.8rem;color:var(--muted)}.location-description{color:#e9efeb;line-height:1.8;font-size:1.05rem;margin:16px 0 24px;white-space:pre-line;overflow-wrap:anywhere}.world-sidebar{min-width:0;border-left:1px solid var(--border);padding-left:32px}.world-sidebar .eyebrow{margin-top:0}.exit-list,.player-list,.npc-list,.combat-effects ul,.loot-outcome ul{list-style:none;margin:16px 0;padding:0}.exit-list li{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:20px 0}.exit-list h3{font-size:1rem;font-weight:600;margin:0 0 6px;overflow-wrap:anywhere}.exit-list li>div{min-width:0;overflow-wrap:anywhere}.exit-list p{font-size:.875rem;color:var(--muted);margin:0;line-height:1.5}.exit-list button{flex-shrink:0;font-size:.875rem;padding-inline:14px}.exit-list .exit-blocked{color:var(--warning);margin-top:8px}.movement-error{display:grid;gap:12px}.movement-error button{justify-self:start}.world-presence,.world-npcs{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.npc-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding:18px 0}.npc-list h3,.npc-list p{margin:0;overflow-wrap:anywhere}.npc-list p{color:var(--muted);font-size:.875rem;margin-top:6px}.combat-panel{display:grid;gap:12px}.combat-panel>.eyebrow,.combat-panel>h2{margin:0}.combat-health{margin:0;color:var(--muted)}.combat-health strong{color:#e9efeb;font-variant-numeric:tabular-nums}.combat-effects,.npc-details,.combat-result,.loot-outcome{border-top:1px solid var(--border);margin-top:16px;padding-top:20px}.combat-effects h3,.npc-details h3,.combat-result h3,.loot-outcome h3{margin:0 0 8px;font-size:1.05rem}.combat-effects li,.loot-outcome li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;color:var(--muted)}.combat-effects li span,.loot-outcome li span{text-align:right;overflow-wrap:anywhere}.npc-details p,.combat-result p,.loot-outcome p{line-height:1.6}.recovery-action,.movement-error{display:grid;gap:12px}.presence-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.presence-heading>span{color:var(--muted);font-variant-numeric:tabular-nums}.player-list li{display:flex;align-items:center;gap:12px;padding:10px 0;overflow-wrap:anywhere}.player-avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:var(--surface);color:var(--accent);border:1px solid var(--border);border-radius:50%}.player-list small{color:var(--muted)}.world-entry{max-width:650px;padding:32px 0}@media(max-width:860px){.world-layout{grid-template-columns:minmax(0,1fr);gap:32px}.world-sidebar{padding-left:0;border-left:0}.world-heading{align-items:start;flex-direction:column}.world-live{max-width:none;justify-content:start}.world-live .connection-status{flex-basis:auto;justify-content:start}.location-art{height:220px}}@media(max-width:400px){.exit-list li,.npc-list li{align-items:start;flex-direction:column}.world-live .connection-status{flex-basis:100%}}.economy-panel{margin-top:40px;padding-top:32px;border-top:1px solid var(--border)}.economy-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap}.economy-heading .eyebrow{margin:0}.economy-heading h2{margin:8px 0 0}.wallet{display:grid;justify-items:end;gap:2px;margin:0;font-variant-numeric:tabular-nums}.wallet span,.wallet small{color:var(--muted);font-size:.8rem}.wallet strong{color:var(--accent);font-size:1.5rem}.economy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:24px}.economy-section{min-width:0;padding:24px;background:var(--surface);border-left:3px solid var(--border)}.economy-section>.eyebrow{margin-top:0}.economy-section h3{margin:8px 0 16px}.trade-section{grid-column:1 / -1}.recipe-list,.market-list{list-style:none;margin:0;padding:0}.recipe-list li,.market-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid var(--border)}.recipe-list h4,.market-list h4,.trade-offers h4{margin:0 0 6px}.recipe-list p,.market-list p,.trade-offers p{margin:0;line-height:1.5}.recipe-list button,.market-list button{flex:0 0 auto}.trade-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.trade-offers>div{padding:16px;border:1px solid var(--border)}.trade-offers span{color:var(--accent);font-weight:400}.economy-actions{display:flex;flex-wrap:wrap;gap:12px}.economy-form{display:grid;gap:14px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.economy-form h4{margin:0}.economy-form label{display:grid;gap:7px;font-size:.875rem;font-weight:600}.economy-form select,.economy-form textarea{font:inherit;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:#142524;color:inherit}.economy-form textarea{resize:vertical;min-height:92px}.economy-form select:focus-visible,.economy-form textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.economy-form fieldset{display:grid;gap:8px;margin:0;padding:12px;border:1px solid var(--border)}.economy-form legend{padding-inline:6px;color:var(--muted);font-size:.875rem}.selection-row{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-weight:400!important}.selection-row input{width:20px;min-height:20px;accent-color:var(--accent)}.market-filter{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end}.market-filter .secondary-button{white-space:nowrap}.playtest-feedback{position:fixed;right:20px;bottom:20px;z-index:5}.playtest-feedback-dialog{width:min(410px,calc(100vw - 32px));padding:20px;border:1px solid var(--border);border-left:3px solid var(--accent);background:#203330;box-shadow:0 20px 48px #00000057}.feedback-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.feedback-heading .eyebrow,.feedback-heading h2{margin-top:0}@media(max-width:760px){.market-filter{grid-template-columns:1fr}.market-filter .secondary-button{justify-self:start}.playtest-feedback{right:16px;bottom:16px}}@media(max-width:760px){.economy-grid{grid-template-columns:1fr;gap:20px}.trade-section{grid-column:auto}.wallet{justify-items:start}.recipe-list li,.market-list li{align-items:start;flex-direction:column}.trade-offers{grid-template-columns:1fr}}.character-items{margin-top:40px;padding-top:32px;border-top:1px solid var(--border)}.items-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.items-heading .eyebrow{margin-top:0}.character-sheet{margin:24px 0;padding:24px;background:var(--surface);border-left:3px solid var(--accent)}.progression-summary{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-variant-numeric:tabular-nums}.progression-summary strong{color:var(--accent);font-size:1.4rem}.progression-summary>span{color:var(--muted)}.character-sheet progress{width:100%;height:10px;accent-color:var(--accent);margin-top:16px}.character-stats{display:flex;gap:40px;flex-wrap:wrap}.character-stats>div{gap:16px}.character-stats dd{font-weight:600;font-variant-numeric:tabular-nums}.stat-breakdown{margin-top:20px;color:var(--muted);font-size:.875rem}.stat-breakdown summary{cursor:pointer;min-height:44px;display:list-item;padding-top:12px}.stat-breakdown summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.stat-breakdown dl{margin-top:8px;max-width:500px}.stat-breakdown dt{text-transform:capitalize}.equipment-section{padding-block:20px}.equipment-section h3,.items-layout h3,.unclaimed-loot h3{font-size:1.1rem;margin:0 0 12px}.equipment-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:16px 0}.equipment-slots>li{display:grid;gap:12px;align-content:start;padding:18px;border:1px solid var(--border);border-radius:var(--radius);min-width:0}.equipment-slot-name{text-transform:capitalize;color:var(--accent)}.equipment-slots .secondary-button{font-size:.85rem;padding-inline:10px}.items-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;padding-block:24px;border-block:1px solid var(--border)}.items-layout>section{min-width:0}.items-layout .presence-heading{align-items:start;font-size:.875rem}.inventory-list{list-style:none;padding:0;margin:8px 0 20px}.inventory-list>li{display:flex;align-items:center;gap:16px;justify-content:space-between;border-bottom:1px solid var(--border);padding:8px 0}.item-name-button{display:grid;gap:6px;background:transparent;border:1px solid transparent;color:inherit;text-align:left;padding:10px 8px;min-width:0;overflow-wrap:anywhere;font-weight:400}.item-name-button:hover,.item-name-button[aria-pressed=true]{background:var(--surface);border-color:var(--border)}.item-name-button>span{font-size:.8rem;color:var(--muted)}.item-quantity{color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0}.item-details{border-left:1px solid var(--border);padding-left:32px;overflow-wrap:anywhere}.item-details p{line-height:1.6}.item-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.item-modifiers{padding-left:20px;color:var(--accent);line-height:1.8;text-transform:capitalize}.empty-inventory{padding:24px 0}.game-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding-block:12px;border-block:1px solid var(--border)}.game-section-nav a{min-height:38px;display:inline-flex;align-items:center;padding:7px 12px;border-radius:var(--radius);color:var(--muted);text-decoration:none;font-size:.875rem}.game-section-nav a:hover,.game-section-nav a:focus-visible{color:var(--accent);background:var(--surface)}.narrative-speakers{margin-top:28px;padding-top:28px;border-top:1px solid var(--border)}.narrative-speakers>.eyebrow{margin-top:0}.narrative-speakers h2{margin-bottom:14px}.narrative-speakers ul{list-style:none;padding:0;margin:0}.narrative-speakers li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid var(--border)}.narrative-speakers h3,.narrative-speakers p{margin:0}.narrative-speakers p{color:var(--muted);margin-top:5px}.narrative-panel{margin-top:24px;padding:24px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.narrative-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.narrative-heading h2,.narrative-panel h3,.narrative-panel h4{margin:0}.narrative-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.quest-list,.objective-list,.faction-list{list-style:none;padding:0;margin:10px 0 0}.quest-list>li{border-top:1px solid var(--border);padding:12px 0}.quest-list>li>p{margin:6px 0}.objective-list{display:grid;gap:7px}.objective-list li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:baseline}.objective-list strong{font-variant-numeric:tabular-nums;white-space:nowrap}.faction-list{display:grid;gap:12px}.faction-list>li{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--border);padding-top:14px}.faction-list p{margin:6px 0 0}.faction-list dl{display:grid;grid-template-columns:repeat(3,minmax(70px,auto));gap:10px;margin:0;text-align:right}.faction-list dt{color:var(--muted);font-size:.82rem}.faction-list dd{margin:2px 0 0;font-weight:650}.dialogue-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:18px;background:#080c17b8}.dialogue-dialog{width:min(100%,620px);max-height:min(720px,100%);overflow:auto;padding:28px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 24px 70px #00000059}.dialogue-dialog header{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:start}.dialogue-dialog .eyebrow{grid-column:1 / -1;margin:0}.dialogue-text{font-size:1.1rem;line-height:1.65}.dialogue-choices{display:grid;gap:10px;margin-top:20px}.dialogue-choices button{width:100%;text-align:left}.dialogue-choices p{margin:5px 0 0}@media(max-width:760px){.narrative-panel{padding:18px}.narrative-columns{grid-template-columns:1fr}.faction-list>li{display:grid;gap:10px}.faction-list dl{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr))}.dialogue-dialog{padding:20px}}.item-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.8rem}.item-pagination button{font-size:.8rem;padding-inline:12px}.unclaimed-loot{margin-top:28px}.unclaimed-loot-list{list-style:none;padding:0;margin:20px 0}.unclaimed-loot-list>li{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid var(--border)}.unclaimed-loot-list>li>div{min-width:0;overflow-wrap:anywhere}.unclaimed-loot-list h4{margin:0 0 8px;font-size:1rem}.unclaimed-loot-list small{color:var(--accent);font-weight:400}.unclaimed-loot-list ul{padding-left:20px;line-height:1.8;color:var(--muted);margin-bottom:0}.unclaimed-loot-list button{flex-shrink:0}@media(max-width:760px){.equipment-slots{grid-template-columns:1fr}.items-layout{grid-template-columns:1fr;gap:24px}.item-details{border-left:0;border-top:1px solid var(--border);padding:24px 0 0}}@media(max-width:400px){.character-sheet{padding:18px}.unclaimed-loot-list>li{align-items:start;flex-direction:column;gap:16px}}