:root{--mono:"Courier New", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--script:"Segoe Script", "Bradley Hand", "Comic Sans MS", cursive;--ui-border:#ebebe1d9;--ui-fill:#ffffff0f;--ui-fill-hover:#ffffff29}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--mono);-webkit-user-select:none;user-select:none;background:#000;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}.pan-btn{pointer-events:auto;cursor:pointer;background:var(--ui-fill);border:2px solid var(--ui-border);width:62px;height:46vh;min-height:220px;color:var(--ui-border);font-size:30px;font-family:var(--mono);opacity:.85;text-shadow:0 0 6px #fff9;border-radius:4px;justify-content:center;align-items:center;transition:background .12s,opacity .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pan-btn:hover{background:var(--ui-fill-hover);opacity:1}.pan-btn:active{background:#ffffff4d}.pan-btn.left{left:14px}.pan-btn.right{right:14px}.bottom-bar{pointer-events:auto;cursor:pointer;background:var(--ui-fill);border:2px solid var(--ui-border);width:min(46vw,560px);height:54px;color:var(--ui-border);font-family:var(--mono);letter-spacing:.45em;text-indent:.45em;text-shadow:0 0 6px #fff9;border-radius:4px;justify-content:center;align-items:center;font-size:15px;transition:background .12s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.bottom-bar:hover{background:var(--ui-fill-hover)}.bottom-bar:active{background:#ffffff4d}.ui-hidden{display:none!important}.cam-label{color:#f0f0e6bf;letter-spacing:.25em;text-shadow:0 0 8px #fff6;align-items:center;gap:12px;font-size:15px;display:flex;position:absolute;top:18px;left:22px}.cam-label .rec-dot{background:#e33;border-radius:50%;width:12px;height:12px;animation:1.4s step-end infinite rec-blink;box-shadow:0 0 8px #e33}@keyframes rec-blink{50%{opacity:.15}}.mute-btn{pointer-events:auto;cursor:pointer;background:var(--ui-fill);width:44px;height:40px;color:var(--ui-border);border:2px solid #ebebe180;border-radius:4px;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:14px;right:18px}.mute-btn:hover{background:var(--ui-fill-hover)}.help-btn{font-family:var(--mono);font-size:20px;right:72px}#splash{z-index:100;color:#d8d5c8;background:#050505;flex-direction:column;justify-content:center;align-items:center;gap:26px;transition:opacity .9s;display:flex;position:fixed;inset:0}#splash.fade-out{opacity:0;pointer-events:none}#splash .splash-title{letter-spacing:.35em;text-indent:.35em;color:#e8e4d4;text-shadow:0 0 18px #dcd2aa59;font-size:clamp(34px,7vw,64px);animation:4s infinite splash-flicker}@keyframes splash-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.55}94%{opacity:1}97%{opacity:.75}98%{opacity:1}}#splash .splash-sub{letter-spacing:.5em;text-indent:.5em;color:#8d897c;font-size:14px}#splash .progress{border:2px solid #6f6b5e;width:min(420px,70vw);height:14px;padding:2px}#splash .progress>div{background:#b9b39c;width:0%;height:100%;transition:width .25s}#splash .progress-label{letter-spacing:.3em;color:#7a766a;min-height:1em;font-size:12px}#splash .sticky-note{color:#4a4423;width:190px;font-family:var(--script);background:#f4e97c;padding:16px 14px 20px;font-size:16px;line-height:1.5;position:absolute;bottom:clamp(70px,16vh,170px);right:clamp(16px,8vw,130px);transform:rotate(-4deg);box-shadow:4px 6px 14px #0009}#splash .sticky-note:before{content:"";background:#ffffff59;width:80px;height:20px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(2deg)}#splash .sticky-note .cred{font-size:18px;font-weight:700}#splash .nick-row{flex-direction:column;align-items:center;gap:8px;display:flex}#splash .nick-label{letter-spacing:.3em;color:#8d897c;font-size:12px}#splash .nick-row input{color:#e8e4d4;font-family:var(--mono);letter-spacing:.15em;text-align:center;pointer-events:auto;background:#111;border:2px solid #6f6b5e;outline:none;width:min(340px,70vw);padding:10px 14px;font-size:18px}#splash .nick-row input:focus{border-color:#b9b39c}#splash .nick-error{color:#c96;letter-spacing:.1em;min-height:1em;font-size:12px}#splash .nick-welcome{color:#b9b39c;letter-spacing:.2em;font-size:14px}#splash .enter-btn{pointer-events:none;cursor:pointer;border:2px solid var(--ui-border);color:var(--ui-border);font-family:var(--mono);letter-spacing:.4em;text-indent:.4em;opacity:0;background:0 0;margin-top:8px;padding:14px 44px;font-size:16px;transition:opacity .6s,background .15s}#splash .enter-btn.ready{opacity:1;pointer-events:auto}#splash .enter-btn:hover{background:#ffffff1f}.hover-card{z-index:40;pointer-events:none;color:#cfe8cf;background:#080a08eb;border:1px solid #4c584c;border-left:4px solid #7d7;max-width:300px;padding:10px 13px;font-size:13px;line-height:1.45;position:fixed;box-shadow:0 4px 18px #000000b3}.hover-card h4{color:#9dff9d;letter-spacing:.08em;margin-bottom:4px;font-size:14px}.hover-card .tag{color:#9fbf9f;border:1px solid #3d4a3d;margin:3px 4px 0 0;padding:0 5px;font-size:11px;display:inline-block}.hover-card .hint{color:#7d8f7d;letter-spacing:.06em;margin-top:6px;font-size:11px}.hover-card.amber{border-left-color:#ffb347}.hover-card.amber h4{color:#ffcf87}.popup-overlay{z-index:60;pointer-events:auto;background:#000000c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup{color:#b9e8b9;background:#0a0d0a;border:2px solid #5d5;width:min(680px,92vw);max-height:84vh;padding:26px 30px;font-size:14px;overflow-y:auto;box-shadow:0 0 40px #3cff3c40,inset 0 0 60px #00280080}.popup h2{color:#7dff7d;letter-spacing:.25em;margin-bottom:4px;font-size:18px}.popup .popup-sub{color:#6f8f6f;letter-spacing:.15em;margin-bottom:18px;font-size:12px}.popup h3{color:#9dff9d;letter-spacing:.2em;border-bottom:1px dashed #2e4a2e;margin:18px 0 8px;padding-bottom:4px;font-size:14px}.popup a{color:#cfe8cf;border-left:3px solid #0000;padding:6px 8px;text-decoration:none;display:block}.popup a:hover{color:#eaffea;background:#5aff5a14;border-left-color:#7dff7d}.popup a small{color:#7d9f7d;font-size:11px;display:block}.popup .close-btn{cursor:pointer;color:#7dff7d;width:100%;font-family:var(--mono);letter-spacing:.35em;text-indent:.35em;background:0 0;border:2px solid #5d5;margin-top:22px;padding:12px;font-size:14px}.popup .close-btn:hover{background:#5aff5a1f}.telegram-controls{pointer-events:auto;gap:10px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.telegram-controls button{cursor:pointer;color:#e8d9b0;font-family:var(--mono);letter-spacing:.18em;background:#18120ad9;border:2px solid #a08a5a;padding:10px 18px;font-size:13px;transition:background .12s}.telegram-controls button:hover{background:#3c2e16e6}.telegram-controls button.active{color:#1d160a;background:#a08a5a}.telegram-controls button.send{color:#ffe9a0;border-color:#c8a02a}.telegram-controls button.send:hover{background:#785a14d9}.telegram-email{pointer-events:auto;background:#18120aeb;border:2px solid #c8a02a;flex-direction:column;gap:10px;width:min(400px,86vw);padding:16px 18px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.telegram-email .email-label{color:#ffe9a0;letter-spacing:.2em;font-size:12px}.telegram-email input{color:#f2e6c8;font-family:var(--mono);background:#0f0c06;border:1px solid #a08a5a;outline:none;padding:10px 12px;font-size:16px}.telegram-email input:focus{border-color:#ffe9a0}.telegram-email .email-actions{justify-content:space-between;gap:10px;display:flex}.telegram-email .email-actions button{cursor:pointer;color:#e8d9b0;font-family:var(--mono);letter-spacing:.16em;background:#18120ad9;border:2px solid #a08a5a;flex:1;padding:10px 14px;font-size:13px}.telegram-email .email-actions .dispatch{color:#ffe9a0;border-color:#c8a02a}.telegram-email .email-actions button:hover{background:#3c2e16e6}.telegram-hint{color:#f0e6c8d9;letter-spacing:.15em;text-shadow:0 1px 4px #000;pointer-events:none;font-size:13px;position:absolute;bottom:160px;left:50%;transform:translate(-50%)}.help-overlay{z-index:65;pointer-events:auto;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-memo{color:#33301f;background:#ece4c8;width:min(620px,92vw);max-height:86vh;padding:30px 34px;font-size:15px;line-height:1.55;overflow-y:auto;box-shadow:0 14px 50px #000c}.help-memo .memo-from{letter-spacing:.3em;color:#7a6f4a;border-bottom:2px solid #a89868;padding-bottom:8px;font-size:11px}.help-memo .memo-title{letter-spacing:.04em;margin:14px 0 4px;font-family:Georgia,serif;font-size:24px;font-weight:700}.help-memo ul{flex-direction:column;gap:10px;margin:16px 0 8px;padding-left:20px;display:flex}.help-memo li::marker{color:#a89868}.help-memo .memo-foot{color:#7a6f4a;margin-top:14px;font-style:italic}.help-memo .memo-close{cursor:pointer;color:#ece4c8;width:100%;font-family:var(--mono);letter-spacing:.3em;background:#33301f;border:none;margin-top:18px;padding:12px;font-size:13px}.help-memo .memo-close:hover{background:#4a4530}.toast{z-index:70;color:#dde;letter-spacing:.08em;opacity:0;pointer-events:none;background:#0a0c0aeb;border:1px solid #667;border-left:4px solid #aab;max-width:80vw;padding:12px 20px;font-size:13px;transition:opacity .35s,transform .35s;position:fixed;bottom:34px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.ok{border-left-color:#7d7}.toast.warn{border-left-color:#fb4}@media (max-width:720px){.pan-btn{width:46px;font-size:22px}.bottom-bar{letter-spacing:.25em;width:72vw;font-size:13px}#splash .sticky-note{position:static;transform:rotate(-2deg)}}.mobile-crt{background:#0a0c0a;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:12px;display:flex;position:fixed;inset:0}.mobile-screen{aspect-ratio:4/3;background:#000;border:3px solid #2c2f28;border-radius:12px;width:min(100%,133.333vh - 226.667px);position:relative;overflow:hidden;box-shadow:0 0 40px #5aff781f,inset 0 0 30px #000000e6}.mobile-term-canvas{width:100%;height:100%;display:block}.mobile-crt-fx{pointer-events:none;background:radial-gradient(#0000 55%,#0000008c 100%),repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px);animation:.12s steps(2,end) infinite crt-flicker;position:absolute;inset:0}@keyframes crt-flicker{0%{opacity:1}to{opacity:.96}}.mobile-chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:560px;display:flex}.mobile-chips button{cursor:pointer;color:#9dff9d;font-family:var(--mono);letter-spacing:.12em;background:#10140f;border:1px solid #3d4a3d;border-bottom-width:3px;border-radius:6px;padding:10px 13px;font-size:12px}.mobile-chips button:active{border-bottom-width:1px;transform:translateY(2px)}.mobile-kbd{opacity:0;border:none;width:1px;height:1px;padding:0;position:absolute}.mobile-note{color:#5a6456;letter-spacing:.12em;text-align:center;font-size:11px}