#risk-night{width:min(1010px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;background:#f5ead0;color:#24463a;border:1px solid #c3a866;border-radius:20px}#risk-night::backdrop{background:#082b26d9;backdrop-filter:blur(5px)}.r-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#173d34;color:#ffedbf;position:sticky;top:0;z-index:10;font:18px Georgia}.r-nav button{min-height:44px;padding:10px 14px;border:1px solid #d6c08470;border-radius:24px;background:transparent;color:inherit;font:14px system-ui}.r-content{padding:18px 28px 24px;background:radial-gradient(ellipse at top,#fff8e5,#eadaba)}.r-heading{text-align:center;margin:0 0 14px}.r-heading .eyebrow{color:#8e703c;margin-bottom:8px}.r-heading h1{font-size:30px;line-height:1.2;margin:0}.r-stage,.r-cutaway{position:relative;width:min(100%,740px,calc(max(190px,100svh - 300px) * 1.5));aspect-ratio:3/2;margin:auto;border-radius:14px;overflow:hidden;isolation:isolate;box-shadow:0 8px 26px #674c2933;background:#ab7343}.r-room{width:100%;height:100%;display:block}.r-stage:after{content:'';position:absolute;inset:0;background:#122449;opacity:0;mix-blend-mode:multiply;pointer-events:none}.r-stage.time-lapse:after{animation:r-daylight 9s linear forwards}.r-stage.nighttime:after{opacity:.78}.r-stage.dawn:after{background:#cfb195;opacity:.22}.r-stars{position:absolute;left:2%;top:2%;width:22%;height:25%;color:#fffbe2;font:25px/1.7 Georgia;opacity:0;z-index:1;pointer-events:none}.time-lapse .r-stars{animation:r-stars 9s linear forwards}.nighttime .r-stars{opacity:1}.r-clock{position:absolute;top:4%;left:54%;width:12%;aspect-ratio:1;border:3px solid #715b37;border-radius:50%;background:#fff5d6;box-shadow:0 3px 9px #57443277;z-index:2}.r-clock:before{content:'12';position:absolute;top:5%;width:100%;text-align:center;font:bold clamp(7px,1vw,12px) Georgia;color:#654d30}.r-clock:after{content:'6';position:absolute;bottom:4%;width:100%;text-align:center;font:bold clamp(7px,1vw,12px) Georgia;color:#654d30}.r-hour,.r-minute{position:absolute;left:48%;bottom:50%;width:4%;height:29%;border-radius:3px;background:#314c3c;transform-origin:50% 100%;transform:rotate(300deg)}.r-minute{height:40%;width:2%;left:49%;transform:rotate(0deg)}.r-clock i{position:absolute;left:45%;top:45%;width:10%;height:10%;background:#a78a44;border-radius:50%}.time-lapse .r-hour{animation:r-hour 9s linear forwards}.time-lapse .r-minute{animation:r-minute 9s linear forwards}.nighttime .r-hour{transform:rotate(240deg)}.dawn .r-hour{transform:rotate(180deg)}.r-when{position:absolute;left:3%;bottom:3%;background:#173d34e8;color:#fff0c5;border:1px solid #cab073;border-radius:20px;padding:6px 13px;font:600 12px system-ui;z-index:3}.r-guide,.r-pause,.r-feedback{text-align:center;font:15px/1.5 system-ui;color:#536b51;margin:14px 0}.r-primary,.r-finish{display:block;margin:14px auto 0;min-height:48px;background:#1c5545;color:#ffefbc;border:1px solid #75996f;border-radius:26px;padding:12px 24px;font:600 15px system-ui;cursor:pointer}.r-finish:disabled{opacity:.4;cursor:default}.r-answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:740px;margin:18px auto 0}.r-answers button{min-height:52px;border:1px solid #bba366;border-radius:14px;background:#fff8e4;color:#2a513e;font:600 15px system-ui;padding:12px}.r-feedback{min-height:23px;color:#846438}.r-cutaway{background:#6e684d}.r-cut-room{position:absolute;inset:0;background:url('assets/era2-risk-night.svg') center/cover;filter:blur(8px) brightness(.48)}.r-oncho{position:absolute;left:30%;bottom:0;width:40%;height:96%;object-fit:contain;object-position:bottom;animation:r-enter 1.1s ease-out forwards}.r-oncho.leaving{animation:r-exit 1.3s ease-in forwards}.r-deadpan{position:absolute;right:7%;top:20%;padding:10px 17px;background:#fff5dce8;color:#35533e;border-radius:14px;font:30px Georgia;max-width:30%}.r-deadpan:empty{display:none}.r-pause{font-style:italic}.r-nav button:focus-visible,.r-primary:focus-visible,.r-finish:focus-visible,.r-answers button:focus-visible{outline:3px solid #3e8663;outline-offset:3px}.landmark.risk-stop .risk-map-art{position:absolute;inset:3%;width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 4px 4px #70502566);pointer-events:none}@keyframes r-daylight{0%{opacity:0}30%{opacity:.15}50%,72%{opacity:.78}100%{opacity:.18}}@keyframes r-stars{0%,30%{opacity:0}50%,72%{opacity:1}100%{opacity:0}}@keyframes r-hour{from{transform:rotate(300deg)}to{transform:rotate(900deg)}}@keyframes r-minute{from{transform:rotate(0deg)}to{transform:rotate(7200deg)}}@keyframes r-enter{0%{transform:translate(-200%,0)}25%{transform:translate(-150%,-1%) rotate(1deg)}50%{transform:translate(-100%,0)}75%{transform:translate(-50%,-1%) rotate(-1deg)}100%{transform:translate(0,0)}}@keyframes r-exit{0%{transform:translate(0,0)}25%{transform:translate(50%,-1%) rotate(1deg)}50%{transform:translate(100%,0)}75%{transform:translate(150%,-1%) rotate(-1deg)}100%{transform:translate(200%,0)}}@media(max-width:650px){.r-nav{padding:10px 12px}.r-nav>span{display:none}.r-content{padding:16px}.r-heading h1{font-size:24px}.r-stage,.r-cutaway{width:min(100%,calc(max(170px,100svh - 330px) * 1.5))}.r-answers{gap:8px}.r-answers button{font-size:13px;padding:10px}.r-guide,.r-pause{font-size:13px}.r-deadpan{font-size:22px;padding:8px 12px}.r-stars{font-size:17px}.r-when{font-size:10px;padding:5px 9px}}@media(prefers-reduced-motion:reduce){.r-hour,.r-minute,.r-stage:after,.r-stars,.r-oncho{animation:none!important}.r-oncho.leaving{opacity:0}}