@font-face{font-family:Pixel;src:url('/pixel-font.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#050708;--panel:#0a0e10;--panel2:#101619;--orange:#ff7b19;--amber:#ffc266;--rust:#8f3b14;--cream:#f6d9a2;--dim:#ad9272;--green:#a8c97d;--red:#d64b32;font-family:Pixel,'Courier New',monospace;background:#030405;color:var(--cream);font-size:12px}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 0,#17100b 0,#070707 44%,#020303 100%);image-rendering:pixelated}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,#0000 0 3px,#0004 4px);mix-blend-mode:multiply}
.game-title{height:88px;display:flex;align-items:center;justify-content:center;color:var(--orange);font-size:clamp(1.25rem,3.7vw,3.15rem);line-height:1.5;text-align:center;text-shadow:4px 4px 0 #4e1706,-2px 0 #ffb14f;letter-spacing:.09em}.title-mark{color:var(--cream);margin:0 .25em}
.pixel-shell{width:min(980px,100%);height:calc(100vh - 112px);min-height:590px;margin:auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}
.panel,.panel-launchers button,.pixel-dialog{position:relative;border:4px solid var(--orange);background:linear-gradient(135deg,#111719 0,#070a0b 72%);box-shadow:0 0 0 2px #4c210d,7px 7px 0 #000;clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px))}
.panel:after,.pixel-dialog:after{content:"";position:absolute;pointer-events:none;inset:5px;border:1px dashed #54250f}
h1,h2,h3,p{margin-top:0}h2{position:relative;z-index:1;margin:0 0 12px;color:var(--orange);font-size:.92rem;line-height:1.6;letter-spacing:.06em;text-shadow:2px 2px #481605}.character-column{min-height:0;display:grid;grid-template-rows:auto 1fr;gap:12px}.character-card{padding:12px}.character-card h2{text-align:center}.character-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:3px solid var(--rust);background:#08090a;filter:contrast(1.15) saturate(.8);image-rendering:pixelated}
.state-panel{padding:14px;overflow-y:auto;min-height:0}.state-grid{display:grid;grid-template-columns:1fr auto;gap:9px 8px;line-height:1.35}.state-grid .full{grid-column:1/-1}.meter{height:14px;margin:4px 0 10px;padding:2px;border:2px solid #5c351d;background:#020303}.meter i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--orange) 0 8px,#b03e16 8px 10px)}.meter.health i{background:repeating-linear-gradient(90deg,#b63826 0 8px,#721f17 8px 10px)}.meter.energy i{background:repeating-linear-gradient(90deg,#e0a72e 0 8px,#8c641d 8px 10px)}
.event-feed{min-height:0;padding:18px;overflow-y:auto;scrollbar-color:var(--orange) #111;scrollbar-width:thin}.event-feed.is-compact{height:auto;min-height:0;max-height:280px}.event-feed-head{position:sticky;top:-18px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-18px -18px 15px;padding:9px 12px 8px 18px;background:#080b0c;border-bottom:3px solid var(--rust)}.event-feed-head h2{margin:0}.event-feed-toggle{min-height:38px;padding:6px 9px;border:2px solid var(--rust);background:#17100b;color:var(--amber);font-size:.62rem;text-align:center;white-space:nowrap}.event-entry{position:relative;padding:12px 10px 12px 18px;margin:0 0 10px;border-left:3px solid var(--rust);background:#111718;color:#d8c39e;line-height:1.65}.event-entry:before{content:">";position:absolute;left:5px;color:var(--orange)}.event-entry time{display:block;color:var(--dim);font-size:.72rem;margin-bottom:6px}.event-entry.current{border-color:var(--orange);color:var(--cream)}.event-entry.humor{color:#b9c58b}.event-entry.battle-event{border-color:var(--red);color:var(--cream);background:#1b0908;line-height:1.8}.absence-journal{margin:0 0 16px;padding:0 0 12px;border-bottom:3px solid var(--rust)}.absence-journal h3{margin:0 0 10px;color:var(--amber)}.event-entry.idle-event{border-color:var(--dim);color:var(--dim)}.event-entry.battle-round{margin:-6px 0 8px 18px;padding:7px 9px 7px 14px;border-color:#6d4930;background:#090d0f;color:var(--dim);font-size:.72rem}.empty-event{margin-top:30%;text-align:center;color:var(--dim);line-height:2}
.panel-launchers{display:flex;flex-direction:column;gap:12px;min-width:0}.panel-launchers button,button{min-height:54px;padding:12px;color:var(--cream);font:inherit;line-height:1.5;text-align:left;cursor:pointer}.panel-launchers button:hover,button:hover{color:#fff;background:#32160b;transform:translate(-2px,-2px)}button:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed;transform:none}button.hidden{display:none}.launcher-note{margin:auto 5px 4px;color:var(--dim);font-size:.72rem;line-height:1.6}
.pixel-overlay{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:18px;background:#000b;backdrop-filter:blur(2px)}.pixel-dialog{width:min(840px,100%);max-height:min(82vh,900px);overflow-y:auto;padding:20px;background:#090d0f}.dialog-head{position:sticky;top:-20px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-20px -20px 18px;padding:15px 18px;background:#0a0e10;border-bottom:3px solid var(--rust)}.dialog-head h2{margin:0}.dialog-close{min-height:44px;min-width:44px;margin:0;padding:7px 10px;text-align:center}.pixel-dialog>.panel-content{border:0;box-shadow:none;clip-path:none;background:transparent;padding:0}.pixel-dialog>.panel-content:after,.pixel-dialog>.panel-content>h2{display:none}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.actions button{margin:0;border:2px solid var(--orange);background:#17100b;color:var(--cream);box-shadow:3px 3px #000}.inventory-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.inventory-item{padding:12px;border:2px solid var(--rust);background:#111718}.thought{color:var(--green);line-height:1.8}.decision{color:var(--amber);line-height:1.8}.muted{color:var(--dim);line-height:1.65}.panel-content{position:relative;z-index:1}.auth-form input{display:block;width:100%;min-height:44px;margin:0 0 10px;padding:10px;border:2px solid var(--orange);background:#111718;color:var(--cream);font:inherit}.auth-form button{width:100%;margin:0 0 8px}
@media(max-width:900px){.game-title{height:70px}.pixel-shell{height:auto;min-height:calc(100vh - 94px);grid-template-columns:1fr;grid-template-rows:auto minmax(420px,1fr) auto}.game-stage{min-height:420px}}
@media(max-width:620px){:root{font-size:9px}.game-title{height:auto;min-height:66px;flex-wrap:wrap}.pixel-shell{display:flex;flex-direction:column;height:auto;min-height:calc(100vh - 80px)}.hud-bar{order:0;position:sticky;top:0;z-index:8}.game-stage{order:1;flex:1;min-height:48vh}.game-stage>.event-feed{height:100%;min-height:380px}.primary-navigation{order:2}.character-card img{min-height:160px}.hud-bar img,.hud-bar.character-card img{min-height:0;width:56px;height:56px}.state-panel{max-height:none}.launcher-note{display:none}.pixel-dialog{max-height:88vh;padding:15px}.dialog-head{top:-15px;margin:-15px -15px 15px}.actions{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.hud-portrait{width:52px;height:52px}.character-card{padding:8px}.character-card h2{font-size:.68rem}.actions{grid-template-columns:1fr}.panel-launchers button,button,.dialog-close{min-height:44px}}
@media(prefers-reduced-motion:reduce){body:before{display:none}*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Selectable CRT theme: the original ember palette remains the default. */
.game-title{position:relative}
.display-controls{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:6px}
.theme-toggle,.effects-toggle,.music-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border:2px solid var(--rust);background:var(--panel);color:var(--dim);font-size:.62rem;text-align:center;box-shadow:3px 3px #000}
.theme-toggle:hover,.effects-toggle:hover,.music-toggle:hover{transform:translate(-2px,-2px);color:var(--cream)}
.theme-toggle-icon{display:grid;place-items:center;min-width:30px;height:24px;border:1px solid currentColor;color:var(--green);font-size:.58rem}
html[data-theme="terminal"]{--ink:#030705;--panel:#08100b;--panel2:#0d1811;--orange:#8fbf78;--amber:#c5d9a5;--rust:#355b32;--cream:#d8e5d1;--dim:#82977d;--green:#9fc491;--red:#d47b68}
html[data-theme="terminal"] body{background:radial-gradient(circle at 50% 0,#122016 0,#07110a 48%,#020604 100%)}
html[data-theme="terminal"] body:before{background:repeating-linear-gradient(0deg,#0000 0 3px,#12301966 4px);mix-blend-mode:multiply;opacity:.24}
html[data-theme="terminal"] .game-title{text-shadow:4px 4px 0 #102416,-2px 0 #b2d09f}
html[data-theme="terminal"] .panel,
html[data-theme="terminal"] .panel-launchers button,
html[data-theme="terminal"] .pixel-dialog{background:linear-gradient(135deg,#0d1710 0,#050a07 72%);box-shadow:0 0 0 2px #244425,7px 7px 0 #000}
html[data-theme="terminal"] .panel:after,
html[data-theme="terminal"] .pixel-dialog:after{border-color:#355b32}
html[data-theme="terminal"] .event-feed h2,
html[data-theme="terminal"] .dialog-head{background:#08100b}
html[data-theme="terminal"] .event-entry,
html[data-theme="terminal"] .inventory-item,
html[data-theme="terminal"] .auth-form input{background:#0c160f;color:#bed0b7}
html[data-theme="terminal"] .event-entry.battle-event{background:#170c0a}
html[data-theme="terminal"] .actions button{background:#0e1a12}
html[data-theme="terminal"] button:hover{background:#19301e}
html[data-theme="terminal"] .meter{border-color:#355b32;background:#020604}
html[data-theme="terminal"] .meter i{background:repeating-linear-gradient(90deg,#8fbf78 0 8px,#355b32 8px 10px)}
html[data-theme="terminal"] .meter.energy i{background:repeating-linear-gradient(90deg,#c5d9a5 0 8px,#607850 8px 10px)}
html[data-effects="reduced"] body:before{display:none}
html[data-effects="reduced"] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
html[data-effects="reduced"] .game-title{text-shadow:none}
html[data-effects="reduced"] .panel,html[data-effects="reduced"] .panel-launchers button,html[data-effects="reduced"] .pixel-dialog,html[data-effects="reduced"] .theme-toggle,html[data-effects="reduced"] .effects-toggle,html[data-effects="reduced"] .music-toggle{box-shadow:none}
html[data-effects="reduced"] .pixel-overlay{backdrop-filter:none}
html[data-effects="reduced"] button:hover{transform:none}
.world-map{position:relative;display:block;width:100%;min-height:0;padding:0;border:3px solid var(--rust);background:#08090a;overflow:hidden}
.world-map img,.city-map{display:block;width:100%;height:auto;image-rendering:pixelated;filter:contrast(1.1) saturate(.85)}
.pixel-dialog.world-map-dialog{width:min(96vw,100%);max-width:none;max-height:96vh;height:min(96vh,100%);padding:12px;overflow:hidden;display:flex;flex-direction:column}
.world-map-dialog .dialog-head{top:-12px;margin:-12px -12px 12px}
.world-map-dialog .panel-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.world-map-dialog .world-map{flex:1;min-height:0}
.world-map-dialog .world-map img{min-height:72vh;max-height:82vh;width:100%;height:auto;object-fit:contain}
.city-marker{position:absolute;transform:translate(-50%,-50%);padding:6px 8px;border:2px solid var(--rust);background:#111718;color:var(--dim);white-space:nowrap;min-height:auto;cursor:pointer}
.city-marker:hover{transform:translate(-50%,-50%)}
html[data-effects="reduced"] .city-marker:hover{transform:translate(-50%,-50%)}
.city-marker.current-city{border-color:var(--orange);color:var(--amber);box-shadow:0 0 0 2px #4c210d}
.city-marker.reachable-city{border-color:var(--amber);color:var(--paper);cursor:pointer}
.origin-selection{max-width:980px;margin:1.5rem auto;padding:1rem}.origin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem}.origin-card{display:flex;min-height:128px;flex-direction:column;align-items:flex-start;gap:.45rem;text-align:left}.origin-card span{flex:1}.origin-card small{color:var(--muted)}
@media(max-width:620px){.display-controls{position:static;transform:none;margin-left:10px}.theme-toggle,.effects-toggle,.music-toggle{min-height:38px;padding:5px 7px}.theme-toggle:hover,.effects-toggle:hover,.music-toggle:hover{transform:translate(-2px,-2px)}.theme-toggle-label,.effects-toggle-label,.music-toggle-label{display:none}}

/* Durable pixel shell: one HUD, one stage, five destinations. */
.game-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}
.hud-bar{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 8px;align-items:center;padding:6px 8px;position:sticky;top:0;z-index:8;background:linear-gradient(135deg,#111719 0,#070a0b 72%)}
.hud-bar .hud-portrait,.hud-bar img.hud-portrait,.hud-bar.character-card img{width:56px;height:56px;min-height:0;aspect-ratio:auto;grid-column:1;grid-row:1/3;object-fit:cover;border:3px solid var(--rust);background:#08090a;image-rendering:pixelated;filter:contrast(1.15) saturate(.8)}
.hud-vitals{grid-column:2;grid-row:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 8px}.hud-vital{min-width:0}
.hud-bar b{display:block;font-size:.62rem;letter-spacing:.03em;color:var(--dim)}
.hud-bar .meter{height:8px;margin:1px 0 0;padding:1px;box-sizing:content-box}
.hud-meta{grid-column:2;grid-row:2;margin:0;color:var(--cream);font-size:.68rem;letter-spacing:.04em}
.game-stage{min-height:0;overflow:auto}
.game-stage>.event-feed,.game-stage>.panel,.game-stage>.panel-content{min-height:100%}
.hero-hub button,.more-grid button,.game-stage>.panel>button{width:100%;margin-top:8px;border:2px solid var(--rust);background:var(--panel2)}
.primary-navigation{position:sticky;bottom:max(0px,env(safe-area-inset-bottom));z-index:10;grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:7px;background:#030405}
.primary-navigation button{min-height:52px;text-align:center}.primary-navigation button[aria-current="page"]{border-color:var(--amber);color:var(--amber);background:#32160b}
.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.more-grid button{margin:0}.hero-hub h3{color:var(--amber)}
@media(max-width:900px){.game-shell{grid-template-columns:1fr}.primary-navigation{grid-column:1/-1}}
@media(max-width:620px){body{padding-bottom:0}.hud-bar{grid-template-columns:52px 1fr}.hud-portrait{width:52px;height:52px}.primary-navigation{margin:0 -10px;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));grid-template-columns:repeat(5,1fr)}.primary-navigation button{min-height:48px;padding:6px 3px;font-size:.69rem}.more-grid{grid-template-columns:1fr}.hud-bar b,.hud-meta{font-size:.62rem}}