:root{--color-bg:#faf7f2;--color-surface:#f2ece2;--color-text:#2c2622;--color-divider:#e2d9cb;--color-neutral-100:#fbf9f5;--color-neutral-200:#efe9df;--color-tile-face:#f5f0eb;--color-tile-label:#e06a00;--color-accent-100:#f8e7e0;--color-accent-200:#f0cec1;--color-accent-300:#e3b09d;--color-accent:#c05a3e;--color-accent-600:#a94c33;--color-accent-700:#8d3f2a;--color-accent-800:#6c3020;--color-accent-2-100:#e6eee5;--color-accent-2-200:#d2e2d1;--color-accent-2-300:#b1ccb2;--color-accent-2-600:#4c7f55;--color-accent-2-700:#3d6845;--color-accent-2-800:#2c4d33;--font-heading:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #2c262214;--shadow-md:0 2px 10px #2c262217;--shadow-lg:0 12px 32px #2c262229;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in:cubic-bezier(1, 0, 1, .8);--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:48px;--space-4xl:64px;--space-5xl:80px;--space-6xl:96px;--section-top:clamp(48px, 6vw, 88px);--section-bottom:clamp(24px, 3vw, 40px);--measure:66ch;--measure-deck:58ch;--text-kicker:11.5px;--text-2xs:12px;--text-xs:12.5px;--text-sm:13px;--text-base:14px;--text-md:14.5px;--text-lg:15px;--text-xl:16px;--text-2xl:17px;--leading-tight:1.2;--leading-body:1.5;--leading-prose:1.65}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-size:16px;line-height:1.5;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-heading);margin:0;font-weight:400}.display{letter-spacing:-.021em;font-size:clamp(38px,5.5vw,68px);line-height:1.06}h2{letter-spacing:-.014em;font-size:clamp(26px,2.4vw,32px);line-height:1.12}h3{letter-spacing:-.008em;font-size:clamp(19px,1.6vw,21px);line-height:1.2}h4{letter-spacing:-.003em;font-size:17px;line-height:1.3}p{margin:0}a{color:var(--color-accent-700);text-decoration:none}a:hover{color:var(--color-accent-600)}.nav-bar{z-index:30;background:color-mix(in srgb, var(--color-bg) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);margin:0 calc(-1*clamp(20px,5vw,40px));padding:0 clamp(20px,5vw,40px);position:sticky;top:0}.nav{flex-wrap:nowrap;align-items:center;gap:22px;padding:20px 0;display:flex}.nav-brand{font-family:var(--font-heading);white-space:nowrap;color:var(--color-text);align-items:center;gap:8px;margin-right:6px;font-size:19px;display:inline-flex}.nav-brand-mark{border-radius:var(--radius-sm);flex:none;width:28px;height:28px}.nav-brand:hover{color:var(--color-text)}.nav-links{align-items:center;gap:22px;display:none}.nav a:not(.btn){color:color-mix(in srgb, var(--color-text) 78%, transparent);font-size:14.5px}.nav a:not(.btn):hover{color:var(--color-text)}.nav a[aria-current=page]{color:var(--color-accent-700);box-shadow:0 2px 0 -1px var(--color-accent-300);padding-bottom:2px}.nav .nav-end{align-items:center;gap:10px;margin-left:auto;display:flex}.nav-end .tag{text-overflow:ellipsis;max-width:min(40ch,40vw);overflow:hidden}@media (max-width:519px){.nav{gap:12px}.nav .nav-brand{white-space:normal;flex:auto;min-width:0;line-height:1.15}.nav-end .nav-signin{display:none}}@media (max-width:899px){.nav-end .nav-email-pill{display:none}}.nav-sheet-account{border-top:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:20px;display:flex}.nav-sheet-account span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-sheet .nav-sheet-account a.btn{font:inherit;color:var(--color-text);opacity:1;padding:9px 16px;font-size:14px;animation:none}.nav-toggle{border:1px solid var(--color-divider);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.nav-toggle-bars{width:18px;height:12px;position:relative}.nav-toggle-bars span{background:var(--color-text);width:100%;height:2px;transition:transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out), top var(--dur-fast) var(--ease-out);border-radius:2px;position:absolute;left:0}.nav-toggle-bars span:first-child{top:0}.nav-toggle-bars span:nth-child(2){top:5px}.nav-toggle-bars span:nth-child(3){top:10px}.nav-toggle[aria-expanded=true] .nav-toggle-bars span:first-child{top:5px;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bars span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bars span:nth-child(3){top:5px;transform:rotate(-45deg)}.nav-sheet{z-index:45;background:var(--color-bg);animation:ccm-backdrop-in var(--dur-base) var(--ease-out) both;flex-direction:column;gap:4px;padding:0 28px 28px;display:flex;position:fixed;inset:0}.nav-sheet-head{justify-content:space-between;align-items:center;margin-bottom:12px;padding:20px 0;display:flex}.nav-sheet a{font-family:var(--font-heading);color:var(--color-text);opacity:0;animation:ccm-nav-item-in var(--dur-base) var(--ease-out) both;padding:8px 0;font-size:30px}.nav-sheet .nav-sheet-head .nav-brand{white-space:normal;opacity:1;min-width:0;padding:0;font-size:19px;line-height:1.15;animation:none}.nav-sheet a[aria-current=page]{color:var(--color-accent-700);box-shadow:none}@media (min-width:900px){.nav-links{display:flex}.nav-toggle,.nav-sheet{display:none}}.btn{font:inherit;cursor:pointer;transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast), transform var(--dur-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;line-height:1.2;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:focus-visible,.seg-opt:focus-visible,.nav a:focus-visible{outline:2px solid var(--color-accent-300);outline-offset:2px}.btn-primary{background:var(--color-accent-600);color:var(--color-bg)}.btn-primary:hover:not(:disabled){background:var(--color-accent-700);color:var(--color-bg)}.btn-secondary{border-color:var(--color-divider);color:var(--color-text);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-accent-300)}.btn-ghost{color:var(--color-accent-700);background:0 0;padding-inline:10px}.btn-ghost:hover:not(:disabled){color:var(--color-accent-600);background:color-mix(in srgb, var(--color-accent-100) 60%, transparent)}.btn-block{width:100%;display:flex}.btn:disabled{opacity:.42;cursor:not-allowed}.card{background:var(--color-neutral-100);border:1px solid var(--color-divider);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:18px;display:flex}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.card-kicker{letter-spacing:.07em;text-transform:uppercase;color:var(--color-accent-700);font-size:11.5px}.card-title{margin:0;font-size:18px}.card-body{color:color-mix(in srgb, var(--color-text) 78%, transparent);margin:0;font-size:14.5px;line-height:1.6}.card-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:8px;display:flex}.washed{background:var(--color-surface)}.tag{letter-spacing:.005em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 11px;font-size:12px;line-height:1.4;display:inline-flex}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-surface);color:color-mix(in srgb, var(--color-text) 75%, transparent)}.tag-outline{border-color:var(--color-divider);color:color-mix(in srgb, var(--color-text) 75%, transparent);background:0 0}.ruleset-picker{flex-direction:column;gap:2px;display:inline-flex}.ruleset-picker-label{letter-spacing:.07em;text-transform:uppercase;color:var(--color-accent-700);font-size:11.5px}.ruleset-picker-control{display:inline-flex;position:relative}.ruleset-picker select{appearance:none;border:1px solid var(--color-accent-300);background:var(--color-neutral-100);color:var(--color-text);font:inherit;cursor:pointer;transition:background var(--dur-fast), border-color var(--dur-fast);border-radius:999px;padding:7px 32px 7px 12px;font-size:14px;line-height:1.2}.ruleset-picker select:hover{background:var(--color-surface);border-color:var(--color-accent)}.ruleset-picker select:focus-visible{outline:2px solid var(--color-accent-300);outline-offset:2px}.ruleset-picker-chevron{color:var(--color-accent-700);pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.seg{background:var(--color-surface);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.seg-opt{color:color-mix(in srgb, var(--color-text) 72%, transparent);font:inherit;cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), transform var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:inline-flex}.seg-opt:hover{color:var(--color-text)}.seg-opt:active{transform:scale(.98)}.seg-opt input{opacity:0;pointer-events:none;position:absolute}.seg-opt[aria-pressed=true],.seg-opt[aria-current=page]{background:var(--color-neutral-100);color:var(--color-text);box-shadow:var(--shadow-sm)}.seg-opt:has(input:checked){background:var(--color-neutral-100);color:var(--color-text);box-shadow:var(--shadow-sm)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:color-mix(in srgb, var(--color-text) 72%, transparent);font-size:13px}.input{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-neutral-100);width:100%;color:var(--color-text);font:inherit;padding:10px 12px;font-size:14.5px}.input:focus{outline:2px solid var(--color-accent-300);outline-offset:-1px;border-color:var(--color-accent-300)}.dialog-backdrop{z-index:50;background:color-mix(in srgb, var(--color-text) 34%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:ccm-backdrop-in var(--dur-base) var(--ease-out) both;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog{background:var(--color-bg);border-radius:calc(var(--radius-lg) * 1.15);width:min(520px,100%);max-height:88vh;box-shadow:var(--shadow-lg);transform-origin:50%;animation:ccm-dialog-in var(--dur-slow) var(--ease-out) both;flex-direction:column;gap:10px;padding:28px;display:flex;overflow-y:auto}.dialog-title{margin:0;font-size:25px}.dialog-body{color:color-mix(in srgb, var(--color-text) 78%, transparent);margin:0;font-size:14.5px;line-height:1.6}.dialog-actions{gap:10px;margin-top:6px;display:flex}.tile-label{color:var(--color-tile-label);font-family:var(--font-body);pointer-events:none;font-weight:700;line-height:1;position:absolute;top:0;left:0}:root:not([data-tile-labels=on]) .tile-label{display:none}.settings-menu{position:relative}.settings-menu-panel{z-index:40;border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-bg) 80%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);width:260px;box-shadow:var(--shadow-lg);transform-origin:100% 0;animation:ccm-settings-menu-in var(--dur-base) var(--ease-out) both;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.settings-menu-item{border-radius:var(--radius-md);width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:10px;padding:9px 10px;display:flex}.settings-menu-item:hover{background:var(--color-surface)}.settings-menu-item-check{width:16px;color:var(--color-accent);flex:none;padding-top:1px}.settings-menu-item-label{font-size:13.5px}.settings-menu-item-desc{color:color-mix(in srgb, var(--color-text) 78%, transparent);margin-top:1px;font-size:12px}.page{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,40px) 96px}.page-wide{max-width:1320px;margin:0 auto;padding:0 clamp(20px,5vw,40px) 64px}@media (pointer:coarse){.btn{min-height:44px}}.page-table{flex-direction:column;max-width:1600px;height:100dvh;margin:0 auto;padding:0 32px 20px;display:flex;overflow:hidden}.muted{color:color-mix(in srgb, var(--color-text) 78%, transparent)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-base:.14s;--dur-slow:.16s}.btn:active:not(:disabled),.seg-opt:active{transform:none}.dialog-backdrop,.dialog{animation:none}.seat-callout{animation-name:ccm-callout-in-flat}.action-card{animation-name:ccm-action-card-in-flat}.settings-menu-panel{animation-name:ccm-settings-menu-in-flat}.nav-sheet{animation-name:ccm-backdrop-in}.nav-sheet a{animation-name:ccm-nav-item-in-flat}.card--interactive:hover{transform:none}}@media (prefers-reduced-transparency:reduce){.dialog-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.action-card,.settings-menu-panel,.nav-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg)}}@media (prefers-contrast:more){.card,.dialog,.action-card,.settings-menu-panel{border:1px solid var(--color-text)}.nav-bar{border-bottom:1px solid var(--color-text)}}.skip-link{z-index:50;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-bg);transition:transform var(--dur-fast) var(--ease-out);padding:10px 16px;font-size:14px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.region-map{width:100%;height:auto;display:block}.region-map-base{fill:color-mix(in srgb, var(--color-text) 22%, var(--color-bg))}.region-map-fill{fill:var(--color-accent)}.region-map-locator{fill:none;stroke:var(--color-accent);stroke-width:14px}.card--interactive:hover .region-map-base,.card--interactive:focus-within .region-map-base{fill:var(--color-accent-200)}.card--interactive{transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.card--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.notice{border-radius:var(--radius-md);padding:10px 12px;font-size:13px;line-height:1.5}.notice-error{background:var(--color-accent-100);border:1px solid var(--color-accent-200);color:var(--color-accent-800)}.notice-success{background:var(--color-accent-2-100);border:1px solid var(--color-accent-2-200);color:var(--color-accent-2-800)}.site-footer{margin-top:var(--space-4xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-divider)}.site-footer-cols{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.site-footer-heading{font-size:var(--text-2xs);letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 65%, transparent);margin:0 0 var(--space-sm)}.site-footer-links{gap:var(--space-xs);flex-direction:column;display:flex}.site-footer-base{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.deck{font-size:var(--text-lg);line-height:var(--leading-prose);max-width:var(--measure-deck);color:color-mix(in srgb, var(--color-text) 78%, transparent)}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}@media (max-width:959px){.hero-grid{grid-template-columns:1fr!important}}@media (max-width:719px){.hero-fan{display:none!important}}.home-learn{align-items:center;gap:28px;margin-top:24px;display:grid}@media (min-width:960px){.home-learn{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:44px}}.home-lessons{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.home-lessons li{align-items:baseline;gap:16px;display:flex}.home-lesson-num{width:22px;font-family:var(--font-heading);color:var(--color-accent-300);flex:none;font-size:30px;line-height:1}.home-lesson-title{font-family:var(--font-heading);color:var(--color-text);font-size:18px}.home-lesson-title:hover{color:var(--color-accent-700)}.home-styles{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px;margin-top:22px;display:grid}.home-style-card{flex-direction:row;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;position:relative}.auth-shell{padding:var(--section-top) 0 56px;flex-direction:column;gap:32px;max-width:820px;margin:0 auto;display:flex}.auth-why{order:2}@media (min-width:880px){.auth-shell{grid-template-columns:1fr minmax(380px,420px);align-items:center;gap:48px;display:grid}.auth-why{order:0}}@keyframes ccm-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ccm-dialog-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes ccm-countdown{0%{width:100%}to{width:0%}}@keyframes ccm-die-tumble{0%{transform:rotate(-18deg)scale(.85)}20%{transform:rotate(14deg)scale(1.06)}40%{transform:rotate(-11deg)scale(.95)}60%{transform:rotate(8deg)scale(1.04)}80%{transform:rotate(-4deg)scale(.99)}to{transform:rotate(0)scale(1)}}@keyframes ccm-callout-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ccm-callout-in-flat{0%{opacity:0}to{opacity:1}}@keyframes ccm-action-card-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes ccm-action-card-in-flat{0%{opacity:0}to{opacity:1}}@keyframes ccm-settings-menu-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes ccm-settings-menu-in-flat{0%{opacity:0}to{opacity:1}}@keyframes ccm-rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ccm-nav-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ccm-nav-item-in-flat{0%{opacity:0}to{opacity:1}}@keyframes ccm-toast-fade{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.video-poster{aspect-ratio:16/9;background:var(--color-accent-2-100);cursor:pointer;border:none;width:100%;padding:0;display:block;position:relative}.video-poster img{object-fit:cover;width:100%;height:100%;display:block}.video-poster-play{background:color-mix(in srgb, var(--color-text) 78%, transparent);width:64px;height:44px;transition:background var(--dur-fast);border-radius:12px;margin:auto;position:absolute;inset:0}.video-poster-play:after{content:"";border:10px solid #0000;border-left:17px solid #fff;border-right-width:0;width:0;height:0;margin:auto;position:absolute;inset:0;transform:translate(2px)}.video-poster:hover .video-poster-play,.video-poster:focus-visible .video-poster-play{background:var(--color-accent)}.video-poster:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.rulebook{max-width:72ch;font-size:15.5px;line-height:1.65}.rulebook p{margin:0 0 12px}.rulebook b{color:var(--color-accent-2-700)}.rulebook ul,.rulebook ol{margin:0 0 12px;padding-left:22px}.rulebook li{margin-bottom:5px}.rulebook-h{border-bottom:1px solid var(--color-divider);color:var(--color-accent-700);margin:40px 0 10px;padding-bottom:6px;scroll-margin-top:140px;font-size:20px}.rulebook-h:first-child{margin-top:0}.rulebook-h.accent{color:var(--color-accent)}.rulebook-note{color:color-mix(in srgb, var(--color-text) 72%, transparent);font-size:13.5px}.rulebook-callout{background:var(--color-surface);border:1px solid var(--color-accent-200);border-radius:var(--radius-md);margin:14px 0;padding:10px 14px;font-size:14.5px}.rulebook-group{gap:3px;display:flex}.rulebook-caption{font-size:13.5px;line-height:1.4;margin:6px 0 0!important}.rulebook-tile-rows{margin:8px 0 12px}.rulebook-tile-row{flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:10px;display:flex}.rulebook-row-label{flex:none;width:140px;font-size:14px}.rulebook-row-tiles{flex-wrap:wrap;gap:6px;display:flex}.rulebook-row-tiles figure{margin:0}.rulebook-row-tiles figcaption{text-align:center;color:color-mix(in srgb, var(--color-text) 72%, transparent);margin-top:3px;font-size:11.5px}.rulebook-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px 28px;margin:10px 0 14px;display:grid}.rulebook-hand{flex-wrap:wrap;gap:14px 20px;margin:10px 0 8px;display:flex}.rulebook-hand>div{max-width:160px}.rulebook-table-wrap{background:linear-gradient(to right, var(--color-bg) 30%, transparent) left / 40px 100% no-repeat local, linear-gradient(to left, var(--color-bg) 30%, transparent) right / 40px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, #2c262229, transparent) left / 14px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, #2c262229, transparent) right / 14px 100% no-repeat scroll;margin:8px 0 14px;overflow-x:auto}.rulebook-table{border-collapse:collapse;width:100%;font-size:14px}.rulebook-table th,.rulebook-table td{border-bottom:1px solid var(--color-divider);text-align:left;vertical-align:top;padding:6px 10px 6px 0}.rulebook-table th{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 72%, transparent);font-size:12px}.rulebook-table td:last-child,.rulebook-table th:last-child{text-align:right;padding-right:0}.rulebook-table.compact{font-size:13px}.rulebook-table.compact th,.rulebook-table.compact td{text-align:center;padding:4px 3px}.rulebook-table.compact td:first-child,.rulebook-table.compact th:first-child{text-align:left}@media (max-width:519px){.rulebook-tile-row{flex-direction:column;align-items:flex-start;gap:6px}.rulebook-row-label{width:auto}}.style-section{scroll-margin-top:140px}.style-hero{padding:var(--section-top) 0 36px;gap:24px;display:grid}@media (min-width:960px){.style-hero{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:48px}.style-hero>.card{margin-top:40px}}.style-hero-map{flex:none;width:120px}@media (max-width:599px){.style-hero-map{width:64px}}.style-title-zh{color:var(--color-accent-700);margin-top:4px;font-size:.6em;display:block}.style-jumps{z-index:20;background:color-mix(in srgb, var(--color-bg) 92%, transparent);scrollbar-width:none;gap:8px;margin:0 calc(-1*clamp(20px,5vw,40px)) 16px;padding:8px clamp(20px,5vw,40px);display:flex;position:sticky;top:84px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.style-jumps:after{content:"";flex:none;width:24px}.style-jumps .tag{flex:none}@media (max-width:359px){.style-jumps{top:90px}}@media (min-width:1080px){.style-jumps{display:none}.style-section,.rulebook-h{scroll-margin-top:100px}}.style-toc{display:none}@media (min-width:1080px){.style-rules{grid-template-columns:minmax(0,72ch) 220px;justify-content:space-between;gap:56px;display:grid}.style-toc{border-left:1px solid var(--color-divider);flex-direction:column;align-self:start;gap:2px;padding-left:16px;display:flex;position:sticky;top:104px}.style-toc a{color:color-mix(in srgb, var(--color-text) 72%, transparent);padding:4px 0;font-size:13.5px;line-height:1.35}.style-toc a:hover{color:var(--color-accent-700)}.style-toc-extra{border-top:1px solid var(--color-divider);margin-top:8px;padding-top:10px!important}}.video-card-row{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:16px;display:grid}@media (max-width:519px){.video-card-row{grid-template-columns:1fr}}.card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.card-link:focus-visible{outline:none}.card-link:focus-visible:after{outline:2px solid var(--color-accent);outline-offset:2px}:is(.card:has(.card-link) .card-meta a,.card:has(.card-link) .card-meta button){z-index:1;position:relative}.card-title-zh{color:var(--color-accent-700);font-size:.78em;display:block}.clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}