:root{--bg:#0c0f11;--panel:#13181c;--panel2:#171d22;--text:#f4f6f7;--muted:#aab3ba;--line:#2b343b;--accent:#f4bf24;--accent2:#ffd85b;--max:1120px}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 85% 10%,rgba(244,191,36,.08),transparent 30rem),linear-gradient(180deg,#0a0d0f 0%,#0d1114 100%);color:var(--text);line-height:1.6}
a{color:var(--accent2);text-decoration:none} a:hover{text-decoration:underline}.wrap{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}
.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);background:rgba(12,15,17,.88);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:70px}.brand{display:flex;align-items:center;gap:.75rem;color:white;font-weight:800}.brand:hover{text-decoration:none}
.brandmark{width:40px;height:40px;border:1px solid #4b5358;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#20272c,#11161a)}.brandmark::before{content:"K";font-weight:900;color:var(--accent);font-size:1.15rem}
.navlinks{display:flex;flex-wrap:wrap;gap:.35rem}.navlinks a{color:#d7dde1;padding:.55rem .72rem;border-radius:8px;font-size:.95rem}.navlinks a:hover{background:#171d22;text-decoration:none;color:white}
.hero{padding:7rem 0 5rem}.eyebrow{display:inline-flex;gap:.5rem;align-items:center;color:var(--accent2);font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow::before{content:"";width:28px;height:2px;background:var(--accent)}
h1{font-size:clamp(2.7rem,8vw,5.8rem);line-height:.96;margin:.8rem 0 1.3rem;letter-spacing:-.05em}h2{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.1;margin:0 0 1rem;letter-spacing:-.03em}h3{margin:.2rem 0 .5rem;font-size:1.1rem}
.lead{max-width:760px;color:#c8d0d5;font-size:clamp(1.05rem,2vw,1.25rem)}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1rem;border-radius:10px;font-weight:800;border:1px solid #3a444b;background:#161c20;color:white}.btn:hover{text-decoration:none;border-color:#59646c}.btn.primary{background:var(--accent);border-color:var(--accent);color:#141414}.btn.primary:hover{background:var(--accent2)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:1.35rem;box-shadow:0 10px 30px rgba(0,0,0,.16)}.card p{color:var(--muted);margin:.45rem 0 0}
.section{padding:4.5rem 0}.section.alt{background:#0f1417;border-block:1px solid #20282d}.kicker{color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.game-card{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;align-items:stretch;background:linear-gradient(140deg,#171d21,#101518);border:1px solid var(--line);border-radius:20px;overflow:hidden}.game-copy{padding:2rem}.game-visual{min-height:320px;position:relative;overflow:hidden;background:linear-gradient(90deg,transparent 49%,rgba(244,191,36,.09) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(244,191,36,.06) 50%,transparent 51%),#101417;background-size:64px 64px}
.belt{position:absolute;left:8%;right:8%;top:48%;height:56px;border-radius:14px;border:2px solid #424c53;background:#1a2126;transform:rotate(-6deg)}.belt::after{content:"";position:absolute;inset:11px;background:repeating-linear-gradient(90deg,#5b656b 0 22px,#2a3237 22px 34px);border-radius:7px}.pkg{position:absolute;width:54px;height:46px;border-radius:8px;background:#c69151;border:2px solid #9c6f3b;z-index:2}.pkg.one{left:28%;top:36%}.pkg.two{right:25%;top:53%}.pkg::after{content:"";position:absolute;left:12px;right:12px;top:8px;height:8px;border-radius:3px;background:var(--accent)}
.statrow{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.3rem}.pill{border:1px solid #333d43;background:#12181b;border-radius:999px;padding:.35rem .65rem;color:#cbd3d8;font-size:.85rem}.notice{border-left:3px solid var(--accent);background:#141a1e;padding:1rem 1.1rem;border-radius:0 10px 10px 0;color:#cbd3d8}
.prose{max-width:860px}.prose h2{margin-top:2.5rem}.prose h3{margin-top:1.6rem}.prose p,.prose li{color:#c2cbd1}.prose ul{padding-left:1.2rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:680px}th,td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#141b1f;color:#fff}td{color:#c4ccd1}tr:last-child td{border-bottom:0}
footer{border-top:1px solid var(--line);padding:2.5rem 0;color:#8f9aa1;font-size:.9rem}.footergrid{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.small{font-size:.9rem;color:#9ba5ac}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#11171a;border:1px solid #2b3439;border-radius:8px;padding:.15rem .4rem}
@media(max-width:800px){.nav{align-items:flex-start;padding:.75rem 0;flex-direction:column}.navlinks{width:100%}.hero{padding:4.5rem 0 3.5rem}.grid{grid-template-columns:1fr}.game-card{grid-template-columns:1fr}.game-visual{min-height:250px}}