:root{--bg: #0d1117;--panel: #161b22cc;--panel-solid: #161b22;--border: #2b3441;--text: #e6edf3;--muted: #a9b7c6;--accent: #4da6ff;--danger: #ff5c5c;--success: #36d17a;--warning: #ffc53d;--doc-bg: #f6f1e4;--doc-text: #241f16;--hud-bg: #0d1117f2;--hud-border: #46536480;--hud-shadow: 0 2px 10px #00000073;--font: "Segoe UI", "Noto Sans", system-ui, -apple-system, sans-serif;--font-doc: "Georgia", "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}#scene{position:fixed;inset:0;display:block;width:100%;height:100%}#ui{position:fixed;inset:0;pointer-events:none}.hidden{display:none!important}.btn{pointer-events:auto;font:inherit;font-size:15px;padding:11px 22px;border-radius:8px;border:1px solid var(--border);background:#1f2733;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:#27313f;border-color:#3d4a5c}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}.btn--primary:hover{background:#66b5ff;border-color:#66b5ff}.btn--ghost{background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.screen{pointer-events:auto;position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:32px;background:radial-gradient(ellipse at 50% 30%,#131c28,#080b10);overflow-y:auto}.screen--overlay{background:#060a0fdd;backdrop-filter:blur(6px)}.panel{width:min(760px,100%);margin:auto;background:var(--panel-solid);border:1px solid var(--border);border-radius:14px;padding:32px 36px;box-shadow:0 24px 60px #00000080}.panel h1{margin:0 0 6px;font-size:30px;letter-spacing:-.3px}.panel h2{margin:0 0 14px;font-size:22px}.panel p{margin:0 0 12px;line-height:1.6;color:#cdd8e3}.subtitle{color:var(--muted);font-size:15px;margin-bottom:24px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin:0 0 10px}.panel--narrow{width:min(460px,100%)}.field{margin-bottom:18px}.field__label{display:block;margin-bottom:7px;font-size:14px;font-weight:600;color:#dbe4ee}.field__input{pointer-events:auto;width:100%;font:inherit;font-size:17px;padding:13px 16px;border-radius:10px;border:1px solid #3a4655;background:#0f151d;color:#fff}.field__input::placeholder{color:#6f7f90}.field__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4da6ff33}.field__hint{margin-top:6px;font-size:13px;color:var(--muted)}.field__error{margin:-6px 0 14px;padding:10px 14px;border-radius:8px;background:#3a1a1c;border:1px solid #7a3338;color:#ffc9c9;font-size:14px}.field__note{margin-top:18px;font-size:13px;line-height:1.55;color:var(--muted)}.btn--wide{width:100%;font-size:16px;padding:14px 22px}.summary{width:100%;border-collapse:collapse;margin:18px 0 8px;font-size:15px}.summary th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);font-weight:600;padding:0 10px 8px 0;border-bottom:1px solid var(--border)}.summary td{padding:10px 10px 10px 0;border-bottom:1px solid #1d2531;color:#dce5ee}.summary__num{width:28px;color:var(--muted)}.summary__time{width:76px;font-variant-numeric:tabular-nums;white-space:nowrap}.summary__retries{width:120px;color:var(--success);white-space:nowrap}.summary__retries--warn{color:var(--warning)}.submit-status{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.5;border:1px solid var(--border);background:#151c26;color:#cfdae6}.submit-status--sent{border-color:#1f6e4a;background:#102a20;color:#9fe7c0}.submit-status--queued{border-color:#7a6320;background:#2a2413;color:#ffdf9e}.menu-nav{display:flex;flex-direction:column;gap:10px;max-width:320px}.scenario-list{display:grid;gap:10px;margin:4px 0 0}.scenario-card{pointer-events:auto;display:flex;align-items:flex-start;gap:14px;width:100%;text-align:left;font:inherit;color:var(--text);padding:14px 16px;border-radius:10px;border:1px solid var(--border);background:#1a212b;cursor:pointer;transition:border-color .15s,background .15s}.scenario-card:hover{background:#202a36;border-color:var(--accent)}.scenario-card__num{flex:none;width:34px;height:34px;margin-top:1px;display:grid;place-items:center;border-radius:8px;background:#2a3543;font-weight:700}.scenario-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.scenario-card__title{display:block;font-size:16px;font-weight:600;line-height:1.3}.scenario-card__objective{display:block;font-size:13.5px;line-height:1.45;color:#b3c0cd}.scenario-card__done{flex:none;align-self:center;color:var(--success);font-size:13px;font-weight:600}.setting{display:flex;align-items:center;gap:16px;margin-bottom:18px}.setting label{width:210px;flex:none;color:#cdd8e3}.setting input[type=range]{pointer-events:auto;flex:1;accent-color:var(--accent)}.setting input[type=checkbox]{pointer-events:auto;width:18px;height:18px;accent-color:var(--accent)}.setting output{width:48px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 24px;margin:0;padding:0;list-style:none}.keys li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #1f2731;color:#cdd8e3;font-size:14px}kbd{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;background:#253040;border:1px solid #38455a;border-bottom-width:2px;border-radius:5px;padding:2px 7px;color:#e6edf3;white-space:nowrap}.briefing-objective{margin:18px 0;padding:14px 18px;border-left:3px solid var(--accent);background:#17212e;border-radius:0 8px 8px 0}.briefing-objective strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent);margin-bottom:4px}.control-block{margin:18px 0;padding:14px 18px;border-radius:8px;background:#151c26;border:1px solid var(--border)}.control-block .section-title{margin-bottom:8px}.warning-box{display:flex;gap:12px;padding:14px 18px;border-radius:8px;background:#2a1d1d;border:1px solid #5c2b2b;color:#ffd2d2;font-size:14px;line-height:1.55}.hud{position:absolute;inset:0;pointer-events:none;font-size:15px}.hud__objective{position:absolute;top:calc(18px + env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:10px 22px;border-radius:999px;background:var(--hud-bg);border:1px solid var(--hud-border);box-shadow:var(--hud-shadow);color:#fff;font-weight:500;white-space:nowrap;max-width:min(80vw,640px);overflow:hidden;text-overflow:ellipsis}.hud__timer{position:absolute;top:calc(18px + env(safe-area-inset-top));right:calc(22px + env(safe-area-inset-right));padding:9px 18px;border-radius:10px;background:var(--hud-bg);border:1px solid var(--hud-border);box-shadow:var(--hud-shadow);color:#fff;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.hud__timer--urgent{color:var(--danger);border-color:var(--danger);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.hud__crosshair{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fffc;box-shadow:0 0 0 1px #0006}.hud__prompt{position:absolute;top:calc(50% + 44px);left:50%;transform:translate(-50%);padding:9px 18px;border-radius:8px;background:var(--hud-bg);border:1px solid var(--hud-border);box-shadow:var(--hud-shadow);color:#fff;font-weight:500;white-space:nowrap}.hud__toast{position:absolute;bottom:140px;left:50%;transform:translate(-50%);padding:12px 22px;border-radius:8px;background:#1b2430f7;border:1px solid var(--hud-border);box-shadow:var(--hud-shadow);color:#fff;max-width:min(80vw,520px);text-align:center;transition:opacity .25s}.hud__opening{position:absolute;top:calc(74px + env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:10px 20px;border-radius:8px;background:#17324df2;border:1px solid #3f6f9e;box-shadow:var(--hud-shadow);color:#dceaf8;font-size:15px;max-width:min(84vw,560px);text-align:center}.hud__progress{position:absolute;top:calc(18px + env(safe-area-inset-top));left:calc(22px + env(safe-area-inset-left));padding:9px 16px;border-radius:10px;background:var(--hud-bg);border:1px solid var(--hud-border);box-shadow:var(--hud-shadow);color:#fff;font-size:14px;font-weight:600}.hud__toast--warn{border-color:var(--warning);color:var(--warning)}.hud__toast--ok{border-color:var(--success);color:var(--success)}.hud__hint{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:calc(22px + env(safe-area-inset-left));max-width:60vw;padding:8px 14px;border-radius:8px;background:var(--hud-bg);border:1px solid var(--hud-border);color:#e9eff5;font-size:13px;line-height:1.8}.hud__hint kbd{font-size:11px}.hud__phone{position:absolute;right:26px;bottom:26px;width:210px;padding:16px;border-radius:14px;background:#11161ff2;border:1px solid #3a4655;box-shadow:0 10px 30px #0006}.hud__phone h3{margin:0 0 12px;font-size:14px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.hud__phone ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.hud__phone li{display:flex;align-items:center;gap:10px;font-size:14px;color:#cdd8e3}.hud__hand{position:absolute;left:50%;bottom:0;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 18px 14px;border-radius:12px 12px 0 0;background:#1b2430e6;border:1px solid var(--border);border-bottom:none;font-size:14px}.hud__hand-icon{width:22px;height:18px;border-radius:40% 55% 45% 50%;background:linear-gradient(160deg,#9aa3ad,#5b646e)}.hud__hold{position:absolute;left:50%;bottom:190px;transform:translate(-50%);width:280px;text-align:center}.hud__hold-label{margin-bottom:8px;font-size:15px}.hud__hold-bar{height:10px;border-radius:999px;background:#253040;overflow:hidden;border:1px solid var(--border)}.hud__hold-fill{height:100%;width:0;background:var(--warning);transition:width .08s linear}.hud__threat{position:absolute;inset:0;box-shadow:inset 0 0 160px 30px #f005;opacity:0;transition:opacity .3s}.hud__threat--on{opacity:1}.hud__lock{position:absolute;inset:0;display:grid;place-items:center;background:#060a0f99;pointer-events:none}.hud__lock span{padding:14px 26px;border-radius:10px;background:#161b22ee;border:1px solid var(--border)}.result__badge{display:inline-block;padding:6px 16px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}.result__badge--fail{background:#45151a;color:#ff9d9d;border:1px solid #77282e}.result__badge--success{background:#103a27;color:#7ae0ab;border:1px solid #1f6e4a}.result__reason{font-size:19px;line-height:1.5;margin:0 0 22px;color:#e6edf3}.quote{background:var(--doc-bg);color:var(--doc-text);border-radius:8px;padding:22px 26px;border-left:5px solid #8a7a52;box-shadow:0 6px 24px #0005}.quote__label{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#6c6047;margin-bottom:10px;font-family:var(--font)}.quote .quote__text{font-family:var(--font-doc);font-size:18px;line-height:1.65;margin:0;color:var(--doc-text)}.quiz__question{font-size:20px;line-height:1.5;margin:0 0 22px}.quiz__options{display:grid;gap:10px}.quiz__option{pointer-events:auto;display:flex;gap:14px;align-items:flex-start;text-align:left;font:inherit;color:var(--text);padding:14px 18px;border-radius:10px;border:1px solid var(--border);background:#1a212b;cursor:pointer;line-height:1.5;transition:border-color .15s,background .15s}.quiz__option:hover{background:#202a36;border-color:var(--accent)}.quiz__option-key{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:6px;background:#2a3543;font-size:13px;font-weight:700}@media(pointer:coarse){.btn,.scenario-card,.quiz__option{min-height:48px}.setting input[type=range]{height:32px}}@media(max-width:720px){.screen{padding:16px;align-items:flex-start}.panel{padding:22px 18px;border-radius:12px}.panel h1{font-size:23px}.panel h2{font-size:19px}.actions{flex-direction:column;gap:10px;margin-top:20px}.actions .btn{width:100%}.menu-nav{max-width:none}.keys{grid-template-columns:1fr;gap:2px}.setting{flex-wrap:wrap;gap:8px 12px}.setting label{width:100%}.quiz__question,.result__reason{font-size:17px}.quote{padding:16px 18px}.quote .quote__text{font-size:16px}.hud__objective{top:calc(64px + env(safe-area-inset-top));font-size:14px;padding:8px 14px;max-width:92vw;white-space:normal;text-align:center}.hud__timer{font-size:20px;padding:7px 12px}.hud__opening{top:calc(124px + env(safe-area-inset-top));bottom:auto;font-size:14px;max-width:92vw}.hud__hint{display:none}.hud__phone{width:164px;right:calc(14px + env(safe-area-inset-right));bottom:calc(205px + env(safe-area-inset-bottom))}.hud__hold{width:min(70vw,280px);bottom:calc(270px + env(safe-area-inset-bottom))}.hud__toast{bottom:calc(330px + env(safe-area-inset-bottom))}.hud__hand{left:calc(14px + env(safe-area-inset-left));right:auto;bottom:calc(195px + env(safe-area-inset-bottom));transform:none;border-radius:12px;border-bottom:1px solid var(--border);padding:8px 14px;font-size:13px}.touch__buttons{max-width:calc(100vw - 190px);max-height:152px}.hud__prompt{top:calc(50% + 56px);font-size:14px;max-width:84vw;white-space:normal;text-align:center}}@media(max-height:480px)and (orientation:landscape){.panel{padding:16px 20px}.panel h1{font-size:20px;margin-bottom:2px}.panel p{margin-bottom:8px}.subtitle{margin-bottom:12px}.control-block,.briefing-objective{margin:10px 0;padding:10px 14px}.actions{margin-top:14px}}.touch{position:absolute;inset:0;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;z-index:5}.touch__look{position:absolute;top:0;right:0;bottom:0;width:55%}.touch__stick:after{content:"движение";position:absolute;left:50%;bottom:-20px;transform:translate(-50%);font-size:11px;letter-spacing:.6px;color:#ffffffa6;white-space:nowrap}.touch__stick{position:absolute;left:calc(26px + env(safe-area-inset-left));bottom:calc(26px + env(safe-area-inset-bottom));width:132px;height:132px;border-radius:50%;background:#0d111759;border:2px solid #ffffff40;pointer-events:none;transition:background .15s,border-color .15s}.touch__stick--active{background:#0d111788;border-color:#ffffff73}.touch__stick-knob{position:absolute;top:50%;left:50%;width:58px;height:58px;margin:0;border-radius:50%;background:#e6edf3cc;border:2px solid #ffffff;transform:translate(-50%,-50%)}.touch__buttons{position:absolute;right:calc(16px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;gap:10px;max-width:58vw}.touch__btn{pointer-events:auto;min-width:78px;min-height:60px;padding:10px 16px;border-radius:14px;border:1px solid #ffffff4d;background:#16202bd9;color:#fff;font:inherit;font-size:15px;font-weight:600;box-shadow:0 3px 10px #00000073;touch-action:none}.touch__btn--on{background:var(--accent);border-color:var(--accent);color:#06121f}@media(max-width:480px){.touch__btn{min-width:68px;min-height:54px;font-size:14px;padding:8px 12px}.touch__stick{width:112px;height:112px;left:calc(18px + env(safe-area-inset-left));bottom:calc(22px + env(safe-area-inset-bottom))}.touch__stick-knob{width:50px;height:50px}}