:root{color-scheme:dark;--bg:#130f14;--fg:#eee8da;--dim:#b4aeb3;--line:#ffffff25;--accent:#d5b17a;font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{height:78px;margin:0 4%;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{font-weight:bold;letter-spacing:2px;color:var(--fg);text-decoration:none;font-size:20px}.brand span{color:var(--accent)}.header-note{color:var(--dim);letter-spacing:2px;font-size:12px;margin-left:auto}.quiet{background:transparent;border:1px solid var(--line);color:var(--fg);padding:12px 16px;min-height:44px}.quiet:hover{border-color:var(--accent)}#count{color:var(--accent)}main{max-width:1500px;margin:auto;padding:32px 4%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:normal}h1{font-size:clamp(48px,6.5vw,86px);line-height:1.04;letter-spacing:-2px;margin-bottom:28px}h2{font-size:clamp(30px,3vw,43px);line-height:1.15;margin-bottom:20px}h3{font-size:25px}p{line-height:1.65}.eyebrow{color:var(--accent);letter-spacing:2.3px;font-size:12px;margin-bottom:20px}.muted{color:var(--dim)}.intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;align-items:center;min-height:640px}.intro-copy{max-width:490px}.intro .art{aspect-ratio:1;min-height:0}.intro .lede{font-size:18px;color:var(--dim)}.primary{background:var(--accent);color:#211a1a;border:1px solid var(--accent);padding:16px 23px;min-height:48px;font-weight:bold}.primary:hover{background:#eed2a0}.intro-note{font:italic 20px/1.6 'Cormorant Garamond',Georgia,serif;border-left:1px solid var(--accent);padding-left:20px;margin:24px 0}.meta{color:var(--dim);font-size:13px;margin:22px 0;display:flex;gap:25px}.game{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:32px;align-items:start}.room-side{min-width:0}.art{position:relative;aspect-ratio:1;background-image:url('assets/scenes-red.webp');background-size:300% 100%;background-position:left center;isolation:isolate;overflow:hidden}.art.blue{background-position:center}.art.white{background-position:right}.art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100c13c9,transparent 35%,transparent 85%,#100c1333);pointer-events:none;z-index:-1}.art.white:after{background:linear-gradient(0deg,#100c13bd,transparent 35%)}.scene-label{position:absolute;left:24px;top:23px;font-size:12px;letter-spacing:2px;color:#f5eee0;text-shadow:0 1px 5px #000}.scene-line{position:absolute;bottom:22px;left:24px;right:24px;color:#eee8da;font:italic 18px/1.5 'Cormorant Garamond',Georgia,serif}.hotspot{position:absolute;border:1px solid #f2d4a978;background:#110c12d9;color:#f1e9da;border-radius:2px;padding:11px 13px;min-height:44px;backdrop-filter:blur(8px);font-size:14px;display:flex;gap:8px;align-items:center}.hotspot:before{content:'+';color:var(--accent);font-size:20px;line-height:1}.hotspot:hover,.hotspot.active{background:#4d2933;border-color:#f2d4a9}.spot-mirror{left:4%;top:45%}.spot-door{left:42%;top:37%}.spot-table{right:3%;top:65%}.spot-clock{right:4%;top:18%}.scene-bar{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px;align-items:center}.scene-bar h2{font-size:25px;margin:0}.role{font-size:11px;letter-spacing:2px;color:var(--accent);text-align:right}.inventory{border:1px solid var(--line);border-top:0;display:flex;gap:16px;align-items:center;padding:18px 20px;min-height:83px}.inventory .item-title{font:20px 'Cormorant Garamond',Georgia,serif;display:block;margin:4px 0}.inventory .small{font-size:12px;color:var(--dim)}.item-icon{border:1px solid var(--accent);width:44px;height:44px;display:grid;place-items:center;color:var(--accent);font:24px 'Cormorant Garamond',Georgia,serif}.panel{padding:18px 0}.panel .eyebrow{margin-bottom:12px}.panel h2{font-size:34px}.objective{font-size:14px;border-left:2px solid var(--accent);padding-left:14px;color:#cbc1c5;margin-bottom:25px}.panel-copy{color:#d0c7ca;font-size:17px}.controls{display:grid;gap:9px;margin:22px 0}.choice{text-align:left;color:var(--fg);background:#ffffff05;border:1px solid var(--line);padding:16px 17px;line-height:1.5;min-height:48px}.choice:hover{border-color:var(--accent);background:#ffffff0a}.feedback{padding:16px;background:#282029;border-left:2px solid var(--accent);color:#e2d5ce;font-size:15px;line-height:1.6;margin:20px 0}.echoes{display:flex;gap:8px;margin:20px 0}.echo{border:1px solid var(--line);padding:13px 9px;flex:1;text-align:center;color:#a398a0;font-size:13px}.echo.found{border-color:var(--accent);color:var(--accent)}.echo strong{display:block;font:22px 'Cormorant Garamond',Georgia,serif;margin-bottom:6px}.back-link{background:transparent;color:var(--dim);border:0;border-bottom:1px solid var(--line);padding:12px 0;min-height:44px;font-size:14px}.hint{border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.hint p{font-size:14px;color:var(--dim)}#journal{position:fixed;z-index:20;right:0;top:0;bottom:0;width:min(460px,100%);background:#211b22;box-shadow:-30px 0 100px #0009;border-left:1px solid var(--line);padding:28px;overflow:auto}.journal-head{display:flex;align-items:center;gap:20px;justify-content:space-between}.journal-head h2{font-size:28px;margin:0}.journal-head+p{margin-top:20px}.note{border-top:1px solid var(--line);padding:17px 0;line-height:1.65;font-size:15px}.note span{display:block;color:var(--accent);font-size:12px;letter-spacing:2px;margin-bottom:5px}.ending{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.ending .art{aspect-ratio:1}.ending-copy{max-width:550px}.ending blockquote{font:italic 25px/1.5 'Cormorant Garamond',Georgia,serif;margin:20px 0 30px}.seal{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.seal img{width:70px;height:70px}.seal p{margin:0;color:var(--dim);font-size:13px}details{border-top:1px solid var(--line);padding-top:20px;margin-top:30px}summary{cursor:pointer;line-height:1.5}details p{font-size:15px;color:var(--dim)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:900px){.game{grid-template-columns:1fr;gap:12px}.art{max-height:none}.panel{padding-top:15px}.intro,.ending{grid-template-columns:1fr;gap:30px;min-height:0}.intro .art{order:-1;aspect-ratio:1.3;max-height:420px;background-size:300% 100%}.header-note{display:none}header{gap:10px;justify-content:space-between}.quiet{font-size:13px;padding:10px}.brand{font-size:17px}.intro-copy{max-width:none}.scene-bar h2{font-size:22px}.hotspot{font-size:13px;padding:9px}.ending .art{max-height:460px}.panel h2{font-size:30px}}@media(max-width:400px){main{padding-top:22px}.hotspot{font-size:12px;padding:8px}.spot-door{left:40%;top:30%}.spot-table{top:64%}.scene-line{font-size:16px;left:16px;bottom:14px}.scene-label{left:16px;top:16px}.meta{gap:12px;flex-wrap:wrap}.scene-bar{align-items:start}.role{max-width:90px;line-height:1.5}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Scene-first interface: one local action at a time. */
body{padding-bottom:86px}.game{max-width:1180px;margin:auto;grid-template-columns:minmax(0,1.5fr) minmax(260px,.85fr);gap:38px;align-items:center}.room-side .art{width:min(100%,calc(100svh - 210px));margin:auto}.panel{padding:0;align-self:center}.panel-copy{font:22px/1.5 'Cormorant Garamond',Georgia,serif;min-height:70px}.panel .controls{margin:18px 0;gap:8px}.panel .controls:empty{display:none}.panel .eyebrow{font-size:12px}.scene-instruction{font-size:14px;color:var(--dim)}.scene-line{display:none}.hotspot{border-radius:20px;padding:7px 12px;background:#130f14ab}.hotspot:before{font-size:15px}.bottom-dock{position:fixed;z-index:12;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 4% max(12px,env(safe-area-inset-bottom));background:#1b151deF;border-top:1px solid var(--line);backdrop-filter:blur(14px)}.dock-item{border:0;background:transparent;color:var(--fg);text-align:left;min-height:44px;padding:0}.dock-item span{display:block;font-size:10px;letter-spacing:2px;color:var(--dim);margin-bottom:5px}.dock-item b{font:17px 'Cormorant Garamond',Georgia,serif}.recall{margin-top:8px;padding-top:14px}.recall summary{font-size:14px;color:var(--dim)}.compact-options{grid-template-columns:repeat(3,1fr)}.compact-options .choice{text-align:center;padding:12px 8px}#journal{top:auto;bottom:82px;width:min(520px,100%);max-height:70svh;border-top:1px solid var(--line);box-shadow:0 -15px 70px #0008}.header-note{margin-left:auto}@media(max-width:900px){header{height:60px}.game{grid-template-columns:1fr;gap:20px}.room-side .art{width:min(100%,48svh);min-width:240px}.scene-bar{margin-bottom:10px}.scene-bar h2{font-size:21px}.panel{padding:0 2px}.panel-copy{font-size:19px;min-height:0;margin-bottom:12px}.panel .eyebrow{margin-bottom:9px}.panel .controls{margin-top:12px}.bottom-dock{padding-left:4%;padding-right:4%}.bottom-dock .quiet{font-size:12px}.dock-item b{font-size:15px}.intro .art{aspect-ratio:1}.hotspot{font-size:12px}.recall{margin-top:5px}main{padding-top:18px}}@media(max-width:360px){.bottom-dock{gap:8px}.bottom-dock .quiet{max-width:145px}.dock-item{max-width:140px}.room-side .art{min-width:0;width:100%}}

/* All room objects and their changes are photographed into the state atlases. */
.art.photographic-scene{background-size:400% 200%;aspect-ratio:1}
.art.photographic-scene:after{display:none}
.spot-clock{top:9%;right:2%}
.gate-target{position:absolute;left:5%;top:30%;min-height:44px;background:#141018c9;color:#ffe3b8;border:1px solid #c6b181;z-index:4}
.reflection-slots{display:flex;gap:8px}.slot{flex:1;background:transparent;border:1px solid #716f64;min-height:65px;color:#cfbf8f;padding:8px 4px}.item-word{font:15px 'Cormorant Garamond',Georgia,serif}
.clock-editor{display:flex;gap:20px;align-items:center}.clock-editor>div{width:100%}.clock-editor label{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:8px 0;font-size:14px}.clock-editor select{font:18px 'Cormorant Garamond',Georgia,serif;min-width:80px;min-height:44px;color:var(--fg);background:#211d24;border:1px solid var(--line);padding:7px}
.evidence{width:100%;aspect-ratio:1;background-image:url('assets/evidence.webp');background-size:300% 100%;margin:8px 0;background-repeat:no-repeat}.evidence-time{background-position:0 0}.evidence-photo{background-position:50% 0}.evidence-letter{background-position:100% 0}.signal-record{font:22px 'Cormorant Garamond',Georgia,serif;letter-spacing:3px;color:var(--accent);grid-column:1/-1;margin:8px 0}
.compact-options{grid-template-columns:1fr 1fr}
@media(max-width:900px){.evidence{max-width:360px;margin:8px auto}.gate-target{font-size:12px}.item-word{font-size:13px}}

.photographic-scene .spot-mirror{top:80%;left:4%}

.photographic-scene .spot-clock{top:0;right:2%;transform:translateY(-5%);background:#130f14e8} .clock-direction{display:flex;gap:8px}.clock-direction button{flex:1;text-align:center}body[data-screen="end"],body[data-screen="threshold"],body[data-screen="intro"]{padding-bottom:0} @media(max-width:450px){.bottom-dock{gap:6px}.dock-item{max-width:120px}.dock-item b{font-size:12px}.bottom-dock .quiet{font-size:11px;padding:8px}.reflection-slots{flex-direction:column}.slot{min-height:44px}}
.photographic-scene .spot-clock{top:80%;right:3%;transform:none}

/* ——— Приведение к общему виду сайта (14 сентября) ——— */

/* Логотип в шапке — ссылка назад к мероприятию, как в остальных играх. */
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand .back-arrow { color: var(--accent); font-size: 17px; }

/* Ссылка «Перейти к мероприятиям» на финале выглядит как обычная
   второстепенная кнопка рядом с «Начать новую доставку». */
.ending .events-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	text-align: center;
}