:root{color:#303c36;font-synthesis:none;--ink:#303c36;--thread:#9b472f;--teal:#456c65;--linen:#eee6d5;background:#eee6d5;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(at 50% 0,#f7f0df,#0000 65%),#eee6d5;margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:4px}button:disabled{cursor:default;opacity:.5}main#app{width:min(100%,760px);margin:auto;padding:18px 26px 26px}dialog h1,dialog h2{margin:0 0 15px;font-weight:400;line-height:1.15}dialog p{font-size:15px}dialog button{border:0;border-bottom:1px solid var(--thread);background:0 0;margin-right:16px;padding:7px 0}a{color:var(--teal);text-underline-offset:3px}.masthead{border-bottom:1px solid #9b472f65;justify-content:space-between;align-items:center;gap:16px;padding-bottom:10px;display:flex}.masthead h1,.masthead p{margin:0}.masthead h1{letter-spacing:.1em;font-size:14px;font-weight:400}.masthead a,.masthead button,.menu button{font-size:12px}.masthead button,.menu button,.topline button{text-underline-offset:4px;background:0 0;border:0;padding:4px 0;-webkit-text-decoration:underline #9b472f80;text-decoration:underline #9b472f80}.scene{width:100%;height:min(38vh,310px);min-height:165px;margin:14px 0 15px;position:relative;overflow:hidden}.scene canvas{width:100%;height:100%;display:block}.topline{letter-spacing:.07em;text-transform:uppercase;color:var(--teal);justify-content:space-between;align-items:center;gap:10px;margin:0 0 9px;font-size:11px;display:flex}.topline p{margin:0}.story{max-width:620px;margin:0 auto}.story h1{letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(25px,5vw,36px);font-weight:400;line-height:1.08}.story p{margin:0 0 12px;font-size:16px;line-height:1.47}.story p:last-child{margin-bottom:0}.choices{border-top:1px solid #9b472f70;grid-template-columns:1fr;gap:0;margin:18px 0 0;display:grid}.choices button{text-align:left;background:0 0;border:0;border-bottom:1px solid #9b472f50;min-height:48px;padding:11px 27px 11px 1px;transition:background .15s,color .15s;display:block;position:relative}.choices button:after{content:"↗";color:var(--thread);font-size:18px;position:absolute;top:12px;right:3px}.choices button strong{font-size:16px;font-weight:400;display:block}.choices button span{color:#5c6354;margin-top:3px;font-size:12px;line-height:1.35;display:block}.choices button:hover{color:var(--thread);background:#9b472f09}.choices button:hover:after{transform:translate(2px,-2px)}.status{color:#626858;flex-wrap:wrap;gap:5px 16px;margin:12px 0 0;font-size:12px;line-height:1.5;display:flex}.status p{margin:0}.menu{color:var(--teal);flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;font-size:12px;display:flex}.notice{color:#626858;margin:12px 0;font-size:12px;line-height:1.45}.notice button{color:var(--teal);background:0 0;border:0;padding:0;text-decoration:underline}dialog{color:var(--ink);background:#f1e9d8;border:1px solid #9b472f90;width:min(92vw,560px);max-height:85vh;padding:25px;box-shadow:0 16px 80px #26383133}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#27373088}dialog label{font-size:14px}input[type=checkbox]{accent-color:var(--teal)}.journal{border-top:1px solid #9b472f70;margin:22px 0}.journal article,.journal li{border-bottom:1px solid #9b472f45;padding:14px 0}.journal h2,.journal h3{margin:0 0 6px;font-size:17px;font-weight:400}.journal p{margin:0 0 6px;font-size:14px}.journal ol,.journal ul{margin:0;padding:0;list-style:none}::selection{background:#b56b4740}@media (width>=650px){main#app{padding:24px 38px 36px}.scene{margin:19px 0 20px}.choices{grid-template-columns:1fr 1fr;column-gap:25px}.story p{font-size:17px}}@media (width<=420px){main#app{padding:12px 18px 20px}.masthead{padding-bottom:7px}.masthead h1{letter-spacing:.075em;font-size:11px}.scene{height:min(32vh,225px);min-height:150px;margin:10px 0 12px}.topline{margin-bottom:7px;font-size:10px}.story h1{margin-bottom:8px;font-size:26px}.story p{margin-bottom:9px;font-size:14px;line-height:1.4}.choices{margin-top:13px}.choices button{min-height:44px;padding:8px 24px 8px 0}.choices button strong{font-size:14px}.choices button span{margin-top:2px;font-size:11px;line-height:1.3}.choices button:after{font-size:16px;top:8px}.status{margin-top:9px;font-size:11px}.menu{gap:13px;margin-top:12px;font-size:11px}.notice{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition:none;animation:none}}dialog:not([open]){display:none}
