@font-face{font-family:VCR;src:url('assets/BetterVCR.ttf') format('truetype');font-display:swap}@font-face{font-family:Retro;src:url('assets/RetroGaming.ttf') format('truetype');font-display:swap}
:root{--bg:#060b0f;--paper:#e1edfa;--muted:#7791a6;--lime:#54ffa6;--pink:#ff89ec;--ink:#091219;--line:#314652;--purple:var(--pink);--pixel:VCR,'Courier New',monospace}
body{background-color:var(--bg);background-image:radial-gradient(#34505c80 .65px,transparent .65px);background-size:16px 16px;font-family:var(--pixel);-webkit-font-smoothing:none;text-rendering:optimizeSpeed}button{font-family:var(--pixel)}button:focus-visible,a:focus-visible{outline:2px solid var(--pink)}button:active{transform:translate(2px,2px)}img{image-rendering:pixelated}::selection{background:var(--pink);color:var(--ink)}.masthead{max-width:1350px;padding:24px 5%;font:9px var(--pixel);letter-spacing:.02em}.wordmark{color:var(--lime)}.wordmark:before{content:'▶ ';color:var(--pink)}.masthead button{font:10px var(--pixel);background:#0c171e;border:1px solid var(--line);padding:10px;color:#9eafbd;box-shadow:3px 3px 0 #020608}main{max-width:1280px;margin:12px auto 0;grid-template-columns:1fr 1fr;gap:8%;padding:0 7% 30px}.editorial{padding:10px 0 15px;min-width:0}.issue{font:8px/1.6 var(--pixel);letter-spacing:.03em;gap:8px;color:var(--muted)}.issue span{width:6px;height:6px;border-radius:0;background:var(--pink);box-shadow:none;animation:pxblink 2s steps(1) infinite}h1{font-family:var(--pixel);font-size:clamp(39px,4.7vw,64px);letter-spacing:-.055em;line-height:1.18;margin:23px 0 19px;text-shadow:3px 3px 0 #253241}h1 span{color:var(--pink);text-shadow:3px 3px 0 #54254a}.editorial>p{font-size:12px;line-height:1.7;letter-spacing:0;margin:20px 0;color:var(--muted)}.sprite-scene{height:250px;position:relative;border-bottom:1px solid #34505a;max-width:370px;margin-top:24px;background:repeating-linear-gradient(90deg,transparent 0 23px,#20313b38 23px 24px),repeating-linear-gradient(0deg,transparent 0 23px,#20313b38 23px 24px)}.sprite-scene:before,.sprite-scene:after{content:'';position:absolute;bottom:-3px;width:5px;height:5px;background:var(--pink)}.sprite-scene:before{left:0}.sprite-scene:after{right:0}.scene-nastya{height:220px;position:absolute;bottom:9px;left:37%;filter:drop-shadow(5px 5px 0 #000);animation:pxidle 2s steps(2) infinite}.scene-phone{position:absolute;height:82px;left:15%;top:30%;transform:rotate(-14deg);animation:pxbuzz 4s steps(2) infinite}.scene-spark{height:43px;position:absolute;left:26%;top:20%;animation:pxblink 2s steps(1) infinite}.sprite-note{position:absolute;top:7px;right:2px;font:8px/1.6 var(--pixel);text-align:right;color:#7390a2}.sprite-caption{position:absolute;bottom:20px;right:-4px;font:8px/1.5 var(--pixel);background:#0a1117;border:1px solid #3b4e5c;padding:8px;color:var(--lime);transform:rotate(-3deg)}.editorial-bottom{gap:14px;margin-top:25px;font:8px/1.8 var(--pixel);color:#738da2}.editorial-bottom img{height:37px;width:37px;object-fit:contain}.phone-shell{width:min(100%,414px)}.phone-shell:before{display:none}.phone{height:745px;border:2px solid #9ab8c9;border-radius:0;box-shadow:8px 8px 0 #172c37,10px 10px 0 #526577;background:#0b131c;clip-path:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px));outline:none}.statusbar{height:39px;padding:0 16px;font:9px var(--pixel);color:#8eb5cf;background:#162632;border-bottom:2px solid #355365}.island{font:9px var(--pixel);letter-spacing:.06em;color:var(--pink);height:auto;width:auto;border-radius:0;background:none;position:static;transform:none}.status-icons{font-size:8px}.status-icons i{height:8px;border-radius:0}.status-icons i:after{height:4px;background:var(--lime);border-radius:0}.home-indicator{bottom:0;left:0;right:0;height:12px;width:auto;transform:none;background:#14232e;border-top:1px solid #345061;border-radius:0}.home-indicator:after{content:'— — —';position:absolute;left:50%;transform:translateX(-50%);top:-4px;color:#738a9b;font-size:8px}.phone-caption{font:7px/1.5 var(--pixel);color:#688197}.phone-caption button{font:8px var(--pixel);color:#a7c3d7}footer{max-width:1280px;padding:15px 7% 25px;font:8px/1.6 var(--pixel);color:#526b7f}footer a{color:#94b1c6}.call-screen{background:#080e16;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#5e80a005 3px 4px);padding:69px 22px 35px}.call-screen:before{content:'';position:absolute;inset:56px 13px 20px;border:1px solid #294454;pointer-events:none;clip-path:polygon(0 0,22% 0,22% 1px,78% 1px,78% 0,100% 0,100% 100%,78% 100%,78% calc(100% - 1px),22% calc(100% - 1px),22% 100%,0 100%)}.call-type{font:8px var(--pixel);color:var(--lime);letter-spacing:.08em;margin:0 0 17px;text-transform:uppercase;animation:pxblink 3s steps(1) infinite}.caller-name{font-size:31px;line-height:1.35;letter-spacing:-.04em;color:var(--paper)}.caller-sub{font-size:8px;color:#7194ac;margin-top:12px}.avatar{height:190px;width:190px;margin:26px 0 0;display:flex;align-items:center;justify-content:center;border:1px dashed #31506a;border-radius:0;transform:none;box-shadow:none;background:repeating-linear-gradient(90deg,transparent 0 19px,#25415240 19px 20px),repeating-linear-gradient(0deg,transparent 0 19px,#25415240 19px 20px)}.avatar>img:first-child{height:150px;position:relative;z-index:2;transform:rotate(-13deg);animation:pxbuzz 2s steps(2) infinite;filter:drop-shadow(7px 7px 0 #03070b)}.avatar .call-spark{height:50px;position:absolute;right:9px;top:12px;animation:pxblink 1.5s steps(1) infinite}.avatar:before,.avatar:after{content:'+';font-size:16px;color:var(--pink);position:absolute;inset:auto;left:-7px;top:-9px;border:0;border-radius:0;animation:none}.avatar:after{left:auto;top:auto;right:-7px;bottom:-10px}.call-hint{color:#8ca8bb;font-size:10px;margin:22px 0 0;line-height:1.7}.call-actions{padding-top:15px}.call-action{gap:11px;font:9px var(--pixel);padding:7px 4px;color:#a6b8ca}.round-button{width:70px;height:58px;border-radius:0;background:#1b2b3a;border:2px solid #516984;box-shadow:inset 3px 3px 0 #6a7e8f40,3px 3px 0 #02070c;clip-path:polygon(0 7px,7px 7px,7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px))}.round-button svg{width:25px;height:25px;shape-rendering:crispEdges}.call-action:hover .round-button{filter:brightness(1.25);transform:translateY(-3px)}.call-action.red .round-button{background:#522539;border-color:#ba5f8d;color:#ff9db9}.call-action.green .round-button{background:#143b2c;border-color:#54ffa6;color:var(--lime);animation:none}.call-action.gray .round-button{color:#a2b7cc}.call-action.green{color:var(--lime)}.mini-label{position:static;margin-top:24px;font:6px/1.6 var(--pixel);color:#4d7088}.thread-screen{background:#080e16;color:var(--paper);padding-top:39px}.thread-screen .thread-header{gap:11px;padding:13px;background:#111e2a;border-bottom:1px solid #446075}.back{border:1px solid #365369;color:var(--lime);font-size:20px;padding:0 8px;height:30px}.tiny-avatar{width:33px;height:37px;border:1px solid #3c5b71;border-radius:0;background:#0a121c;transform:none}.tiny-avatar img{height:30px}.contact-name{font-size:10px;font-weight:400;letter-spacing:0;color:var(--pink)}.contact-sub{font-size:7px;color:#63879f;margin-top:7px}.thread-menu{font-size:20px;color:#8ea9bf}.thread-body{scrollbar-color:#5e7a91 #101b25;padding:14px 12px 10px}.thread-body .day{font-size:6px;color:#516c81;line-height:1.6;margin-bottom:16px}.system-event{font-size:8px;color:#5d829c;line-height:1.7;margin:12px 5px}.bubble{max-width:92%;font-size:10px;line-height:1.7;padding:13px 12px 22px;border:1px solid #3a536c;border-radius:0;background:#101d2a;margin:12px 0;animation:arrive .2s steps(3);box-shadow:3px 3px 0 #02080d}.bubble:before{content:'';position:absolute;left:-4px;top:10px;width:5px;height:10px;background:#739fc4}.bubble.mine{background:#251a30;border-color:#70507b;color:#f6b2ed;max-width:88%;border-radius:0}.bubble.mine:before{left:auto;right:-4px;background:var(--pink)}.bubble small{font-size:6px;color:#5b7e98;right:8px;bottom:6px}.bubble.mine small{color:#97699d}.bubble b{font-weight:400;color:var(--lime)}.attachment{background:#121a27;border:1px dashed #a274ae;border-radius:0;padding:13px;margin:12px 0 0;max-width:94%;animation:arrive .2s steps(3)}.attachment-top{align-items:flex-start;gap:10px}.file-icon{color:var(--pink);flex-shrink:0;display:block;width:32px;height:29px;background:url('assets/folder.png') center/contain no-repeat;font-size:0}.attachment strong{font-size:9px;font-weight:400;word-break:break-word;color:var(--pink);line-height:1.5}.attachment p{font-size:9px;line-height:1.8;margin:11px 0 0;color:#94b0c7}.reply-area{background:#101c27;border-top:1px solid #385167;padding:12px 12px 25px}.reply-label{font:7px var(--pixel);color:#62849f;margin:0 2px 9px;letter-spacing:.04em}.reply-choice{border:1px solid #4a637a;border-radius:0;background:#142534;color:#a3bed5;font-size:9px;line-height:1.65;padding:11px 12px;margin-top:7px;box-shadow:2px 2px 0 #03080d}.reply-choice:before{content:'> ';color:var(--pink)}.reply-choice:hover{background:#26344a;border-color:var(--pink);color:#f5b5ec;transform:none}.reply-choice:first-of-type{background:#16332c;color:var(--lime);border-color:#3d9c77}.reply-choice:first-of-type:before{color:var(--lime)}.reply-choice small{font-size:8px}.statusbar.dark{color:#8eb5cf}.queue{padding:76px 22px 30px;background:#080e16}.queue h2{font-size:25px;line-height:1.3;letter-spacing:-.05em;margin:17px 0 12px;color:var(--pink)}.queue>p{font-size:10px;line-height:1.8;color:#8aa6bc}.notification{background:#111f2d;color:#b2cbe2;padding:15px;margin-top:16px;border:1px solid #647994;border-radius:0;animation:arrive .2s steps(3);box-shadow:4px 4px 0 #03070b}.notification:before{content:'';display:block;width:30px;height:30px;background:url('assets/message.png') center/contain no-repeat;float:right;margin-left:5px}.notification small{font-size:6px;color:#6d93b3;margin-bottom:10px;line-height:1.6}.notification strong{font-size:10px;font-weight:400;color:#ebacf0;line-height:1.7}.notification p{font-size:9px;margin:8px 0 0;line-height:1.8}.queue .eyebrow{color:#76a7c8!important}.queue .system-event{color:#5b829e!important}.result,.result.soft,.result-wrong{background:#080e16;color:#a7c4db;padding:71px 23px 28px}.result .eyebrow{font:7px/1.8 var(--pixel);letter-spacing:.03em;color:#588a73}.result h2{font-size:29px;letter-spacing:-.055em;line-height:1.25;margin:19px 0 17px;color:var(--lime)}.result p{font-size:10px;line-height:1.8;margin:0 0 14px}.result-art{height:115px;margin:8px 0 15px;background:repeating-linear-gradient(90deg,transparent 0 19px,#1d3a4c40 19px 20px),repeating-linear-gradient(0deg,transparent 0 19px,#1d3a4c40 19px 20px);border:1px solid #253b49}.result-art:before{display:none}.result-art img{height:95px;animation:pxidle 3s steps(2) infinite}.result-quote{border:0;border-left:2px solid var(--lime);background:#10201e;padding:12px;margin:0 0 15px;font-size:11px;line-height:1.7;color:var(--lime)}.result-quote small{font-size:6px;color:#4a7e6c;margin-top:9px;line-height:1.6}.result .result-btn{background:#163b2b;color:var(--lime);border:1px solid #55b98a;border-radius:0;padding:13px;font-size:9px;line-height:1.5;box-shadow:2px 2px 0 #02080a}.result .result-btn.secondary,.result.soft .result-btn.secondary,.result-wrong .result-btn.secondary{background:#12202c;color:#8eabc3;border-color:#38536b}.result .result-btn:hover{border-color:var(--pink);color:var(--pink)}.result .result-note{font-size:7px;line-height:1.8;color:#4e7288;padding-top:16px}.result.soft h2{color:var(--pink)}.result.soft .eyebrow{color:#93628d}.result.soft .result-quote{border-color:var(--pink);background:#25172b;color:var(--pink)}.result.soft .result-quote small{color:#8c5d8e}.result-wrong h2{color:#ffb679}.result-wrong .result-quote{border-color:#ffb679;background:#251e1d;color:#ffc395}.result-wrong .eyebrow,.result-wrong .result-quote small{color:#967d66}.result.soft .result-btn,.result-wrong .result-btn{background:#163b2b}dialog{background:#0b151e;color:#bbd4e8;border:2px solid #93aebf;border-radius:0;padding:32px;box-shadow:8px 8px 0 #2f4254}dialog::backdrop{background:#03070ce6;backdrop-filter:none}dialog #close-info{right:12px;top:9px;background:#38243a;border:1px solid #926399;color:var(--pink);font-size:20px;padding:0 6px}.eyebrow{font:8px/1.8 var(--pixel);color:#78a0bf}dialog h2{font-size:27px;line-height:1.35;letter-spacing:-.04em;margin:22px 0;color:var(--pink)}dialog p{font-size:10px;line-height:1.85;color:#7e9db7}.info-links{gap:18px;font-size:9px;line-height:1.6;color:var(--lime)}.toast{background:#18352b;color:var(--lime);border:1px solid #51a67d;border-radius:0;font-size:10px}@keyframes pxblink{50%{opacity:.3}}@keyframes pxbuzz{0%,75%,100%{transform:rotate(-13deg)}80%,90%{transform:rotate(-19deg)}85%,95%{transform:rotate(-7deg)}}@keyframes pxidle{50%{transform:translateY(-3px)}}
@media(max-width:1050px){main{gap:5%;padding:0 5% 28px}.phone{height:710px}.phone-shell{max-width:365px}h1{font-size:48px}.issue{font-size:6px}.editorial>p{font-size:10px}.caller-name{font-size:28px}.avatar{height:165px;width:165px;margin-top:23px}.avatar>img:first-child{height:130px}.avatar .call-spark{height:42px}.scene-nastya{height:185px;left:40%}.sprite-scene{height:215px}.sprite-caption,.sprite-note{font-size:6px}.scene-phone{height:70px;left:12%}.scene-spark{height:34px;left:25%}.editorial-bottom{font-size:6px}.phone-caption{font-size:6px}.phone-caption button{font-size:7px}.result h2{font-size:25px}.result-art{height:95px}.result-art img{height:85px}.result p{font-size:9px}.result .result-btn{font-size:8px}.result .result-note{font-size:6px}}
@media(max-width:720px){.masthead{display:flex;padding:14px 17px;font-size:6px}.masthead button{font-size:7px;padding:7px}.editorial{display:none}main{display:block;margin:6px auto 0;padding:0 13px 20px;max-width:470px}.phone-shell{width:100%;max-width:none}.phone{height:calc(100dvh - 110px);min-height:635px;max-height:850px;box-shadow:4px 4px 0 #1d3547;border:2px solid #8aa6ba;width:100%}.phone-caption{display:flex;font-size:6px;margin-top:16px}.phone-caption button{font-size:7px}footer{display:flex;font-size:6px;padding:5px 17px 20px;gap:15px}footer>span{max-width:220px}.call-screen{padding:71px 22px 30px}.caller-name{font-size:30px}.avatar{height:170px;width:170px;margin-top:26px}.avatar>img:first-child{height:137px}.call-hint{margin-top:24px;font-size:10px}.round-button{width:71px;height:59px}.call-action{font-size:8px;gap:11px}.mini-label{font-size:6px;margin-top:20px}.thread-screen{padding-top:39px}.thread-body{padding:13px 11px}.bubble{font-size:10px;line-height:1.75}.reply-choice{font-size:9px;padding:11px}.reply-area{padding:11px 11px 24px}.reply-label{font-size:7px}.contact-name{font-size:10px}.result{padding:66px 20px 27px}.result h2{font-size:28px}.result p{font-size:10px}.result .result-note{font-size:7px}.result-art{height:110px}.result-art img{height:100px}.result .result-btn{padding:12px;font-size:9px}.queue{padding:70px 22px 30px}.queue h2{font-size:28px}.notification{padding:15px}.queue>p{font-size:10px}.result .eyebrow{font-size:7px}.phone .statusbar{height:39px;padding:0 13px;font:8px var(--pixel)}.island{display:block}.home-indicator{bottom:0}.status-icons{font-size:7px}dialog{padding:25px}dialog h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
