body{cursor:crosshair;--mx:50vw;--my:40vh;overflow-x:hidden}.grain{pointer-events:none;z-index:30;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}.key9{z-index:0;pointer-events:none;fill:#0c1709;width:auto;height:86vh;transform:translate(calc((var(--mx) - 50vw) * -.02), calc((var(--my) - 50vh) * -.02));position:fixed;top:7vh;right:3vw}.notes{z-index:1;pointer-events:none;color:var(--lime);-webkit-mask:radial-gradient(circle 170px at var(--mx) var(--my), #000 0 35%, transparent 100%);mask:radial-gradient(circle 170px at var(--mx) var(--my), #000 0 35%, transparent 100%);position:fixed;inset:0}.notes span{letter-spacing:.06em;white-space:nowrap;font-size:clamp(14px,1.4vw,20px);position:absolute}.top{z-index:5;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--rule);justify-content:space-between;gap:1rem;padding:18px clamp(16px,3vw,40px);font-size:13px;display:flex;position:relative}.top .r{color:var(--lime);text-align:right;text-decoration:none}main{z-index:4;min-height:calc(100svh - 140px);padding:clamp(16px,3vw,40px);position:relative}.hi{font:900 clamp(170px, 34vw, 520px) / .78 var(--display);letter-spacing:-.07em;user-select:none;color:var(--lime);text-shadow:0 0 48px #9ef95047;margin:4vh 0 0 -.04em;display:inline-flex}.hi span{transition:color .2s;position:relative}.hi span:after{content:attr(data-n);font:400 clamp(16px, 1.6vw, 24px) var(--type);color:var(--lime);letter-spacing:.1em;opacity:0;transition:opacity .25s;position:absolute;bottom:-.18em;left:50%;transform:translate(-50%)}.hi span:hover{color:var(--cyan)}.hi span:hover:after{opacity:1}.board{pointer-events:none;position:absolute;inset:0}.clue{pointer-events:auto;aspect-ratio:4/5;background:var(--card);width:clamp(160px,17vw,250px);color:var(--ink);font:inherit;text-align:left;cursor:pointer;clip-path:polygon(0 4%,4% 4%,4% 0,96% 0,96% 4%,100% 4%,100% 96%,96% 96%,96% 100%,4% 100%,4% 96%,0 96%);transform:rotate(var(--r)) translate(calc((var(--mx) - 50vw) * var(--d)), calc((var(--my) - 50vh) * var(--d)));border:1px solid #1b2a2e;padding:0;transition:border-color .2s,background .2s;position:absolute}.clue:hover,.clue:focus-visible{border-color:var(--cyan);background:#08161a;outline:none}.clue .hs{color:var(--lime);font-size:30px;font-style:italic;position:absolute;top:10px;left:14px}.clue .side{letter-spacing:.2em;color:var(--muted);font-size:11px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.clue .rt{color:var(--cyan);font-size:18px;position:absolute;top:16px;right:14px}.clue .obj{place-items:center;display:grid;position:absolute;inset:22% 20% 30%}.clue .obj svg{width:100%;height:100%}.clue .who{letter-spacing:.16em;text-transform:uppercase;font-size:13px;position:absolute;bottom:14px;left:14px}.clue .who small{color:var(--muted);letter-spacing:.1em;margin-bottom:3px;display:block}.clue .open{color:var(--lime);opacity:0;font-size:12px;transition:opacity .2s;position:absolute;bottom:14px;right:14px}.clue:hover .open,.clue:focus-visible .open{opacity:1}.c1{--r:-3deg;--d:.015;top:12vh;left:47vw}.c2{--r:2.5deg;--d:.025;top:22vh;left:66vw}.c3{--r:4deg;--d:.02;top:50vh;left:51vw}.c4{--r:-2deg;--d:.03;top:48vh;left:71vw}.about{max-width:none;color:var(--muted);font-size:13px;position:absolute;bottom:0;left:clamp(16px,3vw,40px)}.about p{margin:0 0 .5em}.clock{color:var(--muted);letter-spacing:.14em;font-size:13px}.clock a{color:var(--lime);text-decoration:none}dialog{color:var(--ink);border:1px solid var(--cyan);width:min(560px,94vw);font-family:var(--type);background:#030607;padding:0}dialog::backdrop{background:#000000d1}.dlg{padding:22px}.dlg h2{margin:0 0 6px;font-size:22px;font-weight:400}.dlg p{color:var(--muted);font-size:14px;line-height:1.6}.dlg .row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.btn{background:var(--lime);color:#030607;font:inherit;cursor:pointer;border:0;padding:12px 16px;font-size:15px;text-decoration:none}.btn.ghost{color:var(--ink);background:0 0;border:1px solid #2b3d42}.x{color:var(--ink);cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;font-size:22px;position:absolute;top:8px;right:10px}.embed{margin-top:18px}.evid{border:1px solid var(--cyan);background:#071114;margin:18px 6px 6px;padding:14px 14px 12px;position:relative;transform:rotate(-1.4deg);box-shadow:0 18px 40px #0009}.evid:before{content:"";background:#9ef95080;width:92px;height:22px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(2deg)}.evid .media{background:#030607;position:relative}.evid .loading{color:var(--muted);text-align:center;z-index:1;place-items:center;padding:24px;font-size:13px;display:grid;position:absolute;inset:0}.evid .loading a{color:var(--lime)}.evid iframe{opacity:0;border:0;width:100%;height:620px;transition:opacity .3s;display:block}.evid.sealed .media{background:repeating-linear-gradient(45deg,#030607 0 14px,#08141a 14px 28px);height:220px}.evid.sealed .loading{color:var(--lime);letter-spacing:.2em;font-size:16px;line-height:1.8}.evid.sealed .loading small{color:var(--muted);letter-spacing:.04em;font-size:13px}.evid .label{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;margin-top:10px;font-size:13px;display:flex}.evid .label .ex{color:var(--muted)}.evid .label .n{color:var(--lime)}@media (width<=760px){.top{letter-spacing:.1em;flex-direction:column;gap:6px;font-size:12px}.top .r{text-align:left}main{min-height:0}.board{grid-template-columns:1fr 1fr;gap:16px;padding-top:16px;display:grid;position:relative}.clue{width:auto;min-width:0;transform:rotate(var(--r,0deg));position:relative;top:auto;left:auto}.about{margin-top:32px;position:static}.key9{height:70vh;right:-30vw}}@media (prefers-reduced-motion:reduce){.key9,.clue{transform:rotate(var(--r,0deg))}}
