:root{color-scheme:light;font-family:Nunito,Arial,sans-serif;background:#fff8ed;color:#1f2937;--radius: 22px;--radius-sm: 16px;--radius-xs: 12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;background:radial-gradient(circle at 6% 6%,rgba(56,189,248,.22),transparent 22rem),radial-gradient(circle at 94% 3%,rgba(251,113,133,.22),transparent 20rem),radial-gradient(circle at 50% 102%,rgba(250,204,21,.2),transparent 24rem),radial-gradient(circle at 82% 62%,rgba(34,197,94,.16),transparent 22rem),linear-gradient(180deg,#fff8ed,#fef6ff 46%,#ecfdff);background-attachment:fixed;color:#1f2937;font-family:Nunito,Arial,sans-serif}a{color:inherit}img{display:block;max-width:100%}.page-shell{width:min(1160px,calc(100% - 32px));margin:0 auto}.skip-link{position:fixed;left:16px;top:16px;z-index:100;transform:translateY(-160%);border-radius:999px;background:#111827;color:#fff;padding:10px 14px;font-weight:800}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(15,118,110,.14);background:#fff8edeb;backdrop-filter:blur(16px)}.nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:clamp(1.05rem,2vw,1.32rem);font-weight:700;color:#134e4a;white-space:nowrap}.brand-logo{height:38px;width:auto;max-width:100%;display:block;transition:transform .22s ease}.brand-suffix{font-family:Fredoka,Trebuchet MS,sans-serif;font-weight:700;color:#134e4a}.brand-mark{width:44px;height:44px;border-radius:14px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(19,78,74,.18));transition:transform .22s ease}.brand:hover .brand-mark,.brand:focus-visible .brand-mark{transform:rotate(-8deg) scale(1.08)}.brand:hover .brand-logo,.brand:focus-visible .brand-logo{transform:scale(1.03)}.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.menu-toggle{display:none;position:relative;width:44px;height:44px;place-items:center;border:2px solid rgba(15,118,110,.18);border-radius:14px;background:#fffdf8;box-shadow:inset 0 -3px #00000014,0 8px 18px #0f766e1f;color:#0f766e;cursor:pointer}.menu-toggle-bars,.menu-toggle-bars:before,.menu-toggle-bars:after{display:block;width:20px;height:3px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease}.menu-toggle-bars{position:relative}.menu-toggle-bars:before,.menu-toggle-bars:after{position:absolute;left:0;content:""}.menu-toggle-bars:before{top:-7px}.menu-toggle-bars:after{top:7px}.menu-toggle[aria-expanded=true] .menu-toggle-bars{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-bars:before{transform:translateY(7px) rotate(90deg)}.menu-toggle[aria-expanded=true] .menu-toggle-bars:after{opacity:0}.menu-toggle:focus-visible{outline:3px solid rgba(20,184,166,.45);outline-offset:3px}.nav-links a,.chip,.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;text-decoration:none;font-weight:800}.nav-links a{padding:8px 12px;color:#374151}.nav-links a:hover,.nav-links a:focus-visible{background:#fff;color:#0f766e;outline:2px solid rgba(20,184,166,.35);outline-offset:2px}.button{border:0;padding:13px 20px;background:#0f766e;box-shadow:0 5px #115e59;color:#fff;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s ease}.button:hover{transform:translateY(-3px);box-shadow:0 8px #115e59}.button:active{transform:translateY(2px);box-shadow:0 2px #115e59}.button.secondary{border:3px solid #0f766e;background:#fff;box-shadow:0 5px #0f766e2e;color:#0f766e}.chip{border:2px solid rgba(15,118,110,.18);padding:8px 14px;background:#e6fffa;color:#0f766e;font-size:.94rem}.section{padding:clamp(42px,7vw,78px) 0}.section-heading{max-width:740px;margin-bottom:24px}.eyebrow{display:inline-block;margin:0 0 12px;padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,#fef9c3,#ccfbf1);border:2px solid rgba(15,118,110,.16);color:#0f766e;font-weight:900;letter-spacing:.02em;text-transform:uppercase;font-size:.74rem}h1,h2,h3{margin:0;font-family:Fredoka,Trebuchet MS,sans-serif;line-height:1.04;letter-spacing:0;color:#134e4a}h1{font-size:clamp(2.45rem,8vw,5.8rem);max-width:780px}h2{font-size:clamp(2rem,5vw,3.25rem)}h3{font-size:clamp(1.2rem,3vw,1.6rem)}p{line-height:1.68}.lead{max-width:720px;color:#374151;font-size:clamp(1.06rem,2.2vw,1.26rem)}.grid{display:grid;gap:18px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card,.category-card,.info-panel,.metadata-panel,.faq-item{border:2px solid rgba(15,118,110,.12);border-radius:var(--radius);background:#ffffffe6;box-shadow:0 18px 40px #14532d14}.game-card{display:flex;min-height:100%;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.game-card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 26px 54px #14532d29}.game-visual{position:relative;display:grid;place-items:center;min-height:164px;padding:18px;overflow:hidden;border-bottom:1px solid rgba(15,118,110,.1);background:#dbeafe}.game-visual:after{position:absolute;content:"";width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55),transparent 70%);pointer-events:none}.card-icon{position:relative;z-index:1;width:clamp(76px,30%,100px);height:auto;filter:drop-shadow(0 8px 14px rgba(20,83,45,.22));transition:transform .24s cubic-bezier(.34,1.56,.64,1)}.game-card:hover .card-icon{transform:rotate(-4deg) scale(1.08)}.detail-visual{min-height:200px}.detail-visual .card-icon{width:120px}.tone-blue{background:linear-gradient(135deg,#2563eb,#22c55e)}.tone-teal{background:linear-gradient(135deg,#0f766e,#f59e0b)}.tone-green{background:linear-gradient(135deg,#16a34a,#38bdf8)}.tone-rose{background:linear-gradient(135deg,#be123c,#f97316)}.tone-orange{background:linear-gradient(135deg,#ea580c,#facc15)}.tone-violet{background:linear-gradient(135deg,#7c3aed,#14b8a6)}.tone-cyan{background:linear-gradient(135deg,#0891b2,#84cc16)}.game-card-body{display:flex;flex:1;flex-direction:column;gap:14px;padding:18px}.game-card p,.category-card p,.info-panel p{margin:0;color:#4b5563}.card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.category-card,.info-panel,.metadata-panel,.faq-item{padding:20px}.category-card{display:flex;align-items:center;gap:14px;text-decoration:none;border-top:5px solid var(--category-accent);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.category-card:hover{transform:translateY(-5px);outline:3px solid color-mix(in srgb,var(--category-accent),transparent 72%)}.category-icon{flex:0 0 auto}.category-card h3{color:var(--category-accent)}.category-card p{margin:0;color:#6b7280;font-weight:800}.card-actions{display:flex;flex-wrap:wrap;gap:10px}.compact{min-height:38px;padding:9px 13px;font-size:.95rem}.footer{border-top:1px solid rgba(15,118,110,.14);padding:28px 0;color:#4b5563}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (max-width: 900px){.game-grid,.category-grid,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){html.nav-drawer-open,html.nav-drawer-open body{overflow:hidden}.page-shell{width:min(100% - 24px,1160px)}.nav{align-items:center;flex-direction:row;gap:12px}.site-header{backdrop-filter:none}.brand{min-width:0;font-size:clamp(1rem,6vw,1.25rem)}.brand-mark{width:42px;height:42px;border-radius:14px}.brand-logo{height:30px}.menu-toggle{z-index:80;display:grid;flex:0 0 auto;margin-left:auto}.nav[data-menu-open=true] .menu-toggle{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:90}.nav:before{position:fixed;inset:0;z-index:68;background:#0f172a57;content:"";opacity:0;pointer-events:none;transition:opacity .18s ease}.nav[data-menu-open=true]:before{opacity:1;pointer-events:auto}.nav-links{position:fixed;top:0;right:0;bottom:0;z-index:70;display:flex;align-items:stretch;flex-direction:column;justify-content:flex-start;width:min(82vw,320px);padding:max(86px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) 18px;border-left:1px solid rgba(15,118,110,.14);background:#fff8ed;box-shadow:-24px 0 50px #0f172a29;clip-path:inset(0 0 0 100%);opacity:0;pointer-events:none;transition:clip-path .22s ease,opacity .16s ease}.nav[data-menu-open=true] .nav-links{clip-path:inset(0);opacity:1;pointer-events:auto}.nav-links a{justify-content:flex-start;min-height:52px;padding:12px 14px;border-radius:16px;background:#ffffff94;color:#374151;font-size:1.08rem}.game-grid,.category-grid,.info-grid{grid-template-columns:1fr}.game-visual{min-height:142px}}.nav-glyph[data-astro-cid-ctg3m53h]{display:inline-flex;width:20px;height:20px;flex:0 0 auto}.nav-glyph[data-astro-cid-ctg3m53h] svg{width:20px;height:20px}