:root{--font: "VT323", ui-monospace, "Cascadia Mono", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;color:#f2f2f2;font-family:var(--font);overflow:hidden;user-select:none}#app{position:fixed;inset:0}.stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;overflow:hidden;background:#000}.scene-root,.scene,.full{position:absolute;inset:0;width:100%;height:100%}img.full{object-fit:cover}.fill{width:100%;height:100%;object-fit:contain;display:block}.pixel-canvas{image-rendering:pixelated}.fade{position:absolute;inset:0;background:#000;opacity:1;pointer-events:none;z-index:100}.hotspot{background:transparent;border:0;padding:0;margin:0;cursor:pointer;z-index:5}.hotspot:focus-visible,.gift-box:focus-visible{outline:3px dashed rgba(255,255,255,.6);outline-offset:4px}.center-screen{display:grid;place-items:center;cursor:pointer}.start-text{font-size:64px;letter-spacing:2px;color:#cfcfcf}.start-text.pulse{animation:pulse 2.2s ease-in-out infinite}.start-column{display:flex;flex-direction:column;align-items:center;gap:28px}.start-hint{display:flex;align-items:center;gap:14px;font-size:36px;color:#8a8a8a;opacity:0;transition:opacity .8s}.start-hint.shown{opacity:1}.start-hint svg{width:40px;height:33px}.dim-text{font-size:48px;color:#9a9a9a}@keyframes pulse{50%{opacity:.35}}.countdown{display:flex;flex-direction:column;align-items:center}.countdown-title{margin-top:150px;font-size:96px;color:#e6e6e6}.countdown-time{margin-top:170px;font-size:260px;line-height:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.18)}.countdown-note{margin-top:60px;font-size:40px;color:#8d8d8d;min-height:1em}.door-light{mix-blend-mode:screen;pointer-events:none}.dark-scene{background:#000}.switch-glow{mix-blend-mode:screen;opacity:0;pointer-events:none}.person{transform-origin:50% 100%}.gift-box{background:none;border:0;padding:0;cursor:pointer;z-index:4}.gift-box canvas{width:100%;height:100%;display:block}.confetti{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;z-index:10}.gift-scene{background:#050506}.gift-canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 35%,rgba(0,0,0,.85) 100%)}.toast{position:absolute;left:50%;bottom:70px;transform:translate(-50%);font-size:44px;color:#ffb4b4;opacity:0;pointer-events:none}.replay-button{position:absolute;left:36px;top:30px;z-index:15;padding:6px 20px 2px;font:42px var(--font);color:#f2f2f2;background:#00000073;border:2px solid rgba(242,242,242,.4);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .6s,background .15s,border-color .15s}.replay-button.shown{opacity:1;pointer-events:auto}.replay-button:hover,.replay-button:focus-visible{background:#f2f2f224;border-color:#f2f2f2;outline:none}.dialog{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#000000b3}.dialog-panel{max-width:980px;padding:44px 60px 40px;text-align:center;background:#121214;border:3px solid #f2f2f2;box-shadow:10px 10px #0009}.dialog-panel p{margin:0 0 38px;font-size:56px;line-height:1.1}.dialog-choices{display:flex;justify-content:center;gap:48px}.dialog-choices button{min-width:190px;padding:6px 26px 2px;font:48px var(--font);color:#f2f2f2;background:transparent;border:3px solid #f2f2f2;cursor:pointer}.dialog-choices button:hover,.dialog-choices button:focus-visible{color:#121214;background:#f2f2f2;outline:none}.closeup{position:absolute;inset:0;z-index:20;cursor:pointer}.closeup-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.subtitle{position:absolute;left:0;right:0;bottom:56px;text-align:center;font-size:56px;color:#fff;text-shadow:0 3px 0 #000,0 0 12px #000;pointer-events:none}.mobile-msg{position:fixed;inset:0;display:grid;place-items:center;padding:24px;text-align:center;font-size:34px;color:#ddd}.debug .hotspot{outline:2px dashed #ff00ff;background:#ff00ff26}.debug .gift-box{outline:2px dashed #00e5ff}.debug-readout{position:fixed;left:10px;bottom:10px;z-index:1000;padding:4px 10px;background:#000c;color:#0f0;font:18px ui-monospace,monospace;pointer-events:none}.tape-debug{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:10px;padding:8px 14px;background:#000000d9;color:#0f0;font:22px ui-monospace,monospace;cursor:default}.tape-debug-time{min-width:190px}.tape-debug input[type=range]{width:560px;accent-color:#0f0}.tape-debug button{padding:2px 10px;font:inherit;color:#0f0;background:#111;border:1px solid #0f0;cursor:pointer}.tape-debug button:hover{background:#0f0;color:#111}.quad-guides{pointer-events:none;z-index:49}.quad-guides line{stroke:#00e5ff;stroke-width:1.5;stroke-dasharray:10 6}.quad-guides polygon{fill:none;stroke:#f0f;stroke-width:2}.quad-handle{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid #fff;border-radius:50%;background:#f0f9;cursor:grab;z-index:50;touch-action:none}.quad-handle.selected{background:#f0f;box-shadow:0 0 0 4px #ff00ff59}.quad-readout{position:fixed;left:10px;top:10px;z-index:1000;padding:6px 12px;background:#000000d9;color:#0f0;font:18px ui-monospace,monospace;cursor:copy;user-select:all}