*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080b0c;color:#e5e1d6;font-family:Arial,Helvetica,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#121616d9;border:1px solid #aca68b50;min-height:44px;padding:12px 18px;letter-spacing:1.5px;font-size:11px;touch-action:none}button:active{background:#655c3c}button:disabled{opacity:.3;cursor:default}button:focus-visible{outline:2px solid #d3bf8d}button span{float:right}p{line-height:1.6}small,.fine{font-size:11px;color:#8c928e;line-height:1.6}[hidden]{display:none!important}#game,#look,#vignette,#flash,#hud,.panel,#loading{position:fixed;inset:0}canvas{display:block}#look{z-index:1}#vignette{pointer-events:none;z-index:2;background:radial-gradient(ellipse,transparent 35%,#02040599 100%)}#flash{pointer-events:none;z-index:8;background:#000;opacity:0;transition:opacity .15s}#hud{z-index:3;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.top{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:3px;color:#c0b18c;text-transform:uppercase}.top p{margin:7px 0;font-size:12px;text-shadow:0 2px 5px #000;max-width:440px}.topbuttons{display:flex;gap:8px;pointer-events:auto;align-items:start}.topbuttons button{background:#10141470}.bottom{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:max(26px,env(safe-area-inset-left));right:max(26px,env(safe-area-inset-right));display:flex;align-items:end;justify-content:space-between}#stick{width:112px;height:112px;border:1px solid #dad8c644;border-radius:50%;background:#141c1c50;pointer-events:auto;touch-action:none;position:relative}#nub{width:42px;height:42px;border:1px solid #ded9c077;border-radius:50%;background:#b2aa8950;position:absolute;left:34px;top:34px;pointer-events:none}#actions{display:grid;grid-template-columns:repeat(2,70px);gap:9px;pointer-events:auto}#actions button{font-size:9px;padding:8px 3px;background:#12191bb5;border-radius:3px;min-height:48px}#actions #use{border-color:#cfc2a0;background:#71644791}#cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:25px;color:#dedbc2}#prompt{position:absolute;top:57%;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:1px;text-align:center;max-width:50%;text-shadow:0 2px 4px #000}#message{position:absolute;bottom:165px;left:50%;transform:translateX(-50%);width:min(520px,70%);text-align:center;font-size:13px;line-height:1.5;text-shadow:0 2px 5px #000;background:#060a0ac9;padding:10px;opacity:0;transition:opacity .3s}#status{position:absolute;bottom:2px;left:135px;font-size:10px;width:90px}#stamina{height:2px;display:block;background:#c7b88d;width:90px;margin-bottom:8px}#stance{font-size:9px}#diagnostics{position:absolute;top:85px;left:24px;font:10px monospace;background:#0009;color:#b6cba8;white-space:pre-line}.panel{z-index:10;background:#060a0cec;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px}.panel section{width:min(600px,100%);max-height:92vh;overflow:auto;touch-action:pan-y;border:1px solid #91826250;background:#0e1415;padding:28px}h2{font-weight:400;font-size:30px;font-family:Georgia,serif;margin:10px 0 20px}#modalBody{font-size:14px;line-height:1.8;color:#c6c6b9;white-space:pre-line}#modalButtons{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}#modalBody input{background:#060b0c;color:#ddd;border:1px solid #a39770;padding:14px;max-width:180px;letter-spacing:7px;font-size:20px;user-select:text}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.settings-grid label{font-size:12px;color:#c4c6bd}.settings-grid select,.settings-grid input[type=range]{display:block;width:100%;margin-top:9px;accent-color:#bdad7c}.settings-grid select{padding:10px;background:#172021;color:#ddd;border:1px solid #8885}.check{display:flex;align-items:center;gap:8px}#menu{padding:0;background:#0b1011;justify-content:start;overflow:hidden}.menu-content{padding:5vh 7vw;z-index:2;width:58%;max-height:100%;overflow:auto;touch-action:pan-y}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(45px,7vw,100px);letter-spacing:.04em;line-height:.93;margin:22px 0}h1 span{display:inline-block;font:11px Arial;vertical-align:top;border:1px solid #867f65;padding:5px;margin:9px 0 0 10px;letter-spacing:2px}.tagline{font-family:Georgia,serif;font-size:clamp(13px,1.6vw,20px);color:#acb0a5}.menu-buttons{display:grid;gap:6px;max-width:300px;margin:24px 0}.menu-buttons button{border:0;border-bottom:1px solid #a2926130;text-align:left;background:transparent;padding-left:0}.menu-buttons #start{background:#c1b088;color:#101716;padding-left:16px}.menu-art{position:absolute;inset:0 0 0 40%;background:radial-gradient(ellipse at 70% 70%,#344444 0,#151d1e 35%,#070b0d 75%);overflow:hidden}.menu-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1011,transparent 50%),repeating-linear-gradient(0deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 4px)}.door-shape{position:absolute;left:28%;top:8%;width:42%;height:95%;border:12px double #4b4d40;background:repeating-linear-gradient(90deg,#161b18 0,#161b18 25%,#383c2c 26%,#111816 27%);transform:perspective(500px) rotateY(-18deg) rotateZ(4deg);box-shadow:9px 0 15px #c4af68aa}.art-light{position:absolute;left:69%;top:8%;height:100%;width:2px;background:#dbc08b;box-shadow:0 0 25px 7px #9c9865}.coordinate{position:absolute;right:40px;bottom:40px;font:9px/2 monospace;letter-spacing:2px;color:#a5a890}#loading{z-index:30;background:#090e0f;display:grid;place-items:center;text-align:center}#loading h1{font-size:55px}.loadbar{height:2px;background:#b7a477;animation:pulse 1s alternate infinite;margin:20px}@keyframes pulse{to{opacity:.15}}#rotate{display:none;position:fixed;z-index:25;bottom:0;background:#0d1316e8;width:100%;text-align:center;padding:12px;font-size:12px}@media(orientation:portrait){#rotate{display:block}.menu-content{width:95%;padding:8vw}.menu-art{left:25%;opacity:.5}.settings-grid{grid-template-columns:1fr}.top p{max-width:230px}#actions{grid-template-columns:repeat(2,60px)}.bottom{bottom:55px}#status{display:none}#message{bottom:200px}}@media(max-height:500px){.menu-content{padding:20px 6vw}h1{font-size:51px;margin:14px 0}.tagline{font-size:13px}.menu-buttons{margin:15px 0;grid-template-columns:1fr 1fr;max-width:360px}.menu-content small{font-size:9px}.panel section{padding:20px}.top{top:10px}#message{bottom:145px}}