@property --lift{syntax:"<length>";inherits:false;initial-value:0}@property --lift-z{syntax:"<length>";inherits:false;initial-value:0}@property --press{syntax:"<number>";inherits:false;initial-value:1}@property --drift{syntax:"<percentage>";inherits:true;initial-value:0}.zen-game{--zen-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.4 -.35'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--zen-glitter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='1' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 9 -6.3'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");--zen-card-surface:linear-gradient(162deg,color-mix(in oklab,var(--color-card) 100%,white 6%) 0%,var(--color-card) 42%,color-mix(in oklab,var(--color-card) 82%,black) 100%);--zen-glyph-shadow:rgba(0,0,0,0.42);--zen-card-shadow:rgba(0,0,0,0.55)}html:not(.dark) .zen-game{--zen-card-surface:linear-gradient(162deg,#ffffff,#fafafb 48%,#eff0f3);--zen-glyph-shadow:rgba(20,24,40,0.16);--zen-card-shadow:rgba(30,34,50,0.22)}.zen-slot{position:relative;perspective:900px;z-index:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.zen-card,.zen-card__shaker{width:100%;height:100%;transform-style:preserve-3d}.zen-card{--lift:0px;--lift-z:0px;--press:1;position:relative;display:block;border:1px solid var(--zen-line);border-radius:.5rem;background:var(--zen-card-surface);color:inherit;pointer-events:none;user-select:none;transform:rotateX(calc(var(--holo-rotate-x, 0deg) + var(--gyro-x, 0deg))) rotateY(calc(var(--holo-rotate-y, 0deg) + var(--gyro-y, 0deg))) translateY(var(--lift)) translateZ(var(--lift-z)) scale(var(--press));box-shadow:inset 0 1px 0 color-mix(in oklab,var(--color-foreground) 6%,transparent),calc(var(--holo-tilt-y, 0) * -.7px) calc(6px + var(--holo-tilt-x, 0) * .7px) 14px -8px var(--zen-card-shadow),calc(var(--holo-tilt-y, 0) * -1.2px) calc(14px + var(--holo-tilt-x, 0) * 1.2px) 34px -18px var(--zen-card-shadow);transition:--lift .28s cubic-bezier(.3,1.7,.5,1),--lift-z .28s cubic-bezier(.3,1.7,.5,1),--press 90ms ease-out,border-color .16s ease,box-shadow .2s ease}.zen-slot:hover .zen-card{--lift-z:6px}.zen-slot:active .zen-card{--press:0.972;transition:--press 40ms ease-out}.zen-card:focus-visible{outline:2px solid var(--zen-selected);outline-offset:3px}.zen-card--selected{--lift:-5px;--lift-z:18px;border-color:var(--zen-selected);box-shadow:0 0 0 1px color-mix(in oklab,var(--zen-selected) 60%,transparent),0 0 28px -6px color-mix(in oklab,var(--zen-selected) 38%,transparent),calc(var(--holo-tilt-y, 0) * -1.2px) calc(22px + var(--holo-tilt-x, 0) * 1.2px) 40px -18px var(--zen-card-shadow)}.zen-card__foil,.zen-card__glare,.zen-card__glitter,.zen-card__rim{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.zen-card__foil{background-image:linear-gradient(118deg,hsl(330 100% 72%),hsl(38 100% 68%) 5.5%,hsl(150 90% 64%) 11%,hsl(196 100% 68%) 16.5%,hsl(268 95% 74%) 22%,hsl(330 100% 72%) 27.5%,hsl(38 100% 68%) 33%,hsl(150 90% 64%) 38.5%,hsl(196 100% 68%) 44%,hsl(268 95% 74%) 49.5%,hsl(330 100% 72%) 55%,hsl(38 100% 68%) 60.5%,hsl(150 90% 64%) 66%,hsl(196 100% 68%) 71.5%,hsl(268 95% 74%) 77%,hsl(330 100% 72%) 82.5%,hsl(38 100% 68%) 88%,hsl(150 90% 64%) 93.5%,hsl(196 100% 68%));background-size:380% 380%;background-repeat:no-repeat;background-position:clamp(0%,calc(var(--holo-pointer-x, 50%) + var(--drift)),100%) clamp(0%,calc(var(--holo-pointer-y, 50%) - var(--drift)),100%);-webkit-mask-image:radial-gradient(120% 90% at var(--holo-pointer-x,50%) var(--holo-pointer-y,50%),#000 0,rgba(0,0,0,.42) 48%,rgba(0,0,0,.16) 100%);mask-image:radial-gradient(120% 90% at var(--holo-pointer-x,50%) var(--holo-pointer-y,50%),#000 0,rgba(0,0,0,.42) 48%,rgba(0,0,0,.16) 100%);mix-blend-mode:color-dodge;opacity:calc(var(--holo-foil-opacity, .05) + var(--holo-active-opacity, 0) * .2);animation:zen-drift 11s ease-in-out infinite alternate;animation-delay:var(--holo-drift-delay,0s)}html:not(.dark) .zen-card__foil{mix-blend-mode:multiply;filter:saturate(.85) brightness(1.18);opacity:calc(var(--holo-foil-opacity, .05) * 1.6 + var(--holo-active-opacity, 0) * .3)}.zen-card--selected .zen-card__foil{opacity:calc(.1 + var(--holo-active-opacity, 0) * .2)}html:not(.dark) .zen-card--selected .zen-card__foil{opacity:calc(.22 + var(--holo-active-opacity, 0) * .25)}@keyframes zen-drift{0%{--drift:-16%}to{--drift:16%}}.zen-card__glitter{background-image:var(--zen-glitter);background-size:140px 140px;background-position:calc(var(--holo-tilt-y, 0) * 3px) calc(var(--holo-tilt-x, 0) * -3px);-webkit-mask-image:radial-gradient(55% 45% at var(--holo-pointer-x,50%) var(--holo-pointer-y,50%),#000,transparent 72%);mask-image:radial-gradient(55% 45% at var(--holo-pointer-x,50%) var(--holo-pointer-y,50%),#000,transparent 72%);mix-blend-mode:color-dodge;opacity:calc(var(--holo-sparkle-opacity, .3) * (.18 + var(--holo-active-opacity, 0) * .95))}html:not(.dark) .zen-card__glitter{filter:invert(1) sepia(.6) hue-rotate(calc(180deg + var(--holo-tilt-y, 0) * 12deg)) saturate(3) brightness(.8);mix-blend-mode:multiply;opacity:calc(var(--holo-sparkle-opacity, .3) * (.1 + var(--holo-active-opacity, 0) * .55))}.zen-card__glare{background:radial-gradient(farthest-corner circle at var(--holo-pointer-x,50%) var(--holo-pointer-y,50%),rgba(255,255,255,.8) 0,rgba(255,255,255,.16) 18%,rgba(255,255,255,0) 44%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.1));mix-blend-mode:overlay;opacity:calc(var(--holo-glare-opacity, .04) + var(--holo-active-opacity, 0) * .5)}html:not(.dark) .zen-card__glare{background:radial-gradient(farthest-corner circle at var(--holo-pointer-x,50%) var(--holo-pointer-y,50%),rgba(255,255,255,0) 22%,rgba(24,30,60,.12) 100%);mix-blend-mode:multiply;opacity:calc(.35 + var(--holo-active-opacity, 0) * .65)}.zen-card__rim{inset:-1px;padding:1px;background:linear-gradient(calc(135deg + var(--holo-tilt-y, 0) * 5deg - var(--holo-tilt-x, 0) * 5deg),rgba(255,255,255,.55),rgba(255,255,255,0) 34%,rgba(255,255,255,0) 70%,rgba(255,255,255,.14));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:calc(.2 + var(--holo-active-opacity, 0) * .6)}html:not(.dark) .zen-card__rim{background:linear-gradient(calc(135deg + var(--holo-tilt-y, 0) * 5deg - var(--holo-tilt-x, 0) * 5deg),#fff,rgba(255,255,255,0) 38%,rgba(0,0,0,0) 64%,rgba(20,24,40,.18));opacity:calc(.55 + var(--holo-active-opacity, 0) * .45)}.zen-card__glyphs{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;pointer-events:none;transform:translateZ(18px);filter:drop-shadow(calc(var(--holo-tilt-y, 0) * -.35px) calc(2px + var(--holo-tilt-x, 0) * .35px) 2.5px var(--zen-glyph-shadow))}.dark .zen-card__glyphs{filter:drop-shadow(calc(var(--holo-tilt-y, 0) * -.35px) calc(2px + var(--holo-tilt-x, 0) * .35px) 2.5px var(--zen-glyph-shadow)) drop-shadow(0 0 6px color-mix(in oklab,currentColor 42%,transparent))}.dark .zen-screen{text-shadow:0 0 6px rgba(225,235,255,.16)}.zen-card__badge{position:absolute;top:.5rem;left:.5rem;transform:translateZ(10px);transition:background 90ms ease,color 90ms ease,border-color 90ms ease}.zen-card--selected .zen-card__badge{border-color:var(--zen-selected);background:var(--zen-selected);color:var(--color-background)}.zen-game{position:fixed;inset:0}.zen-game>.zen-scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain}.zen-game.zen-tube{--zen-bezel:20px;--zen-bezel-color:#000;inset:calc(var(--zen-bezel) * -1);background:var(--zen-bezel-color);filter:url(#zen-crt-tube)}html:has(.zen-tube),html:has(.zen-tube) body{background:#000}.zen-tube>.zen-tube__face{position:absolute;inset:var(--zen-bezel);z-index:-1;border-radius:18px;background:var(--color-background)}.zen-game.zen-tube>#zen-help,.zen-game.zen-tube>.zen-crt,.zen-game.zen-tube>.zen-scroll{inset:var(--zen-bezel)}.zen-tube>.zen-murmuration{top:var(--zen-bezel);left:var(--zen-bezel)}.zen-game.zen-tube>.zen-crt .zen-crt__glass{border-radius:18px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.75),inset 0 0 28px 3px rgba(0,0,0,.38),inset 0 0 90px rgba(0,0,0,.35)}.dark .zen-game.zen-tube>.zen-crt .zen-crt__glass{background:radial-gradient(ellipse 70% 60% at 50% 46%,rgba(200,215,255,.045),transparent 70%),radial-gradient(ellipse 125% 95% at 50% 50%,transparent 62%,rgba(0,0,0,.42) 100%),linear-gradient(128deg,rgba(255,255,255,.035),transparent 32%)}.dark .zen-tube>.zen-tube__face{box-shadow:0 0 22px 2px rgba(170,195,255,.07),0 0 60px 6px rgba(170,195,255,.035)}html:not(.dark) .zen-game.zen-tube>.zen-crt .zen-crt__glass{background:radial-gradient(ellipse 125% 95% at 50% 50%,transparent 66%,rgba(0,0,0,.12) 100%),linear-gradient(128deg,rgba(255,255,255,.16),transparent 30%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.75),inset 0 0 26px 2px rgba(0,0,0,.3)}.zen-game>.zen-crt{position:fixed;inset:0;z-index:60;pointer-events:none;animation:zen-flicker 7s steps(1) infinite}.zen-crt__glass,.zen-crt__grain,.zen-crt__roll,.zen-crt__scan{position:absolute;inset:0}.zen-crt__scan{background:repeating-linear-gradient(180deg,rgba(0,0,0,.3) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.5;animation:zen-scan-drift 3s linear infinite}html:not(.dark) .zen-crt__scan{opacity:.12}.zen-crt__roll{inset:auto 0;top:-24vh;height:22vh;background:linear-gradient(180deg,transparent,rgba(255,255,255,.04) 50%,transparent);mix-blend-mode:screen;animation:zen-roll 9s linear infinite}html:not(.dark) .zen-crt__roll{background:linear-gradient(180deg,transparent,rgba(0,0,0,.022) 50%,transparent);mix-blend-mode:multiply}.zen-crt__grain{background-size:1024px 256px;background-repeat:repeat;opacity:.05;mix-blend-mode:overlay;animation:zen-grain 167ms steps(4) infinite;-webkit-mask-image:linear-gradient(#000,#000)}html:not(.dark) .zen-crt__grain{opacity:.06;mix-blend-mode:multiply}@keyframes zen-grain{to{background-position:-1024px 0}}.zen-crt__glass{border-radius:22px;background:radial-gradient(ellipse 125% 95% at 50% 50%,transparent 62%,rgba(0,0,0,.42) 100%),linear-gradient(128deg,rgba(255,255,255,.035),transparent 32%);box-shadow:inset 0 0 90px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.02)}html:not(.dark) .zen-crt__glass{background:radial-gradient(ellipse 125% 95% at 50% 50%,transparent 66%,rgba(30,34,50,.1) 100%),linear-gradient(128deg,rgba(255,255,255,.5),transparent 30%);box-shadow:inset 0 0 70px rgba(30,34,50,.1)}@keyframes zen-scan-drift{to{background-position:0 3px}}@keyframes zen-roll{to{transform:translateY(150vh)}}@keyframes zen-flicker{0%,to{opacity:1}41%{opacity:.96}42%{opacity:1}77%{opacity:.975}78%{opacity:1}}.zen-screen{transform-origin:50% 45%}.zen-boot{animation:zen-power-on .72s cubic-bezier(.2,.8,.2,1) both}@keyframes zen-power-on{0%{transform:scaleY(.004);filter:brightness(5);opacity:0}30%{transform:scaleY(.004);filter:brightness(4);opacity:1}62%{transform:scaleY(1.015);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}.zen-fx--split{animation:zen-fx-split .22s ease-out}@keyframes zen-fx-split{0%{transform:translateX(0);filter:drop-shadow(2px 0 0 rgba(255,30,60,.55)) drop-shadow(-2px 0 0 rgba(0,190,255,.55))}30%{transform:translateX(.8px);filter:drop-shadow(1.5px 0 0 rgba(255,30,60,.4)) drop-shadow(-1.5px 0 0 rgba(0,190,255,.4))}to{transform:translateX(0);filter:drop-shadow(0 0 0 rgba(255,30,60,0)) drop-shadow(0 0 0 rgba(0,190,255,0))}}.zen-fx--tear{filter:url(#zen-crt-tear);animation:zen-fx-tear .24s steps(6)}@keyframes zen-fx-tear{0%{transform:translate(0)}20%{transform:translate(-3px) skewX(.6deg)}40%{transform:translate(2px,1px)}60%{transform:translate(-1px) skewX(-.4deg)}80%{transform:translate(1px)}to{transform:translate(0)}}.zen-fx--bulge{animation:zen-fx-bulge .9s cubic-bezier(.2,.8,.2,1)}@keyframes zen-fx-bulge{0%{transform:scale(1);filter:url(#zen-crt-bulge) drop-shadow(2px 0 0 rgba(255,30,60,.5)) drop-shadow(-2px 0 0 rgba(0,190,255,.5)) brightness(1)}18%{transform:scale(1.014);filter:url(#zen-crt-bulge) drop-shadow(2.5px 0 0 rgba(255,30,60,.5)) drop-shadow(-2.5px 0 0 rgba(0,190,255,.5)) brightness(1.2)}to{transform:scale(1);filter:url(#zen-crt-bulge) drop-shadow(0 0 0 rgba(255,30,60,0)) drop-shadow(0 0 0 rgba(0,190,255,0)) brightness(1)}}.zen-help{animation:zen-fade .12s ease-out}@keyframes zen-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.zen-card,.zen-card--selected{--lift:0px;--lift-z:0px;transition-duration:.12s}.zen-card__foil,.zen-crt,.zen-crt__scan{animation:none}.zen-boot,.zen-fx--bulge,.zen-fx--split,.zen-fx--tear{animation:none;filter:none}}