:root{color-scheme:dark;--ink:#090f13;--paper:#ece9e1;--gold:#d4b581;--dim:#a5afb2;--cyan:#86ded6;--line:rgba(222,228,227,.19)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{border:1px solid var(--line);background:rgba(10,20,25,.75);padding:12px 18px;border-radius:3px}button:hover{border-color:var(--gold);background:#263234}button.primary{background:var(--gold);color:#101b20;border:0;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:20px 25px}.primary:hover{background:#ead2a9}.primary span{font-size:24px}[hidden]{display:none!important}#world{width:100%;height:100%;display:block;touch-action:none;position:fixed;inset:0}.vignette,.grain{pointer-events:none;position:fixed;inset:0}.vignette{background:radial-gradient(ellipse at 58% 42%,transparent 25%,#03080b88 100%)}.grain{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}#masthead{position:fixed;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:34px 48px;pointer-events:none;z-index:3}.wordmark{font-family:Georgia,serif;font-size:32px;letter-spacing:.28em;text-decoration:none;color:var(--paper);line-height:1;pointer-events:auto}.wordmark span{display:block;font:10px Arial;letter-spacing:.24em;margin-top:12px}.edition{text-align:right;font-size:11px;letter-spacing:.18em;line-height:1.8;color:#bbc1bd}.edition span{display:block;color:var(--gold)}.screen{position:absolute;inset:0;padding:160px 7vw 80px;background:linear-gradient(90deg,#071015ed 0%,#071015b8 34%,#07101522 65%,transparent);display:flex;align-items:center}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--gold);font-weight:500}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--gold);margin-right:10px;border-radius:50%}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(56px,6.6vw,110px);font-weight:400;line-height:.98;letter-spacing:-.04em;margin:24px 0 26px}h1 em{font-weight:400;color:var(--gold)}.lead{color:#c3cacb;font-size:18px;line-height:1.8;margin:0 0 30px}.micro{font-size:10px;letter-spacing:.12em;color:#a6b2b4;margin-top:17px}.intro-controls{display:flex;flex-wrap:wrap;gap:19px;margin-top:40px;font-size:12px;color:#b1b8b9}.intro-controls span{display:flex;align-items:center;gap:8px}kbd{font:11px Arial;letter-spacing:.07em;border:1px solid #ffffff30;border-radius:3px;padding:5px 6px;color:#d3dad8}.intro-caption{position:absolute;right:6vw;bottom:20%;max-width:340px;border-left:1px solid var(--gold);padding-left:23px}.intro-caption span{font-size:10px;letter-spacing:.16em;color:#c8c4b7}.intro-caption p{font:italic 22px/1.5 Georgia;color:#e2e3dc}.intro-footer{position:absolute;bottom:28px;left:48px;right:48px;display:flex;justify-content:space-between;gap:20px;color:#a3adae;font-size:10px;letter-spacing:.08em}.playing #masthead{padding:25px 32px}.playing .wordmark{font-size:23px}.playing .wordmark span,.playing .edition{display:none}.objective{position:absolute;top:92px;left:32px;max-width:380px;text-shadow:0 2px 9px #000}.objective h2{font-size:19px;font-weight:400;line-height:1.5;margin:12px 0}.objective #progress{font-size:11px;color:#bec8c5;letter-spacing:.15em}.hud-actions{position:absolute;right:27px;top:25px;display:flex;gap:8px}.hud-actions button{padding:10px 13px;font-size:13px}.hud-actions kbd{margin-left:10px}.bottom-hud{position:absolute;left:32px;right:32px;bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;pointer-events:none}.clarity-card{width:215px;pointer-events:auto}.clarity-card button{border:0;border-radius:0;background:#061015ae;width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:11px;letter-spacing:.12em}.eye{font-size:24px;color:var(--gold)}.meter{height:2px;background:#ffffff30}.meter span{display:block;width:100%;height:100%;background:var(--gold);transition:width .3s}.meter-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#b8c2c0;margin-top:9px}#roomName{font-size:12px;letter-spacing:.22em;text-align:center;color:#d7dbd6}#roomName span{display:block;font-size:10px;color:#a5b2b4;margin-top:8px}.desktop-hint{font-size:11px;line-height:1.8;color:#b4bdbd;text-align:right}#reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:20px Arial;color:#f8e6ca88;pointer-events:none}#interact{position:absolute;left:50%;top:59%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;background:#081318e8;border-color:#d4b58166;font-size:14px}#toast{position:absolute;bottom:150px;left:50%;transform:translateX(-50%);text-align:center;max-width:500px;width:85%;font:italic 18px/1.5 Georgia;color:#e6dfce;text-shadow:0 2px 5px black;pointer-events:none;opacity:0;transition:opacity .3s}#toast.show{opacity:1}.clear .vignette{background:radial-gradient(ellipse at center,transparent 20%,#082a38a1 100%)}.clear #modeLabel,.clear .eye{color:var(--cyan)}.clear .meter span{background:var(--cyan)}.modal{position:fixed;inset:0;z-index:10;background:#02080bc4;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px}.panel{max-height:90dvh;overflow:auto;width:min(620px,100%);padding:32px 38px;background:linear-gradient(135deg,#18262c,#0d171c);border:1px solid #a7b7b52a;box-shadow:0 30px 100px #0008}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-top button{border:0;background:none;padding:7px;color:#abb9b9}.panel h2{font:400 38px/1.12 Georgia;letter-spacing:-.025em;margin:25px 0}.panel p{font-size:16px;line-height:1.8;color:#c4cecd}.panel blockquote{margin:25px 0;padding-left:22px;border-left:1px solid var(--gold);font:italic 22px/1.5 Georgia;color:#e6d7bb}.panel .document{background:#030b0f80;border:1px solid #96c5c420;padding:20px;font:14px/1.9 monospace;white-space:pre-wrap;color:var(--cyan);margin:22px 0}.panel .hint{font-size:14px;color:var(--gold)}#modalActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}#modalActions button{flex:1;min-width:150px;font-size:14px;line-height:1.5}#modalActions .primary{padding:15px 20px}.journal-item{border-top:1px solid var(--line);padding:14px 0}.journal-item h3{font-size:15px;font-weight:400;margin:0;color:var(--gold)}.journal-item p{font-size:14px;margin:6px 0;line-height:1.6}.code-row{display:flex;gap:10px;margin:22px 0}.code-row input{background:#050c10;border:1px solid #d4b58188;border-radius:2px;width:100%;font:28px monospace;letter-spacing:.3em;padding:15px;color:var(--paper)}#touch{display:none}.ending-stat{display:flex;gap:35px;border-top:1px solid var(--line);padding-top:20px;color:var(--gold);font-size:13px;line-height:1.8}.ending-stat b{display:block;color:var(--paper);font:28px Georgia}.route{display:flex;justify-content:space-between;color:#b5c0bd;font-size:13px;margin:20px 0;padding:16px 0;border-block:1px solid var(--line)}@media(pointer:coarse){#touch{display:flex;position:absolute;bottom:115px;left:25px;right:25px;align-items:flex-end;justify-content:space-between;pointer-events:none}#touch span{font-size:11px;color:#a9bdbd}.dpad{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:5px}.dpad div{display:flex;gap:5px}.dpad button{width:49px;height:46px;padding:5px;user-select:none;touch-action:none}.desktop-hint{display:none}#interact{top:auto;bottom:170px;left:auto;right:25px;transform:none;font-size:12px}.intro-controls{display:none}}@media(max-width:700px){#masthead{padding:25px}.wordmark{font-size:27px}.edition{display:none}.screen{padding:120px 28px 110px;background:linear-gradient(90deg,#071015e8,#07101570)}h1{font-size:66px}.lead{font-size:16px}.intro-caption{display:none}.intro-footer{left:28px;right:28px;bottom:20px;flex-direction:column;font-size:9px;gap:8px}.objective{left:24px;top:86px;max-width:270px}.objective h2{font-size:16px}.hud-actions{right:18px;top:22px}.hud-actions button{font-size:12px;padding:9px}.hud-actions kbd{display:none}.playing #masthead{padding:25px 22px}.playing .wordmark{font-size:19px}.bottom-hud{left:24px;right:24px;bottom:24px}.clarity-card{width:180px}#roomName{font-size:10px;max-width:120px}#roomName span{font-size:9px}.panel{padding:23px}.panel h2{font-size:32px}.modal{padding:14px}#toast{bottom:270px;font-size:17px}#reticle{font-size:16px}}@media(max-height:650px){.screen{padding-top:95px;padding-bottom:55px}h1{font-size:58px;margin:18px 0}.lead{margin-bottom:20px}.intro-controls{margin-top:20px}.intro-footer{bottom:14px}.intro-caption{bottom:16%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.grain{display:none}}
.code-row{flex-wrap:wrap;align-items:center}.code-row label{flex-basis:100%;font-size:12px;letter-spacing:.1em;color:var(--gold)}.code-row input{flex:1;min-width:0;width:120px}.code-row button.primary{padding:17px 20px}.panel .document{overflow-wrap:anywhere}