:root{color-scheme:dark;--bg:#071b21;--panel:#0c2930;--gold:#f4c963;--paper:#f8fafc;--muted:#bcd0d5;--edge:#44747b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 5%,#14554a 0%,#092b2a 40%,var(--bg) 100%);font:17px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--paper)}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}main,header,footer{width:min(780px,calc(100% - 36px));margin:auto}header{padding:24px 0 16px;display:flex;justify-content:space-between;align-items:center;gap:18px}header a.brand{text-decoration:none;font-weight:900;font-size:clamp(24px,5vw,33px);color:var(--gold)}header nav a{font-size:14px;text-decoration:underline;text-underline-offset:4px}main{padding:26px 0 36px}h1{font-size:clamp(38px,7vw,60px);line-height:1.08;letter-spacing:-.035em;margin:10px 0 16px}h2{font-size:24px;margin:0 0 12px;line-height:1.2}p{margin:0 0 18px}.eyebrow{color:var(--gold);font-weight:850;text-transform:uppercase;font-size:13px;letter-spacing:.12em}.hero{padding:30px;border:1.5px solid var(--edge);border-radius:26px;background:linear-gradient(155deg,#12584c 0%,#0b2a32 64%);box-shadow:0 20px 55px #0004}.lead{font-size:21px;color:#f5fcfc;max-width:620px}.cta{display:inline-flex;justify-content:center;align-items:center;min-height:56px;padding:12px 28px;border-radius:15px;background:var(--gold);color:#09211f;text-decoration:none;font-size:21px;font-weight:900;box-shadow:0 5px 0 #8b6626}.cta:hover{background:#ffdf84}.note{font-size:13px;color:var(--muted);margin-top:18px}.grid{display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-top:20px}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:22px;padding:24px}.panel p:last-child{margin-bottom:0}.related{margin-top:22px}.related ul{display:flex;flex-wrap:wrap;gap:9px;padding:0;list-style:none}.related a{display:block;padding:9px 13px;border:1px solid #729094;border-radius:12px;text-decoration:none}.related a[aria-current=page]{color:var(--gold);border-color:var(--gold)}footer{border-top:1px solid var(--edge);padding:20px 0 34px;font-size:14px;color:var(--muted)}footer a{margin-right:16px}@media(max-width:630px){header{align-items:flex-start}.hero{padding:23px}.grid{grid-template-columns:1fr}.cta{width:100%}h1{font-size:43px}}
/* Accessible free-game sharing on phone and desktop, retaining existing theme. */
.share-link{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 18px;border-radius:12px;border:1.5px solid var(--gold);background:var(--panel);color:var(--paper);font:inherit;font-weight:750;cursor:pointer}
.share-link:hover{background:#19504b}
.share-link:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
#share-result{font-size:14px;color:var(--muted);margin-top:9px}