.show-grid{width:100vw;height:100dvh;position:relative;overflow:hidden}@media (pointer:fine){.show-grid *{cursor:none!important}}#grid-cursor{pointer-events:none;position:fixed}@media (pointer:fine){#grid-cursor{background:var(--accent);pointer-events:none;width:8px;height:8px;z-index:var(--z-cursor);mix-blend-mode:normal;opacity:0;border-radius:50%;transition:transform .1s,opacity .2s;transform:translate(-50%,-50%)}.show-grid>#grid-cursor{opacity:1}#grid-cursor.active{transform:translate(-50%,-50%)scale(1.8)}}.tile-grid{z-index:var(--z-grid);background:var(--bg);opacity:0;pointer-events:none;transition:opacity .6s;position:fixed;inset:0;overflow:hidden}.tile-grid--visible{opacity:1;pointer-events:auto}.show-grid>:not(.tile-grid):not(#grid-cursor){z-index:var(--z-content);position:relative}.tile-wrap{transform-style:preserve-3d;position:absolute}.tile-face{backface-visibility:hidden;border-radius:1px;position:absolute;inset:0}.tile-front{background:var(--bg)}.tile-back{transform:rotateY(180deg)}.tile-back-x{transform:rotateX(180deg)}.tile-back:after,.tile-back-x:after{content:"";border-radius:inherit;background:radial-gradient(circle at 50% 30%,#ffffff1f 0%,#0000 70%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.tile-grid,#grid-cursor{transition:none}}