:root{--bg:#09110d;--panel:#102018;--panel2:#142b20;--text:#ecfff3;--muted:#a8c0ae;--accent:#01b014;--accent2:#caff5a;--line:#254434;--warn:#ffd166;--danger:#ff6b6b;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.skip-link{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:.7rem;z-index:999}.skip-link:focus{left:1rem}.site-header{position:sticky;top:0;z-index:10;display:flex;gap:1rem;align-items:center;padding:.8rem 1rem;background:rgba(9,17,13,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand-logo img{width:auto;height:42px}.top-nav{display:flex;gap:.8rem;align-items:center;margin-left:auto}.top-nav a,.drawer a{color:var(--text);font-weight:700;font-size:.92rem}.top-nav a[aria-current=page]{color:var(--accent2)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:var(--accent);color:#041006;border-radius:var(--radius);font-weight:800;border:1px solid transparent}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.button.full{width:100%;margin-top:1rem}.nav-toggle{position:absolute;opacity:0}.menu-button{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:var(--radius)}.menu-button span{width:22px;height:2px;background:var(--text)}.drawer,.drawer-scrim{display:none}.hero{position:relative;min-height:430px;display:grid;place-items:center;overflow:hidden}.hero-bonus{min-height:560px}.hero picture{position:absolute;inset:0}.hero picture:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,17,13,.96),rgba(9,17,13,.58),rgba(9,17,13,.9))}.hero img{width:100%;height:100%;object-fit:cover}.hero-panel{position:relative;width:min(1040px,92vw);padding:3.5rem 0}.eyebrow{color:var(--accent2);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:900}.hero h1{font-size:clamp(2.1rem,6vw,5rem);line-height:.95;margin:.3rem 0 1rem;max-width:900px;letter-spacing:0}.hero-bonus h1{font-size:clamp(2.45rem,7vw,5.7rem);max-width:980px}.lead{font-size:clamp(1.02rem,2vw,1.25rem);max-width:760px;color:var(--muted)}.bonus-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.2rem 0;max-width:900px}.bonus-ribbon span{background:rgba(202,255,90,.12);border:1px solid rgba(202,255,90,.36);border-radius:var(--radius);padding:.75rem;color:var(--muted)}.bonus-ribbon strong{display:block;color:var(--accent2);font-size:1.35rem;line-height:1.1}.hero-note{font-size:.92rem;color:var(--muted);margin-top:-.5rem}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.4rem 0}.trust-strip{display:flex;flex-wrap:wrap;gap:.55rem}.trust-strip span,.topic-grid span{border:1px solid var(--line);background:rgba(20,43,32,.72);border-radius:999px;padding:.35rem .65rem;color:var(--muted);font-size:.86rem}.content{width:min(1040px,92vw);margin:0 auto;padding:2rem 0 4rem}.content.slim{min-height:45vh}.breadcrumbs{display:flex;gap:.5rem;color:var(--muted);font-size:.9rem;margin-bottom:1.2rem}.breadcrumbs span:before{content:"/ ";color:var(--muted)}section{margin:0 0 2rem;padding:1.3rem 0;border-bottom:1px solid var(--line)}.answer-card{padding:1.2rem;background:linear-gradient(135deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:var(--radius)}h1,h2,h3{line-height:1.15;letter-spacing:0}h2{font-size:clamp(1.4rem,3vw,2.2rem);margin:.2rem 0 .8rem}p{max-width:850px}.table-wrap{overflow:auto;margin:1rem 0;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;min-width:680px;background:#0d1a13}th,td{text-align:left;vertical-align:top;padding:.75rem;border-bottom:1px solid var(--line)}th{color:var(--accent2);background:#13281d}.steps,.check-list{display:grid;gap:.55rem;max-width:850px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:1.25rem;margin:1.2rem 0}.game-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem;color:var(--text);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.game-card:hover,.game-card:focus-visible{transform:translateY(-3px);border-color:var(--accent2);background:#173323;text-decoration:none;outline:none}.game-card img{aspect-ratio:226/338;width:100%;min-height:300px;object-fit:cover;border-radius:6px;background:#050a07}.game-card h3{margin:.8rem 0 .25rem;color:var(--text)}.game-card p{font-size:.93rem;color:var(--muted);margin-bottom:0}.topic-grid,.next-grid{display:flex;flex-wrap:wrap;gap:.6rem}.next-grid a{padding:.7rem .85rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);font-weight:700}.notice{border-left:4px solid var(--warn);padding:.8rem 1rem;background:#1c1a10}.faq details{border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1rem;margin:.7rem 0;background:var(--panel)}summary{cursor:pointer;font-weight:800}.site-footer{background:#050a07;border-top:1px solid var(--line);padding:2rem max(1rem,calc((100vw - 1040px)/2));color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0}.small{font-size:.9rem;color:var(--muted)}@media(max-width:860px){.menu-button{display:flex}.top-nav{display:none}.header-cta{margin-left:auto}.drawer-scrim{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:18}.drawer{position:fixed;inset:0 auto 0 0;width:min(310px,86vw);background:#07100b;z-index:19;padding:5rem 1rem 1rem;transform:translateX(-104%);transition:.2s;gap:.8rem;flex-direction:column}.drawer a{display:block;padding:.8rem;border-bottom:1px solid var(--line)}.nav-toggle:checked~.drawer,.nav-toggle:checked~.drawer-scrim{display:flex}.nav-toggle:checked~.drawer{transform:translateX(0)}.hero{min-height:520px}.hero-panel{padding:2rem 0}.hero h1{font-size:2.6rem}.bonus-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid{grid-template-columns:repeat(2,minmax(160px,1fr));gap:1rem}.game-card img{min-height:260px}.table-wrap table{min-width:620px}}@media(max-width:430px){.bonus-ribbon{grid-template-columns:1fr}.header-cta{padding:.6rem .7rem;font-size:.84rem}.hero-bonus h1{font-size:2.35rem}.game-grid{grid-template-columns:1fr}.game-card img{min-height:320px}}