/*
Theme Name: Johnson's Games
Version: 1.0.1
Description: Browser game testing collection for Johnson's Games.
*/
:root{color-scheme:dark;--bg:#0a1916;--panel:#142c25;--line:#355244;--ink:#f5f2e8;--muted:#b7c9bd;--accent:#d8ef83}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit}header,main,footer{max-width:1180px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;text-decoration:none;font-size:22px}nav{display:flex;gap:24px}.hero{padding:80px 0 60px;max-width:800px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}h1{font-size:clamp(42px,7vw,82px);line-height:1.05;letter-spacing:-.05em;margin:22px 0}h2{font-size:32px;line-height:1.2}p{color:var(--muted)}.button,button,input[type=submit]{display:inline-block;background:var(--accent);color:#142315;padding:12px 22px;border:0;border-radius:8px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:16px}.symbol{font-size:50px;color:var(--accent);line-height:1.3}.card h3{font-size:25px;margin:16px 0 8px}.card p{min-height:56px}.card a{font-weight:700;color:var(--accent)}section{scroll-margin-top:24px;margin-bottom:64px}.note{padding:24px;border-left:3px solid var(--accent);background:var(--panel)}footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px}.player{width:100%;height:800px;max-height:85vh;border:1px solid var(--line);background:#050c09;border-radius:12px}label{display:block;margin:15px 0 6px}input,textarea{max-width:100%;width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);font:inherit}.comment-form-cookies-consent input{width:auto}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:5px}@media(max-width:650px){header{align-items:flex-start;gap:14px;flex-direction:column}.hero{padding-top:45px}.grid{grid-template-columns:1fr}main,header,footer{padding:22px}.player{height:75vh}}