*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#162123;color:#f4f0df;font:15px system-ui,-apple-system,sans-serif;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}canvas{position:fixed;inset:0;display:block;width:100%;height:100%}#entry{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:linear-gradient(140deg,#152224ed,#162123d9);overflow:auto;touch-action:pan-y}main{width:min(480px,100%)}h1{font-family:Georgia,serif;font-size:clamp(28px,7vw,46px);font-weight:400;margin:12px 0 20px}.eyebrow{letter-spacing:.16em;font-size:11px;color:#d9bf8a}p{line-height:1.5;color:#dbded8}.small{font-size:12px;color:#aebbb5}button{font:inherit;color:#17201d;background:#e2c187;border:0;border-radius:8px;padding:16px 20px;font-weight:650;touch-action:manipulation}button:disabled{opacity:.5}#enter{width:100%;margin:10px 0}#hud{position:fixed;z-index:3;left:max(15px,env(safe-area-inset-left));right:max(15px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));pointer-events:none;display:flex;justify-content:space-between;align-items:start;text-shadow:0 1px 3px #000}#hud strong{font-size:12px;letter-spacing:.13em}#hud small{display:block;font-size:10px;margin-top:3px;color:#eee8d8}#mute{pointer-events:auto;padding:10px 12px;font-size:12px;background:#182624d9;color:#efe6d3;border:1px solid #81908b70}.touch-zone{position:fixed;bottom:0;height:67%;z-index:2;touch-action:none}#move{right:0;width:45%;display:flex;align-items:end;justify-content:end;padding:0 max(25px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) 0}#look{left:0;width:55%;display:flex;align-items:end;justify-content:start;padding:0 0 max(34px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));color:#ffffff90;font-size:10px;letter-spacing:.14em}.pad{position:relative;border:1px solid #ffffff42;background:#12252035;border-radius:50%;width:112px;height:112px;display:grid;place-items:center;color:#ffffff95;font-size:10px;letter-spacing:.13em;pointer-events:none}.pad:before,.pad:after{content:"";position:absolute;background:#ffffff25}.pad:before{width:1px;height:78%}.pad:after{height:1px;width:78%}#stick{position:absolute;width:34px;height:34px;border-radius:50%;background:#ffffff38;border:1px solid #ffffff65}#notice{position:fixed;z-index:5;top:80px;left:50%;transform:translate(-50%);max-width:90%;background:#202a22e8;padding:9px 14px;border-radius:6px;font-size:12px;text-align:center}[hidden]{display:none!important}@media(max-height:480px){#entry main{max-width:670px}#entry p{font-size:12px;margin:8px 0}h1{font-size:28px;margin:8px 0}#enter{padding:12px}.pad{width:92px;height:92px}}#stick{transform:translate(calc(var(--move-x,0)*38px),calc(var(--move-y,0)*38px))}#look>span{color:#fff;background:#13231fd9;border:1px solid #ffffff65;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:700;letter-spacing:.09em;text-shadow:0 1px 2px #000;pointer-events:none}