@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600&display=swap";:root{color:#dbe8e1;font-synthesis:none;background:#071417;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{width:100vw;height:100vh;display:block}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:5px;outline:2px solid #ceefa5}[hidden]{display:none!important}header,footer{z-index:5;letter-spacing:2px;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:fixed;left:3.8vw;right:3.8vw}header{top:30px}footer{color:#92aba6;font-size:10px;bottom:22px}.brand{letter-spacing:3px;font-size:14px;font-weight:600}.line{color:#16322e;letter-spacing:0;background:#d3e8b1;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin:0 12px 0 4px;display:inline-flex}#status{color:#a6b8b2}#mute{color:#b8c9c3;letter-spacing:1.7px;background:0 0;border:0;font-size:10px}#vignette{pointer-events:none;background:radial-gradient(at 62% 45%,#0000 35%,#010d1466 100%);position:fixed;inset:0}#grain{pointer-events:none;opacity:.025;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:fixed;inset:0}.overlay{z-index:4;background:linear-gradient(90deg,#031215ef 0%,#041619a8 30%,#06141812 75%);align-items:center;display:flex;position:fixed;inset:0}.intro-copy{max-width:490px;margin-left:8vw;padding-top:5px}.eyebrow{letter-spacing:2.8px;color:#c5d7c9;font-size:11px;font-weight:600;line-height:1.6}.live-dot{background:#da9658;border-radius:50%;width:6px;height:6px;margin:0 10px 1px 0;display:inline-block}h1{letter-spacing:-2px;margin:30px 0 24px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(78px,10.5vw,157px);font-weight:700;line-height:.82}h1 span{color:#c7dfb4}h1 i{color:#de9c60;font-style:normal}.tagline{margin:0 0 16px;font-size:18px;line-height:1.5}.brief{color:#b5c3be;max-width:355px;margin-bottom:25px;font-size:13px;line-height:1.8}.primary{color:#17302d;letter-spacing:2px;background:#c7dfb4;border:1px solid #c7dfb4;justify-content:space-between;align-items:center;gap:30px;min-width:290px;padding:19px 23px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.primary:hover{background:#e5f1d6;transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:wait}.primary span{font-size:20px}.intro-meta{letter-spacing:1.9px;color:#839a93;margin-top:17px;font-size:9px}.platform-label{opacity:.6;flex-direction:column;align-items:center;display:flex;position:absolute;top:32%;right:8vw}.platform-label span{letter-spacing:4px;font-size:10px}.platform-label strong{color:#dbe3cf;font:500 115px/1.2 Barlow Condensed,sans-serif}.controls{color:#96aca4;gap:24px;font-size:11px;display:flex;position:absolute;bottom:80px;left:8vw}kbd{letter-spacing:1px;color:#d0ded6;border:1px solid #b6c8be40;margin-right:6px;padding:5px 7px;font-family:inherit;font-size:10px}#objective{z-index:3;position:fixed;top:100px;left:3.8vw}#objective .eyebrow{color:#9cafaa;font-size:9px}#count{margin-top:9px;font-size:14px}#crosshair{color:#e3efdf;z-index:3;font-size:25px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#prompt{z-index:3;white-space:nowrap;background:#092025bb;border:1px solid #adc7b34d;padding:14px 20px;font-size:12px;position:fixed;top:58%;left:50%;transform:translate(-50%)}#subtitle{z-index:6;text-align:center;text-shadow:0 2px 6px #000;background:#031418b0;border-radius:2px;max-width:600px;padding:8px 18px;font-size:14px;line-height:1.7;position:fixed;bottom:95px;left:50%;transform:translate(-50%)}#subtitle:empty{display:none}#panel,#pause,#ending{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020e14c9;justify-content:center}.card{background:linear-gradient(135deg,#122c30f7,#0b1d22f7);border:1px solid #adcbb52e;width:calc(100% - 40px);max-width:670px;max-height:82vh;padding:38px;overflow:auto;box-shadow:0 30px 100px #0005}.card h2{margin:10px 0 20px;font:600 44px/1.1 Barlow Condensed,sans-serif}.card p{color:#c0d0c9;font-size:14px;line-height:1.7}.evidence{white-space:pre-line;color:#afc9c3;background:#06151a;border-left:2px solid #d4a061;padding:18px 20px;font-size:13px;line-height:1.75}.answers{gap:9px;margin-top:20px;display:grid}.answer{color:#dce7de;text-align:left;background:#16353a;border:1px solid #75999055;gap:14px;padding:13px 16px;font-size:13px;line-height:1.6;display:flex}.answer:hover{background:#234548;border-color:#d2e5b9}.answer span{color:#cae0b5}.feedback{color:#d3e5b6!important}.text-button{color:#b5c9be;background:0 0;border:0;margin-top:20px;font-size:12px;text-decoration:underline}.card .primary{margin-top:20px}.debrief{border-top:1px solid #91b2a644;padding-top:12px}.danger #vignette{background:radial-gradient(#0000 30%,#61161666)}@media (height<=740px){h1{margin:20px 0;font-size:105px}.controls{bottom:60px}.intro-copy{padding-bottom:25px}.brief{margin-bottom:16px}}@media (width<=700px){.intro-copy{margin:0 25px}.platform-label,#status{display:none}h1{font-size:100px}.controls{flex-wrap:wrap;gap:10px;bottom:65px;left:25px;right:25px}.card{padding:24px}footer{font-size:8px}.eyebrow{font-size:9px}.intro-meta{font-size:8px}header{top:20px}.brief{max-width:300px}.tagline{font-size:16px}}