:root{color-scheme:light;--navy:#07182f;--yellow:#ffc83d;--aqua:#35e0b5;--paper:#f5fbff;--ink:#112d41;--muted:#456276;--green:#50e36d;--danger:#b52643}
.keyboard-cursor{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:24px;height:24px;border:1px solid white;outline:1px solid #07182f;background:#07182f99;color:#fff36b;font-size:25px;line-height:1;pointer-events:none}
.brand,.progress-count{direction:ltr}
*{box-sizing:border-box}html{background:#e1edf2;scrollbar-color:#7792a4 #e1edf2}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink)}button,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}button:focus-visible,select:focus-visible,a:focus-visible,.scene:focus-visible,textarea:focus-visible{outline:3px solid #17649a;outline-offset:3px}::selection{background:var(--yellow);color:var(--navy)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.game{width:100%;max-width:440px;min-height:100svh;margin:auto;background:var(--paper);padding-bottom:max(12px,env(safe-area-inset-bottom))}.topbar{min-height:52px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:8px 15px;color:white}.brand{display:flex;align-items:center;gap:2px;text-decoration:none;font-size:22px;font-weight:850;letter-spacing:-.03em;color:white}.brand span{color:var(--yellow)}.brand svg{width:20px;height:20px;margin-inline-start:4px;stroke:var(--aqua);stroke-width:2.5;fill:none}.top-actions{display:flex;align-items:center;gap:7px}.icon-button{width:36px;height:36px;border:0;background:transparent;color:white}.icon-button svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.language select{min-height:34px;background:#163049;color:#fff;border:1px solid #7d99ae;border-radius:6px;padding:3px 5px;font-size:13px}.mission{padding:13px 15px 8px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}h1{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:0;font-weight:800}.round-number{font-size:13px;font-weight:750;color:var(--muted);font-variant-numeric:tabular-nums}.mission p{margin:7px 0 10px;color:var(--muted);font-size:14px;line-height:1.45}.status-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.hearts{display:flex;gap:3px;color:#d83c5e;direction:ltr}.hearts svg{width:20px;height:20px;fill:currentColor;stroke:#a92b47;stroke-width:1.5}.hearts svg.empty{fill:#d7e1e7;stroke:#9badb9}.timer{display:flex;align-items:center;gap:5px;color:#213b4d;font-size:17px;font-weight:750;font-variant-numeric:tabular-nums;direction:ltr}.timer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.timer.urgent{color:var(--danger)}.progress-count{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.find-slots{padding:0;margin:9px 0 0;display:flex;justify-content:center;gap:7px;list-style:none;direction:ltr}.find-slots li{display:flex;align-items:center;justify-content:center;border-radius:50%;width:23px;height:23px;font-size:13px;font-weight:800;color:#43677c;background:#deebf2;border:1px solid #9bb7c8}.find-slots li.found{background:#1b7442;color:white;border-color:#1b7442}.comparison{border-block:3px solid var(--navy);direction:ltr}.scene{position:relative;width:100%;aspect-ratio:588/393;overflow:hidden;touch-action:none;background:#0b2947;user-select:none;-webkit-user-select:none}.scene+.scene{border-top:3px solid #f3fbff}.scene-content{position:absolute;inset:0;transform-origin:center;will-change:transform}.scene-content img{display:block;width:100%;height:100%;pointer-events:none}.marks{position:absolute;inset:0;pointer-events:none}.scene-label{position:absolute;top:7px;left:8px;pointer-events:none;color:white;background:#07182fd9;font-size:11px;font-weight:700;padding:3px 6px;border-radius:4px;line-height:1.2}.mark{position:absolute;border:3px solid var(--green);outline:1px solid #16442d;border-radius:50%;transform:translate(-50%,-50%);animation:found-pop .36s cubic-bezier(.16,1,.3,1);pointer-events:none}.mark.hint{border-color:#ffe247;outline-color:#5e500d;animation:hint-pulse .65s ease-in-out 3}.wrong-mark{position:absolute;transform:translate(-50%,-50%);color:#ffced5;background:#8a1835c9;border:1px solid white;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:22px;line-height:1}.feedback{min-height:40px;padding:10px 14px 5px;font-size:14px;line-height:1.45;color:var(--muted)}.feedback.good{color:#16613a}.feedback.bad{color:var(--danger)}.actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px}.tool{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;flex:1;background:#ffdf78;border:1px solid #987829;border-radius:10px;color:#49380b;font-size:14px;font-weight:750;padding:5px 7px}.tool svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tool small{font-size:12px;font-weight:800}.zoom-controls{display:flex;align-items:center;border:1px solid #9ab2c0;border-radius:10px;overflow:hidden;direction:ltr;flex-shrink:0}.zoom-controls button{border:0;background:#e7f0f5;color:#183b51;height:44px;min-width:29px;font-size:18px}.zoom-controls #zoom-reset{font-size:12px;min-width:40px;padding:2px}.game-footer{padding:5px 14px 4px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;line-height:1.4}.game-footer button{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:#244d68;font-size:12px;padding:6px 0;white-space:nowrap}.assist{margin:6px 12px;padding:9px;background:#fff1bb;color:#514111;font-size:13px;line-height:1.4;border-radius:8px}.assist button{margin-top:6px;min-height:36px;border:1px solid #736229;color:#302b13;background:white;border-radius:6px;padding:5px 10px;display:block}.preview-nav{max-width:440px;margin:16px auto 0;display:flex;align-items:center;gap:8px;justify-content:center;padding:8px 12px;color:#26485d;font-size:13px}.preview-nav button{background:#fff;border:1px solid #8aa6b8;color:#173e57;padding:7px 12px;border-radius:6px;font-size:13px}.preview-nav button[aria-current=true]{background:var(--navy);color:white;border-color:var(--navy)}.primary,.secondary{width:100%;min-height:48px;border-radius:9px;padding:11px 15px;font-size:16px;font-weight:750;line-height:1.35}.primary{background:var(--yellow);color:#2a250d;border:1px solid #9e7a20}.secondary{margin-top:10px;border:1px solid #8ca5b5;background:white;color:#173a50}.continue{width:calc(100% - 28px);margin:10px 14px}dialog{width:calc(100% - 28px);max-width:390px;max-height:calc(100svh - 32px);overflow:auto;border:0;border-radius:16px;background:#f7fbfe;color:var(--ink);padding:30px 22px 22px;box-shadow:0 20px 55px #001a3459}dialog::backdrop{background:#031629b8}.dialog-close{position:absolute;inset:8px 10px auto auto;width:36px;height:36px;border:0;background:transparent;color:#294a60;font-size:26px}dialog h2{margin:10px 0 10px;font-size:25px;line-height:1.2;letter-spacing:-.025em}dialog p{font-size:15px;color:var(--muted);line-height:1.6;margin:10px 0 16px}.result-symbol{width:65px;height:65px;margin:0 auto 16px}.result-symbol svg{width:100%;height:100%;stroke:#24864c;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}#result-dialog{text-align:center}#result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:20px 0}#result-stats dt{font-size:12px;color:var(--muted);margin-top:4px}#result-stats dd{margin:0;font-size:23px;color:#173b50;font-weight:750;font-variant-numeric:tabular-nums}.guide-steps{padding-inline-start:23px;font-size:15px;line-height:1.6}.guide-steps li{padding-inline-start:4px;margin:12px 0}#manual-copy{font-size:14px;line-height:1.5}#manual-copy textarea{width:100%;margin-top:8px;padding:10px;font-size:16px;color:#173a50;background:white;border:1px solid #7796a9;border-radius:6px;direction:ltr}#copy-feedback{margin-bottom:0;color:#1b6840;font-size:14px}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0}html[dir=rtl] .dialog-close{inset:8px auto auto 10px}@keyframes found-pop{from{opacity:.3;transform:translate(-50%,-50%) scale(1.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes hint-pulse{50%{opacity:.35}}@media(min-width:700px){.game{margin:20px auto 30px;min-height:0;border-radius:12px;overflow:hidden;box-shadow:0 15px 45px #173a5026}.preview-nav+.game{margin-top:5px}}@media(max-width:350px){.mission{padding-top:11px}.mission p{font-size:13px}.tool{font-size:12px;gap:3px;padding:5px}.tool svg{width:19px;height:19px}.actions{gap:5px;padding-inline:9px}.zoom-controls button{min-width:26px}.zoom-controls #zoom-reset{min-width:36px}.game-footer{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.scene-content img{object-fit:cover;object-position:50% var(--photo-focus,25%)}
