@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Chakra+Petch:ital,wght@0,600;0,700;1,700&display=swap');
:root{--bg:#080808;--panel:#121212;--text:#f7f7f4;--muted:#a9a9a9;--line:#333}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:20;top:18px;left:4%;right:4%;height:68px;padding:8px 10px 8px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#0b0b0bcf;border:1px solid #ffffff26;border-radius:18px;backdrop-filter:blur(20px)}.brand{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-.07em}.brand span{margin-left:6px;padding:4px 6px;border:1px solid;font-size:9px;letter-spacing:0;font-style:normal}.site-header nav{display:flex;align-items:center;gap:4px}.site-header nav a{padding:11px 14px;border-radius:10px;color:#ddd;font-size:11px}.site-header nav a:hover,.site-header nav a.active{background:white;color:#111}.segment-hero{min-height:88svh;position:relative;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;padding:150px 6% 72px;border-bottom:1px solid var(--line)}.segment-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--hero-image) center/cover;filter:grayscale(1);transform:scale(1.02)}.segment-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000 0%,#000c 42%,#0002 80%),linear-gradient(0deg,#000 0%,transparent 60%)}.hero-content{width:min(1200px,100%);margin:auto}.eyebrow{margin:0 0 26px;color:#ccc;font-size:10px;font-weight:700;letter-spacing:.17em}.segment-hero h1{max-width:1000px;margin:0;font-size:clamp(52px,9vw,132px);line-height:.84;letter-spacing:-.075em}.hero-summary{display:grid;grid-template-columns:minmax(260px,620px) auto;align-items:end;gap:36px;margin-top:36px}.hero-summary p{margin:0;color:#d0d0d0;line-height:1.7;font-size:14px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:50px;padding:13px 18px;border:1px solid #777;border-radius:11px;font-size:11px;font-weight:700}.button.primary{background:white;color:#111;border-color:white}.button:hover{transform:translateY(-2px)}.facts{width:min(1200px,88%);margin:-1px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.fact{min-height:150px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,#ffffff10,#ffffff03)}.fact span{display:block;color:var(--muted);font-size:9px;letter-spacing:.15em;text-transform:uppercase}.fact strong{display:block;margin-top:25px;font-size:clamp(22px,3vw,40px);letter-spacing:-.05em}.content{width:min(1200px,88%);margin:auto;padding:100px 0}.content-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.content h2{position:sticky;top:115px;margin:0;font-size:clamp(38px,6vw,76px);line-height:.94;letter-spacing:-.065em}.content h2 em{display:block;color:#777;font-style:normal}.rules{counter-reset:rule}.rule{counter-increment:rule;display:grid;grid-template-columns:52px 1fr;gap:22px;padding:24px 0;border-top:1px solid var(--line)}.rule::before{content:counter(rule,decimal-leading-zero);display:grid;place-items:center;width:42px;height:42px;border:1px solid #555;border-radius:50%;color:#aaa;font-size:10px}.rule h3{margin:2px 0 8px;font-size:17px}.rule p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.rule ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.rule li{position:relative;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.55}.rule li::before{content:'';position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:#666}.status-note{margin-top:30px;padding:22px;border:1px dashed #666;border-radius:15px;color:#ccc;font-size:12px;line-height:1.65}.page-nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.page-nav a{min-height:170px;padding:38px 6%;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:#0d0d0d}.page-nav a:last-child{text-align:right;border-right:0}.page-nav span{color:#888;font-size:9px;letter-spacing:.15em}.page-nav strong{font-size:clamp(20px,3vw,36px);letter-spacing:-.04em}.page-nav a:hover{background:white;color:#111}.page-nav a:hover span{color:#555}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 6%;border-top:1px solid var(--line);color:#999;font-size:10px}a:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:760px){.site-header{top:10px;left:3%;right:3%;height:auto;min-height:64px;padding:10px 14px;flex-wrap:wrap}.brand{font-size:26px}.site-header nav{width:100%;order:2;overflow-x:auto}.site-header nav a{white-space:nowrap}.segment-hero{min-height:78svh;padding:150px 6% 55px}.segment-hero h1{font-size:clamp(48px,16vw,82px)}.hero-summary{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.fact{min-height:110px}.content{padding:70px 0}.content-grid{grid-template-columns:1fr;gap:45px}.content h2{position:static}.page-nav{grid-template-columns:1fr}.page-nav a{min-height:130px;border-right:0;border-bottom:1px solid var(--line)}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.facts{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.facts{grid-template-columns:1fr}}
.rulebook-heading{padding:0 0 24px}.rulebook-heading span{display:block;color:#999;font-size:9px;font-weight:700;letter-spacing:.15em}.rulebook-heading h3{margin:10px 0 8px;font-size:clamp(25px,3vw,40px);letter-spacing:-.045em}.rulebook-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.general-rule-list{border-top:1px solid var(--line)}.general-rule-list details{border-bottom:1px solid var(--line)}.general-rule-list summary{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;min-height:66px;cursor:pointer;list-style:none;font-size:13px;font-weight:700}.general-rule-list summary::-webkit-details-marker{display:none}.general-rule-list summary span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #555;border-radius:50%;color:#999;font-size:9px}.general-rule-list summary b{color:#999;font-size:18px;font-weight:400;transition:transform .2s}.general-rule-list details[open] summary b{transform:rotate(45deg)}.general-rule-list details>p{margin:0;padding:0 0 22px 56px;color:var(--muted);font-size:12px;line-height:1.75}.segment-rulebook-heading{margin-top:75px;padding-top:34px;border-top:1px solid #555}.segment-rulebook-heading span{color:#ddd}.segment-rulebook-heading h3{font-size:clamp(30px,4vw,54px)}
@media(max-width:760px){.general-rule-list summary{grid-template-columns:36px 1fr auto;gap:10px}.general-rule-list details>p{padding-left:46px}.segment-rulebook-heading{margin-top:55px}}
@media(max-width:760px){.site-header{position:absolute}}
.segment-rules-button{border-color:#31d9ff;color:#dffaff;background:#092037b8}.segment-rules-button:hover{background:#31d9ff;color:#06131d}.rulebook-jumpbar{width:min(1200px,88%);margin:24px auto 0;display:grid;grid-template-columns:auto 1fr 1fr;align-items:stretch;border:1px solid #3f465b;border-radius:16px;overflow:hidden;background:linear-gradient(120deg,#11152be8,#0b0d18e8)}.rulebook-jumpbar>span{display:flex;align-items:center;padding:18px;color:#8590aa;font-size:9px;font-weight:800;letter-spacing:.16em}.rulebook-jumpbar a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border-left:1px solid #3f465b;font-size:12px;font-weight:700}.rulebook-jumpbar a b{color:#8793ad;font-size:9px;font-weight:500;white-space:nowrap}.rulebook-jumpbar a:hover{background:#31d9ff;color:#07121b}.rulebook-jumpbar a:hover b{color:#25404c}#general-rules,#segment-rules{scroll-margin-top:105px}
@media(max-width:760px){.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.rulebook-jumpbar{grid-template-columns:1fr;margin-top:16px}.rulebook-jumpbar>span{padding-bottom:8px}.rulebook-jumpbar a{border-left:0;border-top:1px solid #3f465b}.rulebook-jumpbar a b{white-space:normal;text-align:right}#general-rules,#segment-rules{scroll-margin-top:20px}}
/* mobile readability floor */
@media(max-width:760px){.eyebrow,.eyebrow span,article.fact>span,.rulebook-jumpbar>span,.rulebook-heading>span,summary>span,footer,footer a,footer span{font-size:11px}}
@media(max-width:760px){.general-rule-list summary span{font-size:11px;width:34px;height:34px}.fact span,.page-nav a span{font-size:11px}}

/* ---- display type: Chakra Petch for headings/brand/labels, Inter for body (2026-09-19) ---- */
:root{--font-display:'Chakra Petch',Inter,Arial,sans-serif}
body h1,body h2,body h3,body .brand,body .eyebrow,.section-label h2{font-family:var(--font-display)!important}
h1,h2,h3{font-weight:700;letter-spacing:-.01em}
h1{letter-spacing:-.015em}
.brand{font-weight:700;letter-spacing:-.02em}

/* ---- homepage palette on segment pages ---- */
:root{--bg:#07091b;--panel:#0d1230;--text:#f7f7fb;--muted:#aab0cc;--line:#2a3060}
body{background-color:#07091b;background-image:radial-gradient(circle at 10% 7%,#7b61ff45,transparent 25%),radial-gradient(circle at 90% 35%,#31d9ff36,transparent 30%),linear-gradient(#65dfff18 1px,transparent 1px),linear-gradient(90deg,#65dfff18 1px,transparent 1px);background-size:auto,auto,28px 28px,28px 28px;background-attachment:scroll}
.fact strong,.fact span,.general-rule-list summary span,.page-nav a span{font-family:var(--font-display)}
h1{letter-spacing:-.02em}h2{letter-spacing:-.015em}
/* softer grid behind long text */
body{background-image:radial-gradient(circle at 10% 7%,#7b61ff45,transparent 25%),radial-gradient(circle at 90% 35%,#31d9ff36,transparent 30%),linear-gradient(#65dfff0c 1px,transparent 1px),linear-gradient(90deg,#65dfff0c 1px,transparent 1px)}
.button.primary{background:linear-gradient(110deg,#31d9ff,#6f8cff);color:#04101a;border:0;box-shadow:0 14px 38px #31d9ff33}.button.primary:hover{background:linear-gradient(110deg,#5ee3ff,#83a0ff);color:#04101a}