@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-ext-400-normal.DRk46D-x.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-ext-400-normal.Bbz-b3yf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-400-normal.BrHNak5F.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-400-normal.BbWidj28.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-ext-700-normal.BoVPHkS0.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-ext-700-normal.CKkU2Dpt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-700-normal.GZI4o3u0.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-700-normal.BK6Glc0m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#17324d;--muted:#4d667d;--paper:#fff9f0;--panel:#fff;--line:#d9e5e8;--teal:#087f8c;--teal-dark:#06616b;--yellow:#f5c84b;--focus:#d97706;--shadow:0 16px 40px #17324d1a;--radius:22px}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:Atkinson Hyperlegible,Verdana,system-ui,sans-serif;font-size:1.1rem;line-height:1.5}a{color:var(--teal-dark)}a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid var(--focus);outline-offset:3px}label:has(input:focus-visible){outline:4px solid var(--focus);outline-offset:3px}.skip-link{z-index:10;color:#fff;background:var(--ink);border-radius:0 0 12px 12px;padding:.75rem 1rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:0}.wrap{width:min(1180px,100% - 2rem);margin:0 auto}.site-header{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9f0eb;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1rem;min-height:76px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-accent{color:var(--teal-dark)}.brand-mark{color:#fff;background:var(--teal-dark);width:42px;height:42px;box-shadow:5px 5px 0 var(--yellow);border-radius:14px 14px 14px 5px;place-items:center;font-size:1.25rem;display:grid}.nav-links{align-items:center;gap:1.1rem;display:flex}.nav-links a:not(.button){min-height:44px;color:var(--ink);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.nav-links a:not(.button):hover{color:var(--teal-dark);text-decoration:underline}.button{min-height:46px;color:var(--ink);background:var(--yellow);font:inherit;cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.05rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 5px #17324d26}.button.secondary{border-color:var(--teal-dark);color:var(--teal-dark);background:0 0}.button.small{min-height:44px;padding:.5rem .9rem;font-size:1rem}main{overflow:hidden}.hero{background:linear-gradient(135deg,#e8f4f1 0%,#fff9f0 62%,#fff1c9 100%);padding:clamp(3rem,8vw,6.5rem) 0 3rem;position:relative}.hero:after{content:"";pointer-events:none;border:28px solid #087f8c1f;border-radius:50%;width:300px;height:300px;position:absolute;top:30px;right:-80px}.hero-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:3rem;display:grid}h1,h2,h3{letter-spacing:-.035em;line-height:1.1}h1{max-width:680px;margin:0;font-size:clamp(2.8rem,7vw,5.6rem)}.hero-copy{max-width:640px;color:var(--muted);margin:1.2rem 0 1.5rem;font-size:clamp(1.15rem,2vw,1.4rem)}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.callout{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffc7;border:2px solid #087f8c33;padding:1.25rem}.callout h2{margin:0 0 .5rem;font-size:1.35rem}.callout p{color:var(--muted);margin:0 0 1rem}.catalog{padding:3.5rem 0 5rem}.section-heading h2{margin:0;font-size:clamp(2rem,4vw,3rem)}.section-heading p{color:var(--muted);margin:.4rem 0 0}.filter-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin:1.5rem 0 2rem;padding:1rem;box-shadow:0 7px 22px #17324d0f}.filter-box legend{padding:0 .35rem;font-weight:700}.filter-group{border:0;margin:.75rem 0 0;padding:0}.filter-group legend{color:var(--muted);padding:0;font-size:1rem}.filter-list{flex-wrap:wrap;gap:.55rem;margin-top:.5rem;display:flex}.filter{border:2px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .9rem;font-weight:700;display:inline-flex}.filter input{width:1.25rem;height:1.25rem;accent-color:var(--teal-dark);margin:0}.filter:has(input:checked){border-color:var(--teal-dark);color:var(--teal-dark);background:#dff2ef}.filter-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1rem;display:flex}.js .apply-filters{display:none}.result-count{color:var(--muted);margin:1rem 0 0;font-size:1rem}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:0;padding:0;list-style:none;display:grid}.game-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;height:100%;min-height:300px;padding:1.15rem;display:flex;box-shadow:0 8px 22px #17324d12}.game-card:hover{box-shadow:var(--shadow)}.game-icon{background:var(--tint);border-radius:20px;place-items:center;width:66px;height:66px;margin-bottom:1.1rem;font-size:2rem;display:grid}.c-coral{--tint:#ffe0dc}.c-violet{--tint:#e8defb}.c-green{--tint:#d9efe3}.c-blue{--tint:#dceafb}.c-gold{--tint:#fff0bf}.c-neutral{--tint:#e9eef0}.game-card h3{margin:0 0 .5rem;font-size:1.55rem}.game-card p{color:var(--muted);margin:0 0 1rem}.metadata{flex-wrap:wrap;gap:.4rem;margin:auto 0 0;padding:.5rem 0 0;list-style:none;display:flex}.tag{color:var(--ink);background:#eef4f5;border-radius:7px;padding:.25rem .55rem;font-size:.9rem;font-weight:700}.card-link{min-height:44px;color:var(--teal-dark);align-items:center;gap:.35rem;margin-top:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.card-link:hover{text-decoration:underline}.empty{border:2px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center;padding:2rem}.page-simple{padding:4rem 0 6rem}.page-simple h1{font-size:clamp(2.2rem,5vw,3.6rem)}.page-simple p{max-width:640px;color:var(--muted)}.site-footer{background:var(--ink);color:#fff;padding:2.5rem 0}.site-footer p{color:#d2e0e7;max-width:560px;margin:.5rem 0 0}@media (width<=860px){.hero-grid{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.nav{min-height:68px}.brand{font-size:1.1rem}.brand-mark{width:36px;height:36px}.game-grid{grid-template-columns:1fr}h1{font-size:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.button:hover{transform:none}}html{scroll-behavior:smooth}.facts{grid-template-columns:max-content 1fr;gap:.25rem 1.25rem;max-width:640px;margin:1.5rem 0;display:grid}.facts dt{font-weight:700}.facts dd{color:var(--muted);margin:0}.play{padding:2rem 0 4rem}.game-frame{border:2px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;height:min(75vh,720px);min-height:360px;display:block}.page-simple h2{margin:2rem 0 .5rem;font-size:1.5rem}.page-simple ul,.page-simple ol{max-width:640px;color:var(--muted)}.page-simple li{margin:.4rem 0}.site-footer a{color:#e4f6f3}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;display:flex}.footer-links{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.footer-links a{align-items:center;min-height:44px;display:inline-flex}