:root{--color-orange:#e4701a;--color-blue:#0b5fa5;--color-green:#008a63;--color-bg:#fff;--color-bg-soft:#f4f5f7;--color-text:#16181d;--color-text-muted:#4b5160;--color-border:#d7dbe2;--color-link:#0b4d86;--color-link-visited:#4a3a86;--color-focus:#0b5fa5;--color-required-text:#a3560f}@media (prefers-color-scheme:dark){:root{--color-bg:#14161b;--color-bg-soft:#1d2027;--color-text:#eef0f4;--color-text-muted:#b7bcc7;--color-border:#363b46;--color-link:#6fb0f2;--color-link-visited:#c0a8f2;--color-focus:#f2a35a;--color-required-text:#f0a34e}}*{box-sizing:border-box}html{color-scheme:light dark}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);flex-direction:column;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.6;display:flex}main{flex:1}.wrap{width:100%;max-width:46rem;margin-inline:auto;padding-inline:1.25rem}h1,h2,h3,h4{text-wrap:balance;line-height:1.25}h1{margin-block:0 .5rem;font-size:clamp(1.75rem,4vw,2.25rem)}h2{margin-block:2rem .75rem;font-size:1.375rem}h3{margin-block:1.5rem .5rem;font-size:1.125rem}h4{margin-block:1.25rem .4rem;font-size:1rem}p,ul,ol{margin-block:0 1rem}a{color:var(--color-link);text-underline-offset:.15em}a:visited{color:var(--color-link-visited)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.skip-link{background:var(--color-bg);color:var(--color-text);border:2px solid var(--color-focus);z-index:10;border-radius:.25rem;padding:.5rem .75rem;transition:top .15s ease-in-out;position:absolute;top:-3rem;left:.5rem}.skip-link:focus{top:.5rem}header.site-header{border-bottom:1px solid var(--color-border)}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block:1rem;display:flex}.brand{color:var(--color-text);align-items:center;gap:.6rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.brand:visited{color:var(--color-text)}.brand svg{flex-shrink:0;width:2rem;height:2rem}nav.main-nav ul{flex-wrap:wrap;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}nav.main-nav a{font-weight:600;text-decoration:none}nav.main-nav a[aria-current=page]{text-underline-offset:.25em;text-decoration:underline}.lang-switch{font-size:.9rem}.lang-switch a{font-weight:600}section{margin-block:2rem}.card{border:1px solid var(--color-border);background:var(--color-bg-soft);border-radius:.5rem;padding:1.25rem 1.5rem}.badge{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:.2rem .6rem;font-size:.85rem;font-weight:600;display:inline-block}.game-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.game-list li{border:1px solid var(--color-border);border-radius:.5rem;padding:1.25rem 1.5rem}.game-list h3{margin-top:0}.store-links{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.store-links span{border:1px dashed var(--color-border);color:var(--color-text-muted);border-radius:.4rem;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.9rem;display:inline-flex}footer.site-footer{border-top:1px solid var(--color-border);margin-top:3rem}.site-footer .wrap{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem 1.5rem;padding-block:1.5rem;font-size:.9rem;display:flex}.site-footer nav ul{flex-wrap:wrap;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.legal-date{color:var(--color-text-muted);font-size:.9rem}dl.legal dt{margin-top:1rem;font-weight:700}dl.legal dd{margin-left:0}.hp-field{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}form.contact-form{gap:1.25rem;max-width:34rem;display:grid}form.contact-form label{margin-bottom:.35rem;font-weight:600;display:block}form.contact-form input[type=text],form.contact-form input[type=email],form.contact-form textarea{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);font:inherit;border-radius:.35rem;padding:.6rem .7rem}form.contact-form textarea{resize:vertical;min-height:8rem}.checkbox-field{align-items:flex-start;gap:.6rem;display:flex}.checkbox-field input{flex-shrink:0;width:1.15rem;height:1.15rem;margin-top:.3rem}.checkbox-field label{margin-bottom:0;font-weight:400}.required{color:var(--color-required-text)}form.contact-form button{background:var(--color-blue);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:.4rem;justify-self:start;padding:.7rem 1.4rem;font-weight:700}form.contact-form button:hover{background:var(--color-green)}