#world{max-height:72vh;image-rendering:pixelated;touch-action:none}button,a,input{touch-action:manipulation}dialog{max-height:90dvh;overflow:auto}.choices a{display:block;padding:14px;color:#ecd29b}.document{background:#eee4c7;color:#263d43;padding:24px 20px;border:6px solid #b9aa87;position:relative;max-width:360px;margin:16px auto;min-height:340px;overflow:hidden}.document h3{font-size:16px;line-height:1.4}.document p{font-size:14px}.document .stamp{display:block;border:2px solid #738986;color:#738986;padding:8px;transform:rotate(-7deg);width:max-content;margin:24px auto}.document .date{margin-top:30px}.document.cut .date{visibility:hidden}.document.light .stamp{opacity:.08}.document.cut{border-bottom:7px dashed #b77753}.preview-status{border-left:3px solid #d5b987;padding:10px}.motif-view{display:block;max-width:100%;height:auto;background:#34464d;margin:12px auto}.book-slots{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.book-slot{min-width:80px;flex:1;padding:12px;border:2px solid #8b8064;background:#3c4b4c}.book-slot.filled{background:#596e69}.audio-controls input[type=range]{width:100%;min-height:44px}.side-panel a{display:inline-block;padding:14px;color:#e4c382}.choices button:focus-visible,a:focus-visible{outline:3px solid #e4c382;outline-offset:3px}#save-notice{max-width:75ch}.world-topline{gap:12px;flex-wrap:wrap}.dpad button{min-height:48px;min-width:48px}#story-body{overflow-wrap:anywhere}.prose h3{margin-top:20px}button{white-space:normal}.document .date{font-weight:bold}@media(max-width:430px){dialog{width:calc(100% - 16px);padding:16px}.masthead h1{font-size:17px}.world-topline{font-size:12px}.document{padding:16px 12px;min-height:300px}.choices{gap:10px}.world-controls{flex-wrap:wrap}.side-panel{min-width:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important;animation:none!important}}

/* Detail diagrams keep their intrinsic ratio; the world canvas uses 3:2. */
canvas.motif-view{aspect-ratio:auto;width:100%;height:auto}