@property --card-width{syntax:"<length>";inherits:true;initial-value:0}@property --card-height{syntax:"<length>";inherits:true;initial-value:0}:root{--overlay-black-40:#0006;--overlay-black-60:#0009;--overlay-white-05:#ffffff0d;--overlay-white-25:#ffffff40;--overlay-white-50:#ffffff80;--overlay-white-75:#ffffffbf;--color-accent:#4ade80;--color-accent-translucent:#4ade80e6;--color-accent-strong:#22c55e;--color-primary:oklch(46% .15 152);--color-primary-hover:oklch(54% .16 152);--color-primary-active:oklch(38% .13 152);--color-primary-shadow-20:oklch(46% .15 152/.2);--color-primary-shadow-40:oklch(46% .15 152/.4);--color-primary-shadow-60:oklch(46% .15 152/.6);--color-player-area:oklch(50% .14 142);--color-card-back:oklch(28% .005 80);--color-card-back-pattern:oklch(93% .01 80);--color-focus-ring:#93c5fd;--color-focus-danger:red;--space-1:.25rem;--space-2:.5rem;--space-4:1rem;--space-8:2rem;--space-16:4rem;--card-base-width:clamp(3rem, min(8vw, 14vh), 10rem);--card-width:var(--card-base-width);--card-height:calc(var(--card-width) * 14 / 8);--fan-overlap:calc(var(--card-width) * .25);--fan-rotation:10deg;--card-radius-ratio:.1;--card-back-border-ratio:.1;--card-back-pattern-ratio:.5}@media (orientation:portrait){:root{--card-base-width:clamp(3.5rem, min(20vw, 12vh), 8rem)}}@media (orientation:landscape) and (height<=600px){:root{--card-base-width:clamp(2.5rem, min(8vw, 11vh), 6rem)}}@media (width<=480px){:root{--fan-rotation:6deg}}*,:before,:after{box-sizing:border-box}html,body,#root{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;height:100dvh;margin:0;padding:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f5a0f;background-image:radial-gradient(circle at 20%,#1a5a1a4d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#0d4d0d4d 0%,#0000 50%),radial-gradient(circle at 40% 20%,#14461433 0%,#0000 50%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative}body:after{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}