:root{font-family:Arial,Helvetica,sans-serif;color:#edf1f1;background:#10151c;font-size:16px;line-height:1.45;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 10%,#222e35 0,#10151c 55%);min-height:100vh}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #e7bd69;outline-offset:3px}[hidden]{display:none!important}
.game-shell{width:min(1540px,100%);margin:auto;padding:0 28px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff1c}.brand{display:flex;align-items:center;gap:13px;font-weight:900;font-size:1.08rem;letter-spacing:.13em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:#d8ac5d;color:#151a1c;font-size:1.15rem;transform:skew(-10deg)}.top-actions{display:flex;align-items:center;gap:24px}.top-label,.sound-button,.footer,.eyebrow,.choice-heading,.progress-row,.tip-label,.panel-footer,.mission-label,.threat,.scene-index,.incoming{font-family:Arial,Helvetica,sans-serif;font-size:.77rem;font-weight:800;letter-spacing:.13em}.top-label{color:#8b999e}.sound-button{border:1px solid #ffffff30;background:#ffffff08;color:#c4d0d0;padding:10px 13px;white-space:nowrap}.sound-button:hover{border-color:#dfbb7b;color:white}
.play-area{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(430px,.84fr);min-height:min(750px,calc(100vh - 130px));border:1px solid #ffffff21;border-top:0;box-shadow:0 20px 80px #0006}.scene{--scene-image:none;position:relative;min-height:690px;overflow:hidden;background-color:#374957;background-image:var(--scene-image),radial-gradient(circle at 65% 30%,#b8a671 0,#61747a 42%,#242c37 100%);background-size:cover;background-position:center}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c162ccc 0%,#10203355 47%,#0e16280a 100%),linear-gradient(0deg,#0b111cdb 0%,transparent 38%,#0c121caf 100%)}.scene-content{position:relative;height:100%;min-height:690px;display:flex;flex-direction:column;justify-content:space-between;padding:28px}.hud-top,.hud-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mission-label{background:#111b27d9;border-left:4px solid #eac16d;padding:13px 16px;backdrop-filter:blur(8px)}.mission-label span:last-child{color:#e5c475;margin-left:8px}.mission-symbol{color:#efcb77}.threat{background:#121923d6;padding:13px 14px;display:flex;gap:12px;align-items:center;white-space:nowrap;backdrop-filter:blur(8px)}.threat>span:first-child{color:#f1d5ae}.threat>span:last-child{display:flex;gap:4px;align-items:end}.threat i{display:block;width:8px;height:13px;transform:skew(-15deg);background:#ffffff30}.threat i.lit{background:#e56450;box-shadow:0 0 10px #e5645077}.scene-caption{margin-top:auto;margin-bottom:auto;max-width:670px;padding:70px 0}.scene-index{color:#f3cf7d}.scene-caption h1{font-size:clamp(3.4rem,6.2vw,6.5rem);font-weight:900;line-height:.95;letter-spacing:-.065em;text-transform:uppercase;margin:16px 0;text-shadow:0 6px 20px #121a2199;max-width:10ch}.scene-caption p{font-size:1.18rem;margin:0;color:#e4e7e5;text-shadow:0 2px 10px #111}.radar{position:relative;flex:none;width:120px;height:120px;border:3px solid #e1e4d5a0;border-radius:50%;background:#233b3bb8;overflow:hidden;box-shadow:0 4px 20px #0009}.radar-grid{position:absolute;inset:-30%;background:repeating-linear-gradient(0deg,transparent 0 19px,#ffffff27 20px 21px),repeating-linear-gradient(90deg,transparent 0 19px,#ffffff27 20px 21px);transform:rotate(30deg)}.radar-player,.radar-alert{position:absolute;width:10px;height:10px;border-radius:50%;left:52%;top:48%;background:#eff1d6;box-shadow:0 0 9px #fff}.radar-alert{left:72%;top:25%;background:#ed584b;box-shadow:0 0 11px #ef5348}.radar-n{position:absolute;left:50%;top:5px;font-size:.65rem;font-weight:bold}.incoming{align-self:flex-end;max-width:60%;display:flex;align-items:center;gap:10px;color:#fff;background:#151f2bd9;padding:13px 16px;border:1px solid #ffffff36;backdrop-filter:blur(8px)}.pulse-dot{width:9px;height:9px;flex:none;background:#e65f4c;border-radius:50%;box-shadow:0 0 0 5px #e65f4c38;animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px #e65f4c00}}
.decision-panel{display:flex;flex-direction:column;background:#172028;padding:30px clamp(25px,3vw,48px) 28px;border-left:1px solid #ffffff18}.progress-row{display:flex;align-items:center;gap:14px;color:#d6b16d;white-space:nowrap}.progress-track{display:flex;gap:4px;flex:1;min-width:50px}.progress-segment{height:5px;flex:1;background:#56616a}.progress-segment.done,.progress-segment.active{background:#dcb76d}.progress-segment.active{box-shadow:0 0 10px #dbb76e88}.score{color:#a4b2b6}.mission-copy{margin:46px 0 27px}.eyebrow,.choice-heading{color:#d8b975}.mission-copy h2{margin:10px 0 16px;font-size:clamp(2rem,3vw,3.1rem);line-height:1.07;letter-spacing:-.045em;text-transform:uppercase}.mission-copy p{color:#d1d9d9;font-size:1.07rem;line-height:1.65;margin:0}.choice-area{margin-top:auto}.choice-heading{margin-bottom:14px}.choice-grid{display:grid;gap:10px}.choice{border:1px solid #ffffff20;border-left:4px solid transparent;background:#ffffff09;color:#fff;min-height:90px;width:100%;padding:17px 18px;text-align:left;display:flex;align-items:flex-start;gap:14px;transition:transform .18s,background .18s,border-color .18s}.choice:hover:not(:disabled){transform:translateX(4px);background:#ffffff14}.choice.safe{border-left-color:#7cc79a}.choice.risk{border-left-color:#df7568}.choice.safe:hover:not(:disabled),.choice.safe.selected{background:#4e9a712a;border-color:#8ed4a8}.choice.risk:hover:not(:disabled),.choice.risk.selected{background:#ab514529;border-color:#e98274}.choice:disabled{cursor:default}.choice.dimmed{opacity:.5}.choice-number{font-weight:900;color:#a8b5b6;font-size:.9rem;padding-top:2px}.choice-body{display:grid;gap:4px;flex:1}.choice-body strong{font-size:1.05rem;letter-spacing:.045em}.choice-body small{font-size:.9rem;color:#b6c3c3;line-height:1.4}.choice-arrow{font-size:1.25rem;color:#aebcbc;line-height:1}.feedback{display:flex;gap:14px;border:1px solid #ffffff2b;padding:14px;margin-top:14px;background:#ffffff09}.feedback.correct{border-color:#7cc79a8a;background:#28724725}.feedback.incorrect{border-color:#e982748a;background:#ad443327}.feedback-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#7cc79a;color:#14231a;font-weight:900}.feedback.incorrect .feedback-icon{background:#e98274;color:#281919}.feedback strong{font-size:.85rem;letter-spacing:.08em}.feedback p{margin:4px 0 0;font-size:.9rem;line-height:1.45;color:#d7dfdf}.tip{display:flex;gap:13px;margin-top:24px;padding-top:19px;border-top:1px solid #ffffff28;color:#bfcaca}.tip-icon{display:grid;place-items:center;flex:none;border:1px solid #d8b975;color:#d8b975;width:24px;height:24px;font-weight:bold;border-radius:50%;font-family:Georgia,serif;font-style:italic}.tip-label{color:#d8b975}.tip p{font-size:.9rem;line-height:1.45;margin:6px 0 0}.panel-footer{min-height:47px;display:flex;align-items:end;justify-content:space-between;gap:15px;color:#819095;margin-top:22px}.next-button{border:0;background:#e7c47d;color:#1e2322;font-weight:900;font-size:.8rem;letter-spacing:.09em;padding:12px 14px;text-align:center}.next-button:hover{background:#ffdb8f}.next-button span{font-size:1.2rem;margin-left:8px}.footer{color:#75848b;display:flex;justify-content:space-between;gap:16px;padding:17px 0 25px;font-size:.7rem}.is-finale .scene{background-position:center}.is-finale .scene-caption h1{max-width:12ch}
@media(max-width:1050px){.game-shell{padding:0 18px}.play-area{grid-template-columns:1fr}.scene,.scene-content{min-height:480px}.scene-caption{padding:45px 0}.scene-caption h1{font-size:clamp(3.3rem,9vw,5.5rem)}.decision-panel{border-left:0;border-top:1px solid #ffffff18;padding:30px}.mission-copy{margin:30px 0 22px}.choice-area{margin-top:8px}}
@media(max-width:620px){.game-shell{padding:0}.topbar{height:61px;padding:0 15px}.brand{font-size:.76rem;letter-spacing:.07em;gap:8px}.brand-mark{width:22px;height:22px}.top-label{display:none}.sound-button{font-size:.65rem;letter-spacing:.03em;padding:8px}.scene,.scene-content{min-height:370px}.scene-content{padding:16px}.hud-top{align-items:flex-start}.mission-label,.threat{font-size:.58rem;letter-spacing:.04em;padding:8px}.threat{gap:5px}.threat i{width:5px;height:9px}.scene-caption{padding:35px 0}.scene-caption h1{font-size:clamp(2.7rem,12vw,4.4rem)}.scene-caption p{font-size:.95rem}.radar{width:70px;height:70px}.incoming{max-width:65%;font-size:.55rem;letter-spacing:.04em;padding:8px}.decision-panel{padding:22px 17px 25px}.progress-row{font-size:.62rem;letter-spacing:.04em;gap:8px}.mission-copy{margin:28px 0 20px}.mission-copy h2{font-size:2rem}.mission-copy p{font-size:1rem;line-height:1.52}.choice{min-height:82px;padding:13px 12px}.choice-body strong{font-size:.95rem}.choice-body small{font-size:.84rem}.footer{padding:16px;display:none}.panel-footer{align-items:center}.panel-footer>span{font-size:.65rem}.next-button{font-size:.68rem;padding:12px 9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Ответы остаются нейтральными до выбора; результат подсвечивается после него. */
.choice.selected.safe{background:#237e56b3;border-color:#83efae;border-left-color:#a2ffd0;box-shadow:0 0 0 1px #a2ffd080,0 0 24px #35dc8199,inset 0 0 22px #65efa535}
.choice.selected.risk{background:#a13b35b8;border-color:#ff9b88;border-left-color:#ffae9c;box-shadow:0 0 0 1px #ff9b8877,0 0 24px #f36c6099,inset 0 0 22px #ff9c7033}
.choice.revealed.safe{border-color:#83efae;border-left-color:#a2ffd0;background:#28755085;box-shadow:0 0 15px #35dc8166}
.choice.dimmed{opacity:.48}
.feedback.correct{box-shadow:0 0 18px #35dc8142}
.feedback.incorrect{box-shadow:0 0 18px #f36c6042}

/* Выбранные кадры показываются полностью, включая подписи на экранах телефонов. */
.scene{background-size:contain,cover;background-repeat:no-repeat}
.scene-shade{background:linear-gradient(90deg,#0c162c85 0%,#10203316 54%,transparent 100%),linear-gradient(0deg,#0b111cc9 0%,transparent 34%,#0c121c70 100%)}
.scene-caption{margin-top:auto;margin-bottom:16px;padding:0;max-width:540px}
.scene-caption h1{font-size:clamp(2.8rem,4.4vw,4.5rem);max-width:14ch;margin:8px 0}
@media(max-width:620px){.scene-caption{margin-bottom:8px}.scene-caption h1{font-size:clamp(2.15rem,9vw,3.2rem);max-width:13ch}.scene-caption p{font-size:.88rem}}
@media(max-width:620px){.brand{white-space:normal;line-height:1.12;font-size:.7rem}.brand-mark{flex:none}.topbar{gap:8px}}
.start-area{margin-top:auto}
.start-button{width:100%;border:0;background:#e7c47d;color:#1e2322;font-weight:900;letter-spacing:.08em;padding:18px 20px;text-align:center}
.start-button:hover{background:#ffdb8f}
.start-button span{font-size:1.2rem;margin-left:8px}
.start-area p{color:#aebcbc;font-size:.88rem;line-height:1.45;margin:12px 0 0}