:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--blue-deep:#13205c;--blue:#1b3a8f;--blue-glow:#4aa3ff;--red:#ff5a5f;--gold:#ffd36e;--text:#fff8e7;--card:#ffffff21;--card-hover:#fff3;--pill:#ffffff1f;background:var(--blue-deep);font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh;color:var(--text);margin:0}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 100% 100%, #ff5a5f4d, #ff5a5f00 60%), radial-gradient(circle at 0% 0%, #4aa3ff4d, #4aa3ff00 60%), linear-gradient(180deg, var(--blue-deep) 0%, var(--blue) 55%, #1d2f73 100%);position:fixed;inset:0}#app{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.top-bar{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.big-link{box-sizing:border-box;background:var(--pill);min-width:56px;min-height:56px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;padding:8px 20px;font-size:1.4rem;text-decoration:none;display:inline-flex}.big-link:hover,.big-link:focus-visible{background:var(--card-hover);outline:4px solid var(--gold)}.site-title{text-align:center;text-shadow:0 4px 10px #00000073;margin:8px 0 24px;font-size:clamp(2.2rem,6vw,4rem)}.site-title-red{color:var(--red)}.shelf-title{background:var(--pill);border-radius:999px;align-items:center;gap:12px;width:fit-content;margin:24px 0 8px;padding:4px 20px;font-size:2rem;display:flex}.shelf-subtitle{color:var(--gold);margin:0 0 12px;font-size:1.3rem}.shelf-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.game-card{background:var(--card);color:var(--text);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;font-size:1.4rem;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #080e3073,0 12px 24px #00000040}.game-card:before{content:"";background:var(--red);height:5px;position:absolute;top:0;left:0;right:0}.game-card:hover,.game-card:focus-visible{background:var(--card-hover)}.game-card:focus-visible{outline:4px solid var(--red);outline-offset:3px}.game-icon{font-size:4rem;line-height:1}.game-age{color:var(--gold);font-size:1rem}.site-footer{color:var(--gold);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin-top:48px;font-size:1.2rem;display:flex}.drift{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.drift-shape{left:var(--x);top:var(--y);width:var(--size);height:var(--size);opacity:.16;pointer-events:none;background:var(--red);position:absolute}.drift-shape:nth-child(2n){background:var(--blue-glow)}.drift-circle{border-radius:50%}.drift-triangle{clip-path:polygon(50% 0%,100% 100%,0% 100%)}.drift-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.drift-shape:first-child{--x:6%;--y:70%;--size:44px;--delay:0s}.drift-shape:nth-child(2){--x:18%;--y:20%;--size:32px;--delay:-7s}.drift-shape:nth-child(3){--x:31%;--y:55%;--size:52px;--delay:-3.5s}.drift-shape:nth-child(4){--x:44%;--y:8%;--size:36px;--delay:-10.5s}.drift-shape:nth-child(5){--x:57%;--y:80%;--size:48px;--delay:-1.75s}.drift-shape:nth-child(6){--x:69%;--y:35%;--size:30px;--delay:-8.75s}.drift-shape:nth-child(7){--x:81%;--y:62%;--size:56px;--delay:-5.25s}.drift-shape:nth-child(8){--x:92%;--y:15%;--size:34px;--delay:-12.25s}@media (prefers-reduced-motion:no-preference){.site-title{animation:3.2s ease-in-out infinite title-bob}.game-card{animation:.5s ease-out backwards card-pop;animation-delay:calc(var(--pop,0) * .12s);transition:translate .2s,rotate .2s,background-color .2s}.game-card:hover,.game-card:focus-visible{translate:0 -4px;rotate:-1.5deg}.game-card:hover .game-icon,.game-card:focus-visible .game-icon{animation:.5s ease-in-out icon-wiggle}.drift-shape{animation:14s linear infinite drift-up;animation-delay:var(--delay);top:100%}}@keyframes title-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes card-pop{0%{opacity:0;scale:.6}70%{opacity:1;scale:1.05}to{scale:1}}@keyframes icon-wiggle{0%,to{rotate:0deg}25%{rotate:-12deg}50%{rotate:10deg}75%{rotate:-6deg}}@keyframes drift-up{0%{transform:translateY(0)rotate(0)}to{transform:translateY(calc(-100vh - 100%))rotate(180deg)}}