*{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a2e;color:#fff;font-family:Nunito,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.header{padding:3rem 1.5rem 2rem;text-align:center}.logo{font-family:Fredoka One,cursive;font-size:2.8rem;letter-spacing:.02em;margin-bottom:.5rem}.logo-seven{color:#f7c948}.logo-twelve{color:#ff6b6b}.logo-games{color:#48dbfb}.subtitle{color:#a0a0c0;font-size:1.2rem;font-weight:400}.main{align-items:flex-start;display:flex;flex:1 1;padding:2rem 1.5rem 4rem}.game-grid,.main{justify-content:center}.game-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,360px));max-width:800px;width:100%}.game-card{border-radius:20px;box-shadow:0 4px 20px #0000004d;color:#fff;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.game-card:hover{box-shadow:0 12px 40px #00000080;transform:translateY(-6px) scale(1.03)}.game-card-bg{inset:0;opacity:.9;position:absolute;z-index:0}.game-card-content{align-items:center;background:linear-gradient(180deg,#0000,#00000040);display:flex;flex-direction:column;padding:2rem 1.5rem;position:relative;text-align:center;z-index:1}.game-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:4rem;margin-bottom:.75rem;transition:transform .25s ease}.game-card:hover .game-emoji{transform:scale(1.15) rotate(-5deg)}.game-title{font-family:Fredoka One,cursive;font-size:1.6rem;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.game-description{font-size:.95rem;line-height:1.5;margin-bottom:1.25rem;opacity:.9}.play-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:2px solid #fff6;border-radius:50px;color:#fff;display:inline-block;font-family:Fredoka One,cursive;font-size:1rem;padding:.6rem 2rem;transition:background .2s ease,border-color .2s ease}.game-card:hover .play-button{background:#ffffff59;border-color:#ffffffb3}.local-link{display:block;font-size:.75rem;margin-top:.75rem;opacity:.5}.local-url{text-decoration:underline}.footer{color:#555580;font-size:.85rem;padding:1.5rem;text-align:center}@media (max-width:640px){.logo{font-size:2rem}.subtitle{font-size:1rem}.header{padding:2rem 1rem 1.5rem}.main{padding:1rem 1rem 3rem}.game-grid{grid-template-columns:1fr;max-width:400px}}
/*# sourceMappingURL=main.24903f42.css.map*/