@font-face{font-family:Blackthorn;src:url('assets/serif.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080f10;color:#e6e1d3;font-family:Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #82765c66;background:#121d1de6;color:#ece6d5;padding:13px 18px;border-radius:2px;min-height:44px;transition:background .16s,border-color .16s}button:hover,button:focus-visible{background:#39443c;border-color:#c1a96d;outline:2px solid #c1a96d44;outline-offset:2px}button:disabled{opacity:.45;cursor:default}.primary{background:#c6ad78;color:#172021;border-color:#c6ad78}.primary:hover{background:#e2c991;color:#131c1d}a{color:inherit}button.quiet{background:transparent;border-color:transparent;color:#bfb8a7}#scene{display:block;width:100%;height:100%;position:fixed;inset:0;touch-action:none}#load{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:#101719;z-index:100;letter-spacing:4px;font-size:15px}#load span{display:block;color:#aaa08b;font-size:12px;letter-spacing:1px;margin-top:16px}#grain{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:2;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="150" height="150"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".85" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Cpath fill="%23fff" filter="url(%23n)" d="M0 0h150v150H0z"/%3E%3C/svg%3E')}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 30%,#010708bb 110%);z-index:3}.screen{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,#071112ed 0%,#0a1413b0 33%,#0a131622 66%,#08101422 100%);overflow:auto}.topline{display:flex;align-items:center;justify-content:space-between;padding:25px 38px;font-size:11px;letter-spacing:2px;color:#bdb9a8}.topline a{text-decoration:none;letter-spacing:.5px}.topline>span{font-size:10px}.titleblock{margin:3vh 0 130px 8vw;max-width:510px}.eyebrow{font-size:10px;letter-spacing:3px;color:#bcaa7c;line-height:1.7}h1{font-family:Blackthorn,Georgia,serif;font-size:clamp(55px,6.6vw,102px);line-height:.98;letter-spacing:-3px;font-weight:400;margin:25px 0 24px;color:#efeadc;text-shadow:0 5px 25px #0008}h1 em{font-style:normal;color:#c5ae7f}.goldline{width:62px;height:1px;background:#bba374}.tagline{font-family:Blackthorn,Georgia,serif;font-size:16px;line-height:1.65;color:#bbbcae;margin:24px 0}.startbuttons{display:flex;flex-direction:column;gap:9px;max-width:330px}.startbuttons button{text-align:left;display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:.4px}.startbuttons .quiet{font-size:11px;padding-left:0}.contentnote{font-size:10px;line-height:1.8;color:#92998e;margin-top:20px}.frontfoot{position:absolute;bottom:25px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:end;font-size:9px;line-height:1.8;letter-spacing:2px;color:#a09e8e;pointer-events:none}.frontfoot b{font-weight:400;color:#6e837e}.seal{display:flex;gap:10px;border:1px solid #9c916a55;border-radius:50%;width:78px;height:78px;align-items:center;justify-content:center;font-family:Blackthorn;font-size:20px}.seal small{font-family:Arial;font-size:7px;line-height:1.6;letter-spacing:1px}.hudtop{position:absolute;top:23px;left:30px;right:25px;display:flex;justify-content:space-between;align-items:start;text-shadow:0 2px 5px #000}.hudtop .eyebrow{font-size:8px}#roomname{font-family:Blackthorn,Georgia,serif;font-size:22px;margin-top:4px}.hudactions{display:flex;gap:8px}.hudactions button{font-size:12px;background:#0913139c;padding:9px 12px}kbd{border:1px solid #9f987255;padding:2px 5px;font-family:inherit;font-size:10px;color:#c7c0a7;margin-left:4px}#hud{position:absolute;inset:0;z-index:4;pointer-events:none}#hud button{pointer-events:auto}#objective{position:absolute;top:98px;left:30px;max-width:360px;font-size:12px;line-height:1.7;color:#d5c7a3;text-shadow:0 1px 5px #000;background:linear-gradient(90deg,#06100ba8,transparent);padding:6px 10px 6px 0}#crosshair{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:#eee7caaa;box-shadow:0 0 5px #000;transform:translate(-50%,-50%)}#crosshair.active{width:13px;height:13px;background:transparent;border:1px solid #e2c891}#prompt{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);text-align:center;min-width:230px;max-width:70%;display:none}#targetname{display:block;color:#efe7ce;margin-bottom:12px;font-size:14px;letter-spacing:.5px;text-shadow:0 2px 6px #000}#interactBtn{background:#091414d9;padding:9px 22px}.hudbottom{position:absolute;bottom:48px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;gap:15px}.meter{width:175px}.meter>span{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#cfccb7;text-shadow:0 2px 5px #000}.meter b{font-weight:400}.meter>div{height:3px;margin-top:10px;background:#cfc6a92b}.meter i{height:100%;background:#c3ab71;display:block;transition:width .4s}#compbar{background:#83aaa4}#stance{font-size:9px;letter-spacing:2px;color:#c7cdbd;text-shadow:0 2px 5px #000}#desktophelp{position:absolute;bottom:17px;text-align:center;width:100%;font-size:9px;color:#b8baa6;letter-spacing:.3px}#awareness{position:absolute;top:24%;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:3px;color:#d9a689;text-align:center;text-shadow:0 1px 8px #000}#toast{position:absolute;top:34%;left:50%;transform:translateX(-50%);max-width:75%;text-align:center;font-size:14px;color:#e3d8b7;line-height:1.8;text-shadow:0 2px 6px #000;transition:opacity .3s}#soundcaption{position:absolute;top:170px;left:30px;font-size:12px;color:#b3c6bf;text-shadow:0 2px 5px #000}#subtitle{position:absolute;left:50%;transform:translateX(-50%);bottom:235px;max-width:660px;width:80%;text-align:center;line-height:1.6;font-size:16px;background:#071011dc;padding:8px 18px;display:none;border-left:2px solid #aa9467}.modalback{position:absolute;inset:0;background:#030a0ab5;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(7px)}[hidden]{display:none!important}.panel{background:linear-gradient(135deg,#1e2a29f7,#101b1cfb);border:1px solid #9c8b5c70;width:700px;max-width:100%;max-height:94dvh;overflow:auto;padding:28px 36px;box-shadow:0 20px 100px #0009;scrollbar-color:#8f805b #172120}.panelheading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ab96632e;padding-bottom:12px;margin-bottom:22px}h2{font-family:Blackthorn,Georgia,serif;font-size:30px;font-weight:400;color:#e6d9b8;line-height:1.2;margin:0 0 20px}h3{font-family:Blackthorn,Georgia,serif;font-weight:400;font-size:19px;color:#d5c397;margin:24px 0 12px}#panelbody{font-size:var(--body-size,15px);line-height:1.75;color:#cad1c6}#panelbody p{margin:0 0 17px}.small{font-size:12px;color:#99aaa1}.note{background:#b4aa7b12;border-left:2px solid #aa9668;padding:15px 18px;font-family:Blackthorn,Georgia,serif;color:#dfd4b6;line-height:1.8}.row{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.row>*{flex:1}.row button{font-size:13px}.setting{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff0c;padding:12px 0}.setting label{flex:1}.setting input[type=range]{width:160px;accent-color:#bb9f65}.setting input[type=checkbox]{width:23px;height:23px;accent-color:#bb9f65}.setting select{padding:9px;color:#ddd4bd;background:#152121;border:1px solid #756b5055;max-width:180px}.setting .bind{min-width:90px}.puzzlefield{display:flex;flex-direction:column;gap:10px}.dial{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #9e946044}.dial strong{font-weight:400;flex:1}.dial output{font-size:21px;color:#ebd29a;min-width:45px;text-align:center;font-family:Blackthorn}.dial button{padding:8px 16px}.hint{background:#cfbb6a13;border:1px solid #ac9b5d2e;padding:12px;font-size:13px;margin-top:12px}#panelfoot{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.journalentry{border-top:1px solid #b7a26c33;padding:18px 0}.journalentry h3{margin-top:0}.journalentry .small{letter-spacing:1px}.pill{display:inline-block;border:1px solid #9c95615c;padding:4px 10px;margin:4px 4px 4px 0;font-size:12px}.chapter{font-size:11px;color:#bca675;letter-spacing:3px;margin:20px 0}.maptext{font-size:13px;line-height:2}.helpgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.helpgrid>div{padding:12px;background:#ffffff04;border:1px solid #ffffff08}.progress{display:flex;gap:8px;margin:20px 0}.progress i{height:3px;background:#ad976455;flex:1}.progress i.done{background:#cfb87b}#touch{display:none}#fatal{position:absolute;inset:0;z-index:200;background:#101719;padding:15vw;color:#eee;line-height:2}.nobob #grain{opacity:.02}
@media (pointer:coarse),(max-width:700px){.topline{padding:15px;font-size:10px;letter-spacing:0}.topline>span{display:none}.titleblock{margin:4vh 24px 125px;max-width:80%}h1{font-size:clamp(50px,12vw,80px);letter-spacing:-2px;margin:17px 0}.eyebrow{font-size:8px}.tagline{font-size:14px;margin:17px 0}.startbuttons{max-width:310px}.contentnote{font-size:9px}.frontfoot{left:24px;right:24px;bottom:20px;font-size:7px;letter-spacing:1px}.frontfoot .seal{display:none}.topline button{padding:8px 10px}.hudtop{top:max(14px,env(safe-area-inset-top));left:15px;right:15px}#roomname{font-size:18px}.hudtop .eyebrow{font-size:6px}.hudactions button{font-size:10px;padding:8px}#objective{top:83px;left:15px;max-width:80%;font-size:11px}#soundcaption{top:140px;left:15px;font-size:11px}.hudbottom{bottom:24px;left:15px;right:15px;gap:20px}.meter{width:42%}.meter>span{font-size:7px;letter-spacing:1px}#stance{position:absolute;bottom:38px;left:0;right:0;text-align:center;font-size:7px}#desktophelp{display:none}#touch{display:block;pointer-events:none}#stick{pointer-events:auto;position:absolute;left:23px;bottom:85px;width:115px;height:115px;border:1px solid #c7bea53c;border-radius:50%;background:#10201d66;touch-action:none}#stickknob{position:absolute;width:40px;height:40px;border-radius:50%;background:#c5bb9355;border:1px solid #ddcfa955;top:37px;left:37px}#lookhint{position:absolute;bottom:232px;right:25px;color:#b5bdad88;font-size:9px}.touchbuttons{position:absolute;bottom:82px;right:18px;display:grid;grid-template-columns:repeat(2,64px);gap:8px}.touchbuttons button{padding:8px;font-size:10px;background:#0d1a1ac4}#prompt{bottom:250px;max-width:90%;width:85%}#prompt button{min-width:120px}#targetname{font-size:12px;margin-bottom:8px}#subtitle{bottom:335px;font-size:13px;padding:8px;width:90%}#awareness{top:25%;font-size:9px;width:90%;letter-spacing:2px}#toast{top:31%;font-size:12px;width:85%;max-width:85%}.modalback{padding:10px}.panel{padding:18px 20px;max-height:96dvh}h2{font-size:25px}#panelbody{font-size:var(--body-size,14px)}.setting{gap:10px}.setting input[type=range]{width:115px}.setting select{max-width:145px}.helpgrid{grid-template-columns:1fr}.dial{padding:8px;gap:5px}.dial button{padding:8px 13px}.dial strong{font-size:13px}.frontfoot>span:last-child{text-align:right}}
@media(max-height:700px) and (min-width:701px){h1{font-size:70px}.titleblock{margin-top:0}.tagline{margin:14px 0}.contentnote{margin-top:10px}.frontfoot{bottom:15px}.startbuttons button{padding:11px 17px}}