:root{--ink:#111415;--paper:#f1eee6;--soft:#d8d3c7;--acid:#d4f255;--muted:#8b8b82;--line:rgba(17,20,21,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.grain{position:fixed;inset:0;pointer-events:none;opacity:.15;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.hero{height:720px;min-height:680px;background:radial-gradient(circle at 75% 22%,rgba(206,241,83,.45),transparent 22%),linear-gradient(117deg,rgba(8,11,11,.9),rgba(8,11,11,.42)),url("https://images.unsplash.com/photo-1519608487953-e999c86e745b?auto=format&fit=crop&w=2200&q=85") center/cover;color:#fff;position:relative;overflow:hidden}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:11px;font-family:"Barlow Condensed",sans-serif;letter-spacing:.08em;font-size:20px;font-weight:700}.brand i{font-style:normal;color:var(--acid)}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;font-size:18px}.nav-links{display:flex;gap:30px}.nav-links a{color:#fff;text-decoration:none;font-size:14px}.edit-trigger,.pill-button,.primary-button{border:0;background:var(--acid);color:var(--ink);font-weight:700;cursor:pointer;text-decoration:none}.edit-trigger{padding:11px 15px;font:600 13px "DM Sans",sans-serif}.edit-trigger span{font-size:16px;margin-left:4px}.hero-content{padding-top:125px;position:relative;z-index:1}.eyebrow,.section-kicker{margin:0 0 16px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.eyebrow{color:var(--acid)}.eyebrow span{display:inline-block;width:28px;border-top:1px solid currentColor;vertical-align:middle;margin:0 9px}.hero h1,.intro h2,.rules-top h2,.callout h2,dialog h2{font:700 clamp(52px,7.1vw,100px)/.85 "Barlow Condensed",sans-serif;letter-spacing:-.025em;margin:0}.hero h1 em{font-weight:500;color:var(--acid)}.hero-copy{width:min(470px,100%);font-size:16px;line-height:1.7;color:#e2e2dc;margin:34px 0}.pill-button{display:inline-flex;gap:32px;padding:14px 17px;align-items:center;font-size:13px}.pill-button span{font-size:20px}.hero-fade{position:absolute;bottom:-1px;height:190px;width:100%;background:linear-gradient(transparent,var(--paper))}.intro{padding:115px 0;display:grid;grid-template-columns:1fr 2fr;gap:60px}.section-kicker{color:#73736b}.intro h2,.rules-top h2,.callout h2{font-size:clamp(48px,5.4vw,76px)}.intro>div{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.intro>div p,.callout>p:not(.section-kicker){margin:9px 0 0;line-height:1.75;color:#5d605c}.rules-section{padding:88px 0 130px;background:#e5e1d6;border-top:1px solid var(--line)}.rules-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:54px}.search{border-bottom:1px solid #777;display:flex;gap:9px;align-items:center;padding:8px 0;width:230px}.search span{font-size:25px}.search input{border:0;background:none;width:100%;outline:0;font:14px "DM Sans",sans-serif}.rulebook-layout{display:grid;grid-template-columns:240px 1fr;gap:70px}.category-nav{align-self:start;position:sticky;top:22px}.category-nav button{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;padding:15px 0;color:#62645d;font:600 13px "DM Sans",sans-serif;cursor:pointer}.category-nav button.active{color:var(--ink);padding-left:13px;box-shadow:inset 3px 0 var(--ink)}.category-nav small{float:right;color:#8a8a80}.category{margin-bottom:52px}.category-heading{display:flex;gap:12px;align-items:baseline;margin-bottom:9px}.category-heading h3{font:700 28px "Barlow Condensed",sans-serif;margin:0;text-transform:uppercase;letter-spacing:.03em}.category-heading span{color:#777;font-size:12px}.rule{border-top:1px solid var(--line)}.rule:last-child{border-bottom:1px solid var(--line)}.rule summary{list-style:none;padding:22px 0;display:grid;grid-template-columns:50px 1fr 20px;gap:12px;align-items:center;cursor:pointer;font-weight:600}.rule summary::-webkit-details-marker{display:none}.rule-no{color:#6d6f67;font:600 14px "Barlow Condensed",sans-serif;letter-spacing:.1em}.rule summary::after{content:"+";font-size:21px;font-weight:400;color:#6d6f67}.rule[open] summary::after{content:"–"}.rule-body{margin:0;padding:0 48px 25px 62px;line-height:1.75;color:#555852;font-size:14px;white-space:pre-line}.empty{color:#787970;padding:25px 0}.callout{padding:118px 0 130px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:end}.callout a{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:8px;justify-self:end}.callout a span{color:#6b6b64;padding-left:10px}footer{background:var(--ink);color:#f5f2e9}.footer-inner{min-height:110px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#aaa9a0}.footer-inner a:last-child{color:var(--acid);text-decoration:none}dialog{border:0;max-width:700px;width:calc(100% - 30px);max-height:calc(100dvh - 30px);padding:30px;background:#f5f1e9;color:var(--ink);box-shadow:0 18px 100px #0008}dialog::backdrop{background:#070908cc}.editor-header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:22px}.editor-header h2{font-size:46px}.icon-button{border:0;background:none;font-size:34px;line-height:1;cursor:pointer}.editor-note{font-size:13px;line-height:1.6;color:#62645d;margin:20px 0}form label{display:block;font-size:12px;font-weight:700;margin:14px 0 0}input,textarea,select{display:block;margin-top:7px;border:1px solid #bdb9ad;background:#fffdf7;width:100%;padding:11px;font:14px "DM Sans",sans-serif;color:var(--ink)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 110px;gap:13px}.form-actions{display:flex;gap:16px;align-items:center;margin-top:17px}.primary-button{padding:12px 17px;font:700 13px "DM Sans",sans-serif}.text-button{border:0;background:none;padding:8px 0;font:600 13px "DM Sans",sans-serif;cursor:pointer;text-decoration:underline}.editor-rules{margin-top:38px;border-top:1px solid var(--line);padding-top:20px}.editor-list-head{display:flex;justify-content:space-between;align-items:center}.editor-list-head h3{margin:0;font:700 24px "Barlow Condensed",sans-serif;text-transform:uppercase}.editor-row{display:grid;grid-template-columns:70px 1fr auto auto;gap:11px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0;font-size:13px}.editor-row small{color:#777}.editor-row button,.data-actions button,.import-label{border:1px solid #aaa79d;background:transparent;padding:7px 10px;cursor:pointer;font:600 11px "DM Sans",sans-serif}.editor-row .delete,.data-actions .danger{color:#8f2525;border-color:#c58989}.data-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.import-label input{display:none}@media(max-width:720px){.wrap{width:min(100% - 32px,1180px)}.hero{height:650px;min-height:0}.nav-links{display:none}.hero-content{padding-top:110px}.intro,.intro>div,.rulebook-layout,.callout{grid-template-columns:1fr;gap:25px}.intro{padding:75px 0}.rules-section{padding:70px 0}.rules-top{align-items:start;gap:20px;flex-direction:column}.rulebook-layout{gap:35px}.category-nav{position:static;display:flex;gap:16px;overflow:auto}.category-nav button{min-width:max-content;padding:10px 0}.rule-body{padding-left:0}.callout{padding:80px 0}.callout a{justify-self:start}.footer-inner{padding:25px 0;min-height:0;flex-wrap:wrap;gap:18px}.editor-row{grid-template-columns:55px 1fr auto}.editor-row .delete{grid-column:3}.form-grid{grid-template-columns:1fr}}