:root{font-family:Georgia,serif;color:#263d48;background:#f5eedd;font-synthesis:none;--ink:#263d48;--paper:#fffaf0;--sage:#567463;--accent:#b84c31}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{min-height:44px;border:1px solid #b6b5a2;border-radius:12px;background:#fffaf0;color:var(--ink);padding:10px 16px;cursor:pointer}button:hover{background:#ecebd9}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #174f72;outline-offset:4px}.primary{background:#355f51;color:white;border-color:#355f51}.primary:hover{background:#26493d}.secondary{background:transparent}header{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;gap:16px}.brand{font-size:29px;font-weight:bold;letter-spacing:-1px}.eyebrow{font:12px system-ui;letter-spacing:2px;text-transform:uppercase;color:#536657}.episode-title{margin:4px 0;font-size:17px;font-weight:normal}.tools,.row{display:flex;gap:8px;flex-wrap:wrap}.layout{max-width:1500px;margin:auto;padding:0 28px 28px;display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:22px}.layout.parent-hidden{grid-template-columns:1fr}.child{min-width:0}.parent{background:#eeefdf;border:1px solid #d5d7c4;border-radius:18px;padding:22px;align-self:start;line-height:1.6}.parent h2{font-size:21px;margin:3px 0 16px}.parent h3{font-size:18px}.parent p{font:16px/1.65 system-ui}.parent label{display:flex;gap:10px;align-items:center;margin:14px 0;font:15px system-ui}.parent input{width:20px;height:20px}.parent .meta{font:12px/1.5 system-ui;color:#4e6057}.scene-card{overflow:hidden;border-radius:22px;border:1px solid #d8cdb5;box-shadow:0 12px 35px #59442412;background:#fffaf0}.viewport{position:relative;width:100%;overflow:auto;scrollbar-width:none}.viewport::-webkit-scrollbar{display:none}.world{position:relative;width:100%;aspect-ratio:1672/941;background:url('../public/art/town-square-master.webp') center/100% 100%;overflow:hidden;isolation:isolate;touch-action:pan-x}.world button{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;width:44px;padding:0;background:#fdf9e9df;border:2px solid #567463;box-shadow:0 2px 6px #0003;border-radius:50%;font:21px system-ui;z-index:6}.world .spot:hover{background:#fff}.actor{position:absolute;transform:translate(-50%,-100%);width:70px;height:137px;pointer-events:none;z-index:3}.actor svg,.actor img{height:100%;width:100%;object-fit:contain}.actor.companion{width:62px;height:122px}.actor.steward{width:78px;height:158px}.milo-label{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);background:#fdf9e9ef;border-radius:10px;padding:2px 9px;font:12px system-ui;color:#344653}.marker-world-label{position:absolute;left:90.9%;top:49.8%;transform:rotate(1deg);font:bold 8px system-ui;line-height:1.1;background:#fff0;color:#263d48;z-index:7;text-align:center}.scene-heading{padding:18px 22px 10px}.scene-heading h1{font-size:25px;margin:4px 0}.scene-heading p{margin:5px 0;font:16px/1.5 system-ui}.navigation{padding:12px 18px;border-top:1px solid #e4dbc7;display:flex;gap:8px;flex-wrap:wrap}.action-dock{padding:0 18px 16px;display:flex;gap:10px;flex-wrap:wrap}.caption{display:grid;grid-template-columns:56px 1fr;gap:15px;background:#fffaf0;border:1px solid #d8cdb5;border-radius:18px;padding:18px;margin-top:14px;min-height:150px}.caption .speaker{font:12px system-ui;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.caption .text{font-size:24px;line-height:1.35;margin:0 0 15px}.portrait{height:95px;width:52px}.portrait svg,.portrait img{width:100%;height:100%;object-fit:contain}.caption-actions{display:flex;gap:8px;flex-wrap:wrap}.reread-status{margin:10px 0 0;font:14px/1.5 system-ui;color:#355f51}.map-card{padding:18px 24px;background:#f2e5c9}.map-art{display:block;max-width:760px;width:100%;margin:0 auto}.map-art .line{stroke:#5f6c64;stroke-width:5;fill:none;stroke-linecap:round;opacity:.75}.map-art .feature{stroke:#344653;fill:#e7ecd2;stroke-width:3}.map-art .holes{fill:#614c32;stroke:#d1b27c;stroke-width:5}.map-art text{font:17px system-ui;fill:#344653}.evidence-actions,.choices{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.evidence-actions button{flex:1;min-width:130px}.evidence-actions [aria-pressed=true]{border:2px solid #355f51;background:#e8eddd}.choices button{flex:1;min-width:180px;text-align:left}.board-close{height:250px;background:url('../public/art/noticeboard-reference.webp') no-repeat 92% 30% / 190% auto;border-radius:12px}.plate-close{width:240px;height:300px;position:relative;background:url('../public/art/marker-reference.webp') no-repeat 1% 50% / 205% auto;margin:5px auto;touch-action:none}.plate-close.clean{background-position:99% 50%}.plate-text{position:absolute;left:27%;top:37%;width:47%;font:bold 17px system-ui;text-align:center;color:#263d48;line-height:1.9}.plate-text .arrow{font-size:35px}.close-panel{padding:20px;background:#f4eddd}.close-panel h2{margin:0 0 12px}.chronicle{padding:25px;background:#f5eddb}.chronicle h2{font-size:32px;margin-top:0}.chronicle-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chronicle li{font:17px/1.6 system-ui;margin:10px 0}.memory-pair{display:flex;justify-content:center;gap:5px}.memory-pair .plate-close{width:170px;height:220px;margin:0}.memory-pair .plate-text{font-size:11px}.memory-pair .arrow{font-size:25px}.footer{font:13px system-ui;color:#52615b;padding:16px 0}.badge{font:12px system-ui;background:#e1e9d6;padding:5px 10px;border-radius:30px}.map-inset{padding:14px;border-top:1px solid #d8cdb5;background:#f3ecd9}.map-inset .map-art{max-width:400px}.restart-tools{border-top:1px solid #d5d7c4;margin-top:18px;padding-top:10px}.restart-tools .meta{margin:5px 0 12px}.danger{background:#8a372a;color:#fff;border-color:#8a372a}.danger:hover{background:#67281f}.reset-overlay{z-index:30}
.overlay{position:fixed;inset:0;background:#263d4877;z-index:20;display:grid;place-items:center;padding:20px}.dialog{background:#fffaf0;max-width:650px;width:100%;padding:28px;border-radius:22px;max-height:90vh;overflow:auto}.dialog p{font:22px/1.5 Georgia}.mobile-only{display:none}.parent-cue-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a14728;margin-left:5px}.notice{font:14px/1.5 system-ui;background:#eee9d9;padding:12px;border-radius:12px}.pause{font:18px Georgia}footer{max-width:1500px;margin:auto;padding:0 28px 22px;font:13px system-ui;color:#52615b}.motion-off *{animation:none!important;transition:none!important}@media(max-width:760px){header{padding:14px 16px}.brand{font-size:24px}.episode-title{font-size:13px}.eyebrow{font-size:10px}.layout{display:block;padding:0 12px 16px}.parent{display:none}.parent.mobile-open{display:block}.child.mobile-hidden{display:none}.mobile-only{display:inline-flex}.desktop-only{display:none}.world{width:760px}.viewport{height:360px}.actor{height:117px;width:61px}.actor.companion{height:110px;width:57px}.actor.steward{height:144px;width:72px}.scene-heading{padding:14px 16px 8px}.scene-heading h1{font-size:22px}.caption{grid-template-columns:40px 1fr;padding:14px;gap:10px}.portrait{width:40px;height:75px}.caption .text{font-size:21px}.caption-actions button{font-size:14px;padding:9px 12px}.chronicle-columns{grid-template-columns:1fr}.chronicle{padding:18px}.tools button{padding:8px 10px;font-size:14px}.navigation button{flex:1;min-width:110px;font-size:14px}.evidence-actions button{min-width:80px;font-size:14px;padding:9px}.choices{flex-direction:column}.choices button{width:100%}.map-card{padding:14px}.marker-world-label{font-size:7px}.footer,footer{font-size:12px}.action-dock button{flex:1}.dialog{padding:22px}.dialog p{font-size:21px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

#plate-swipe{touch-action:none}