/* Visual direction: a seat inside the office, with a floating translation terminal. */
body{background:#131c1b;color:#f4f4f1;overflow-x:hidden}header{position:absolute;top:0;left:0;right:0;width:auto;max-width:none;margin:0;padding:21px 4vw;z-index:5;border:0;background:linear-gradient(#0a1211b0,transparent)}.brand{font-size:15px;text-shadow:0 2px 15px #0008}.brand-mark{color:#f0784f;font-size:31px}.brand small{font-size:7px;color:#d6dace}#sound{color:#f1eee3;background:#152523a8;border:1px solid #c4d6cb50;box-shadow:3px 3px 0 #09120f60;backdrop-filter:blur(10px)}main{max-width:none;padding:0;position:relative}.heading{position:absolute;z-index:3;top:103px;left:5vw;right:5vw;margin:0;display:block;pointer-events:none}.heading .eyebrow{color:#ffc499;letter-spacing:.15em;font-size:9px}.heading h1{font-size:clamp(32px,3.6vw,57px);text-shadow:0 3px 24px #070d0bd0;font-weight:850;line-height:1.2;letter-spacing:-.04em}.heading h1 br{display:block}.heading h1 em{color:#ffbd8e}.intro{position:absolute;right:0;top:6px;color:#e1ded2;text-align:right;font-size:12px;text-shadow:0 2px 10px #000}.intro span{font:9px var(--mono);color:#c6d3cc;margin-top:10px}.game-shell{position:relative;display:block;min-height:760px;height:100svh;max-height:1150px;border:0;box-shadow:none;background:#18221f;overflow:hidden;isolation:isolate}.scene{position:absolute;inset:0;min-height:0;height:100%;overflow:hidden;background:#18221f}.scene>img.room-pose,.scene>img.planet-drift{position:absolute;inset:-1.5%;width:103%;height:103%;object-fit:cover;object-position:50% 50%;transform:translate(var(--px,0px),var(--py,0px)) scale(1.015);filter:none;animation:none;transition:opacity .58s ease,transform 1s ease;pointer-events:none}.scene>img.room-pose{opacity:0}.scene>img.room-pose.active{opacity:1}.scene:after{z-index:1;background:linear-gradient(90deg,#03141025,transparent 48%,#09171230),linear-gradient(#07121080,transparent 35%,transparent 70%,#0a1817dc);box-shadow:inset 0 0 140px #06141170}.scene-top{left:5vw;right:auto;bottom:28px;top:auto;gap:22px;color:#cad2c8;font-size:9px;z-index:4}.scene-bottom{left:5vw;bottom:78px;right:auto;align-items:flex-start;flex-direction:column;gap:9px;z-index:4}.name{font-size:16px;letter-spacing:.06em;text-shadow:0 2px 12px #000}.name small{font-size:9px;font-weight:400;letter-spacing:0}#scene-label{background:#122624c9;border:1px solid #a1c2b270;box-shadow:3px 3px 0 #07131080;backdrop-filter:blur(10px);max-width:240px;padding:5px 9px;color:#dce9ce;font-size:9px}.live i{background:#d0f2ac}.console{position:absolute;right:5vw;top:50%;transform:translateY(-29%);width:min(440px,39vw);padding:0 25px 23px;max-height:calc(100% - 255px);overflow:auto;color:#172620;background:#f5f2e9ef;border:1px solid #faf9eeab;border-radius:3px;box-shadow:0 25px 60px #03110f55,6px 6px 0 #121f1c50,inset 0 0 0 4px #fffffa80;backdrop-filter:blur(15px);z-index:4;scrollbar-width:thin;transition:opacity .23s,translate .3s;outline:1px solid #13221c40;outline-offset:5px}.console:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(transparent 0 3px,#7187710a 3px 4px)}.terminal-label{margin:0 -25px 18px;padding:12px 17px;background:#142a25;color:#b8d7c5;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.11em;border-bottom:3px solid #de613d}.roundline{margin-bottom:17px;padding-bottom:12px;color:#53675a;font-size:9px;border-color:#b5bfae}#dots i{width:7px;height:7px;background:#c3c9b9}#dots i.done{background:#49654e}#dots i.current{background:#e84a2a}.speaker{font-size:10px}.console h2{font-size:clamp(21px,1.9vw,27px);font-weight:750;line-height:1.55;margin-bottom:8px}.aside{color:#566356;font-size:11px;margin-bottom:18px}.option{border:1px solid #91a087;background:#fffdf4c7;box-shadow:3px 3px 0 #9eaa9745;min-height:58px;font-size:12px;padding:10px 12px;gap:10px;position:relative}.option b{background:#e4eadb;border:0;color:#365745;font-size:11px;width:23px;height:23px}.option:hover{background:#fff8e9;border-color:#ce5a35;box-shadow:3px 3px 0 #ce5a3540}.hint{font-size:9px;color:#667061;margin:15px 0 0}.primary{background:#ce492b;border-color:#ce492b;box-shadow:4px 4px 0 #94402540}.reaction-label{background:#e7eadc;color:#366150;font-size:10px;padding:5px 8px;margin-bottom:13px}#reply{font-size:clamp(23px,2.15vw,30px);line-height:1.6}.translator{border-color:#bac2b2;padding:13px 0;margin:18px 0 8px}.translator span{font-size:12px;color:#596355}.translator p{color:#536d51}#next{margin-top:8px}.effect{inset:auto;left:25%;bottom:14%;width:25%;padding:0;justify-content:flex-start;z-index:3;transform:rotate(-3deg)}.effect-badge{font-size:14px;background:#e2e9d9ed;border:1px solid #8aa58b;padding:9px 14px;box-shadow:4px 4px 0 #07171180;backdrop-filter:blur(8px);max-width:100%}.effect-badge small{font-size:7px;color:#46614d}.short-reaction{position:absolute;left:7%;top:39%;max-width:25%;padding:12px 17px;z-index:4;color:#17362c;background:#f4f3ddf0;border:1px solid #fff8dc;box-shadow:5px 5px 0 #10251e70;font-size:14px;line-height:1.65;transform:rotate(-3deg);animation:bubble-in .4s .12s both}.short-reaction:after{content:'';position:absolute;bottom:-10px;right:28px;border-width:10px 0 0 13px;border-style:solid;border-color:#f4f3dd transparent transparent transparent}.scene .short-reaction{top:auto;bottom:28%;left:4%;max-width:29%}.scene.pressure>img,.scene.reacting>img{animation:none;transform:translate(var(--px,0px),var(--py,0px)) scale(1.015)}.scene.meeting #pose-neutral,.scene.tools #pose-neutral,.scene.document #pose-neutral{transform:translate(var(--px,0px),var(--py,0px)) scale(1.035)}.scene>img.planet-drift{z-index:1;clip-path:ellipse(11% 16% at 14% 20%);opacity:.65;animation:planet-orbit 22s ease-in-out infinite;mix-blend-mode:normal}.star-drift{position:absolute;inset:0;z-index:1;pointer-events:none;clip-path:ellipse(19% 28% at 17% 15%);background:radial-gradient(circle at 10% 20%,#e8ffef 0 1px,transparent 2px),radial-gradient(circle at 23% 29%,#c5ecff 0 1px,transparent 2px),radial-gradient(circle at 5% 14%,#fff 0 1px,transparent 2px);background-size:310px 280px,270px 350px,370px 300px;opacity:.4;animation:star-shift 50s linear infinite}.lamp-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 93% 52%,#ffbd5638,transparent 18%),radial-gradient(ellipse at 83% 92%,#ff9f3925,transparent 36%);z-index:1;mix-blend-mode:screen;animation:lamp-breathe 6s ease-in-out infinite;pointer-events:none}.screen-glow{position:absolute;left:8%;top:36%;width:11%;height:14%;border-radius:40%;background:radial-gradient(#83eeb821,transparent 70%);z-index:1;mix-blend-mode:screen;animation:lamp-breathe 4.3s ease-in-out infinite}.dust{position:absolute;inset:0;pointer-events:none;background:radial-gradient(#efce9455 0 1px,transparent 2px) 0 0/270px 260px;z-index:1;opacity:.35;animation:star-shift 60s linear infinite}.desk-paper{position:absolute;bottom:15%;left:7%;width:11%;height:2px;background:#f0dbb964;box-shadow:0 3px #ffe1b020;z-index:1;animation:paper-lift 7s ease-in-out infinite}#question-panel{animation:terminal-in .4s both}#options .option{animation:terminal-in .35s both}#options .option:nth-child(2){animation-delay:.055s}#options .option:nth-child(3){animation-delay:.11s}#reaction-panel{animation:terminal-in .4s .28s both}.game-shell.departing .console{opacity:0;translate:0 14px}.game-shell.choosing .option:not(.picked){opacity:.35}.game-shell.choosing .option.picked{background:#e6efd8;box-shadow:3px 3px 0 #39543a55;border-color:#436e46;translate:2px 2px}.game-shell.choosing .console{opacity:.85}.effect-pixel{width:5px;height:5px;background:#e3ebbb}.is-result .heading{display:none}.is-result header{position:relative;background:#13211e}.is-result{background:radial-gradient(ellipse at 20% 0%,#29443a,transparent 60%),#101a18}.is-result main{padding:30px 5vw 0}.result-layout{max-width:1140px;margin:auto;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:50px;align-items:center}.offer{padding:0 28px 22px;background:#edeede;color:#19281f;border:1px solid #b8c8ad;box-shadow:8px 8px 0 #01070570;border-radius:2px}.offer:after{display:none}.result-portrait{height:230px;margin:0 -28px;position:relative;overflow:hidden;background:#27382d}.result-portrait img{width:100%;height:100%;object-fit:cover;object-position:28% 38%;transform:scale(1.6);transform-origin:28% 42%}.result-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#10251bd9)}.result-portrait>span{position:absolute;bottom:14px;left:28px;font:8px var(--mono);letter-spacing:.13em;z-index:1;color:#d4e6bd}.offer-top{font:8px var(--mono);border-bottom:1px solid #a8b89d;padding:15px 0 10px;margin:0;color:#51624d}.stamp{top:210px;right:23px;z-index:2;background:#edeede;font-size:23px;border:3px double #bc442d;color:#bc442d;padding:4px 13px;box-shadow:3px 3px 0 #12211120}.offer .eyebrow{margin:18px 0 4px;font-size:9px;color:#a6422b}.offer h2{font-size:clamp(27px,3vw,39px);margin:0 0 8px}.offer>p:not(.eyebrow){font-size:12px;max-width:none;line-height:1.6;margin-bottom:15px;color:#5c6556}.result-meters{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid #b3beaa;padding:13px 0}.result-meters>div{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.result-meters span{font-size:10px;color:#5c6d53}.result-meters strong{font:700 23px var(--mono);color:#355c3e}.pixel-meter{grid-column:1/-1;height:7px;background:#cfd5c3}.pixel-meter i{display:block;height:100%;background:repeating-linear-gradient(90deg,#3c6542 0 7px,transparent 7px 10px);transition:width .6s}.inverse i{background:repeating-linear-gradient(90deg,#c05b37 0 7px,transparent 7px 10px)}.hardest{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px dashed #b3beaa;align-items:center}.hardest span,.hr-comment>span{font:9px var(--mono);color:#64755b}.hardest strong{font-size:13px;color:#aa442c}.hr-comment{margin-top:12px}.hr-comment p{font-size:14px;line-height:1.7;font-weight:650;margin:4px 0;color:#283c2a}.offer blockquote{margin:12px 0 0;font-size:11px;color:#6b735f;border:0;padding:0;font-weight:400}.offer-foot{font-size:8px;margin-top:17px;color:#6f7c64}.result-side{color:#e4ead9}.result-side>.eyebrow{color:#e9ad82;font-size:9px}.result-side h3{font-size:25px}.recap-item{border-color:#485748;padding:17px 0}.recap-item p{font-size:13px;color:#dde6d5}.recap-item small{font-size:12px;color:#a5b29b}.recap-item span{color:#e89970}.secondary{background:transparent;border-color:#7b907b;color:#e1e8d9}.text-button{color:#bfccb7}.service{max-width:1140px;margin:35px auto 0;background:#172a21;border:1px solid #455941;padding:24px 28px}.service h3{font-size:21px;color:#e0e8d5}.service .eyebrow{color:#e89a6d}.service p:not(.eyebrow){font-size:12px;color:#a9b79d}.result-disclaimer{color:#8e9f86;font-size:9px}.is-result #status{color:#b7c5ac}footer{background:#101b18;margin:0;padding:15px 5vw;font-size:9px;color:#80917f}.is-result footer{padding-inline:0}.scene,.console{--px:0px;--py:0px}@keyframes planet-orbit{50%{transform:translate(calc(var(--px,0px) + 3px),calc(var(--py,0px) - 5px)) scale(1.02)}}@keyframes star-shift{to{background-position:70px -100px,40px -80px,60px -100px}}@keyframes lamp-breathe{50%{opacity:.5}}@keyframes paper-lift{50%{translate:0 -2px;opacity:.4}}@keyframes terminal-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bubble-in{from{opacity:0;transform:translateY(12px) rotate(-3deg) scale(.95)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}
@media(min-width:1500px){.console{width:465px;padding:0 29px 27px;transform:translateY(-24%)}.terminal-label{margin-inline:-29px}.option{font-size:13px;padding:14px}.console h2{font-size:28px}.heading{top:120px}.game-shell{min-height:820px}.aside{margin-bottom:24px}}
@media(max-width:1050px) and (min-width:721px){.console{right:4vw;width:42vw;padding:0 20px 20px;transform:translateY(-21%)}.terminal-label{margin-inline:-20px}.console h2{font-size:22px}.option{font-size:11px;padding:10px}.heading h1{font-size:38px}.intro{font-size:10px}.game-shell{min-height:790px}.short-reaction{font-size:12px}.scene>img.room-pose,.scene>img.planet-drift{object-position:43% 50%}.result-layout{gap:25px}.result-meters{gap:12px}}
@media(max-width:720px){header{width:auto;padding:17px 20px}.brand{font-size:12px}.brand small{font-size:6px}.brand-mark{font-size:26px}#sound{font-size:9px;padding:7px 9px;min-height:34px}.heading{left:22px;right:22px;top:88px}.heading h1{font-size:33px}.heading .eyebrow{font-size:7px;max-width:200px}.intro{top:9px;font-size:9px;max-width:106px}.intro span{font-size:7px;line-height:1.6;max-width:105px}.game-shell{height:auto;min-height:1020px;max-height:none;padding-top:530px;padding-bottom:56px}.scene{height:100%;min-height:0}.scene>img.room-pose,.scene>img.planet-drift{height:670px;width:1220px;max-width:none;inset:0 auto auto 50%;margin-left:-440px;object-fit:cover;object-position:center;transform:scale(1.025);transform-origin:35% 45%}.scene:after{background:linear-gradient(#07121055,transparent 30%,transparent 47%,#11241f 69%);box-shadow:inset 0 0 80px #07120d40}.scene-top{left:23px;bottom:18px;font-size:7px;gap:13px}.scene-bottom{bottom:auto;top:476px;left:23px;right:23px;flex-direction:row;align-items:center}.name{font-size:13px}.name small{font-size:7px}#scene-label{font-size:7px;max-width:139px}.console{position:relative;top:auto;right:auto;transform:none;width:auto;max-height:none;margin:0 20px;padding:0 20px 20px;overflow:visible;backdrop-filter:blur(8px);background:#edf0e1f5}.terminal-label{margin-inline:-20px;font-size:7px;margin-bottom:14px}.roundline{font-size:9px}.console h2{font-size:22px}.aside{font-size:11px;margin-bottom:16px}.option{font-size:12px;padding:10px 12px;min-height:60px}.scene .short-reaction{bottom:auto;top:392px;left:20px;max-width:67%;font-size:12px;padding:8px 13px}.effect{left:auto;right:20px;bottom:auto;top:287px;width:auto;max-width:39%}.effect-badge{font-size:11px;padding:8px 10px}.effect-badge small{font-size:6px}.star-drift{clip-path:ellipse(45% 18% at 27% 19%)}.lamp-glow{background:radial-gradient(ellipse at 90% 35%,#ffbd5630,transparent 25%)}.screen-glow{top:220px;left:3%;width:28%;height:90px}.desk-paper{display:none}.game-shell.departing .console{translate:0 8px}.scene.meeting #pose-neutral,.scene.tools #pose-neutral,.scene.document #pose-neutral{transform:scale(1.045)}.is-result header{position:relative}.is-result main{padding:18px 19px 0}.result-layout{display:block}.result-portrait{height:205px}.offer{padding:0 21px 18px;box-shadow:5px 5px 0 #01070570}.result-portrait{margin-inline:-21px}.result-portrait>span{left:21px}.offer-top{font-size:7px}.stamp{top:188px;font-size:20px}.offer .eyebrow{margin-top:16px}.offer h2{font-size:30px}.offer>p:not(.eyebrow){font-size:11px}.result-meters{padding:11px 0;gap:15px}.result-meters span{font-size:8px}.result-meters strong{font-size:23px}.hr-comment p{font-size:13px}.hardest strong{font-size:12px}.offer blockquote{font-size:10px}.result-side{padding-top:35px}.result-side h3{font-size:23px}.service{margin-top:17px;padding:22px}.service h3{font-size:20px}.service .primary{align-self:stretch}footer{padding:15px 22px;gap:4px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.scene>img.room-pose,.scene>img.planet-drift{transform:none!important}.game-shell.departing .console{opacity:1;translate:none}.scene .short-reaction{animation:none}.room-pose,.console{transition:none!important}}