:root{--blue:#1a52d4;--mono:"Space Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--blue);overscroll-behavior:none;height:100%;overflow:hidden}body{font-family:var(--mono);-webkit-user-select:none;user-select:none}#app{touch-action:none;cursor:grab;background:var(--blue);position:fixed;inset:0}#app.grabbing{cursor:grabbing}#app.stamping{cursor:none}#app.pointing{cursor:pointer}#gl,#fx{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}#top-label{left:0;right:0;top:max(5vh, env(safe-area-inset-top));text-align:center;color:#fff;opacity:0;pointer-events:none;font:700 clamp(10px, 1.1vw, 14px)/1 var(--mono);letter-spacing:.32em;position:absolute}#stamp-cursor{pointer-events:none;opacity:0;z-index:5;will-change:transform;filter:drop-shadow(0 6px 8px #00002859);transition:opacity .12s;position:absolute;top:0;left:0}#stamp-cursor.on{opacity:1}#hint{left:50%;bottom:max(22px, env(safe-area-inset-bottom));text-align:center;color:#1a2744;pointer-events:none;max-width:calc(100vw - 32px);font:12px/1.3 var(--mono);background:#fffffff0;border-radius:999px;padding:9px 16px;transition:opacity .3s;position:absolute;transform:translate(-50%)}#hint.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{transform:translate(-50%)scale(1.05)}}#controls{right:max(16px, env(safe-area-inset-right));top:max(16px, env(safe-area-inset-top));z-index:6;gap:8px;display:flex;position:absolute}#controls button{font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:var(--blue);color:#fff;border:2px solid #fff;border-radius:6px;padding:9px 12px}#controls button:hover{color:var(--blue);background:#fff}#controls button.off{opacity:.55;text-decoration:line-through}#b-again{display:none}#b-again.show{display:block}#site-link{left:50%;bottom:max(68px, calc(env(safe-area-inset-bottom) + 56px));background:var(--blue);color:#fff;font:700 13px/1 var(--mono);letter-spacing:.06em;opacity:0;pointer-events:none;z-index:6;border:2px solid #fff;border-radius:6px;padding:10px 18px;text-decoration:none;transition:opacity .45s,transform .45s;position:absolute;transform:translate(-50%)translateY(10px)}#site-link.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}#site-link:hover{color:var(--blue);background:#fff}body.record #hint,body.record #controls,body.record #stamp-cursor{display:none}body.record #app,body.record #app.stamping,body.record #app.pointing{cursor:none}@media (width<=520px){#hint{padding:8px 12px;font-size:11px}#controls{gap:6px}#controls button{letter-spacing:.04em;padding:9px;font-size:10px}#controls{top:auto;bottom:max(64px, calc(env(safe-area-inset-bottom) + 52px));right:50%;transform:translate(50%)}#site-link{bottom:max(118px, calc(env(safe-area-inset-bottom) + 108px))}}