:root{--bg:#f4efe6;--bg-alt:#f2dfbd;--card:#fffaf2;--ink:#2b1d1a;--muted:#6b5545;--accent:#f28a2e;--accent-dark:#c0601c;--line:#d9bf94;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}img{image-rendering:pixelated}a{color:var(--accent-dark)}.topbar{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px solid var(--line);background:#f4efe6f0;position:sticky;top:0}.topbar-inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:10px 16px;display:flex}.logo{color:var(--ink);align-items:center;gap:8px;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.nav{gap:14px;margin-right:auto;display:flex}.nav a{color:var(--muted);font-weight:600;text-decoration:none}.nav a:hover{color:var(--ink)}.btn-games{background:var(--accent);color:#fff;box-shadow:0 3px 0 var(--accent-dark);white-space:nowrap;border-radius:999px;padding:10px 18px;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s}.btn-games:hover{box-shadow:0 4px 0 var(--accent-dark);transform:translateY(-1px)}.btn-games:active{box-shadow:0 1px 0 var(--accent-dark);transform:translateY(2px)}.hero{flex-wrap:wrap;align-items:center;gap:32px;max-width:1100px;margin:0 auto;padding:48px 16px 24px;display:flex}.hero-text{flex:380px}.hero h1{margin:0 0 12px;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.hero p{color:var(--muted);max-width:56ch;font-size:1.1rem}.hero-cats{gap:8px;display:flex}.hero-cats img{width:112px;height:112px}.section{max-width:1100px;margin:0 auto;padding:32px 16px}.section h2{margin:0 0 20px;font-size:1.8rem}.section-alt{background:var(--bg-alt);border-block:2px solid var(--line);max-width:none}.section-alt>*{max-width:1068px;margin-inline:auto}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:16px}.card img{width:96px;height:96px;margin:-4px auto 4px;display:block}.card h3{text-align:center;margin:0 0 8px;font-size:1.15rem}.card dl{background:var(--bg);border-radius:8px;grid-template-columns:auto 1fr;gap:2px 10px;margin:0 0 10px;padding:8px 10px;font-size:.9rem;display:grid}.card dt{color:var(--muted)}.card dd{margin:0;font-weight:600}.card p{margin:0;font-size:.95rem}.facts{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.facts li{background:var(--card);border-radius:var(--radius);border:2px solid var(--line);padding:14px 16px}.facts strong{color:var(--accent-dark);font-size:1.1rem;display:block}.tips{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.tip{border-left:4px solid var(--accent);background:var(--card);border-radius:0 var(--radius) var(--radius) 0;padding:12px 16px}.tip h3{margin:0 0 4px;font-size:1.05rem}.tip p{color:var(--muted);margin:0;font-size:.95rem}.footer{text-align:center;color:var(--muted);padding:32px 16px 48px;font-size:.9rem}@media (width<=560px){.nav{display:none}.logo{margin-right:auto}.btn-games{padding:8px 14px;font-size:.95rem}.hero{padding-top:28px}.hero-cats img{width:80px;height:80px}}
