.motd-box{image-rendering:pixelated;z-index:0;background-repeat:repeat;background-size:64px 64px;border:2px solid #fff;justify-content:flex-start;align-items:center;padding:1rem;line-height:1.5;display:inline-flex;position:relative;overflow:hidden}.motd-box:after{content:"";pointer-events:none;z-index:1;background:#000000bf;position:absolute;inset:0}.motd-box>*{z-index:2;position:relative}.icon-container{width:64px;height:64px;image-rendering:pixelated;cursor:pointer;position:relative;overflow:hidden}.icon-container:before{content:"";opacity:0;z-index:1;background:#ffffff40;position:absolute;inset:0}.group:hover .icon-container:before{opacity:1}.icon-image{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;z-index:0;position:relative}.icon-overlay,.icon-overlay-hover{object-fit:cover;pointer-events:none;z-index:2;opacity:0;width:100%;height:100%;position:absolute;inset:0}.group:hover .icon-overlay{opacity:1}.group:hover .icon-container:hover .icon-overlay{opacity:0}.group:hover .icon-container:hover .icon-overlay-hover{opacity:1}.definition-section{padding-left:var(--space-6);margin-top:var(--space-16)}.definition-section h2{font-family:var(--font-minecraft);line-height:var(--leading-3xl)}.definition-section p{margin-bottom:var(--space-3)}.audio-button{cursor:pointer;padding:var(--space-2);border-radius:var(--space-2);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.audio-button:hover{color:var(--color-primary);transform:scale(1.1)}.audio-button:active{transform:scale(.95)}@keyframes hueRotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.hue-shift,.hue-shift *{animation:1s linear infinite hueRotate}.progressive-img-wrapper .spinner{z-index:10;justify-content:center;align-items:center;height:100%;display:flex;inset:0}.progressive-img-wrapper{-webkit-mask-image:linear-gradient(#000 0% 66%,#0000);mask-image:linear-gradient(#000 0% 66%,#0000)}.progressive-img{transition:transform .7s}:root{--m:2rem}.copy-button{border:calc(.08 * var(--m)) solid transparent;font-size:var(--m);border-radius:calc(.7 * var(--m));padding:calc(.5 * var(--m)) calc(1 * var(--m));cursor:pointer;background:radial-gradient(var(--color-background), var(--color-background)), linear-gradient(90deg, var(--color-accent), var(--color-secondary));transition:transform var(--transition-duration-base) var(--transition-timing-soft);background-size:200%;background-origin:border-box;background-clip:padding-box,border-box,border-box;justify-content:center;animation:2s linear infinite animate;display:flex;position:relative;box-shadow:0 0 #0006}@keyframes animate{0%{background-position:0}to{background-position:200%}}@media screen and (width<=1000px){:root{--m:1.5rem}}.copy-button:hover{transform:scale(1.05)}@media screen and (width<=1000px){:root{--m:1.5rem}}@keyframes flashGreen{0%{box-shadow:0 0 20px var(--color-secondary)}to{box-shadow:0 0 #0006}}.flash-success{animation:.6s ease-in-out flashGreen}@keyframes flashRed{0%{background:linear-gradient(90deg, var(--color-error), var(--color-error-gradient));box-shadow:0 0 20px var(--color-error)}to{background:radial-gradient(var(--color-background), var(--color-background)), linear-gradient(90deg, var(--color-accent), var(--color-secondary));box-shadow:0 0 #0006}}.flash-error{animation:.6s ease-in-out flashRed}.pill:where(.astro-gfh3fntd),.badge:where(.astro-wzgjbdq5){color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 18%, #00000059);border:1px solid color-mix(in srgb, var(--color-accent) 40%, transparent)}.game-card:where(.astro-wzgjbdq5){isolation:isolate;will-change:transform;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s}.game-card:where(.astro-wzgjbdq5):hover{border-color:var(--color-accent);box-shadow:0 24px 60px -22px color-mix(in srgb, var(--color-accent) 60%, transparent)}.cursor-glow:where(.astro-wzgjbdq5){z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,15%), color-mix(in srgb, var(--color-accent) 10%, transparent), transparent 65%);transition:opacity .4s;position:absolute;inset:0}.game-card:where(.astro-wzgjbdq5):hover .cursor-glow:where(.astro-wzgjbdq5){opacity:1}.corner:where(.astro-wzgjbdq5){z-index:20;border:2px solid var(--color-accent);opacity:0;pointer-events:none;width:22px;height:22px;transition:opacity .4s,transform .4s;position:absolute}.corner-tl:where(.astro-wzgjbdq5){border-bottom:none;border-right:none;top:10px;left:10px;transform:translate(6px,6px)}.corner-br:where(.astro-wzgjbdq5){border-top:none;border-left:none;bottom:10px;right:10px;transform:translate(-6px,-6px)}.game-card:where(.astro-wzgjbdq5):hover .corner:where(.astro-wzgjbdq5){opacity:.9;transform:translate(0)}.card-shine:where(.astro-wzgjbdq5){z-index:30;pointer-events:none;background:linear-gradient(75deg,#0000 42%,#ffffff14 50%,#0000 58%);transition:transform .9s;position:absolute;inset:-25% -70%;transform:translate(-120%)}.game-card:where(.astro-wzgjbdq5):hover .card-shine:where(.astro-wzgjbdq5){transform:translate(45%)}.blueprint-grid:where(.astro-wzgjbdq5){background-image:linear-gradient(color-mix(in srgb, var(--color-accent) 20%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 20%, transparent) 1px, transparent 1px);background-position:50%;background-size:20px 20px}.icon-visual:where(.astro-wzgjbdq5){z-index:1;transition:transform .4s;position:relative}.game-card:where(.astro-wzgjbdq5):hover .icon-visual:where(.astro-wzgjbdq5){transform:translateY(-4px)rotate(-4deg)scale(1.08)}.code-typer:where(.astro-wzgjbdq5){pointer-events:none;white-space:pre-wrap;word-break:break-word;text-align:left;color:color-mix(in srgb, var(--color-accent) 70%, transparent);opacity:0;margin:0;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:10.5px;line-height:1.55;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.game-card--concept:where(.astro-wzgjbdq5):hover .code-typer:where(.astro-wzgjbdq5){opacity:.55}.code-typer:where(.astro-wzgjbdq5).is-typing:after{content:"▌";margin-left:1px;animation:1s step-end infinite code-cursor-blink}@keyframes code-cursor-blink{50%{opacity:0}}.game-card:where(.astro-wzgjbdq5):hover .progressive-img:where(.astro-wzgjbdq5){transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.tilt-card:where(.astro-wzgjbdq5),.card-shine:where(.astro-wzgjbdq5),.icon-visual:where(.astro-wzgjbdq5),.progressive-img:where(.astro-wzgjbdq5),.corner:where(.astro-wzgjbdq5){transition:none!important;transform:none!important}.code-typer:where(.astro-wzgjbdq5){display:none}}
