:root{color-scheme:dark;--ink:#edf3fb;--muted:#b5c4d5;--gold:#f3d292;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:radial-gradient(ellipse at 85% 0,#29475b,transparent 38%),#101b29;color:var(--ink);font:16px/1.7 system-ui,-apple-system,sans-serif}a{color:inherit}header,main,footer{width:min(1190px,calc(100% - 48px));margin:auto}header{padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}.brand img{width:40px;height:40px}.brand small{display:block;font-size:10px;letter-spacing:.18em;color:var(--muted)}nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}nav a{text-decoration:none}a:hover{color:var(--gold)}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;left:16px;top:-80px;background:var(--gold);color:#122333;padding:10px}.skip:focus{top:10px;z-index:5}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:64px 0 45px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}h1{font-size:clamp(42px,5.5vw,76px);line-height:1.05;letter-spacing:-.055em;margin:20px 0}h1 em{font-style:normal;color:var(--gold)}h2{font-size:clamp(29px,3.4vw,43px);line-height:1.17;letter-spacing:-.03em;margin:13px 0 20px}h3{font-size:19px;margin:10px 0}p{color:var(--muted);margin:12px 0}.lead{font-size:19px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.button{display:inline-flex;text-decoration:none;background:var(--gold);color:#152538;border:1px solid var(--gold);border-radius:10px;padding:12px 19px;font-weight:750;font-size:14px}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}figure{margin:0;border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#203042}figure img{display:block;width:100%;height:auto}figcaption{padding:12px 17px;font-size:12px;color:var(--muted)}.jump{padding:18px 0;border-block:1px solid var(--line);gap:10px}.jump a{padding:7px 12px;border:1px solid var(--line);border-radius:999px}.intro{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:30px 0}.card{background:linear-gradient(135deg,#24384b,#192936);border:1px solid var(--line);border-radius:15px;padding:23px}.game{padding:56px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.04fr .96fr;gap:34px;align-items:start}.game .visual{position:sticky;top:24px}.tag{display:inline-block;color:var(--gold);font-size:12px;font-weight:700;padding:4px 10px;border:1px solid #f3d29244;border-radius:99px;margin:0 5px 8px 0}ol,ul{padding-left:22px;color:#ced9e6}li{margin:9px 0}.note{border-left:3px solid var(--gold);padding:10px 17px;background:#f3d2920b;font-size:14px}.stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.stats span{border:1px solid var(--line);padding:7px 12px;border-radius:8px;color:#cee7f4;font-size:13px}.section{padding:55px 0;border-bottom:1px solid var(--line)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:470px;margin-top:20px;font-size:14px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{color:var(--gold);background:#203547}details{border-bottom:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-weight:700;list-style-position:outside;margin-left:18px}details p{max-width:850px;margin:12px 18px}.cta{padding:55px 0}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 0 35px;font-size:12px;color:var(--muted)}.icon-row{display:flex;gap:25px;justify-content:center;padding:28px;background:#e8d4af}.icon-row img{width:26%;height:auto;object-fit:contain}.visual .card{margin-top:18px}@media(max-width:800px){.hero,.game{grid-template-columns:1fr}.game .visual{position:static}.intro{grid-template-columns:1fr}.hero{padding-top:36px}.game{gap:23px;padding:36px 0}.hero figure{order:2}header{align-items:flex-start}.brand span{font-size:14px}header,main,footer{width:calc(100% - 32px)}nav{gap:12px}header nav a:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}