:root{--night:oklch(12% .052 278);--night-lift:oklch(18% .054 278);--cream:oklch(94% .025 88);--muted:oklch(69% .025 88);--line:oklch(42% .04 278);--neon:oklch(85% .19 135);--coral:oklch(72% .19 25);--bubble-coral:oklch(78% .16 25);--apricot:oklch(84% .12 75);--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{background:var(--night)}body{background-color:var(--night);color:var(--cream);min-width:20rem;margin:0;font-family:Arial,Helvetica,system-ui,sans-serif;position:relative}body:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 17% 24%,oklch(94% .025 88/.52) 0 1px,#0000 1.5px),radial-gradient(circle at 71% 64%,oklch(85% .19 135/.32) 0 1px,#0000 1.6px),radial-gradient(circle at 43% 82%,oklch(72% .19 25/.26) 0 1px,#0000 1.5px);background-size:73px 73px,109px 109px,137px 137px;position:fixed;inset:0}a{color:inherit;text-decoration:none}.library-shell{z-index:1;max-width:82rem;margin:0 auto;padding:clamp(3rem,7vw,6.5rem) clamp(1rem,3vw,2.5rem) clamp(4rem,8vw,8rem);position:relative}.library-wordmark{width:fit-content;max-width:100%;margin:0 0 clamp(2.6rem,5vw,4.6rem);display:block;position:relative}.wordmark-copy{display:block;position:relative}.kringy-mascot{--eye-x:0px;--eye-y:0px;animation:mascot-settle .68s var(--ease-out) both;aspect-ratio:1;pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;width:.74em;height:.74em;margin-inline:.025em .035em;display:block;position:relative;top:.025em}.mascot-art{height:100%;image-rendering:pixelated;object-fit:contain;pointer-events:none;width:100%;display:block}.mascot-eye{clip-path:polygon(36% 0,74% 0,87% 18%,100% 30%,100% 70%,88% 82%,75% 100%,35% 100%,12% 82%,0 70%,0 30%,17% 10%);pointer-events:none;z-index:2;width:15%;height:15.56%;position:absolute;overflow:hidden}.mascot-eye-left{top:40.42%;left:22.36%}.mascot-eye-right{top:40.69%;left:53.75%}.mascot-pupil{clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);height:58%;transform:translate(-50%, -50%) translate3d(var(--eye-x), var(--eye-y), 0);background:oklch(28% .055 63);width:54%;display:block;position:absolute;top:60%;left:50%}.wordmark-block{animation:logo-settle .65s var(--ease-out) both;font-family:var(--font-wordmark), sans-serif;font-variation-settings:"wdth" 88;letter-spacing:-.055em;text-transform:lowercase;transform-origin:0 100%;white-space:nowrap;align-items:center;font-size:clamp(4.1rem,9vw,9rem);font-weight:700;line-height:.8;display:inline-flex}.wordmark-name{color:var(--bubble-coral)}.wordmark-fun{color:var(--apricot);transform-origin:0 100%;display:inline-block}.wordmark-script{animation:script-settle .72s .12s var(--ease-out) both;color:var(--neon);font-family:var(--font-script), cursive;font-size:clamp(2.4rem,5vw,5.4rem);font-weight:400;line-height:1;position:absolute;bottom:-.52em;right:-.35em;transform:rotate(-6deg)}.game-grid{animation:grid-settle .54s .17s var(--ease-out) both;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,2.7vw,2.8rem) clamp(1rem,2vw,1.8rem);display:grid}.game-card{min-width:0;display:block}.game-cover{aspect-ratio:1193/448;background:var(--night-lift);border:1px solid var(--line);transition:border-color .2s ease, box-shadow .22s var(--ease-out), transform .22s var(--ease-out);border-radius:clamp(.7rem,1.2vw,1.05rem);display:block;position:relative;overflow:hidden}.game-cover img{object-fit:contain;height:100%;transition:transform .24s var(--ease-out);width:100%;display:block}.game-card[data-source=Roblox] .game-cover img{object-fit:cover}.game-caption{justify-content:space-between;align-items:baseline;gap:.65rem;padding:.75rem .15rem 0;display:flex}.game-caption strong{font-family:var(--font-display), sans-serif;min-width:0;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:400;line-height:1.15}.game-caption small{color:var(--muted);flex:none;font-size:.68rem;line-height:1.2}.game-card:focus-visible{outline:3px solid var(--neon);outline-offset:.38rem;border-radius:.85rem}.game-card:focus-visible .game-cover{border-color:var(--neon)}@media (hover:hover) and (pointer:fine){.game-card:hover .game-cover{border-color:color-mix(in oklch, var(--neon) 58%, var(--line));transform:translateY(-.28rem)rotate(-.55deg);box-shadow:0 1.1rem 2.2rem oklch(4% .03 278/.46)}.game-card:nth-child(3n+2):hover .game-cover{transform:translateY(-.28rem)rotate(.55deg)}.game-card:nth-child(3n):hover .game-cover{transform:translateY(-.32rem)rotate(-.25deg)}.game-card:hover .game-cover img{transform:scale(1.025)}}@keyframes logo-settle{0%{opacity:0;transform:translateY(1rem)rotate(-1.5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes mascot-settle{0%{opacity:0;transform:translateY(.08em)rotate(-3deg)scale(.96)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes script-settle{0%{opacity:0;transform:translate(.8rem,.7rem)rotate(-10deg)}to{opacity:1;transform:translate(0)rotate(-6deg)}}@keyframes grid-settle{0%{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:translateY(0)}}@media (width<=52rem){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=34rem){.library-shell{padding-left:.85rem;padding-right:.85rem}.library-wordmark{width:100%}.wordmark-block{font-size:clamp(3.2rem,17vw,5.1rem)}.wordmark-script{font-size:clamp(2.2rem,12vw,3.5rem);right:0}.game-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.kringy-mascot,.wordmark-block,.wordmark-script,.game-grid{animation:none}.game-cover,.game-cover img{transition:none}.mascot-pupil{transform:translate(-50%,-50%)}@media (hover:hover) and (pointer:fine){.game-card:hover .game-cover,.game-card:nth-child(3n+2):hover .game-cover,.game-card:nth-child(3n):hover .game-cover,.game-card:hover .game-cover img{transform:none}}}