:root{
  --cream:#f8f1df;--paper:#fffaf0;--ink:#1d2430;--muted:#66707b;--sun:#f3bb32;--orange:#e77a36;--red:#c74336;--blue:#244d65;--green:#687c58;--line:#1d2430;--shadow:8px 8px 0 rgba(29,36,48,.13);--radius:18px;--wrap:min(1180px,calc(100% - 36px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}.wrap{width:var(--wrap);margin:auto}.skip-link{position:absolute;left:-999px;top:0}.skip-link:focus{left:12px;top:12px;background:white;padding:10px;z-index:999}.site-header{position:sticky;top:0;z-index:50;background:rgba(248,241,223,.94);border-bottom:2px solid var(--ink);backdrop-filter:blur(10px)}.nav-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-weight:950;letter-spacing:.08em;display:flex;gap:10px;align-items:center}.brand-mark{color:var(--orange);font-size:1.35rem}.main-nav{display:flex;gap:22px;align-items:center}.main-nav a{text-decoration:none;font-weight:800;font-size:.95rem}.main-nav a:hover{text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none;border:2px solid var(--ink);background:var(--paper);padding:9px 12px;font-weight:900;border-radius:8px}.hero{position:relative;overflow:hidden;border-bottom:2px solid var(--ink)}.sun-disc{position:absolute;width:520px;height:520px;border-radius:50%;background:var(--sun);right:-120px;top:-110px;opacity:.9}.hero-grid{min-height:730px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;position:relative;z-index:2}.eyebrow{font-weight:950;letter-spacing:.13em;font-size:.78rem;text-transform:uppercase;margin:0 0 12px;color:var(--red)}h1,h2,h3{line-height:1.02;margin-top:0}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(4rem,8vw,7.5rem);letter-spacing:-.055em;margin-bottom:26px}h1 span{color:var(--red);font-style:italic}.hero-lead{font-size:1.25rem;max-width:690px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:950;padding:13px 18px;border:2px solid var(--ink);border-radius:10px;box-shadow:4px 4px 0 var(--ink);transition:.15s transform,.15s box-shadow}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn.primary{background:var(--sun)}.btn.secondary{background:var(--paper)}.micro,.fineprint{color:var(--muted);font-size:.9rem}.hero-art{min-height:520px;position:relative}.table-scene{height:100%;min-height:520px;position:relative}.mock-card{position:absolute;width:180px;height:255px;background:var(--paper);border:3px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;justify-content:space-between}.mock-card strong{font-family:Georgia,serif;font-size:2.6rem;line-height:.95}.mock-card small,.card-kicker{font-weight:900}.card-kicker{font-size:.7rem;letter-spacing:.12em;color:var(--red)}.card-a{left:20px;top:80px;transform:rotate(-9deg);background:#f8d77a}.card-b{left:145px;top:155px;transform:rotate(8deg);background:#f3a670}.card-c{right:15px;top:55px;transform:rotate(4deg);background:#d7e1d2}.boule{position:absolute;width:78px;height:78px;border:4px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 33% 30%,#fff 0 4%,#697887 5% 36%,#2d3944 37% 100%);box-shadow:5px 7px 0 rgba(29,36,48,.15)}.boule:after{content:"";position:absolute;left:18px;right:18px;top:34px;border-top:3px solid rgba(255,255,255,.6);transform:rotate(-18deg)}.boule-1{right:85px;bottom:65px}.boule-2{right:205px;bottom:8px;width:62px;height:62px}.cochonnet{position:absolute;width:30px;height:30px;border:3px solid var(--ink);border-radius:50%;background:var(--orange);right:170px;bottom:115px}.glass{position:absolute;right:35px;top:265px;width:98px;height:126px;border:4px solid var(--ink);border-top:none;transform:skew(-3deg);background:linear-gradient(to top,#e26643 0 31%,#f6c45b 31% 56%,transparent 56%)}.glass span,.glass i,.glass b{position:absolute;border:2px solid var(--ink);background:#dcebf0;width:25px;height:25px;transform:rotate(15deg);bottom:45px}.glass span{left:13px}.glass i{right:13px;transform:rotate(-12deg)}.glass b{left:36px;bottom:75px}.ticker{border-top:2px solid var(--ink);background:var(--blue);color:white;overflow:hidden;white-space:nowrap;font-weight:950;letter-spacing:.14em}.ticker div{padding:12px 0;animation:scroll 28s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}.section{padding:100px 0;border-bottom:2px solid var(--ink)}.section-head{max-width:820px;margin-bottom:44px}.section-head h2,.rules-content h2{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4.9rem);letter-spacing:-.045em;margin-bottom:18px}.section-head>p:last-child{font-size:1.08rem}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{border:2px solid var(--ink);background:var(--paper);padding:28px 24px;min-height:245px;box-shadow:5px 5px 0 rgba(29,36,48,.1)}.feature-no{font-family:Georgia,serif;font-size:2.3rem;color:var(--orange);font-weight:900}.feature h3{font-size:2rem;margin:36px 0 10px}.syrup{background:#f1d47a}.syrup-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.syrup-meter{border:3px solid var(--ink);background:var(--paper);box-shadow:var(--shadow)}.meter-row{display:grid;grid-template-columns:80px 1fr 1.35fr;gap:16px;padding:20px;border-bottom:2px solid var(--ink);align-items:center}.meter-row:last-child{border-bottom:none}.meter-row span{font-family:Georgia,serif;font-size:2rem;font-weight:900}.meter-row strong{font-size:1.1rem}.meter-row em{font-style:normal;color:var(--muted)}.meter-row.danger{background:#e48661}.quote-band{margin-top:50px;background:var(--ink);color:white;padding:34px;border-radius:var(--radius);box-shadow:7px 7px 0 rgba(255,255,255,.25)}.quote-band p{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.8rem);margin:0}.phase-track{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.phase-track li{display:flex;gap:16px;border:2px solid var(--ink);padding:18px;background:var(--paper);align-items:center}.phase-track b{font:900 2rem Georgia;color:var(--red)}.phase-track span{display:flex;flex-direction:column}.phase-track strong{font-size:1.05rem}.phase-track small{color:var(--muted)}.cards-section{background:var(--blue);color:white}.cards-section .eyebrow{color:#ffd47a}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stats-grid div{border:2px solid white;padding:18px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.stats-grid strong{font:900 3rem Georgia;color:#ffd47a}.stats-grid span{font-weight:800}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.character{border:2px solid var(--ink);background:var(--paper);padding:24px;box-shadow:5px 5px 0 rgba(29,36,48,.1)}.avatar{width:72px;height:72px;border:3px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--sun);font-weight:950;font-size:1.3rem;margin-bottom:26px}.character:nth-child(2) .avatar,.character:nth-child(5) .avatar{background:#d9e4d2}.character:nth-child(3) .avatar,.character:nth-child(6) .avatar{background:#efb184}.character h3{font-family:Georgia,serif;font-size:2rem;margin-bottom:8px}.tag{font-weight:950;color:var(--red);text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.moments{background:#ece3cf}.moment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.big-card{min-height:310px;border:3px solid var(--ink);border-radius:18px;background:var(--paper);padding:30px;box-shadow:var(--shadow);display:flex;flex-direction:column}.big-card span{font-size:.75rem;letter-spacing:.12em;font-weight:950;color:var(--red)}.big-card h3{font:900 3rem Georgia;margin:50px 0 12px}.big-card p{font-size:1.1rem;max-width:520px}.big-card small{margin-top:auto;font-weight:900}.creation{background:#d8dfcf}.creation-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.timeline{border-left:3px solid var(--ink);padding-left:28px}.timeline article{position:relative;padding:0 0 34px 12px}.timeline article:before{content:"";position:absolute;width:14px;height:14px;border:3px solid var(--ink);background:var(--cream);border-radius:50%;left:-38px;top:2px}.timeline article.current:before{background:var(--orange)}.timeline time{font-size:.75rem;font-weight:950;letter-spacing:.11em;color:var(--red)}.timeline h3{font:900 2rem Georgia;margin:6px 0 8px}.progress-section{background:var(--paper)}.progress-list{display:grid;gap:18px}.progress-list>div{display:grid;grid-template-columns:180px 1fr 65px;gap:18px;align-items:center}.progress-list span,.progress-list b{font-weight:900}.progress-list i{display:block;height:20px;border:2px solid var(--ink);background:linear-gradient(to right,var(--orange) var(--p),transparent var(--p));border-radius:999px}.cta-section{background:var(--sun)}.cta{text-align:center;max-width:900px}.cta h2{font:900 clamp(3rem,6vw,5.5rem) Georgia;letter-spacing:-.05em;margin-bottom:18px}.cta .hero-actions{justify-content:center}.site-footer{padding:40px 0;background:var(--ink);color:white}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid strong{font-size:1.2rem;letter-spacing:.08em}.footer-grid p{margin:.4rem 0;color:#dce0e4}.reveal{opacity:0;transform:translateY(18px);transition:.55s ease}.reveal.visible{opacity:1;transform:none}

/* Rules */
.rules-hero{padding:90px 0 60px;background:var(--sun);border-bottom:2px solid var(--ink)}.rules-hero h1{font-size:clamp(3.5rem,7vw,6.5rem);margin-bottom:18px}.rules-hero p{max-width:800px;font-size:1.1rem}.rules-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:58px;padding-top:60px;padding-bottom:100px}.rules-toc{position:sticky;top:95px;align-self:start;border:2px solid var(--ink);background:var(--paper);padding:20px;display:flex;flex-direction:column;gap:8px}.rules-toc strong{margin-bottom:8px}.rules-toc a{text-decoration:none;font-weight:750;padding:5px 0}.rules-content section{scroll-margin-top:100px;padding:0 0 58px;margin:0 0 58px;border-bottom:1px solid #bbb3a4}.rules-content h2{font-size:clamp(2.3rem,4vw,4rem)}.rules-content h3{font:900 1.7rem Georgia;margin-top:30px}.rules-content p,.rules-content li{font-size:1.03rem}.rule-callout{border:3px solid var(--ink);background:#f1d47a;padding:24px;margin:24px 0;box-shadow:5px 5px 0 rgba(29,36,48,.12);font-weight:750}.rules-content table{width:100%;border-collapse:collapse;background:var(--paper);border:2px solid var(--ink);margin:18px 0}.rules-content th,.rules-content td{text-align:left;padding:13px 14px;border-bottom:1px solid #b4ad9f}.rules-content th{background:var(--ink);color:white}.level-table{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink);margin:20px 0}.level-table div{padding:18px;border-right:1px solid var(--ink);display:flex;flex-direction:column;gap:4px}.level-table div:last-child{border-right:none;background:#efb184}.level-table b{font:900 2rem Georgia}.level-table span{font-weight:900}.level-table small{color:var(--muted)}.mini-phases{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.mini-phases span{border:2px solid var(--ink);background:var(--paper);padding:9px 11px;font-weight:900}.rule-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rule-cards article{border:2px solid var(--ink);background:var(--paper);padding:18px}.rule-cards h3{margin-top:0}.characters-rules article{min-height:220px}

@media(max-width:900px){.menu-toggle{display:block}.main-nav:not(.rules-nav){display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink);padding:18px;width:100%;flex-direction:column}.main-nav.open{display:flex}.rules-nav{display:none}.hero-grid,.syrup-grid,.creation-grid,.rules-layout{grid-template-columns:1fr}.hero-grid{padding:70px 0}.hero-art{min-height:460px}.sun-disc{right:-290px}.feature-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.character-grid{grid-template-columns:repeat(2,1fr)}.phase-track{grid-template-columns:repeat(2,1fr)}.rules-toc{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.level-table{grid-template-columns:repeat(2,1fr)}.rules-layout{padding-top:30px}}
@media(max-width:620px){:root{--wrap:min(100% - 22px,1180px)}.nav-wrap{min-height:62px}.hero-grid{min-height:auto;padding:54px 0;gap:10px}.hero h1{font-size:clamp(3.7rem,18vw,5.7rem)}.hero-art{min-height:420px}.mock-card{width:145px;height:210px;padding:14px}.mock-card strong{font-size:2rem}.card-a{left:4px}.card-b{left:90px;top:150px}.card-c{right:2px;top:40px}.glass{right:15px;top:245px}.boule-1{right:70px}.boule-2{right:165px}.section{padding:70px 0}.feature-grid,.character-grid,.moment-grid,.rule-cards{grid-template-columns:1fr}.phase-track{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.meter-row{grid-template-columns:62px 1fr}.meter-row em{grid-column:2}.progress-list>div{grid-template-columns:110px 1fr 50px;gap:8px;font-size:.83rem}.footer-grid{flex-direction:column}.rules-toc{grid-template-columns:repeat(2,1fr)}.level-table{grid-template-columns:1fr}.level-table div{border-right:none;border-bottom:1px solid var(--ink)}.level-table div:last-child{border-bottom:none}.rules-content table{font-size:.9rem}.rules-content th,.rules-content td{padding:10px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}}