.hole-page{color:#eee;font-family:var(--font-geist-sans),sans-serif;isolation:isolate;background:#000;position:fixed;inset:0}.hole-stage{touch-action:none;--hole-x:50vw;--hole-y:50vh;--hole-radius:clamp(72px,14vw,140px);cursor:crosshair;position:absolute;inset:0}.hole-art{width:100%;height:100%;image-rendering:pixelated;-webkit-mask-image:radial-gradient(circle at var(--hole-x) var(--hole-y),#000 0, #000 calc(var(--hole-radius) - 10px),transparent var(--hole-radius));mask-image:radial-gradient(circle at var(--hole-x) var(--hole-y),#000 0, #000 calc(var(--hole-radius) - 10px),transparent var(--hole-radius));-webkit-mask-image:radial-gradient(circle at var(--hole-x) var(--hole-y),#000 0,#000 calc(var(--hole-radius) - 10px),transparent var(--hole-radius));display:block}.hole-header,.hole-controls{left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:start;gap:20px;display:flex;position:absolute}.hole-header{top:max(24px,env(safe-area-inset-top));letter-spacing:.14em;font-size:12px}.hole-header a{color:#aaa;pointer-events:auto;text-decoration:none}.hole-header a:first-child{color:#eee;font-size:20px}.hole-header span{letter-spacing:.24em;margin-left:8px;font-size:12px}.hole-controls{bottom:max(24px,env(safe-area-inset-bottom));color:#999;align-items:end;font-size:12px}.hole-controls button{pointer-events:auto;color:#eee;font:inherit;cursor:pointer;background:#111b;border:1px solid #444;border-radius:4px;padding:12px 16px}.hole-controls button:disabled{opacity:.45;cursor:wait}.hole-controls button:hover:not(:disabled){border-color:#aaa}.hole-controls button:focus-visible,.hole-header a:focus-visible{outline-offset:5px;outline:2px solid #fff}.hole-instructions>span{margin-bottom:12px;display:block}.hole-instructions>button{color:#bbb;background:0 0;border:0;padding:5px 0}.hole-instructions p{max-width:210px;margin:4px 0 0}.hole-reveal small{color:#aaa;margin-top:5px;font-size:10px;display:block}.hole-viewer{z-index:10;position:fixed;inset:0}.hole-viewer .lightbox-page{z-index:11}@media (width<=480px){.hole-header,.hole-controls{left:16px;right:16px}.hole-controls{gap:12px;font-size:11px}.hole-controls button{padding:10px}.hole-instructions>span{max-width:145px;line-height:1.6}}