:root{--sr-font:'Japa Body',system-ui,-apple-system,'Segoe UI',sans-serif;--sr-night:#111410;--sr-ink:#27271f;--sr-paper:#f5f0e4;--sr-line:#d9cbaa;--sr-gold:#e4bd68;--sr-green:#3f7658;--sr-focus:#80c8ec}
body:has(.scene-runtime){overflow:hidden;background:var(--sr-night)}
main:has(.scene-runtime){position:fixed;inset:0;z-index:20;width:100%;max-width:none;height:100dvh;margin:0;padding:0;overflow:hidden}
body:has(.scene-runtime)>footer{display:none}
.scene-runtime{height:100dvh;width:100vw;display:flex;flex-direction:column;overflow:hidden;color:#f4eee2;font:15px/1.45 var(--sr-font);--body:var(--sr-font);--read:var(--sr-font);--px:var(--sr-font);--display:var(--sr-font)}
.scene-runtime *{box-sizing:border-box}.scene-runtime h1,.scene-runtime h2,.scene-runtime p{font-family:var(--sr-font);text-transform:none;letter-spacing:normal;text-shadow:none}
.sr-header{position:relative;z-index:16;flex:none;height:68px;display:flex;align-items:center;gap:16px;padding:0 clamp(14px,3vw,44px);background:#111410ed;border-bottom:1px solid #ffffff20;backdrop-filter:blur(14px)}
.sr-brand{color:var(--sr-gold);font:600 21px/1 var(--sr-font);text-decoration:none;letter-spacing:.04em}.sr-brand span{color:#9e9a8e;padding:0 3px}.sr-context{display:grid;gap:2px;min-width:0}.sr-context strong{font-size:13px;line-height:1.2}.sr-context span{font-size:11px;color:#c3bcae}.sr-menu-trigger{margin-left:auto!important;width:auto!important;min-height:44px!important;padding:9px 13px!important;border:1px solid #676456!important;border-radius:7px!important;background:#242720!important;color:#f3eddf!important;font:600 12px var(--sr-font)!important;text-transform:none!important}.sr-menu-trigger span{margin-left:8px;color:var(--sr-gold)}.sr-exit{width:auto!important;min-height:44px!important;margin:0!important;padding:9px 12px!important;border:1px solid #ffffff26!important;border-radius:7px!important;background:transparent!important;color:#ece5d8!important;font:13px var(--sr-font)!important;text-transform:none!important}
.sr-action-menu{position:absolute;right:clamp(64px,9vw,112px);top:calc(100% + 8px);z-index:30;min-width:230px;padding:7px;border:1px solid #81785f;border-radius:9px;background:#171a16f5;box-shadow:0 14px 45px #000b}.sr-action-menu[hidden]{display:none}.sr-action-menu button{width:100%!important;min-height:44px!important;margin:0!important;padding:10px 12px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#eee9dc!important;text-align:left!important;font:13px var(--sr-font)!important;text-transform:none!important}.sr-action-menu button:hover{background:#34382f!important}
.sr-scene{position:relative;isolation:isolate;flex:1;min-height:0;overflow:hidden;background:#282823}.sr-art{position:absolute;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(#343344,#423549 48%,#25251f);container-type:size}.sr-art svg{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.sr-vignette{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#090b0988,transparent 25%,transparent 65%,#0b0d0bdd),radial-gradient(ellipse at 50% 45%,transparent 48%,#090b0952 100%);box-shadow:inset 0 0 100px #0709064a}
.sr-purpose{position:absolute;z-index:2;left:clamp(16px,4vw,58px);top:clamp(16px,4vh,42px);max-width:min(390px,42vw);display:grid;gap:4px;padding:11px 15px;border:1px solid #ffffff29;border-left:3px solid var(--sr-gold);border-radius:8px;background:#131713c9;color:#fff8e9;backdrop-filter:blur(8px)}.sr-purpose small,.sr-decision>small{font-size:10px;font-weight:700;letter-spacing:.12em;color:#f0cf82}.sr-purpose span{font-size:14px;line-height:1.4}.sr-caption{position:absolute;z-index:2;left:clamp(16px,4vw,58px);bottom:clamp(20px,4vh,48px);max-width:min(470px,45vw);display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border:1px solid #ffffff26;border-radius:8px;background:#131713dc;color:#f5efdf;font-size:14px;backdrop-filter:blur(9px)}.sr-caption i{width:7px;height:7px;flex:none;margin-top:6px;border-radius:50%;background:var(--sr-gold);box-shadow:0 0 12px #e4bd6880}.sr-location{position:absolute;z-index:2;right:clamp(16px,4vw,58px);bottom:clamp(22px,4vh,50px);color:#f7ebd1;font-size:12px;text-shadow:0 2px 5px #000}.sr-location span{padding:0 7px;color:var(--sr-gold)}
.sr-hotspot,.sr-person{position:absolute;z-index:3;display:grid;place-items:center;min-width:48px;min-height:48px;margin:0;padding:3px;border:1px solid transparent;border-radius:12px;background:transparent;color:white;opacity:.92;transition:background .16s,border-color .16s,opacity .16s;touch-action:manipulation}.sr-hotspot>i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffdf8bbb;border-radius:50%;background:#171811c9;color:#ffe093;font-style:normal;text-shadow:0 1px 4px #000}.sr-hotspot>span{position:absolute;left:50%;top:0;transform:translate(-50%,-112%);max-width:220px;padding:6px 9px;border:1px solid #ffffff35;border-radius:6px;background:#121511ed;color:#fff8e8;font:600 11px/1.2 var(--sr-font);white-space:nowrap;opacity:0;pointer-events:none}.sr-hotspot:hover,.sr-hotspot:focus-visible,.sr-hotspot.is-selected,.sr-hotspot.is-complete,.sr-person:hover,.sr-person:focus-visible{border-color:#ffdf8b;background:#e4bd681c;opacity:1}.sr-hotspot:hover>span,.sr-hotspot:focus-visible>span,.sr-hotspot.is-selected>span,.sr-hotspot.is-complete>span{opacity:1}.sr-hotspot.is-complete>i{border-color:#a8d8a2;background:#1b3b29;color:#c7efb7}.sr-person{z-index:4;border-color:transparent!important;background:transparent!important}.sr-person:focus-visible{outline:3px solid var(--sr-focus)!important;outline-offset:1px}
.sr-auntie{transform-box:fill-box;transform-origin:center bottom;transition:transform .22s ease,filter .22s ease}.sr-auntie.is-talking{transform:translate(-2px,-2px) rotate(-2deg);filter:brightness(1.1)}
.sr-dialogue{position:absolute;z-index:8;right:clamp(16px,4vw,58px);bottom:clamp(20px,4vh,48px);width:min(440px,44vw);max-height:min(54vh,520px);overflow:auto;padding:16px 18px;border:1px solid #ead9b7;border-top:3px solid var(--sr-gold);border-radius:10px;background:#171a16f2;color:#f5efdf;box-shadow:0 18px 50px #0009;backdrop-filter:blur(12px);animation:sr-arrive .18s ease-out both}.sr-speaker{display:flex;align-items:center;gap:10px}.sr-avatar{display:grid;place-items:center;width:42px;height:48px;flex:none;overflow:hidden;border:1px solid #766e5c;border-radius:7px;background:#292b23}.sr-avatar svg{width:34px;height:46px;image-rendering:pixelated}.sr-speaker>span:last-child{display:grid;gap:3px}.sr-speaker small{font-size:10px;font-weight:700;letter-spacing:.09em;color:#edca7c}.sr-speaker strong{font-size:15px}.sr-dialogue>p{margin:11px 0;font-size:14px;line-height:1.5}.sr-responses{display:grid;gap:7px}.sr-dialogue button,.sr-responses button{width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid #76715e;border-radius:7px;background:#292d25;color:#fff8e9;text-align:left;font:13px/1.35 var(--sr-font);text-transform:none}.sr-dialogue button:hover,.sr-responses button:hover{border-color:var(--sr-gold);background:#373b30}
.sr-decision{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);width:min(600px,86vw);max-height:calc(100% - 36px);overflow:auto;padding:23px clamp(16px,3vw,30px) 18px;border:1px solid #d2bd8b;border-radius:11px;background:#f5f0e4;color:var(--sr-ink);box-shadow:0 22px 75px #000b;animation:sr-arrive .18s ease-out both}.sr-decision>small{color:#4f7052}.sr-decision h2{margin:4px 30px 4px 0;font-size:clamp(19px,2vw,25px);line-height:1.2}.sr-decision>p{margin:0 0 12px;color:#5c5c52;font-size:13px}.sr-close{position:absolute;right:10px;top:10px;width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid #c9bea4!important;border-radius:8px!important;background:#fffaf0!important;color:#35352d!important;text-align:center!important;font:24px/1 var(--sr-font)!important;text-transform:none!important}.sr-decision .choices{display:grid;gap:8px;margin:10px 0}.sr-decision .pchoice,.sr-decision .choice{display:flex;gap:10px;align-items:flex-start;width:100%;min-height:48px;margin:0;padding:11px 13px;border:1px solid #d0c4aa;border-radius:8px;background:#fffdf7;color:#292921;text-align:left;font:14px/1.4 var(--sr-font);text-transform:none;box-shadow:0 2px 0 #d9d0be}.sr-decision .pchoice:hover,.sr-decision .choice:hover{border-color:#547b5e;background:#f4f8f1}.sr-decision .pickbar{margin:8px 0}.sr-decision .pickbar button{width:auto;min-height:40px;padding:8px 11px}
.sr-access{position:absolute;z-index:2;top:16px;right:clamp(16px,4vw,58px);display:flex;gap:18px;color:#e8e1d4;font-size:10px;text-shadow:0 1px 4px #000}.sr-access kbd{padding:3px 5px;border:1px solid #ffffff5c;border-radius:4px;background:#1116;color:#f1d78e;font:9px var(--sr-font)}.sr-sep{padding:0 5px;color:#d3b968}
.scene-runtime button:focus-visible,.scene-runtime a:focus-visible{outline:3px solid var(--sr-focus);outline-offset:3px}
.sr-scene:has(.sr-dialogue,.sr-decision) .sr-access{display:none}
@keyframes sr-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.sr-header{height:60px;gap:10px;padding:0 max(12px,env(safe-area-inset-left))}.sr-brand{font-size:18px}.sr-context strong{font-size:11px}.sr-context span{font-size:9px}.sr-menu-trigger{font-size:0!important;padding:8px!important;min-width:44px!important}.sr-menu-trigger span{font-size:16px}.sr-exit{font-size:11px!important;padding:8px!important}.sr-purpose{left:12px;top:12px;max-width:min(270px,73vw);padding:8px 10px}.sr-purpose small{font-size:8px}.sr-purpose span{font-size:11px}.sr-access{top:auto;right:12px;bottom:12px;font-size:0}.sr-access span:last-child{display:none}.sr-access kbd{font-size:8px}.sr-caption{left:12px;right:12px;bottom:12px;max-width:none;padding:8px 10px;font-size:12px}.sr-location{right:14px;top:76px;bottom:auto;font-size:9px}.sr-dialogue{left:12px;right:12px;bottom:12px;width:auto;max-height:min(56dvh,440px);padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.sr-speaker strong{font-size:13px}.sr-dialogue>p{font-size:12px;margin:8px 0}.sr-dialogue button,.sr-responses button{min-height:44px;font-size:12px;padding:9px 10px}.sr-decision{width:calc(100% - 24px);max-height:calc(100% - 24px);padding:18px 13px 12px}.sr-decision h2{font-size:18px}.sr-decision>p{font-size:12px;margin:0 0 8px}.sr-decision .pchoice,.sr-decision .choice{min-height:44px;padding:8px 10px;font-size:12px}.sr-decision .choices{gap:6px;margin:7px 0}.sr-action-menu{right:58px;top:calc(100% + 4px);min-width:min(230px,calc(100vw - 74px))}.sr-hotspot>span{font-size:10px}.sr-hotspot>i{width:28px;height:28px}}
@media(max-width:380px){.sr-header{gap:6px;padding-inline:8px}.sr-context{max-width:100px}.sr-context span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-purpose{max-width:74vw}.sr-location{top:67px}.sr-caption{bottom:9px}.sr-dialogue{left:8px;right:8px;bottom:8px}.sr-decision{width:calc(100% - 16px);padding:15px 10px 10px}}
@media(max-height:500px) and (orientation:landscape){.sr-header{height:50px}.sr-purpose{top:10px;padding:6px 9px;max-width:300px}.sr-purpose span{font-size:11px}.sr-caption{bottom:10px;max-width:36vw}.sr-dialogue{max-height:calc(100% - 70px);width:min(410px,48vw);bottom:10px}.sr-decision{max-height:calc(100% - 20px);padding-block:12px}.sr-decision .choices{gap:4px;margin:5px 0}.sr-decision .pchoice,.sr-decision .choice{min-height:40px;padding:6px 9px}.sr-access{top:auto;bottom:10px}}
@media(prefers-reduced-motion:reduce){.scene-runtime *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.sr-recap{position:absolute;z-index:7;right:clamp(16px,4vw,58px);top:clamp(72px,11vh,110px);width:min(420px,40vw);max-height:43vh;overflow:auto}.sr-recap .card.result{margin:0;padding:11px 14px;border:1px solid #e3d5b6;border-left:3px solid var(--sr-green);border-radius:9px;background:var(--sr-paper);color:var(--sr-ink);box-shadow:0 14px 40px #0008}.sr-recap .result .who{margin:0 0 4px;color:#365e40;font:600 12px/1.35 var(--sr-font);text-transform:none}.sr-recap .result .reveal{animation:none}.sr-recap .result .reveal p{margin:4px 0;color:#393a32;font:13px/1.45 var(--sr-font)}.sr-recap .result .remember{margin:5px 0;padding-left:8px;border-left:2px solid #b6944f;color:#505044;font:12px/1.4 var(--sr-font)}.sr-recap .result .mut{color:#51544b;font:11px/1.4 var(--sr-font)}.sr-recap .result .tip{margin:7px 0 1px;padding:6px 8px;border-left:3px solid #98743a;border-radius:3px;background:#e9e1cf;color:#36362e;font:12px/1.4 var(--sr-font)}.sr-recap .result .tip b{font:600 10px var(--sr-font);text-transform:uppercase}.sr-recap .result .d{display:inline-flex;align-items:center;gap:5px;margin:3px 3px 0 0;padding:4px 7px;border:1px solid #c9c1ae;border-radius:999px;background:#e8e3d8;color:#34362f;font:600 11px/1.25 var(--sr-font)}.sr-recap .result .d.up{border-color:#9bb49a;background:#e1ebdd;color:#244d30}.sr-recap .result .d.dn{border-color:#cea19a;background:#f2dfda;color:#742f2a}.sr-recap .result .d i{font-style:normal}.sr-recap .result .rsim{float:left;width:44px;height:46px;margin:0 9px 3px 0;border:1px solid #c9bea4;border-radius:6px;background:#e8e1d2}.sr-recap .result .rsim .cpt{width:100%;height:100%;border:0;background:transparent}
.sr-avatar svg{width:100%;height:100%;image-rendering:pixelated}.sr-person>span{position:absolute;left:50%;top:0;transform:translate(-50%,-112%);padding:6px 9px;border:1px solid #ffffff35;border-radius:6px;background:#121511ed;color:#fff8e8;font:600 11px/1.2 var(--sr-font);white-space:nowrap;opacity:0;pointer-events:none}.sr-person:hover>span,.sr-person:focus-visible>span{opacity:1}
.scene-runtime .sr-hotspot:focus-visible,.scene-runtime .sr-person:focus-visible{outline:none;border-color:transparent;background:transparent}.scene-runtime .sr-hotspot:focus-visible>i{outline:3px solid var(--sr-focus);outline-offset:3px}.scene-runtime .sr-hotspot:focus-visible>span,.scene-runtime .sr-person:focus-visible>span{box-shadow:0 0 0 2px var(--sr-focus)}
.sr-hotspot.is-task{border-color:transparent;background:transparent;opacity:1}.sr-hotspot.is-task>i{border-color:var(--sr-gold);background:#181b15;color:#ffe093;box-shadow:0 0 0 3px #e4bd6830}.sr-hotspot.is-task>span{opacity:1;border-color:#ffdf8b66}.sr-purpose{max-width:min(430px,48vw)}.sr-purpose>button{justify-self:start;min-height:36px;margin-top:5px;padding:7px 10px;border:1px solid #f0cf8266;border-radius:6px;background:#28291f;color:#fff2cf;font:600 11px var(--sr-font);text-transform:none;touch-action:manipulation}.sr-purpose>button span{padding-left:6px;color:var(--sr-gold)}.sr-purpose>button:hover{border-color:var(--sr-gold);background:#39382b}
.sr-device{overflow:hidden;margin:10px 0 2px;border:1px solid #c9bea4;border-radius:9px;background:#fffdf7;box-shadow:0 2px 0 #d9d0be}.sr-device>header{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #e1d8c5;background:#eeeadf}.sr-device-mark{display:grid;place-items:center;width:42px;height:34px;border:1px solid #b8ad95;border-radius:6px;background:#fffaf0;color:#49614b;font:700 8px var(--sr-font);letter-spacing:.05em}.sr-device>header>span:nth-child(2){display:grid;gap:2px;min-width:0}.sr-device>header small{font-size:8px;font-weight:700;letter-spacing:.08em;color:#66705e}.sr-device>header strong{font-size:13px}.sr-device-status{margin-left:auto;padding:5px 7px;border:1px solid #c8c0ac;border-radius:999px;color:#5e6255;font-size:9px;white-space:nowrap}.sr-device-body{max-height:min(55vh,470px);overflow:auto;padding:12px}.sr-device-copy{color:#43453d;font-size:12px;line-height:1.45}.sr-device-copy>p{margin:0 0 9px;color:inherit;font:inherit}.sr-interface-note{margin:8px 0;padding:8px 9px;border-left:3px solid #a98b4f;background:#f0ebdd;color:#57574e;font-size:10px;line-height:1.4}.sr-device-actions{display:grid;gap:7px}.sr-device .choices{margin:0}.sr-device .pchoice,.sr-device .choice{min-height:44px;padding:8px 10px;font-size:12px}.sr-device .pickbar{margin:6px 0}.sr-device .pickbar button{min-height:38px}
@media(max-width:700px){.sr-purpose{max-width:min(285px,76vw)}.sr-purpose>button{min-height:40px;font-size:11px}.sr-device-body{max-height:min(46vh,360px);padding:9px}.sr-device>header{gap:7px;padding:8px}.sr-device-mark{width:36px;height:31px}.sr-device-status{padding:4px 6px;font-size:8px}.sr-device-copy{font-size:11px}.sr-interface-note{font-size:9px}.sr-device .pchoice,.sr-device .choice{min-height:44px;font-size:11px}}
@media(max-width:380px){.sr-purpose{max-width:75vw}.sr-purpose>button{min-height:38px}.sr-device-body{max-height:min(43vh,320px);padding:8px}.sr-device-status{max-width:83px;overflow:hidden;text-overflow:ellipsis}}
.scene-runtime:has(.sr-decision) .sr-status-panel,.scene-runtime:has(.sr-decision) .sr-recap{display:none}
.sr-hotspot.is-task:not(:focus-visible):not(.is-selected)>span{opacity:0}
@media(max-width:700px){.sr-menu-trigger{font-size:10px!important}.sr-menu-trigger span{font-size:13px}.sr-recap{right:12px;top:68px;width:min(350px,76vw);max-height:32vh}.sr-recap .card.result{padding:8px 10px}.sr-recap .result .reveal p{font-size:11px}.sr-recap .result .d{font-size:10px;padding:3px 6px}}
@media(max-width:700px){.sr-hotspot>span,.sr-person>span{opacity:1;transform:translate(-50%,-100%);padding:4px 6px;border-color:#ffffff24;background:#131713d9;font-size:9px}.sr-hotspot.is-complete{border-color:transparent;background:transparent}}
@media(hover:none),(pointer:coarse){.sr-hotspot>span,.sr-person>span{opacity:1;transform:translate(-50%,-100%);padding:4px 6px;border-color:#ffffff24;background:#131713d9;font-size:9px}.sr-hotspot>i{width:27px;height:27px}}
.sr-status{position:relative;z-index:14;flex:none;padding:5px clamp(12px,3vw,44px);border-bottom:1px solid #ffffff22;background:#171a16;color:#f5efdf}.sr-status-primary{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr)) auto;align-items:center;gap:clamp(6px,2vw,22px);max-width:920px;margin:0 auto}.sr-status-value{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 8px;min-width:0}.sr-status-value span{color:#c9c2b5;font-size:10px}.sr-status-value strong{font-size:13px;font-variant-numeric:tabular-nums}.sr-status-value.is-inverted strong{color:#ff9b78}.sr-status-more{position:relative;justify-self:end}.sr-status-more summary{display:grid;place-items:center;min-width:50px;min-height:38px;padding:5px 10px;border:1px solid #756c57;border-radius:7px;color:#f3e8d2;font-size:11px;cursor:pointer;list-style:none}.sr-status-more summary::-webkit-details-marker{display:none}.sr-status-more summary::after{content:'+';padding-left:5px;color:var(--sr-gold)}.sr-status-more[open] summary{border-color:var(--sr-gold)}.sr-status-more summary:focus-visible{outline:3px solid var(--sr-focus);outline-offset:2px}.sr-status-more[open] summary::after{content:'-'} .sr-status-panel{position:absolute;top:calc(100% + 7px);right:0;z-index:25;width:min(420px,calc(100vw - 24px));max-height:min(70dvh,560px);overflow:auto;padding:16px;border:1px solid #d9cbaa;border-radius:10px;background:#f5f0e4;color:#27271f;box-shadow:0 16px 50px #000b}.sr-status-panel h2{margin:0 0 3px;font-size:18px}.sr-status-panel h3{margin:13px 0 5px;font-size:13px}.sr-status-panel p{margin:4px 0;font-size:12px}.sr-status-panel .sr-status-explainer,.sr-status-panel small{color:#57574e}.sr-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sr-meter{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:8px 9px;border:1px solid #d7ccb4;border-radius:7px;background:#fffaf0}.sr-meter>span{font-size:11px}.sr-meter>strong{font-size:13px;font-variant-numeric:tabular-nums}.sr-meter>small{grid-column:1/-1;font-size:10px;line-height:1.35}.sr-meter.is-inverted>strong{color:#8a473a}.sr-status-panel ul{display:grid;gap:7px;margin:5px 0;padding-left:19px;font-size:12px}.sr-status-panel li small{display:block;margin-top:2px;font-size:11px}.sr-status-empty{padding:8px;border-radius:6px;background:#eee7d6}.sr-decision .sr-known-change{display:block;margin-top:4px;color:#56594e;font:500 11px/1.35 var(--sr-font)}
@media(max-width:700px){.sr-status{padding:4px max(9px,env(safe-area-inset-left))}.sr-status-primary{gap:5px;grid-template-columns:repeat(4,minmax(0,1fr)) auto}.sr-status-value{display:grid;gap:0 4px}.sr-status-value span{font-size:9px}.sr-status-value strong{font-size:12px}.sr-status-more summary{min-width:44px;min-height:40px;padding:4px 6px;font-size:10px}.sr-status-panel{position:fixed;top:calc(60px + 46px + env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));max-height:min(44dvh,360px);width:min(420px,calc(100vw - 16px))}.sr-decision .sr-known-change{font-size:10px}}
@media(max-width:360px){.sr-status-primary{gap:3px}.sr-status-value{grid-template-columns:1fr}.sr-status-value span{font-size:9px}.sr-status-value strong{font-size:11px}.sr-status-more summary{min-width:42px}}
@media(min-width:701px){.sr-status-panel{max-height:min(32dvh,300px)}}@media(max-width:700px){.sr-status-panel{max-height:min(30dvh,260px)}}
.sr-device-contact{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0;padding:8px 9px;border:1px solid #d5cbb5;border-radius:7px;background:#f0ede4}.sr-device-contact>span{color:#57584f;font-size:10px;font-weight:600}.sr-device-contact button{min-height:40px;padding:6px 9px;border:1px solid #b7ad96;border-radius:6px;background:#fffaf0;color:#394639;font:600 10px/1.3 var(--sr-font);text-align:left;text-transform:none}.sr-device-contact button:hover{border-color:#547b5e;background:#f4f8f1}
@media(max-width:700px){.sr-device-contact button{min-height:44px;font-size:10px}}
.sr-purpose{background:#11191bd9;border-color:#ffffff29;border-left-color:var(--sr-gold);box-shadow:0 8px 24px #0003}
.sr-purpose span{font-size:14px}.sr-purpose>button{display:none}
.sr-scene:has(.sr-decision) .sr-purpose,.sr-scene:has(.sr-dialogue) .sr-purpose{opacity:.72}
.sr-bank{width:min(360px,calc(100% - 28px));text-align:center}.sr-bank>small{display:block;margin:4px 0 12px;color:#4f7052;font-size:10px;font-weight:700;letter-spacing:.12em}.sr-bank h2{margin:0;font-size:19px}.sr-bank .sr-bank-balance{margin:9px 0 18px;color:#26482d;font-size:clamp(30px,5vw,42px);font-variant-numeric:tabular-nums}.sr-bank .sr-bank-close{min-height:44px;padding:8px 18px;border:1px solid #b8ad95;border-radius:7px;background:#fffaf0;color:#292921;font:600 13px var(--sr-font);cursor:pointer}
.sr-phone{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,calc(100% - 32px));min-height:280px;padding:16px;border:8px solid #111;border-radius:28px;background:linear-gradient(155deg,#d9e9ec,#f4f1e8 64%);color:#1b282b;box-shadow:0 22px 65px #000b,inset 0 0 0 1px #ffffff}
.sr-phone>header{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 24px;color:#45575b;font-size:10px;font-weight:800;letter-spacing:.12em}.sr-phone>header button{width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#d2e1e3!important;color:#243639!important;font:24px/1 var(--sr-font)!important;cursor:pointer}.sr-phone-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sr-phone-apps button{display:grid;justify-items:center;align-content:start;gap:7px;min-height:112px;padding:9px;border:0;border-radius:12px;background:transparent;color:#1b282b;font:600 12px var(--sr-font);cursor:pointer}.sr-phone-apps button:hover,.sr-phone-apps button:focus-visible{background:#ffffff9c}.sr-phone-apps button:focus-visible{outline:3px solid #2879a7;outline-offset:2px}.sr-app-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;color:#fff;font:700 25px/1 var(--sr-font);font-style:normal;box-shadow:0 3px 8px #0003}.sr-app-messages{background:linear-gradient(#5ab8eb,#2186cf)}.sr-app-bank{background:linear-gradient(#4bbd81,#18824d)}.sr-phone-note{margin:12px 4px 0;padding:10px 11px;border-radius:9px;background:#ffffffa8;color:#526165;font-size:11px;line-height:1.45}.sr-phone-app{padding:16px 18px}.sr-phone-app>header{justify-content:flex-start;gap:10px;margin:-4px 0 22px}.sr-phone-app>header span{font-size:10px}.sr-phone-app h2{margin:0;color:#273638;font-size:18px;text-align:center}.sr-phone-app .sr-bank-balance{margin:10px 0 14px;color:#176c43;font-size:36px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.sr-phone-app .sr-phone-note{background:#e4ece8;color:#42554d;text-align:left}.sr-message{padding:14px;border-radius:12px;background:#fff;color:#273638;box-shadow:0 2px 8px #0001}.sr-message small{color:#407b9b;font-size:9px;font-weight:800;letter-spacing:.1em}.sr-message p{margin:8px 0 0;font-size:13px;line-height:1.5}
@media(max-width:700px){.sr-purpose{left:12px;top:12px;max-width:min(285px,76vw);font-size:12px}.sr-purpose span{font-size:11px}.sr-bank{width:calc(100% - 24px)}}
@media(max-width:700px),(hover:none),(pointer:coarse){.sr-hotspot.is-task:not(:focus-visible):not(.is-selected)>span{opacity:1}}
.sr-dialogue .pchoice,.sr-dialogue .choice{display:flex;gap:8px;align-items:flex-start;width:100%;min-height:44px;margin:0;padding:9px 10px;border:1px solid #76715e;border-radius:7px;background:#292d25;color:#fff8e9;text-align:left;font:12px/1.35 var(--sr-font);text-transform:none}.sr-dialogue .pchoice:hover,.sr-dialogue .choice:hover{border-color:var(--sr-gold);background:#373b30}.sr-dialogue .pchoice .sr-known-change,.sr-dialogue .choice .sr-known-change{color:#d3c9b2;font-size:10px}
.sr-hotspot.is-task>i{width:44px;height:44px;border:3px solid #fff0b2;background:#282716;color:#fff1a8;font-size:18px;font-weight:900;box-shadow:0 0 0 5px #e4bd6852,0 0 22px 8px #f6ca4a99;animation:sr-target-pulse 1.8s ease-in-out infinite}
@keyframes sr-target-pulse{50%{box-shadow:0 0 0 8px #e4bd6828,0 0 28px 10px #f6ca4a66}}
@media(max-width:700px),(hover:none),(pointer:coarse){.sr-hotspot.is-task>i{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.sr-hotspot.is-task>i{animation:none}}
/* 8J.5A: the school laptop. A screen over the room: offers, a short comparison, Auntie's take, one decision. */
.sr-laptop{position:absolute;z-index:9;inset:12px;margin:auto;width:min(700px,calc(100% - 24px));height:fit-content;max-height:calc(100% - 24px);overflow:auto;display:grid;gap:10px;padding:0 0 12px;border:2px solid #4b6577;border-radius:12px;background:#101a22;color:#e8f1f5;box-shadow:0 0 0 5px #0c1217,0 24px 80px #000c;animation:sr-arrive .18s ease-out both}
.sr-lt-bar{display:flex;align-items:center;gap:11px;padding:9px 10px 9px 14px;border-bottom:1px solid #2c3f4d;background:#182833}.sr-lt-bar>span:nth-child(2){display:grid;flex:1;min-width:0}.sr-lt-bar strong{font-size:15px}.sr-lt-bar small{color:#9fb7c4;font-size:11px}.sr-lt-mark{padding:3px 6px;border:1px solid #4cc2e8;border-radius:4px;color:#7ad8f4;font:700 9px var(--sr-font);letter-spacing:.1em}
.sr-laptop button{font-family:var(--sr-font);text-transform:none;margin:0;touch-action:manipulation}.sr-lt-x{width:44px;min-height:44px;border:1px solid #3d5566;border-radius:8px;background:#101a22;color:#e8f1f5;font-size:24px;line-height:1}
.sr-lt-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px}.sr-lt-offer{position:relative;display:grid;gap:3px;min-height:56px;padding:9px 11px;border:1px solid #3d5566;border-radius:9px;background:#16242d;color:#e8f1f5;text-align:left}.sr-lt-offer b{font-size:14px}.sr-lt-offer span{color:#a9c0cc;font-size:11px;line-height:1.3}.sr-lt-offer i{position:absolute;right:8px;top:7px;color:#7ad8f4;font-size:9px;font-style:normal;letter-spacing:.06em;text-transform:uppercase}.sr-lt-offer:hover{border-color:#7ad8f4}.sr-lt-offer.is-focus{border-color:#7ad8f4;background:#1e3947;box-shadow:inset 0 0 0 1px #7ad8f4}.sr-lt-offer.is-focus b::before{content:'▸ ';color:#7ad8f4}
.sr-lt-detail{padding:0 14px}.sr-lt-detail h2{margin:0;font-size:18px}.sr-lt-tag{margin:3px 0 0;color:#b8ccd6;font-size:13px}.sr-lt-detail blockquote{margin:9px 0 0;padding:8px 11px;border-left:3px solid var(--sr-gold);border-radius:0 7px 7px 0;background:#1a2630;color:#f4ead0;font-size:13px;line-height:1.5}.sr-lt-detail blockquote small{display:block;margin-bottom:2px;color:#edca7c;font-size:9px;font-weight:700;letter-spacing:.1em}
.sr-lt-compare{width:calc(100% - 24px);margin:0 12px;border-collapse:separate;border-spacing:0;font-size:12px;line-height:1.35}.sr-lt-compare th,.sr-lt-compare td{padding:6px 8px;border-top:1px solid #2c3f4d;text-align:left;vertical-align:top;font-weight:500}.sr-lt-compare thead th,.sr-lt-compare thead td{border-top:0;color:#9fb7c4;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.sr-lt-compare tbody th{width:18%;color:#9fb7c4;font-size:11px}.sr-lt-compare .is-focus{background:#1b3340;color:#fff}
.sr-lt-foot{display:grid;gap:8px;padding:0 14px}.sr-lt-foot:empty{display:none}.sr-lt-hint,.sr-lt-note,.sr-lt-sure{margin:0;color:#b8ccd6;font-size:12px;line-height:1.4}.sr-lt-note{color:#ffc9a8}.sr-lt-sure{color:#f1f7fa;font-size:13px}.sr-lt-btns{display:flex;gap:8px;flex-wrap:wrap}
.sr-lt-go,.sr-lt-quiet{min-height:44px;padding:9px 16px;border-radius:8px;font-size:14px;font-weight:700}.sr-lt-go{border:1px solid #7ad8f4;background:#2a6c85;color:#fff}.sr-lt-go:hover{background:#337f9c}.sr-lt-go[aria-disabled="true"]{border-color:#5a6b75;background:#26343c;color:#a5b4bc}.sr-lt-quiet{border:1px solid #4b6577;background:transparent;color:#d6e4ea}.sr-lt-quiet:hover{border-color:#7ad8f4}
.sr-lt-done{display:flex;gap:12px;align-items:flex-start;padding:4px 14px 0}.sr-lt-done h2{margin:0;font-size:19px}.sr-lt-done p{margin:3px 0 0;color:#c4d6de;font-size:13px}.sr-lt-check{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#1b3b29;color:#c7efb7;font-size:18px;border:1px solid #a8d8a2}
.sr-lt-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 14px}.sr-lt-facts div{padding:8px 10px;border:1px solid #2c3f4d;border-radius:8px;background:#16242d}.sr-lt-facts dt{color:#9fb7c4;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.sr-lt-facts dd{margin:2px 0 0;font-size:13px;line-height:1.3}
.sr-laptop .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr-laptop button:focus-visible{outline:3px solid var(--sr-focus);outline-offset:2px}
.sr-scene:has(.sr-laptop) .sr-purpose,.sr-scene:has(.sr-laptop) .sr-access,.sr-scene:has(.sr-laptop) .sr-recap{display:none}
@media(max-width:700px){.sr-laptop{inset:8px;width:calc(100% - 16px);max-height:calc(100% - 16px);gap:8px}.sr-lt-bar small{font-size:10px}.sr-lt-offers{gap:6px;padding:0 8px}.sr-lt-offer{min-height:52px;padding:7px 8px}.sr-lt-offer b{font-size:12px}.sr-lt-offer span{font-size:10px}.sr-lt-offer i{display:none}.sr-lt-detail{padding:0 10px}.sr-lt-detail h2{font-size:16px}.sr-lt-tag{font-size:12px}.sr-lt-detail blockquote{font-size:12px;padding:6px 9px}.sr-lt-compare{width:calc(100% - 16px);margin:0 8px;font-size:11px}.sr-lt-compare th,.sr-lt-compare td{padding:4px 5px}.sr-lt-foot{padding:0 10px}.sr-lt-facts{grid-template-columns:1fr;margin:0 10px;gap:5px}.sr-lt-facts div{display:flex;justify-content:space-between;gap:8px;padding:6px 9px}.sr-lt-done{padding:4px 10px 0}.sr-lt-btns{display:grid;grid-template-columns:1fr 1fr}.sr-lt-btns:has(>:only-child){grid-template-columns:1fr}.sr-lt-go,.sr-lt-quiet{padding:8px 10px;font-size:13px}}
.sr-lt-mini{display:none;margin:0 14px;gap:3px;font-size:12px}.sr-lt-mini div{display:flex;gap:8px}.sr-lt-mini dt{width:64px;flex:none;color:#9fb7c4}.sr-lt-mini dd{margin:0}
@media(max-height:660px){.sr-lt-tag,.sr-lt-bar small,.sr-lt-compare{display:none}.sr-lt-mini{display:grid;margin:0 10px}.sr-laptop{gap:6px}.sr-lt-offer span{display:none}.sr-lt-offer{min-height:44px}.sr-lt-detail blockquote small{display:none}.sr-lt-hint{display:none}}
@media(max-height:520px) and (orientation:landscape){.sr-laptop{inset:6px;max-height:calc(100% - 12px);grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);align-content:start;column-gap:12px}.sr-lt-bar{grid-column:1/-1}.sr-lt-offers{grid-column:1;grid-row:2/span 4;grid-template-columns:1fr;align-content:start;padding:0 0 0 10px}.sr-lt-offer span{display:block}.sr-lt-detail,.sr-lt-mini,.sr-lt-foot,.sr-lt-done,.sr-lt-facts{grid-column:2}.sr-lt-detail{padding:0 10px 0 0}.sr-lt-mini,.sr-lt-foot{margin-right:10px;padding:0}}
@media(prefers-reduced-motion:reduce){.sr-laptop{animation:none}}

.scene-runtime:has(.sr-laptop) .sr-access{display:none}
@media(max-height:520px) and (orientation:landscape){.sr-lt-bar{padding:4px 6px 4px 12px}.sr-lt-x{min-height:40px;width:40px}.sr-laptop.is-confirm .sr-lt-detail blockquote,.sr-laptop.is-confirm .sr-lt-mini{display:none}.sr-lt-detail h2{font-size:15px}.sr-lt-detail blockquote{margin-top:5px}}
@media(max-height:520px) and (orientation:landscape){.sr-lt-mini{font-size:11px;gap:0}.sr-lt-detail blockquote{font-size:11px;line-height:1.35;padding:5px 8px}.sr-lt-go,.sr-lt-quiet{min-height:44px;padding:6px 12px}.sr-laptop{gap:4px;padding-bottom:6px}.sr-lt-offer{min-height:44px;padding:5px 9px}}
/* 8J.5A follow-up: the letter, proof of funds and the optional deposit on the same laptop */
.sr-lt-ctx{margin:0 14px;color:#9fd9a8;font-size:12px}.sr-lt-ctx span{padding-right:4px}.sr-lt-lead{margin:0 14px;color:#dbe8ee;font-size:14px;line-height:1.45}
.sr-lt-balance{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 14px;padding:8px 12px;border:1px solid #2c3f4d;border-radius:8px;background:#16242d}.sr-lt-balance span{color:#9fb7c4;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.sr-lt-balance strong{font-size:16px;font-variant-numeric:tabular-nums}
.sr-lt-rows{display:grid;gap:7px;margin:0 14px}.sr-lt-row{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:9px 12px;border:1px solid #3d5566;border-radius:9px;background:#16242d;color:#e8f1f5;text-align:left;font-size:14px}.sr-lt-row span{color:#a9c0cc;font-size:12px;white-space:nowrap}.sr-lt-row:hover{border-color:#7ad8f4}.sr-lt-row.is-focus{border-color:#7ad8f4;background:#1e3947;box-shadow:inset 0 0 0 1px #7ad8f4}.sr-lt-row.is-focus b::before{content:'▸ ';color:#7ad8f4}
.sr-lt-block{display:grid;gap:6px;margin:0 14px;padding:10px 12px;border:1px dashed #4b6577;border-radius:9px}.sr-lt-block h3{margin:0;font-size:13px}.sr-lt-block h3 i{margin-left:6px;color:#7ad8f4;font-size:10px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.sr-lt-block p{margin:0;color:#b8ccd6;font-size:12px}.sr-lt-block .sr-lt-row{margin:0}
@media(max-width:700px){.sr-lt-ctx,.sr-lt-lead,.sr-lt-balance,.sr-lt-rows,.sr-lt-block{margin-inline:10px}.sr-lt-lead{font-size:12px}.sr-lt-row{min-height:42px;padding:7px 10px;font-size:12px}.sr-lt-balance strong{font-size:14px}}
@media(max-height:660px){.sr-laptop-step{gap:5px}.sr-lt-lead{font-size:12px}.sr-lt-row{min-height:40px;padding:5px 10px}}
@media(max-height:520px) and (orientation:landscape){.sr-laptop-step .sr-lt-ctx,.sr-laptop-step .sr-lt-lead,.sr-laptop-step .sr-lt-balance,.sr-laptop-step .sr-lt-rows,.sr-laptop-step .sr-lt-block,.sr-laptop-step .sr-lt-foot{grid-column:auto}.sr-laptop-step{grid-template-columns:1fr}.sr-laptop-step .sr-lt-ctx{display:none}}
/* 8J.5C: paper activities (the letter, the documents, the folder) and the payment on the phone */
.sr-paper{position:absolute;z-index:9;inset:12px;margin:auto;width:min(620px,calc(100% - 24px));height:fit-content;max-height:calc(100% - 24px);overflow:auto;display:grid;gap:10px;padding:0 0 14px;border:1px solid #d6c8a6;border-radius:6px;background:#f6f0e2;color:#1f1f19;box-shadow:0 22px 75px #000b;animation:sr-arrive .18s ease-out both}
.sr-paper button{font-family:var(--sr-font);text-transform:none;margin:0;touch-action:manipulation}
.sr-pp-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 12px 0 20px}.sr-pp-bar>span{display:grid;gap:1px}.sr-pp-bar small{color:#52624f;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sr-pp-bar strong{font:700 22px/1.2 Georgia,'Times New Roman',serif}
.sr-paper .sr-lt-x{border:1px solid #c9bea4;background:#fffaf0;color:#35352d}
.sr-pp-lead{margin:0 20px;font-size:14px;line-height:1.5;color:#3b3b30}
.sr-pp-rows{display:grid;gap:6px;margin:0 20px}.sr-pp-row{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:9px 12px;border:1px solid #d0c4aa;border-radius:7px;background:#fffdf7;color:#27271f;text-align:left;font-size:14px}.sr-pp-row span{color:#66665a;font-size:12px}.sr-pp-row:hover{border-color:#547b5e}.sr-pp-row.is-focus{border-color:#3f7658;background:#f0f6ee;box-shadow:inset 0 0 0 1px #3f7658}.sr-pp-row.is-focus b::before{content:'● ';color:#3f7658}
.sr-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 20px}.sr-pp-row.sr-doc{display:grid;align-content:start;gap:4px;min-height:132px;padding:14px 14px 12px;position:relative}.sr-doc::after{content:'';position:absolute;right:12px;top:-6px;width:36px;height:11px;border-radius:2px;background:#c9a26b}.sr-doc small{color:#52624f;font-size:9px;font-weight:700;letter-spacing:.12em}.sr-doc strong{font-size:15px}.sr-doc .sr-doc-big{font-size:24px;font-variant-numeric:tabular-nums}.sr-doc span{display:block;font-size:12px;line-height:1.4}
.sr-doc-risky{margin:0 20px}.sr-pp-row.is-risky{width:100%;min-height:0;display:grid;border-style:dashed;border-color:#b5694f;background:#fff7f1}.sr-pp-row.is-risky b{font-size:13px;color:#7a3a28}.sr-pp-row.is-risky.is-focus{border-color:#b5694f;background:#fdeee4;box-shadow:inset 0 0 0 1px #b5694f}.sr-pp-row.is-risky.is-focus b::before{color:#b5694f}
.sr-pp-list{display:grid;gap:5px;margin:0 20px;padding:0;list-style:none}.sr-pp-list li{display:grid;grid-template-columns:20px 110px 1fr;gap:8px;align-items:baseline;padding:7px 10px;border:1px solid #e0d6bd;border-radius:6px;background:#fffdf7;font-size:13px}.sr-pp-list li.is-in span{color:#3f7658;font-weight:800}.sr-pp-list li.is-out{color:#8a8a7c;border-style:dashed}.sr-pp-list b{font-weight:700}.sr-pp-list em{font-style:normal;color:#44443a}
.sr-paper .sr-lt-foot{padding:0 20px}.sr-paper .sr-lt-hint{color:#5c5c4f}.sr-paper .sr-lt-sure{color:#27271f}.sr-paper .sr-lt-note{color:#9a3d1f}.sr-paper .sr-lt-go{border-color:#2d5c44;background:#3f7658;color:#fff}.sr-paper .sr-lt-go:hover{background:#4a8866}.sr-paper .sr-lt-go[aria-disabled="true"]{border-color:#c9bea4;background:#e6dfcd;color:#7c7a6c}.sr-paper .sr-lt-quiet{border-color:#b9ad8d;background:transparent;color:#35352d}.sr-paper button:focus-visible{outline:3px solid #2d6fa3;outline-offset:2px}
.sr-bank .sr-pay{display:grid;gap:8px;margin-top:6px}.sr-pay h3{margin:0;color:#9fb7c4;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.sr-pay-amt{margin:0;font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}.sr-pay dl{display:grid;gap:0;margin:0}.sr-pay dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #2c3f4d;font-size:13px}.sr-pay dt{color:#9fb7c4}.sr-pay dd{margin:0;font-weight:700;text-align:right}.sr-pay-note{margin:0;color:#b8ccd6;font-size:12px;line-height:1.4}
.sr-bank .sr-lt-go,.sr-bank .sr-lt-quiet{min-height:44px;padding:9px 16px;border-radius:8px;font:700 14px var(--sr-font)}.sr-bank .sr-lt-go{border:1px solid #7ad8f4;background:#2a6c85;color:#fff}.sr-bank .sr-lt-go[aria-disabled="true"]{border-color:#5a6b75;background:#26343c;color:#a5b4bc}.sr-bank .sr-lt-quiet{border:1px solid #4b6577;background:transparent;color:#d6e4ea}.sr-bank .sr-lt-btns{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.sr-paper{inset:8px;width:calc(100% - 16px);max-height:calc(100% - 16px);gap:8px}.sr-pp-bar{padding:12px 8px 0 14px}.sr-pp-bar strong{font-size:18px}.sr-pp-lead{margin:0 14px;font-size:12px}.sr-pp-rows,.sr-doc-grid,.sr-doc-risky,.sr-pp-list{margin-inline:14px}.sr-paper .sr-lt-foot{padding:0 14px}.sr-pp-row{min-height:42px;padding:7px 10px;font-size:12px}.sr-doc-grid{gap:8px}.sr-pp-row.sr-doc{min-height:0;padding:12px 10px 10px}.sr-doc .sr-doc-big{font-size:18px}.sr-doc span{font-size:11px}.sr-pp-list li{grid-template-columns:16px 82px 1fr;font-size:12px;padding:5px 8px}.sr-paper .sr-lt-btns{display:grid;grid-template-columns:1fr 1fr}.sr-paper .sr-lt-btns:has(>:only-child){grid-template-columns:1fr}}
@media(max-height:660px){.sr-paper{gap:5px}.sr-pp-lead{font-size:12px}.sr-pp-row{min-height:38px;padding:5px 10px}.sr-doc span{display:none}.sr-pp-row.sr-doc{min-height:0}.sr-pp-list li{padding:3px 8px}.sr-paper .sr-lt-hint{display:none}}
@media(prefers-reduced-motion:reduce){.sr-paper{animation:none}}
.scene-runtime:has(.sr-paper) .sr-access{display:none}.sr-scene:has(.sr-paper) .sr-purpose,.sr-scene:has(.sr-paper) .sr-recap{display:none}
/* 8J.5C: ink on paper, and the pay sheet in the phone's own light palette */
.sr-paper b,.sr-paper strong,.sr-paper h2,.sr-paper h3,.sr-paper .sr-pp-row,.sr-paper .sr-pp-list b{color:#27271f}.sr-paper .sr-pp-bar strong{color:#1f1f19}.sr-paper .sr-pp-row.is-risky b{color:#7a3a28}.sr-paper .sr-lt-go,.sr-paper .sr-lt-go b{color:#fff}.sr-paper .sr-lt-quiet{color:#35352d}.sr-paper .sr-lt-sure b{color:#1f1f19}.sr-paper .sr-pp-row span,.sr-paper .sr-doc span{color:#5c5c4f}
.sr-bank .sr-pay h3{color:#5f5f52}.sr-bank .sr-pay dt{color:#66665a}.sr-bank .sr-pay dd,.sr-bank .sr-pay-amt{color:#1f1f19}.sr-bank .sr-pay dl div{border-color:#d9cbaa}.sr-bank .sr-pay-note{color:#55554a}.sr-bank .sr-lt-quiet{color:#27271f;border-color:#a99d80}.sr-bank .sr-lt-go{color:#fff}
/* 8J.6A: getting ready to leave, in the same room. Mom speaks first; the object holds the event; the last choice's own words stay a moment */
.sr-recap.sr-momsays{display:grid;gap:3px;padding:11px 14px;border:1px solid #ead9b7;border-left:3px solid var(--sr-gold);border-radius:8px;background:#171a16ec;color:#f5efdf;box-shadow:0 12px 36px #0007;backdrop-filter:blur(10px);overflow:visible}
.sr-ms-who{display:block}.sr-ms-who .sr-avatar{display:none}.sr-momsays small{font-size:10px;font-weight:700;letter-spacing:.12em;color:#edca7c}.sr-momsays p{margin:0;font-size:13.5px;line-height:1.45}
.sr-scene:has(.sr-dialogue) .sr-momsays,.sr-scene:has(.sr-ov) .sr-momsays{display:none}
.sr-caption.sr-happened small{display:block;margin-bottom:2px;font-size:10px;font-weight:700;letter-spacing:.09em;color:#edca7c;text-transform:none}.sr-caption.sr-happened span{font-size:13px;line-height:1.4}
.sr-scene:has(.sr-dialogue) .sr-happened,.sr-scene:has(.sr-ov) .sr-happened{display:none}
.sr-person.is-task>span{opacity:1}.sr-person.is-task::after{content:'●';position:absolute;right:-2px;top:-6px;display:grid;place-items:center;width:26px;height:26px;border:1px solid #ffdf8bbb;border-radius:50%;background:#171811c9;color:#ffe093;font-size:14px}
.sr-ready .sr-pp-lead{font-size:15px}
.sr-ready-phone{background:#eef4f6;border-color:#b8ccd2}.sr-ready-phone .sr-pp-bar small{color:#2c6a82}.sr-ready-phone .sr-pp-lead{margin:0 20px;padding:10px 13px;border-radius:14px 14px 14px 3px;background:#fff;box-shadow:0 1px 3px #0002}.sr-ready-phone .sr-pp-row.is-focus{border-color:#2c6a82;background:#e6f2f6;box-shadow:inset 0 0 0 1px #2c6a82}.sr-ready-phone .sr-pp-row.is-focus b::before{color:#2c6a82}
.sr-ready-door,.sr-ready-mom{background:#f4ead6}
@media(max-width:700px){.sr-recap.sr-momsays{top:84px;padding:8px 11px;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.sr-ms-who{display:grid;justify-items:center;gap:2px}.sr-ms-who .sr-avatar{display:grid;width:34px;height:40px}.sr-ms-who .sr-avatar svg{width:28px;height:38px}.sr-momsays p{font-size:12px;line-height:1.4}.sr-caption.sr-happened{max-width:calc(100% - 24px);left:12px;bottom:12px}.sr-caption.sr-happened span{font-size:12px}.sr-ready .sr-pp-lead{font-size:13px}}
@media(max-height:660px){.sr-ready .sr-pp-lead{font-size:12px}}
/* 8J.6A: the approval card, a paper over the home room */
.sr-visa{position:absolute;z-index:9;inset:0;margin:auto;width:min(470px,calc(100% - 24px));height:fit-content;max-height:calc(100% - 20px);overflow:auto;display:grid;gap:9px;padding:16px 20px 16px;border:1px solid #d6c8a6;border-top:5px solid #3f7658;border-radius:8px;background:#f6f0e2;color:#1f1f19;box-shadow:0 22px 75px #000b;opacity:.2;transition:opacity .4s}.sr-visa.in{opacity:1;animation:sr-arrive .3s ease-out both}
.sr-visa>header{display:flex;justify-content:space-between;align-items:center;color:#52624f;font:700 11px var(--sr-font);letter-spacing:.14em}.sr-visa .vflag{width:40px;height:22px;border:2px solid #1f1f19}
.sr-visa h1{margin:0;font:700 clamp(22px,3.4vw,30px)/1.15 Georgia,'Times New Roman',serif;color:#1f1f19;text-transform:none}
.sr-visa-body{display:flex;gap:14px;align-items:flex-start}.sr-visa-photo{flex:0 0 84px;height:112px;border:3px solid #1f1f19;background:#cfd6e6;overflow:hidden}.sr-visa-photo svg,.sr-visa-photo .avatar{display:block;width:100%;height:100%}
.sr-visa dl{margin:0;flex:1;min-width:0}.sr-visa dt{margin-top:7px;color:#52624f;font:700 10px var(--sr-font);letter-spacing:.12em;text-transform:uppercase}.sr-visa dt:first-child{margin-top:0}.sr-visa dd{margin:1px 0 0;color:#27271f;font-size:15px;overflow-wrap:anywhere}
.sr-visa-stamp{justify-self:end;margin:-4px 4px 0 0;padding:4px 12px;border:4px solid #2f7a4f;color:#2f7a4f;font:800 22px var(--sr-font);letter-spacing:.08em;transform:rotate(-8deg);opacity:0}.sr-visa.in .sr-visa-stamp{animation:vstamp .35s .25s ease-out both}
.sr-visa-date{margin:0;color:#2f6a46;font-weight:700;font-size:14px}.sr-visa-note{margin:0;color:#44443a;font-size:13px}.sr-visa-fine{margin:0;color:#6b6b5e;font-size:11px;line-height:1.4}
.sr-visa .vbtns{position:static;padding:4px 0 0;background:none;display:grid;gap:8px}.sr-visa .vbtns button{width:100%;min-height:46px;margin:0;border-radius:8px;font:700 14px var(--sr-font);text-transform:none;letter-spacing:normal}.sr-visa .vbtns .primary{border:1px solid #2d5c44;background:#3f7658;color:#fff}.sr-visa .vbtns #vshare{border:1px solid #b9ad8d;background:transparent;color:#35352d}
@media(max-width:700px){.sr-visa{padding:12px 14px;gap:7px}.sr-visa-photo{flex-basis:70px;height:94px}.sr-visa dd{font-size:14px}.sr-visa-stamp{font-size:18px}.sr-visa-fine{font-size:10px}.sr-visa .vbtns{grid-template-columns:1fr 1fr}.sr-visa .vbtns button{font-size:13px}}
@media(max-height:620px){.sr-visa-fine{display:none}}
@media(min-width:900px){.sr-visa{inset:0 auto 0 clamp(24px,6vw,110px);margin-block:auto}}
/* 8J.6B: packing in the home room: the bags are in the scene, the things on the bed are in a sheet at the foot of it */
.sr-packsheet{position:absolute;z-index:9;left:50%;bottom:clamp(8px,2vh,22px);transform:translateX(-50%);width:min(760px,calc(100% - 20px));max-height:calc(100% - 16px);overflow:auto;display:grid;gap:8px;padding:10px 14px 12px;border:1px solid #d6c8a6;border-top:4px solid var(--sr-green);border-radius:8px;background:#f6f0e2;color:#1f1f19;box-shadow:0 18px 60px #000b;animation:sr-arrive .18s ease-out both}
.sr-packsheet button{font-family:var(--sr-font);text-transform:none;margin:0;touch-action:manipulation}
.sr-pk-bar{display:flex;align-items:center;justify-content:space-between}.sr-pk-bar strong{font:700 18px var(--sr-font)}.sr-packsheet .sr-lt-x{width:44px;height:44px;border:1px solid #c9bea4;border-radius:7px;background:#fffaf0;color:#35352d;font-size:22px}
.sr-pk-meters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sr-pk-meter{display:grid;gap:3px}.sr-pk-meter b{font-size:12px;font-variant-numeric:tabular-nums;color:#27271f}.sr-pk-bar2,.sr-pk-meter .sr-pk-bar{display:block;height:8px;border-radius:4px;background:#ddd2b8;overflow:hidden}.sr-pk-meter .sr-pk-bar i{display:block;height:100%;background:#3f7658}.sr-pk-meter.is-full .sr-pk-bar i{background:#c47a00}.sr-pk-meter.is-over .sr-pk-bar i{background:#b5302a}.sr-pk-meter.is-over b{color:#8a2420}
.sr-pk-mom{margin:0;padding:7px 10px;border-left:3px solid var(--sr-gold);background:#fffdf7;font-size:13px;line-height:1.4;color:#27271f}.sr-pk-mom b{margin-right:6px;font-size:10px;letter-spacing:.12em;color:#7a5f1f}
.sr-pk-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sr-pk-item{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'i n' 'i k' 'w w';align-items:center;column-gap:7px;min-height:58px;padding:6px 8px;border:1px solid #d0c4aa;border-radius:7px;background:#fffdf7;color:#27271f;text-align:left}
.sr-pk-item:hover{border-color:#547b5e}.sr-pk-item.is-packed{background:#eef4ea}.sr-pk-item.is-sel{border-color:#3f7658;box-shadow:inset 0 0 0 2px #3f7658;background:#f0f6ee}
.sr-pk-ico{grid-area:i;width:34px;height:34px;display:block}.sr-pk-ico svg{width:100%;height:100%;image-rendering:pixelated}.sr-pk-name{grid-area:n;font-size:12px;font-weight:700;line-height:1.2}.sr-pk-kg{grid-area:k;font-size:11px;color:#55554a}.sr-pk-item em{grid-area:w;font-style:normal;font-size:10px;color:#3f6a4c;font-weight:700}
.sr-pk-place{display:flex;gap:8px;flex-wrap:wrap;min-height:44px;align-items:center}.sr-pk-place button{flex:1 1 0;min-height:44px;padding:8px 10px;border:1px solid #2d5c44;border-radius:8px;background:#3f7658;color:#fff;font:700 13px var(--sr-font)}.sr-pk-place button[disabled]{border-color:#c9bea4;background:#e6dfcd;color:#7c7a6c}.sr-pk-place button:last-child:not([disabled]){background:transparent;color:#35352d;border-color:#b9ad8d}.sr-pk-place .sr-lt-hint{margin:0;color:#5c5c4f}
.sr-packsheet .sr-lt-foot{padding:0;gap:6px}.sr-packsheet .sr-lt-go{border:1px solid #2d5c44;background:#3f7658;color:#fff;min-height:46px;border-radius:8px}.sr-packsheet .sr-lt-go.is-warn{border-color:#8a2420;background:#b5302a}.sr-packsheet .sr-lt-quiet{border:1px solid #b9ad8d;background:transparent;color:#35352d;min-height:46px;border-radius:8px}.sr-packsheet .sr-lt-sure,.sr-packsheet .sr-lt-hint{color:#27271f}
.sr-pk-skip{justify-self:start;min-height:36px;padding:4px 2px;border:0;background:none;color:#52624f;font-size:12px;text-decoration:underline}
.sr-packsheet button:focus-visible{outline:3px solid #2d6fa3;outline-offset:2px}
@media(max-width:700px){.sr-packsheet{width:calc(100% - 12px);bottom:6px;gap:6px;padding:8px 10px 10px}.sr-pk-bar strong{font-size:16px}.sr-packsheet .sr-lt-x{width:40px;height:40px}.sr-pk-items{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-pk-item{min-height:50px;padding:4px 7px}.sr-pk-ico{width:28px;height:28px}.sr-pk-mom{font-size:12px;padding:5px 8px}.sr-pk-meter b{font-size:11px}}
@media(max-height:760px) and (max-width:700px){.sr-pk-item em{display:none}.sr-pk-item{grid-template-areas:'i n' 'i k'}.sr-pk-item.is-packed .sr-pk-kg::after{content:' · packed';color:#3f6a4c;font-weight:700}}
@media(max-height:520px) and (orientation:landscape){.sr-packsheet{left:auto;right:8px;transform:none;width:min(58%,560px);bottom:6px;max-height:calc(100% - 12px)}.sr-pk-items{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.sr-packsheet{animation:none}}
.sr-scene:has(.sr-packsheet) .sr-purpose{display:none}
.sr-pk-bar strong{color:#1f1f19}
.sr-pk-bags{display:none}.sr-pk-bags svg{display:block;width:100%;height:100%}
@media(min-width:900px){.sr-packsheet{left:auto;right:clamp(16px,3vw,48px);transform:none;width:min(580px,46%);bottom:clamp(10px,2.5vh,28px)}}
@media(max-width:700px){.sr-pk-bags{display:block;height:74px;border-radius:6px;overflow:hidden;border:1px solid #c9bea4}}
@media(max-width:700px) and (max-height:700px){.sr-pk-bags{height:56px}.sr-pk-place .sr-lt-hint{display:none}}
.sr-pk-skip{min-height:44px;padding:6px 4px}
@media(max-width:700px) and (max-height:700px){.sr-pk-bags{display:none}.sr-pk-meters{gap:8px}.sr-pk-item{min-height:44px;padding:3px 6px}.sr-pk-ico{width:24px;height:24px}.sr-pk-name{font-size:11px}.sr-pk-kg{font-size:10px}.sr-pk-mom{font-size:11.5px;line-height:1.3}.sr-packsheet{gap:5px;padding:6px 8px 8px}.sr-pk-bar strong{font-size:15px}.sr-packsheet .sr-lt-x{width:40px;height:40px}.sr-pk-skip{min-height:40px;padding:2px}}
.sr-packsheet .sr-lt-sure b{color:#8a2420}
/* 8J.6C: the last evening: the hours left, and the card that opens from a thing in the room */
.sr-clock{display:flex;gap:6px;margin-top:2px}.sr-clock i{width:14px;height:14px;border:2px solid var(--sr-gold);border-radius:50%;background:transparent}.sr-clock i.on{background:var(--sr-gold)}
.sr-nightcard .sr-responses button small{display:block;margin-top:2px;color:#d3c9b2;font-size:11px}.sr-nightcard .sr-responses button[disabled]{opacity:.6}
.sr-nightcard .sr-speaker:empty{display:none}
/* 8J.6D: the road to the airport */
.sr-road .sr-art{background:linear-gradient(#4a6174 0,#4a6174 52%,#222937 52%)}
.sr-late{color:#ffb4a0!important;font-size:12px!important}
.sr-late:has(.sr-clock-pips){color:#f5efdf!important}
.sr-clock-pips{letter-spacing:2px;color:#e4bd68}
.aw-clock small{color:#f5efdf}
.aw-clock small span{letter-spacing:1px;color:#e4bd68}
@media(max-width:700px){.aw-strip.dp-strip{display:flex;flex-wrap:wrap}.dp-strip .aw-item{flex:1 1 40%}}
.sr-narration{max-width:min(520px,48vw)}.sr-narration span{font-size:14px;line-height:1.45}
.sr-roadrecap{right:clamp(16px,4vw,58px);top:clamp(72px,11vh,110px)}.sr-roadrecap small+p+small{margin-top:6px}
.sr-roadcard .sr-speaker strong{font-size:15px;line-height:1.3}.sr-road-dots{margin:2px 0 4px!important}
@media(max-width:700px){.sr-narration{max-width:calc(100% - 24px);left:12px;bottom:12px}.sr-narration span{font-size:12.5px}.sr-roadrecap{top:auto;bottom:112px;right:12px;width:calc(100% - 24px)}.sr-road .sr-dialogue{left:12px;right:12px;width:auto;bottom:12px}}
.sr-roadrecap:not(:has(.card)){display:grid;gap:3px;padding:10px 14px;border:1px solid #ead9b7;border-left:3px solid var(--sr-gold);border-radius:8px;background:#171a16ec;color:#f5efdf;box-shadow:0 12px 36px #0007;backdrop-filter:blur(10px);overflow:visible;width:min(420px,40vw)}
.sr-roadrecap small{font-size:10px;font-weight:700;letter-spacing:.1em;color:#edca7c}.sr-roadrecap p{margin:0;font-size:13.5px;line-height:1.45}
.sr-scene:has(.sr-dialogue) .sr-roadrecap{display:none}
@media(max-width:700px){.sr-roadrecap:not(:has(.card)){width:calc(100% - 24px);padding:7px 10px;gap:2px}.sr-roadrecap p{font-size:12px;line-height:1.35}.sr-roadrecap{top:auto;bottom:120px;right:12px;max-height:34vh}}
/* 8J.6E: the same scene for every stage of the trip: your papers and bags, locked things, a plain cost line */
.sr-extras{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.sr-extra{min-height:44px;padding:6px 12px;border:1px solid #ffffff40;border-radius:7px;background:#242720;color:#f3eddf;font:600 12px var(--sr-font);text-transform:none}.sr-extra:hover{border-color:var(--sr-gold)}
.sr-hotspot.is-locked{opacity:.6}.sr-hotspot.is-locked>i{border-color:#8d97aa;color:#c3bcae}
.sr-road-hint{margin:2px 0 6px!important;color:#ffe3a8;font-size:12px}
.sr-road .sr-paper{max-width:min(520px,calc(100% - 16px))}
/* 8J.6E: a Wahala/Aha result kept small inside the scene (its share buttons stay), and the arrival card on the right so the traveller and the bags stay in view */
.sr-roadrecap .card.result{max-height:44vh;overflow:auto;margin:0}.sr-roadrecap .moment .mfoot{display:none}.sr-roadrecap .moment h2{color:#1f1f19!important}.sr-roadrecap .moment .mtop{padding:4px 8px}.sr-roadrecap .moment .mbtns button{min-height:44px}
.sr-purpose .sr-extra{width:auto!important;margin:0}.sr-road .sr-hotspot>span{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.sr-extras{gap:6px;margin-top:4px}.sr-extra{min-height:44px;padding:4px 10px;font-size:11.5px}.sr-roadrecap .card.result{max-height:30vh}.sr-roadrecap .moment{font-size:12px}.sr-roadrecap .moment h2{font-size:14px!important;margin:2px 0!important}.sr-roadrecap .moment .mbtns{display:flex;gap:6px}.sr-roadrecap .moment .mbtns button{flex:1;padding:4px 8px;font-size:11px}}

/* 8J.6E: the arrival postcard: the share image itself, shown large, with Continue and Share beneath it */
.sr-pcwrap{position:absolute;z-index:9;inset:0;margin:auto;width:min(560px,calc(100% - 20px));height:fit-content;max-height:calc(100% - 12px);display:grid;gap:10px;justify-items:center}
.pc-frame{position:relative;display:grid;place-items:center;height:min(calc(100dvh - 68px - 70px - 124px), calc((100vw - 24px) * 1.25));aspect-ratio:1080/1350;max-width:100%;background:#f6f0e2;border-radius:4px;box-shadow:0 26px 80px #000d,0 0 0 3px #f6f0e2;transform:rotate(-1.2deg);transition:opacity .5s,transform .5s;overflow:hidden}
.pc-frame img{display:none;width:100%;height:100%;object-fit:contain}.pc-frame img.ready{display:block;animation:pc-settle .6s ease-out both}.pc-wait{position:absolute;color:#52624f;font:600 13px var(--sr-font)}.pc-frame:has(img.ready) .pc-wait{display:none}
@keyframes pc-settle{from{opacity:0;transform:scale(1.04) rotate(1deg)}to{opacity:1;transform:none}}
.sr-pcwrap .vbtns{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;padding:0;background:none}.sr-pcwrap .vbtns button{min-height:48px;margin:0;border-radius:8px;font:700 14px var(--sr-font);text-transform:none;letter-spacing:normal}.sr-pcwrap .vbtns .primary{border:1px solid #2d5c44;background:#3f7658;color:#fff}.sr-pcwrap .vbtns #vshare{border:1px solid #d6c8a6;background:#f6f0e2;color:#35352d}
@media(max-height:620px){.pc-frame{height:calc(100dvh - 60px - 64px - 40px)}}
@media(prefers-reduced-motion:reduce){.pc-frame img.ready{animation:none}.pc-frame{transition:none}}
.sr-pcwrap .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* 8J.6E.1: the journey summary, folded into the postcard screen */
.pc-sumbtn{min-height:44px;border:0;background:none;color:#f6f0e2;font:600 13px var(--sr-font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pc-sum{position:absolute;z-index:3;inset:0;margin:auto;height:fit-content;max-height:calc(100% - 8px);overflow:auto;width:100%;box-sizing:border-box;padding:16px;border-radius:8px;background:#f6f0e2;color:#35352d;box-shadow:0 20px 60px #000c;display:grid;gap:10px;text-align:left}
.pc-sum[hidden]{display:none}.pc-sum h2{margin:0;font:700 17px var(--sr-font)}.pc-sumlist{margin:0;padding-left:18px;font:500 14px/1.45 var(--sr-font)}.pc-sum p{margin:0;font:500 13px/1.45 var(--sr-font)}
.pc-sumroad{padding:8px 10px;border-left:3px solid #3f7658;background:#e9e2cd}.pc-sumx,.pc-sumsave{min-height:44px;border-radius:8px;border:1px solid #2d5c44;background:#3f7658;color:#fff;font:700 14px var(--sr-font);cursor:pointer}.pc-sumx{background:#f6f0e2;color:#35352d;border-color:#d6c8a6}
/* Milestone 1: the PR application desk (web/pr-desk.js) shares the Student desk's paper; these are the pieces it adds */
.sr-doc-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sr-doc.sr-doc-static{display:grid;gap:3px;margin:0 18px;padding:12px 14px;border:1px solid #d3c7a8;border-radius:6px;background:#fffaf0;color:#2a2a22}
.sr-doc.sr-doc-static small{font:700 9px/1.2 var(--sr-font);letter-spacing:.1em;color:#6a5f43}
.sr-doc.sr-doc-static span{font-size:12px;color:#55544a}
.sr-pp-row.sr-contact{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;text-align:left}
.sr-contact-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e2d9c1;border:1px solid #c9bea0;color:#3a3a30;font:700 13px/1 var(--sr-font);font-style:normal}
.sr-contact>span{display:grid;gap:2px;min-width:0}
.sr-contact b{font:700 14px/1.25 var(--sr-font)}
.sr-contact em{font:400 12px/1.35 var(--sr-font);font-style:normal;color:#5e5d52}
.sr-call .sr-pp-rows{gap:8px}
@media(max-width:700px){
  .sr-doc-grid3{grid-template-columns:1fr}
  .sr-doc-grid3 .sr-pp-row.sr-doc{display:grid;grid-template-columns:1fr;padding:9px 12px 8px;gap:1px}
  .sr-doc.sr-doc-static{margin:0 14px;padding:9px 12px}
  .sr-doc.sr-doc-static .sr-doc-big{font-size:20px}
}
.sr-call .sr-pp-row.sr-doc,.sr-call .sr-doc-risky .sr-pp-row.sr-doc{min-height:0;height:auto;align-content:start}
/* Interaction overhaul: the road-to-arrival scenes. A visible person's words are in a speech bubble pointing at them; the choices are a compact
   strip attached to the bottom of the scene, with one short line of what is told; the last result is its own step with Continue. */
.sr-road .sr-talk{position:absolute;z-index:8;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(640px,calc(100% - 24px));max-height:46%;overflow:auto;padding:10px 12px;border:1px solid #ffffff2e;border-top:3px solid var(--sr-gold);border-radius:12px;background:#151813f0;box-shadow:0 14px 40px #0008;color:#f5efdf;backdrop-filter:blur(8px)}
.sr-road .sr-talk .sr-tell{margin:0 0 8px;font-size:12.5px;line-height:1.4;color:#d8d0bd}
.sr-road .sr-talk .sr-responses{display:grid;gap:6px}
.sr-road .sr-talk .choice{display:flex;align-items:flex-start;width:100%;min-height:44px;margin:0;padding:8px 11px;border:1px solid #76715e;border-radius:8px;background:#292d25;color:#fff8e9;text-align:left;font:600 13px/1.35 var(--sr-font);cursor:pointer}
.sr-road .sr-talk .choice:hover{border-color:var(--sr-gold)}.sr-road .sr-talk .choice:focus-visible{outline:2px solid var(--sr-focus);outline-offset:2px}
.sr-road .sr-talk .choice.is-locked{opacity:.6;cursor:not-allowed}.sr-road .sr-talk .choice.is-continue{justify-content:center}
.sr-road .sr-talk .sr-choice-text{display:block}.sr-road .sr-talk .choice small{display:block;margin-top:2px;font-size:11px;font-weight:500;color:#d3c9b2}
.sr-road .sr-talk .card.result{margin:0 0 8px}.sr-road .sr-talk .sr-said{margin:0 0 8px}.sr-road .sr-talk .sr-said b{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--sr-gold)}.sr-road .sr-talk .sr-said span{display:block;font-size:13.5px;line-height:1.4}
@media(min-width:900px){.sr-road .sr-talk .sr-responses{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}
.sr-bubble{position:absolute;z-index:6;margin:0;padding:8px 11px;border-radius:12px;background:var(--sr-paper);color:var(--sr-ink);box-shadow:0 8px 22px #0007;font:600 13.5px/1.35 var(--sr-font)}
.sr-bubble small{display:block;margin-bottom:2px;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a5a12}
.sr-bubble span{display:block}.sr-bubble[hidden]{display:none}
.sr-bubble:not(.sr-bubble-docked)::after{content:'';position:absolute;left:var(--tail,24px);bottom:-8px;margin-left:-8px;border:8px solid transparent;border-top-color:var(--sr-paper);border-bottom:0}
.sr-bubble-docked{position:relative;margin:0 0 8px;box-shadow:none}
.sr-bubble-docked::before{content:'';position:absolute;left:var(--tail,22px);top:-7px;border:7px solid transparent;border-bottom-color:var(--sr-paper);border-top:0}
.sr-road .sr-talk .sr-fb-delta{margin:-2px 0 8px}.sr-road .sr-talk .sr-fb-delta ul{margin:0}
/* Back sits at the right edge of the header on every scene; in the road scenes there is no menu button before it to push it there */
.sr-header > .sr-context + .sr-exit{margin-left:auto!important}

/* the result's changes rise over the player (once, gently; still for reduced motion) */
.sr-pop{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;height:auto!important;transform:translateY(-100%);pointer-events:none;animation:sr-rise 1.4s ease-out both}
.sr-pop span{padding:3px 7px;border-radius:6px;background:#111410e6;font:700 11px/1.2 var(--sr-font);white-space:nowrap}
.sr-pop .up{color:#7ee2a3}.sr-pop .down{color:#ff8f7a}
@keyframes sr-rise{from{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:translateY(-100%)}}
@media(prefers-reduced-motion:reduce){.sr-pop{animation:none}}

/* Mobile composition (road to arrival): the picture first, the objective a compact chip over its sky, the strip directly under it */
.sr-road .sr-checks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.sr-road .sr-checks small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d3c9b2}
.sr-road .sr-checks .sr-extra{display:inline-flex;align-items:center;gap:6px;width:auto;min-height:44px;margin:0;padding:6px 12px;border:1px solid #76715e;border-radius:999px;background:#242720;color:#f3eddf;font:600 12px var(--sr-font);cursor:pointer}
.sr-road .sr-checks .sr-extra i{font-style:normal;opacity:.85}
@media(max-width:700px){
  .sr-road .sr-purpose{top:8px;left:8px;max-width:min(62vw,250px);padding:7px 10px;gap:1px;opacity:.95}
  .sr-road .sr-purpose small{display:none}
  .sr-road .sr-purpose span{font-size:12.5px;line-height:1.3}
  .sr-road .sr-purpose .sr-late{font-size:11px}
  .sr-road .sr-talk{left:50%;width:calc(100% - 16px);padding:8px 10px;border-radius:10px}
  .sr-road .sr-talk .sr-tell{margin:0 0 6px;font-size:12px;line-height:1.35}
  .sr-road .sr-talk .choice{min-height:44px;padding:6px 10px;font-size:12.5px}
  .sr-road .sr-talk .sr-responses{gap:5px}
  .sr-road .sr-talk .choice small{margin-top:1px;font-size:10.5px}
  .sr-road .sr-bubble{padding:6px 9px;font-size:12.5px}
  .sr-road .sr-bubble-docked{margin:0 0 6px}
}
@media(max-width:700px) and (min-height:760px){
  .sr-road .sr-talk{padding:10px 12px}.sr-road .sr-talk .sr-tell{font-size:13.5px}.sr-road .sr-talk .choice{min-height:52px;font-size:14px;padding:8px 12px}.sr-road .sr-talk .choice small{font-size:11.5px}
  .sr-road .sr-bubble{font-size:14px;padding:8px 11px}.sr-road .sr-purpose span{font-size:13.5px}
}
@media(max-width:380px){.sr-road .sr-purpose{max-width:calc(100% - 16px)}.sr-road .sr-purpose .sr-late{display:inline}}
@media(min-width:381px) and (max-width:700px){.sr-road .sr-purpose{max-width:min(54vw,240px)}}
.sr-road .sr-talk.is-compact .sr-tell{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr-road .sr-talk.is-compact{padding:7px 9px}.sr-road .sr-talk.is-compact .choice{min-height:44px;padding:5px 9px}.sr-road .sr-talk.is-compact .sr-bubble-docked{margin-bottom:5px}.sr-road .sr-talk.is-compact .sr-checks{margin-top:6px}
/* the active target names itself for the first moments of a scene, then goes quiet so it never covers the caption (touch screens keep it) */
@keyframes sr-label-intro{0%,75%{opacity:1}100%{opacity:0}}
.sr-hotspot.is-task:not(:focus-visible):not(.is-selected)>span{animation:sr-label-intro 8s ease-out}
.sr-recap .result.compact .reveal>p:first-child{display:block;-webkit-line-clamp:unset;overflow:visible}
/* the Application Week's strip: evening, hours, funds, readiness and Mom (web/change-strip.js) */
.aw-strip{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:6px clamp(12px,3vw,44px);background:#171a16;color:#f5efdf;border-bottom:1px solid #ffffff22;font:12px/1.3 var(--sr-font)}
.aw-strip b{font-weight:700}.aw-strip small{color:#d8d0bd;font-size:12px}.aw-item{display:inline-flex;align-items:center;gap:6px}
.aw-funds{position:relative;display:inline-block;width:96px;height:10px;border:1px solid #ffffff55;border-radius:6px;background:#0f110e;overflow:hidden}.aw-bal,.aw-back{position:absolute;top:0;bottom:0}.aw-bal{left:0;background:var(--sr-gold)}.aw-back{background:#7fb99a;left:0;margin-left:0}.aw-req{position:absolute;top:-1px;bottom:-1px;width:2px;background:#fff}
@media(max-width:700px){.aw-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-template-areas:'evening funds' 'ready mom';gap:4px 10px;padding:6px 12px}.aw-strip>.aw-item:nth-child(1){grid-area:evening}.aw-strip>.aw-item:nth-child(2){grid-area:funds}.aw-strip>.aw-item:nth-child(3){grid-area:ready}.aw-strip>.aw-item:nth-child(4){grid-area:mom}.aw-item{min-width:0;flex-wrap:wrap;gap:2px 6px}.aw-funds{width:72px}.aw-funds-item small{flex-basis:100%;font-size:10px!important;line-height:1.15}}
/* the Application Week: evening light over the room, the Tonight button and the Tonight tray */
.sr-light{position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(16,12,52,calc(var(--tint,0)*.5));mix-blend-mode:multiply;transition:background .6s}
@media(prefers-reduced-motion:reduce){.sr-light{transition:none}}
.sr-scene:has(.sr-ov, .sr-decision) .sr-scene:has(.sr-dialogue) .aw-act em{display:block;margin-top:2px;font-style:normal;font-size:12px;color:#d8d0bd}
/* the desk: papers beside what the office wants */
.aw-desk{display:flex;flex-direction:column;gap:10px;width:min(860px,94%);max-height:calc(100% - 28px);overflow:auto;padding:16px 18px;text-align:left}
.aw-desk-head{display:flex;align-items:center;gap:12px}.aw-desk-head h2{margin:0;font:700 22px var(--sr-font)}.aw-desk-head small{color:#5c5c52;font-size:13px}.aw-desk-head .sr-lt-x{margin-left:auto}
.aw-lead{margin:0;color:#4a4a40;font-size:13px}
.aw-desk-grid{display:grid;grid-template-columns:minmax(180px,250px) 1fr;gap:12px;align-items:start}
.aw-needs,.aw-doc{padding:11px 13px;border:1px solid #d0c4aa;border-radius:9px;background:#fffdf7;color:#292921}.aw-needs{background:#f0ead8;border-style:dashed}
.aw-needs h3,.aw-doc h3{margin:0 0 6px;font:700 13px var(--sr-font);letter-spacing:.04em;text-transform:uppercase;color:#4f7052}
.aw-docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.aw-doc.is-found{border-color:#c07a1c;box-shadow:0 0 0 2px #e4bd6866}.aw-found{margin:0 0 6px;font:600 12px var(--sr-font);color:#8a5a0e}
.aw-desk dl{margin:0;display:grid;gap:4px}.aw-row{display:flex;justify-content:space-between;gap:10px;font:13px/1.35 var(--sr-font)}.aw-row dt{color:#5c5c52}.aw-row dd{margin:0;font-weight:600;text-align:right}
.aw-desk .aw-act{margin-top:10px;background:#f5f0e4;color:#292921;border-color:#b9ad92}.aw-desk .aw-act:hover{background:#e9e1cf}.aw-desk .aw-act small{color:#5c5c52}.aw-desk-foot{display:flex;justify-content:flex-end}.aw-desk-foot .aw-act{width:auto}
@media(max-width:700px){.aw-desk-grid{grid-template-columns:1fr}.aw-desk{padding:12px 12px;width:calc(100% - 16px)}}

/* object menus (web/object-menu.js): tap a thing in the room and what you can do there opens at it */
.aw-menu{z-index:9;pointer-events:auto;display:grid;gap:6px;min-width:210px;max-width:min(300px,86vw);padding:10px 11px;border:1px solid #ead9b7;border-top:3px solid var(--sr-gold);border-radius:10px;background:#171a16f5;color:#f5efdf;box-shadow:0 14px 38px #000b;font:13px/1.35 var(--sr-font);animation:sr-arrive .14s ease-out both}
.aw-menu--above{transform:translateY(calc(-100% - 8px))}.aw-menu--below{transform:translateY(8px)}
.aw-menu h3{margin:0;font:700 11px var(--sr-font);letter-spacing:.09em;text-transform:uppercase;color:#edca7c}.aw-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.aw-menu-x{position:absolute;top:4px;right:4px;width:34px!important;min-height:34px!important;padding:0!important;border:0!important;background:transparent!important;color:#d8d0bd!important;font:20px/1 var(--sr-font)!important;text-transform:none!important}
.aw-act{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;min-height:44px;padding:8px 11px;border:1px solid #76715e;border-radius:7px;background:#292d25;color:#fff8e9;text-align:left;font:13px/1.3 var(--sr-font);text-transform:none}.aw-act:hover,.aw-act:focus-visible{border-color:var(--sr-gold);background:#373b30}.aw-act small{color:#e4bd68;white-space:nowrap;font-weight:700}
.sr-hotspot.is-open>i{border-color:#e4bd68aa;box-shadow:0 0 0 3px #e4bd6826}.sr-hotspot.is-open{opacity:1}
.aw-want-pop{z-index:5;transform:translateY(-100%);pointer-events:none}.aw-want{display:grid;gap:1px;max-width:190px;padding:7px 10px;border:1px solid #ead9b7;border-radius:12px 12px 12px 3px;background:#f5f0e4;color:#27271f;font:12px/1.3 var(--sr-font);box-shadow:0 8px 22px #0008}.aw-want small{color:#7a5a1a;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.aw-want b{font-weight:600}
.sr-scene:has(.sr-ov, .sr-decision) .aw-menu,.sr-scene:has(.sr-ov, .sr-decision) .aw-want-pop{display:none}
.aw-act>span{display:block;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit;font:inherit;opacity:1!important;position:static!important;transform:none!important;max-width:none!important;white-space:normal!important}
/* the choice card (web/choice-card.js) */
.aw-card{display:flex;flex-direction:column;gap:11px;width:min(780px,94%);max-height:calc(100% - 24px);overflow:auto;padding:16px 18px;text-align:left}
.aw-card-head{display:flex;align-items:flex-start;gap:12px}.aw-card-head>div{flex:1;min-width:0}.aw-card-head small{display:block;font:700 11px var(--sr-font);letter-spacing:.09em;text-transform:uppercase;color:#4f7052}.aw-card-head h2{margin:2px 0 0;font:700 clamp(19px,2.2vw,25px)/1.2 var(--sr-font)}
.aw-hours{flex:none;padding:4px 9px;border:1px solid #b9ad92;border-radius:999px;background:#f0ead8;color:#4a4a40;font:700 12px var(--sr-font)}
.aw-card-text{margin:0;color:#3a3a32;font:14px/1.5 var(--sr-font)}
.aw-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.aw-opt{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:96px;padding:12px 13px;border:2px solid #d0c4aa;border-radius:11px;background:#fffdf7;color:#292921;text-align:left;font:14px/1.35 var(--sr-font);text-transform:none;box-shadow:0 2px 0 #d9d0be;transition:transform .12s,border-color .12s,background .12s}
.aw-opt b{font:700 15px/1.25 var(--sr-font)}.aw-opt:hover{background:#f7fbf4}.aw-opt:focus:not(:focus-visible){outline:none}.aw-opt:focus-visible{outline:3px solid var(--sr-focus);outline-offset:2px}
.aw-opt.is-picked{border-color:#2f7d4f;background:#eaf5ec;transform:translateY(-2px);box-shadow:0 6px 0 #b8d3bd}.aw-opt.is-locked{opacity:.55;cursor:not-allowed}.aw-opt em{font-style:normal;font-size:12px;color:#8a5a0e}
.aw-opt .sr-known-change{display:block;color:#4a4a40;font-size:12px}
.aw-dots{display:flex;gap:5px}.aw-dots .tdots{display:flex;gap:5px}.aw-dots .tdot{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid #b9ad92;border-radius:50%;background:#f0ead8}.aw-dots .tdot.big{width:32px;height:32px;border-color:#7a5a1a;box-shadow:0 0 0 2px #e4bd6877}.aw-dots .tdot svg{width:16px;height:16px}.aw-dots .tdot i{display:none}
.aw-card-foot{display:flex;justify-content:flex-end;gap:10px}
.aw-do{min-height:48px;padding:10px 22px;border:0;border-radius:9px;background:#2f7d4f;color:#fff;font:700 15px var(--sr-font);text-transform:none;box-shadow:0 3px 0 #1f5736}.aw-do[disabled]{background:#c9c1ae;color:#6a6454;box-shadow:none}.aw-do:not([disabled]):hover{background:#37915b}
.aw-seal{position:relative;overflow:hidden;display:grid;gap:1px;min-width:230px;min-height:58px;padding:9px 20px;border:2px solid #7a1f1f;border-radius:9px;background:#fff3ef;color:#7a1f1f;font:700 15px var(--sr-font);text-transform:uppercase;letter-spacing:.06em;touch-action:none;user-select:none}
.aw-seal small{font:500 11px var(--sr-font);text-transform:none;letter-spacing:0;color:#8a4a4a}.aw-seal span,.aw-seal small{position:relative;z-index:1}
.aw-seal-fill{position:absolute;inset:0;width:0;background:#e9b9b0;transition:width .8s linear}.aw-seal.is-holding .aw-seal-fill{width:100%}.aw-seal.is-nudged .aw-seal-fill{width:18%;transition:width .12s ease-out}
.aw-first{margin:0;background:#f5f0e4;color:#292921;border-color:#b9ad92}
@media(prefers-reduced-motion:reduce){.aw-opt,.aw-seal-fill{transition:none}}
@media(max-width:700px){.aw-card{padding:12px 12px;width:calc(100% - 16px)}.aw-options{grid-template-columns:1fr}.aw-opt{min-height:70px}.aw-seal{width:100%}}
.sr-action-menu{max-height:min(68vh,460px);overflow-y:auto}
.aw-want-pop{width:max-content;max-width:min(210px,60vw)}
.aw-row{display:block}.aw-detail{display:flex;justify-content:space-between;gap:10px;width:100%;margin:0;padding:3px 6px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;font:inherit;text-transform:none;cursor:pointer}.aw-detail dt,.aw-detail dd{pointer-events:none}.aw-detail:hover{background:#00000010}.aw-detail:focus-visible{outline:3px solid var(--sr-focus);outline-offset:1px}
.aw-row.is-circled .aw-detail{box-shadow:0 0 0 2px #c0392b inset;border-radius:999px;padding:3px 12px;background:#fff1ee}
.aw-rows{display:grid;gap:4px}.aw-k{color:#5c5c52}.aw-v{font-weight:600;text-align:right}.aw-detail .aw-k,.aw-detail .aw-v{pointer-events:none}
.aw-legend{margin:0;color:#5a5a4e;font:12px/1.4 var(--sr-font)}
@media(max-width:700px){.aw-mom-pips{display:none}}
.sr-scene:has(.sr-recap, .sr-said) .aw-want-pop{display:none}
.sr-scene:has(.sr-recap) .sr-caption{display:none}
.sr-scene>.sr-recap:not(.sr-momsays){top:auto;right:auto;bottom:clamp(14px,6vh,48px);left:12px;width:min(320px,calc(100% - 24px));max-height:28vh}
@media(max-width:700px){.sr-scene>.sr-recap:not(.sr-momsays){bottom:12px;max-height:24vh}}
.aw-first:hover,.aw-first:focus-visible{background:#e9e1cf;color:#292921}
.sr-pk-bar>div{display:grid;gap:1px}.sr-pk-kicker{font:700 11px var(--sr-font);letter-spacing:.09em;text-transform:uppercase;color:#4f7052}
.sr-packsheet .aw-seal{width:100%;min-width:0}
.aw-card .aw-opt:not(.is-picked):hover{border-color:#d0c4aa}
body.life-skin:not(:has(.game-shell)) main:has(.scene-runtime){padding:0}
.sr-saves{max-width:920px;margin:2px auto 0;font-size:10px;line-height:1.2;text-align:right;color:#f5efdf99}

/* The first rooms on a phone, lighter: the week's line shows an amount and not a sentence, the one instruction sits under the room (so the
   "tonight" card steps aside), the keyboard hint goes, "saves as you go" is spoken but not shown, and nothing is set under 11px. */
.sr-saves{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:700px){
  .sr-access{display:none}
  .aw-note{display:none}
  .aw-funds-item{flex-wrap:nowrap;white-space:nowrap}
  .aw-funds-item small{flex-basis:auto;font-size:12px!important;line-height:1.3}
  .scene-runtime[data-aw] .sr-scene:has(.sr-caption) .sr-purpose{display:none}
  .sr-context span{font-size:11px}
  .sr-menu-trigger{font-size:11px!important;white-space:nowrap;padding:8px 9px!important;flex:none!important}
  .sr-menu-trigger span{margin-left:5px}
  .sr-exit{font-size:12px!important}
  .sr-status{padding-block:3px}
  .sr-status-value span{font-size:11px}
  .sr-status-more summary{min-height:34px;font-size:12px}
  .sr-purpose small{font-size:11px}
  .scene-runtime .sr-hotspot>span,.scene-runtime .sr-person>span{font-size:11px}
  .aw-want small{font-size:11px}
  /* the scene sets a width on every mapped item (about 55px here), which squeezed Mom's bubble into five lines: let it be as wide as its words, centred over her */
  .aw-want-pop{width:max-content!important;max-width:170px;transform:translate(-40%,-100%)}
}
/* Labels on a touch screen: the thing to do and anything with work in it keep their name; the rest show it when touched, so labels no longer pile
   up on each other or under Mom's bubble. Every dot still has its name for screen readers (aria-label). */
@media(max-width:700px),(hover:none),(pointer:coarse){
  .scene-runtime .sr-hotspot:not(.is-task):not(.is-open):not(.is-selected):not(:hover):not(:focus-visible)>span{opacity:0}
}