@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,Arial,sans-serif;color:#fff;background:#11130f;font-size:16px;--yellow:#f8c224;--ink:#111713;--green:#203b2d}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}[hidden]{display:none!important}.game{position:fixed;inset:0;overflow:hidden;background:#141912}.office{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#9c9782 0 66%,#38372f 66%);perspective:1100px}.wall{position:absolute;inset:0 0 33%;background:linear-gradient(110deg,#6c6d5c 0%,#b1ac92 48%,#8e8b76 100%)}.wall:after{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;background:#525344;box-shadow:0 4px 8px #0004}.window{position:absolute;left:4%;top:7%;width:34%;height:45%;border:15px solid #d7d5c6;border-bottom-width:20px;background:linear-gradient(#9fc5d7,#dae0d2);box-shadow:0 4px 25px #0004,inset 0 0 20px #0003;overflow:hidden}.window i{position:absolute;left:50%;top:0;width:11px;height:100%;background:#d7d5c6;z-index:4}.window b{position:absolute;left:0;top:54%;height:10px;width:100%;background:#d7d5c6;z-index:4}.skyline{position:absolute;inset:30% 0 0;background:linear-gradient(90deg,transparent 3%,#8e9b98 3% 17%,transparent 17% 21%,#96a49e 21% 45%,transparent 45% 50%,#7f8e8b 50% 67%,transparent 67% 72%,#a1aaa0 72%);clip-path:polygon(0 40%,15% 32%,20% 41%,38% 42%,40% 0,50% 0,52% 36%,63% 35%,68% 53%,79% 54%,82% 23%,89% 23%,100% 46%,100% 100%,0 100%)}.crane{position:absolute;left:58%;top:11%;width:7px;height:57%;background:#596e71}.crane:before{content:"";position:absolute;left:-120px;top:0;width:190px;height:7px;background:#596e71}.crane:after{content:"";position:absolute;left:-111px;top:7px;width:1px;height:48px;background:#596e71}.site-poster{position:absolute;right:6%;top:8%;width:16%;padding:20px 24px;background:#e5deba;color:#29382e;transform:rotate(1deg);box-shadow:2px 4px 16px #0004;font-family:'Barlow Condensed',sans-serif}.site-poster:before,.site-poster:after{content:"";position:absolute;top:-5px;width:38px;height:14px;background:#c5bb8d99}.site-poster:before{left:12px;transform:rotate(-8deg)}.site-poster:after{right:12px;transform:rotate(9deg)}.site-poster strong{display:block;font-size:clamp(20px,2vw,36px);letter-spacing:.04em}.site-poster span{display:block;font-weight:600}.site-poster small{display:block;margin-top:12px;border-top:1px solid #29382e55;padding-top:6px}.door{position:absolute;left:1.5%;top:26%;width:18%;height:48%;background:#62695c;border:10px solid #444a42;box-shadow:inset 0 0 0 2px #858c7e,8px 6px 16px #0005}.door>span{position:absolute;top:12%;left:12%;right:12%;text-align:center;color:#dadcc8;font:700 13px 'Barlow Condensed';border:1px solid #a9af9d;padding:7px}.door i{position:absolute;right:10%;top:48%;width:13px;height:13px;border-radius:50%;background:#d9c588;box-shadow:0 1px 4px #000}.lamp{position:absolute;right:3.5%;top:34%;width:11%;height:27%}.lamp i{position:absolute;right:20%;bottom:0;width:8px;height:90%;background:#32372e;transform:rotate(20deg);transform-origin:bottom}.lamp b{position:absolute;right:5%;top:0;width:70%;height:30%;background:#2c392f;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);border-bottom:8px solid #111}.lamp span{position:absolute;bottom:0;right:0;width:70%;height:10px;background:#252a23;border-radius:50%}.desk{position:absolute;left:-4%;right:-4%;bottom:-12%;height:38%;background:linear-gradient(100deg,#6b452a,#a27142 36%,#8a5b34 65%,#5c3c27);transform:rotateX(7deg);box-shadow:0 -10px 30px #0008}.desk:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(2deg,transparent 0 11px,#2e17080b 12px 13px)}.desk-edge{height:18px;background:#55341f;box-shadow:0 4px 8px #0005}.paper{position:absolute;left:12%;top:-11%;width:25%;height:71%;background:#eae9db;transform:rotate(-10deg);box-shadow:1px 4px 10px #0005;background-image:linear-gradient(90deg,transparent 49%,#6d9aaa55 50% 51%,transparent 51%),linear-gradient(transparent 49%,#6d9aaa55 50% 51%,transparent 51%);background-size:30px 30px}.coffee{position:absolute;right:12%;top:4%;height:80px;width:80px;border-radius:0 0 20px 20px;background:#e4e0cf;color:#41493e;text-align:center;padding-top:26px;font:700 11px 'Barlow Condensed';box-shadow:3px 8px 12px #0005}.coffee:before{content:"";position:absolute;left:8px;right:8px;top:-7px;height:18px;border-radius:50%;background:#342015;border:5px solid #e4e0cf}.coffee i{position:absolute;right:-25px;top:12px;width:34px;height:40px;border:9px solid #e4e0cf;border-left:0;border-radius:0 25px 25px 0}.keyboard{position:absolute;left:42%;top:27%;width:26%;height:33%;border-radius:7px;background:repeating-linear-gradient(90deg,#30322e 0 18px,#565950 18px 20px),repeating-linear-gradient(#30322e 0 12px,#565950 12px 14px);background-size:20px 14px;border:5px solid #30322e;transform:skewX(-8deg);box-shadow:4px 7px 9px #0005}.mouse{position:absolute;left:71%;top:33%;width:42px;height:64px;border-radius:45%;background:#383b35;box-shadow:3px 5px 8px #0005}.monitor{position:absolute;left:43%;top:35%;width:44%;height:41%;z-index:3;cursor:pointer;transition:all .5s cubic-bezier(.2,.75,.25,1);filter:drop-shadow(0 16px 18px #0007)}.monitor-frame{position:absolute;inset:0;background:#171b18;border:11px solid #242823;border-radius:10px;overflow:hidden}.monitor-neck{position:absolute;top:100%;left:44%;width:12%;height:30px;background:linear-gradient(90deg,#232620,#45483f,#232620)}.monitor-foot{position:absolute;top:calc(100% + 24px);left:33%;width:34%;height:12px;background:#292c27;border-radius:50%}.desktop{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 25%,#264e62,#112531 70%);color:#fff}.desktop strong{font-size:clamp(40px,5vw,80px);color:#a9d1e7}.desktop b{font-size:clamp(18px,2.4vw,38px)}.desktop span{position:absolute;bottom:10%;font-size:11px;color:#9bb2bd;text-transform:uppercase;letter-spacing:.1em}.stage-title .office{filter:brightness(.35) saturate(.4);transform:scale(1.04)}.stage-monitor .monitor{inset:0;width:100%;height:100%;cursor:default;filter:none}.stage-monitor .monitor-frame{border:0;border-radius:0}.stage-monitor .monitor-neck,.stage-monitor .monitor-foot{display:none}.stage-monitor .office{perspective:none}.stage-monitor .desk,.stage-monitor .worker,.stage-monitor .lamp{display:none}.computer{width:100%;height:100%;background:#f4f5f2;color:#18201b;font-family:Inter,sans-serif}.computer>header{height:7.5%;min-height:52px;background:#153a36;color:white;display:flex;align-items:center;padding:0 3vw;gap:12px}.computer>header strong{font-size:26px;color:#b9dacd}.computer>header b{font-size:20px}.computer>header>span{font-size:12px;opacity:.65}.computer>header i{margin-left:auto;font-style:normal;font-size:10px;letter-spacing:.09em;color:#a8edc7}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr);height:92.5%;max-width:1800px;margin:auto}.drawing{min-width:0;background:#e5e9e7;padding:16px 20px;display:flex;flex-direction:column}.drawing h3{font-size:12px;margin:0 0 12px;font-weight:600;display:flex;justify-content:space-between}.drawing h3 span{font-size:10px;color:#4d665a;background:#d1dad4;padding:4px 7px;border-radius:3px}.drawing img{min-height:0;flex:1;width:100%;object-fit:contain;mix-blend-mode:multiply}.ask-panel{background:#fff;padding:clamp(20px,3vh,40px) clamp(22px,2.7vw,50px);display:flex;flex-direction:column;gap:15px;box-shadow:-5px 0 25px #0001}.eyebrow{font:700 11px 'Inter';letter-spacing:.17em;color:#537164}.ask-panel h2{font-size:clamp(21px,2vw,32px);letter-spacing:-.035em;margin:0 0 5px;line-height:1.1}.ask-panel label{font-size:11px;font-weight:700;color:#536058}.query{padding:13px 15px;background:#f4f6f3;border-left:3px solid #5a7a6b;color:#26382e;font-size:13px;line-height:1.5}.primary{border:0;background:#173f35;color:#fff;padding:14px 18px;font-weight:700;text-align:center;border-radius:4px;transition:background .15s,transform .15s}.primary:hover{background:#25594c;transform:translateY(-1px)}.primary kbd{float:right;background:#ffffff1c}.trust{margin-top:auto;background:#f0f4f1;padding:15px;display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.5}.trust span{color:#5d6b63}.loading{font-size:13px;color:#4c665b;display:flex;gap:10px;align-items:center}.loading i,.sim-spinner{width:18px;height:18px;border:2px solid #cdd8d1;border-top-color:#245444;border-radius:50%;animation:spin .7s linear infinite}.error{font-size:12px;color:#a33228}.answer{display:flex;flex-direction:column;gap:14px}.answer-badge{font-size:10px;font-weight:700;letter-spacing:.09em;color:#1c724d;background:#e6f5ec;padding:6px 9px;border-radius:4px;align-self:flex-start}.answer-value{font-size:clamp(60px,7vw,110px);font-weight:800;line-height:.9;letter-spacing:-.07em;color:#143e32;display:flex;align-items:baseline;gap:15px}.answer-value small{font-size:15px;font-weight:500;letter-spacing:0;color:#58635b}.answer p{font-size:12px;line-height:1.6;color:#5c685f;margin:0}.proof{display:flex;flex-wrap:wrap;gap:5px}.proof span{font-size:9px;background:#f0f3f0;padding:5px 7px;border-radius:3px}.worker{position:absolute;z-index:2;left:19%;bottom:20%;width:clamp(180px,22vw,380px);height:68%;animation:enter 1.25s cubic-bezier(.18,.7,.22,1) both;transform-origin:bottom}.worker svg{width:100%;height:100%;filter:drop-shadow(10px 12px 12px #0005)}.worker-tag{position:absolute;left:4%;top:19%;background:#0d1719dc;border-left:3px solid var(--yellow);padding:7px 12px;display:flex;flex-direction:column;transform:rotate(-2deg);box-shadow:2px 3px 8px #0004}.worker-tag b{font:800 20px 'Barlow Condensed';text-transform:uppercase}.worker-tag span{font-size:9px;color:#d4d8d1}.stage-office .worker{animation:enter 1.25s cubic-bezier(.18,.7,.22,1) both}.stage-dismiss .worker{animation:leave .8s ease-in both}.stage-monitor .worker{display:none}.hud{position:absolute;z-index:7;top:26px;left:28px;display:flex;flex-direction:column;text-shadow:0 2px 4px #0008;pointer-events:none}.hud>span{font:700 11px 'Inter';letter-spacing:.16em;color:var(--yellow)}.hud>b{font:700 22px 'Barlow Condensed';margin:5px 0}.hud>small{font:600 10px 'Inter';letter-spacing:.08em}.clock{position:absolute;z-index:7;right:28px;top:26px;display:flex;flex-direction:column;align-items:flex-end;text-shadow:0 2px 4px #0008;pointer-events:none}.clock b{font:700 24px 'Barlow Condensed'}.clock span{font-size:9px;letter-spacing:.14em;color:#f7d661}.sound{position:absolute;z-index:8;right:26px;top:87px;border:1px solid #ffffff33;color:#fff;background:#151c15aa;border-radius:3px;padding:6px 10px;font-size:10px}.minimap{position:absolute;z-index:7;left:27px;bottom:25px;width:100px;height:100px;border:4px solid #c8c8a866;border-radius:50%;background:#293b2ddd;box-shadow:0 3px 12px #0008;overflow:hidden}.minimap>div{position:absolute;inset:-25px;background:linear-gradient(45deg,transparent 46%,#798773 46% 53%,transparent 53%),linear-gradient(-15deg,transparent 45%,#798773 45% 51%,transparent 51%)}.minimap i{position:absolute;top:4px;left:45px;font:700 9px 'Inter';color:#fff}.minimap b{position:absolute;left:45px;top:42px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:17px solid var(--yellow);filter:drop-shadow(0 1px 2px #000)}.dialogue{position:absolute;z-index:8;left:50%;transform:translateX(-50%);bottom:8%;width:min(730px,70%);background:linear-gradient(90deg,transparent,#07100eef 8% 92%,transparent);padding:18px 55px;text-align:center;text-shadow:0 2px 3px #000}.dialogue b{font:800 17px 'Barlow Condensed';letter-spacing:.06em;color:var(--yellow);text-transform:uppercase}.dialogue p{font-size:clamp(17px,1.65vw,25px);font-weight:600;margin:5px 0;line-height:1.4}.manager-line{bottom:7%;min-width:610px}.manager-line b{color:#b6d3c4}.next{border:1px solid #f8c22488;color:var(--yellow);background:#18251be6;padding:8px 18px;margin-top:10px;font-size:12px;font-weight:700}.use{position:absolute;z-index:8;right:6%;bottom:7%;border:1px solid #ffffff44;background:#111b15dd;color:#fff;padding:10px 14px;border-radius:4px;font-size:12px}.use kbd,.monitor-help kbd{background:#e4e7df;color:#1c2920;padding:4px 7px;border-radius:3px;margin-right:7px;box-shadow:0 2px 0 #8a9388}.monitor-help{position:absolute;z-index:12;bottom:14px;left:22px;font-size:10px;color:#48574e}.monitor-help span{margin-left:22px;letter-spacing:.08em;color:#78857c}.intro,.complete{position:absolute;z-index:20;inset:0;background:linear-gradient(90deg,#090e0aea 0 45%,#090e0a4a 75%,#090e0a99),radial-gradient(circle at 80% 40%,#39483333,transparent 60%)}.grain{position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.intro-content{position:absolute;left:8%;top:50%;transform:translateY(-50%);max-width:610px}.edition{display:inline-block;font:700 11px 'Inter';letter-spacing:.32em;color:#d5decf;border-bottom:2px solid var(--yellow);padding-bottom:10px;margin-bottom:18px}.intro h1{font:italic 900 clamp(78px,10vw,162px)/.72 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.04em;margin:0;color:#f4f1dc;text-shadow:5px 5px 0 #172017,8px 8px 0 #0b0e0a;transform:skewY(-2deg)}.intro h2{font:800 clamp(20px,2.7vw,40px) 'Barlow Condensed';letter-spacing:.12em;color:var(--yellow);margin:28px 0 18px}.intro p{font-size:clamp(13px,1.1vw,17px);line-height:1.65;color:#d2d7ce}.start{display:flex;justify-content:space-between;align-items:center;gap:50px;border:0;border-radius:2px;background:var(--yellow);color:#141a13;font:800 18px 'Barlow Condensed';letter-spacing:.04em;text-transform:uppercase;padding:15px 22px;margin-top:26px;box-shadow:4px 4px 0 #070a07;transition:transform .15s,box-shadow .15s}.start:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #070a07}.start span{font-size:26px}.intro-content>small{display:block;margin-top:16px;font-size:9px;color:#8c998b;letter-spacing:.08em}.age{position:absolute;right:5%;bottom:5%;width:68px;height:68px;border:2px solid #d8d9c4;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 25px 'Barlow Condensed';transform:rotate(-8deg)}.age span{position:absolute;top:72px;white-space:nowrap;font:500 9px 'Inter';letter-spacing:.08em;color:#c6cabc}.complete{background:#0b110deF}.complete-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:min(800px,90%)}.complete h1{font:900 clamp(60px,8vw,110px) 'Barlow Condensed';margin:8px 0 30px;color:#f1f1df;letter-spacing:-.04em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#52645255;margin:20px 0}.stats>div{padding:20px;background:#101a13;display:flex;flex-direction:column}.stats b{font:800 38px 'Barlow Condensed';color:var(--yellow)}.stats span{font-size:10px;color:#b3bdb2}.complete p{color:#bcc8ba;line-height:1.7}.complete .start{margin:26px auto}.stage-monitor .hud,.stage-monitor .clock,.stage-monitor .minimap,.stage-monitor .sound{display:none}@keyframes enter{0%{transform:translateX(-70vw) translateY(12px) rotate(-3deg);opacity:.6}100%{transform:translateX(0) translateY(0);opacity:1}}@keyframes leave{0%{transform:translateX(0);opacity:1}100%{transform:translateX(-70vw) rotate(-4deg);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.monitor{left:39%;width:55%}.worker{left:10%;width:31vw}.site-poster{display:none}.workspace{grid-template-columns:1fr 360px}.drawing{padding:12px}.hud{top:16px;left:16px}.clock{top:16px;right:16px}.minimap{width:75px;height:75px;left:16px}.minimap i{left:32px}.minimap b{left:32px;top:30px}.dialogue{bottom:5%;padding:15px 30px}.intro-content{left:7%}.use{bottom:3%}}
@media(max-height:650px){.ask-panel{gap:9px;padding-top:16px;padding-bottom:16px}.answer{gap:8px}.answer-value{font-size:58px}.trust{margin-top:0}.intro h1{font-size:80px}.intro h2{margin:20px 0 8px}.intro-content{top:48%}.start{margin-top:15px}.dialogue{bottom:3%}.worker{height:70%}}