html,body{-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;font-family:Fredoka,system-ui,sans-serif;overflow:hidden}#game{outline:none;width:100%;height:100%;transition:filter .2s linear;display:block}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#crosshair{opacity:0;background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;transition:opacity .4s,transform .15s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #141028b3}#crosshair.on{opacity:1}#crosshair.target{transform:scale(1.8)}#prompt,#hint{color:#fff8e6;text-shadow:0 2px #1d1838,0 0 8px #1d1838cc;white-space:nowrap;opacity:0;transition:opacity .35s;position:absolute;left:50%;transform:translate(-50%)}#prompt{font-size:20px;font-weight:700;top:calc(50% + 28px)}#prompt .key{color:#1d1838;min-width:18px;text-shadow:none;background:#fff8e6;border-radius:5px;margin-right:6px;padding:0 6px;display:inline-block}#hint{font-size:22px;font-weight:500;bottom:48px}#prompt.show,#hint.show{opacity:1}#fps{color:#9f9;font:14px VT323,monospace;position:absolute;top:6px;right:8px}.lid{z-index:8;pointer-events:none;background:#000;width:120%;height:50%;transition:transform 1.2s ease-in-out;position:fixed;left:-10%}#lid-top{transform-origin:top;border-radius:0 0 50% 50%/0 0 30% 30%;top:0}#lid-bottom{transform-origin:bottom;border-radius:50% 50% 0 0/30% 30% 0 0;bottom:0}.lid.open#lid-top{transform:translateY(-105%)}.lid.open#lid-bottom{transform:translateY(105%)}.lid.half#lid-top{transform:translateY(-62%)}.lid.half#lid-bottom{transform:translateY(62%)}#fade{z-index:9;pointer-events:none;opacity:1;background:#000;position:fixed;inset:0}#titlecard{text-align:center;z-index:10;color:#fff3d6;letter-spacing:2px;text-shadow:0 0 10px #ffb45a80;opacity:0;pointer-events:none;font:34px VT323,monospace;transition:opacity 1.5s;position:fixed;bottom:14%;left:0;right:0}#titlecard.show{opacity:1}#start{z-index:20;color:#fff3d6;cursor:pointer;background:radial-gradient(#2a2350 0%,#0c0a18 75%);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .8s;display:flex;position:fixed;inset:0}#start.hidden{opacity:0;pointer-events:none}#start .logo{color:#ffd166;text-shadow:4px 4px #ef476f,8px 8px #26547c;letter-spacing:2px;font-family:Fredoka,sans-serif;font-size:84px;font-weight:700}#start .logo span{color:#06d6a0}#start .sub{font:30px VT323,monospace}#start .controls{opacity:.7;font:20px VT323,monospace}#start .sub.ready{animation:1.4s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}