:root{color:#f8f2e6;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f8f2e6;--muted:#b9b5bd;--silver:#d8ddea;--gold:#d4b76d;--panel:#0c0f1cf0;--line:#dde1ee38;background:#090b15;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,#464e7e59,#0000 45%),#090b15;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{min-height:100vh;padding:clamp(.75rem,2vw,1.5rem)}.game-stage{background:linear-gradient(#0f1326c2,#070912fa),#10162b;border:1px solid #dee2ef2e;border-radius:1.25rem;grid-template-rows:auto auto minmax(12rem,1fr) auto auto;width:min(100%,68rem);min-height:calc(100vh - clamp(1.5rem,4vw,3rem));margin:0 auto;display:grid;overflow:hidden;box-shadow:0 1.5rem 5rem #00000073}.stage-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:clamp(1rem,3vw,1.75rem);display:flex}.eyebrow,.movement-label,.status-text{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:600}h1{margin:.15rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:600;line-height:1}.movement-label{color:var(--silver);white-space:nowrap;border:1px solid #dadfee2e;border-radius:999px;padding:.55rem .8rem}.state-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:0 clamp(1rem,3vw,1.75rem) .75rem;display:grid}.state-item{border:1px solid var(--line);background:#0709128c;border-radius:.75rem;min-width:0;padding:.7rem .8rem}.state-item span,.state-item strong{display:block}.state-item span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.66rem;font-weight:700}.state-item strong{color:var(--silver);text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:.95rem;font-weight:600;overflow:hidden}.state-item-attention strong{color:var(--gold)}.portrait-layer{place-items:end center;min-height:12rem;padding:0 1rem;display:grid}.portrait-layer[hidden]{visibility:hidden;display:grid}.primary-portrait{place-items:end center;width:min(14rem,46vw);min-height:12rem;margin:0;display:grid;position:relative}.portrait-image,.portrait-fallback{aspect-ratio:3/4;border:1px solid #e0e4f047;border-radius:.9rem .9rem .25rem .25rem;grid-area:1/1;width:min(12rem,42vw);box-shadow:0 1.2rem 2.5rem #00000047}.portrait-image{z-index:2;object-fit:contain;object-position:center bottom;background:#080a1473;display:block;position:relative}.portrait-fallback{color:#f8f2e6b8;background:linear-gradient(145deg,#d7dff238,#13162aeb);place-items:center;font-family:Georgia,Times New Roman,serif;font-size:4rem;font-weight:600;display:grid}.primary-portrait.has-image .portrait-fallback{visibility:hidden}.portrait-caption{z-index:3;color:var(--silver);letter-spacing:.08em;text-transform:uppercase;background:#070912e6;border:1px solid #dee2ef33;border-radius:999px;grid-area:1/1;align-self:end;margin-bottom:-.2rem;padding:.4rem .75rem;font-size:.72rem;position:relative}.dialogue-wrap{gap:.75rem;padding:0 clamp(.75rem,3vw,1.75rem);display:grid}.dialogue-panel{border:1px solid var(--line);background:var(--panel);width:100%;min-height:9.5rem;color:var(--ink);text-align:left;cursor:pointer;border-radius:1rem;gap:.65rem;padding:clamp(1.1rem,3vw,1.6rem);display:grid}.dialogue-panel:hover:not(:disabled){border-color:#d4b76d7a}.dialogue-panel:focus-visible,.choice-button:focus-visible,.secondary-button:focus-visible{outline-offset:3px;outline:3px solid #d4b76dbf}.dialogue-panel:disabled{cursor:default}.speaker-label{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:700}.speaker-label[data-speaker=narration]{color:var(--silver);font-style:italic}.story-text{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,2.4vw,1.65rem);line-height:1.45;display:block}.continue-cue{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-self:end;font-size:.7rem}.choice-list{gap:.55rem;display:grid}.choice-button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#111424f5;border:1px solid #dee2ef33;border-radius:.8rem;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;padding:.9rem 1rem;display:grid}.choice-button:hover{background:#1f2133fa;border-color:#d4b76d8c}.choice-number{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-weight:700}.game-controls{justify-content:space-between;align-items:center;gap:1rem;min-height:3.75rem;padding:.8rem clamp(1rem,3vw,1.75rem) 1rem;display:flex}.secondary-button{color:var(--silver);cursor:pointer;background:#07091280;border:1px solid #dee2ef2e;border-radius:.65rem;padding:.55rem .8rem}.secondary-button:hover{color:var(--ink);border-color:#d4b76d73}@media (width<=680px){.app-shell{padding:0}.game-stage{border:0;border-radius:0;min-height:100vh}.stage-header{padding:1rem}.movement-label{text-overflow:ellipsis;max-width:9rem;overflow:hidden}.state-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:.75rem}.portrait-layer,.primary-portrait{min-height:10rem}.dialogue-wrap{padding:0 .65rem}.dialogue-panel{min-height:9rem}.game-controls{padding-inline:.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}