:root{--ink: rgba(255, 244, 228, .92);--ink-dim: rgba(255, 238, 214, .62);--glass: rgba(28, 18, 10, .28);--glass-hi: rgba(255, 220, 180, .14)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1a120c;color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#view{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;touch-action:none;cursor:crosshair}#view.stick{cursor:none}#veil{position:fixed;inset:0;background:#120b06;pointer-events:none;transition:opacity 2.4s ease}#veil.gone{opacity:0}#hint{position:fixed;left:50%;bottom:max(86px,calc(env(safe-area-inset-bottom) + 76px));opacity:0;transform:translate(-50%,20px);text-align:center;pointer-events:none;text-shadow:0 1px 14px rgba(40,18,0,.6);width:min(560px,calc(100vw - 32px))}#hint.in{opacity:1;transform:translate(-50%);transition:opacity 3.2s cubic-bezier(.25,1,.5,1),transform 3.2s cubic-bezier(.25,1,.5,1)}#hint.gone{opacity:0;transform:translate(-50%,8px);transition:opacity 1.4s ease,transform 1.4s ease}#hint .sub{margin:0 0 10px;font-size:13px;color:var(--ink-dim);line-height:1.5}#hint .keys{margin:0;font-size:11px;color:var(--ink-dim);letter-spacing:.04em}#hint .keys span{display:inline-block;padding:2px 6px;margin:2px 2px 2px 8px;border-radius:4px;background:var(--glass);border:1px solid var(--glass-hi);color:var(--ink)}#tools{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:flex;gap:8px}#tools,#fps{opacity:0;visibility:hidden}body.ready #tools,body.ready #fps{opacity:1;visibility:visible;transition:opacity 1.6s ease .3s}#tools button{width:42px;height:42px;border-radius:50%;border:1px solid var(--glass-hi);background:var(--glass);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .2s ease,transform .2s ease,opacity .2s ease;padding:0}#tools button:hover{background:#3c241273;transform:translateY(-1px)}#tools button:active{transform:translateY(1px)}#tools button.off{opacity:.45}#tools svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#depth{position:fixed;left:50%;top:max(22px,env(safe-area-inset-top));transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-hi);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);opacity:0;transition:opacity .4s ease;pointer-events:none}#depth.show{opacity:1}#depth .bar{width:120px;height:3px;border-radius:2px;background:#ffffff26;overflow:hidden}#depth-fill{height:100%;background:linear-gradient(90deg,#ffd9a0,#ff9a4a);transform-origin:left}#fps{position:fixed;left:24px;bottom:16px;font:11px/1 ui-monospace,monospace;color:var(--ink-dim);pointer-events:none}#fail{position:fixed;inset:0;display:none;place-content:center;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 30%,#6b3a1c,#1a0f08 70%)}#fail.show{display:grid}#fail h2{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:400;font-size:34px;margin:0 0 8px}#fail p{color:var(--ink-dim);margin:0 0 8px;max-width:520px}#fail small{color:var(--ink-dim)}@media(max-width:600px){#hint .keys{display:none}}#tweaks{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - 90px);overflow-y:auto;z-index:10;-webkit-user-select:none;user-select:none}