:root{font-family:Georgia,serif;color:#ebe6d6;background:#111c20;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100dvh;padding:clamp(18px,4vw,64px);max-width:1700px;margin:auto;background:radial-gradient(ellipse at 80% 10%,#273e3b88,transparent 55%)}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #5d706966;padding-bottom:30px}h1{font-weight:400;line-height:1.03;font-size:clamp(36px,5vw,78px);margin:12px 0}h1 em{color:#c5cf9d}h2{font-weight:400;font-size:29px}h3{font-weight:400}.eyebrow,small,nav,button,.rule,.status,footer p{font-family:system-ui,sans-serif}.eyebrow{font-size:10px;letter-spacing:2px;color:#b1bfaa}.badge{border:1px solid #97a992;border-radius:50%;width:115px;height:115px;display:grid;place-content:center;text-align:center;font-size:25px}.badge small{font-size:9px}nav,.actions{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}button{border:1px solid #738478;background:#1d302e;color:#eef0df;padding:12px 17px;border-radius:3px;cursor:pointer;font-size:13px}button:hover{background:#354a3e}button:focus-visible,textarea:focus-visible{outline:3px solid #eacb86;outline-offset:3px}button:disabled{opacity:.45;cursor:default}.status,.warning{min-height:25px;font-size:13px}.warning{color:#ffbe97}.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.meters>div{display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid #7b8b7655;padding-top:15px}.meters strong{color:#d2d8a7}meter{width:100%;grid-column:1/-1;height:7px}.rule{font-size:12px;color:#abb9b2;line-height:1.7}.story{padding:45px 0 55px}.story-heading{max-width:720px}.story h2{font-size:clamp(34px,4vw,57px);margin:14px 0}.story p{font-size:19px;line-height:1.7;color:#c6cec2;white-space:pre-wrap;overflow-wrap:anywhere}.choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.choices button{text-align:left;display:grid;gap:16px;padding:26px;border-top:3px solid #c7b877;transition:transform .2s,background .2s}.choices button:hover{transform:translateY(-3px)}.choices strong{font-family:Georgia,serif;font-size:27px;font-weight:400;overflow-wrap:anywhere}.choices small{font-size:10px;letter-spacing:2px}.choices span{font-size:12px;color:#b7c3b8}.lower{display:grid;grid-template-columns:1fr 2fr;gap:45px;border-top:1px solid #80907c66}.lower h2 small{font-size:14px;color:#bdc999}.lower p{line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.pending{border-left:2px solid #c6b881;padding:10px 20px;background:#27352c}ol{list-style:none;padding:0}li{padding:20px;border-left:1px solid #657969;margin-bottom:12px;animation:arrive .3s ease}.event{border-left:3px solid #d1b878;background:#27352d}.encounter{background:#24343a}.ending{border:1px solid #b1bf88}li p{margin:10px 0}.studio{padding:30px 0}.studio p{max-width:850px;line-height:1.7}label{display:block}textarea{display:block;width:100%;height:430px;background:#0c1619;color:#dbe3ce;border:1px solid #667e73;margin:12px 0;padding:16px;font:13px/1.7 monospace;resize:vertical}.short{height:120px}footer{border-top:1px solid #60796755;padding-top:25px;margin-top:40px}footer p{font-size:12px;color:#acb8b0;line-height:1.8;max-width:850px}footer button,.studio button{margin:4px}h2,span{overflow-wrap:anywhere}@keyframes arrive{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:650px){.choices,.lower{grid-template-columns:1fr}.badge{width:80px;height:80px;font-size:20px}.meters{gap:10px}main{padding:18px}.lower{gap:5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.focus{max-width:none;min-height:100dvh}.focus header h1{font-size:32px}.focus .story{min-height:60dvh}
