:root{--night:#08131d;--blue:#132b3c;--amber:#d4a574;--cream:#f4e4c1;--muted:#8fa0a7;--red:#9d493d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#173247,var(--night) 64%);color:var(--cream);font-family:Montserrat,sans-serif}.rain{position:fixed;inset:0;pointer-events:none;opacity:.13;background:repeating-linear-gradient(103deg,transparent 0,transparent 17px,#bce6ff 18px,transparent 19px);animation:rain 5s linear infinite}@keyframes rain{to{background-position:80px 160px}}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,5vw,64px);border-bottom:1px solid #ffffff1e;background:#07111bdd;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.brand{font:600 23px "Cormorant Garamond";letter-spacing:.15em;color:var(--cream);text-decoration:none}.brand span{color:var(--amber)}#clock{font:600 24px "Cormorant Garamond";color:var(--amber)}#sound{border:0;background:none;color:var(--muted);cursor:pointer}.screen{min-height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,6vw,80px) clamp(16px,5vw,70px) 110px}.hero{max-width:1000px;margin:auto;width:100%}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--amber)}h1,h2{font:600 clamp(50px,8vw,105px)/.88 "Cormorant Garamond";margin:.18em 0}.lede{max-width:700px;font:500 clamp(20px,2.2vw,29px)/1.45 "Cormorant Garamond";color:#d3d7d2}.primary,.choice{border:1px solid var(--amber);background:var(--amber);color:#111820;padding:14px 22px;font-weight:600;cursor:pointer}.primary:disabled{opacity:.35;cursor:not-allowed}.brief{display:flex;gap:1px;background:#ffffff20;max-width:680px;margin:36px 0}.brief div{flex:1;background:#0b1822;padding:18px}.brief strong{display:block;color:var(--amber);font:600 28px "Cormorant Garamond"}.brief span{font-size:10px;color:var(--muted)}.game-layout{display:grid;grid-template-columns:minmax(0,900px) minmax(260px,340px);gap:26px;align-items:start}.view{position:relative;box-shadow:0 24px 80px #0009;border:1px solid #ffffff20}.view>img{display:block;width:100%}.window-grid{position:absolute;inset:7% 18% 12% 20%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);column-gap:17%;row-gap:10%}.window{border:1px solid transparent;background:transparent;color:transparent;cursor:crosshair;position:relative}.window:hover,.window:focus{border-color:var(--amber);background:#d4a57416;outline:none}.window.seen::after{content:"✓";position:absolute;right:4px;top:4px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--amber);color:#14202b;font-weight:bold}.panel{background:#0c1b26;border:1px solid #ffffff1c;padding:24px;min-height:380px}.panel h3{font:600 31px "Cormorant Garamond";margin:0 0 10px}.panel p{color:#bec8c8;line-height:1.6}.counter{color:var(--amber);font-size:12px;letter-spacing:.1em}.observation{margin:20px 0;padding:16px;border-left:2px solid var(--amber);background:#ffffff08}.observation strong{display:block;color:var(--amber);margin-bottom:7px}.timeline{display:flex;gap:6px;margin:0 0 24px}.timeline i{height:3px;flex:1;background:#ffffff20}.timeline i.done{background:var(--amber)}#notebook{position:fixed;z-index:25;right:16px;bottom:0;width:min(380px,calc(100vw - 32px));background:#0b1822;border:1px solid #ffffff24;transform:translateY(calc(100% - 50px));transition:.3s}#notebook.open{transform:none}#note-toggle{height:50px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#102331;color:var(--cream);border:0;cursor:pointer}#note-count{color:var(--amber)}#notes{max-height:50vh;overflow:auto;padding:14px}.note{font-size:12px;border-bottom:1px solid #ffffff15;padding:10px 0;color:#b6c1c2}.note strong{color:var(--amber)}#toast{position:fixed;z-index:40;top:80px;left:50%;transform:translate(-50%,-15px);opacity:0;background:var(--cream);color:#101820;padding:12px 18px;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}.questions{display:grid;gap:22px;max-width:900px}.question{border:1px solid #ffffff20;background:#0c1b26;padding:24px}.question h3{font:600 27px "Cormorant Garamond";margin:0 0 15px}.answers{display:grid;gap:9px}.choice{background:transparent;color:var(--cream);text-align:left;border-color:#ffffff2a}.choice.selected{border-color:var(--amber);background:#d4a57418}.score{font:600 90px "Cormorant Garamond";color:var(--amber)}.verdict{border-left:3px solid var(--red);padding-left:20px;max-width:760px;font:500 23px/1.5 "Cormorant Garamond"}@media(max-width:820px){.game-layout{grid-template-columns:1fr}.window-grid{inset:7% 18% 12% 20%}.panel{min-height:0}.brief{flex-direction:column}.screen{padding-inline:14px}.view{margin-inline:-14px}}


/* Надзаголовок больше не попадает под свисающие буквы огромного заголовка. */
.eyebrow{display:block;margin-bottom:.9em}
/* Логотип ведёт назад — к мероприятию, откуда пришли. */
.brand{display:inline-flex;align-items:center;gap:.4em;transition:color .25s}
.brand:hover{color:var(--amber)}
.brand .back-arrow{font-size:.72em;color:var(--muted);transition:transform .25s}
.brand:hover .back-arrow{transform:translateX(-3px);color:var(--amber)}
@media(max-width:420px){.brand{font-size:19px}}

/* Кнопка-ссылка на экране результата: увести человека обратно к мероприятиям. */
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:28px}
a.primary{text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.actions .choice{width:auto}