@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}img,svg{max-inline-size:100%;display:block}input,button,select{font:inherit}h1,h2,h3,p{overflow-wrap:break-word}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--hue:262;--gold-hue:82;--surface:var(--lightningcss-light,oklch(97% .012 var(--gold-hue)))var(--lightningcss-dark,oklch(16% .035 var(--hue)));--surface-raised:var(--lightningcss-light,oklch(100% .004 var(--gold-hue)))var(--lightningcss-dark,oklch(22% .045 var(--hue)));--surface-sunken:var(--lightningcss-light,oklch(93% .016 var(--gold-hue)))var(--lightningcss-dark,oklch(13% .03 var(--hue)));--text:var(--lightningcss-light,oklch(23% .035 var(--hue)))var(--lightningcss-dark,oklch(94% .012 var(--hue)));--text-muted:color-mix(in oklch, var(--text) 66%, var(--surface));--border:color-mix(in oklch, var(--text) 16%, var(--surface));--accent:var(--lightningcss-light,oklch(52% .13 var(--gold-hue)))var(--lightningcss-dark,oklch(80% .15 var(--gold-hue)));--accent-text:var(--lightningcss-light,oklch(99% .01 var(--gold-hue)))var(--lightningcss-dark,oklch(18% .04 var(--hue)));--positive:var(--lightningcss-light,#007230)var(--lightningcss-dark,#5edb81);--negative:var(--lightningcss-light,#be2323)var(--lightningcss-dark,#fd7468);--neutral:var(--lightningcss-light,#0068a8)var(--lightningcss-dark,#6bb9f8);--warning:var(--lightningcss-light,#ab6a00)var(--lightningcss-dark,#fab72a);--danger:var(--negative);--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace;--space-2xs:.25rem;--space-xs:.5rem;--space-s:.75rem;--space:clamp(1rem, .6rem + 1.4vw, 1.5rem);--space-l:clamp(1.5rem, 1rem + 2vw, 2.5rem);--step--1:clamp(.83rem, .8rem + .15vw, .9rem);--step-0:clamp(1rem, .95rem + .25vw, 1.125rem);--step-1:clamp(1.2rem, 1.1rem + .6vw, 1.5rem);--step-2:clamp(1.5rem, 1.25rem + 1.2vw, 2.1rem);--step-3:clamp(1.9rem, 1.5rem + 2vw, 3rem);--radius-s:6px;--radius:12px;--shadow:0 1px 2px oklch(10% .03 var(--hue) / .18), 0 10px 28px oklch(10% .04 var(--hue) / .22);--tap:44px;--measure:68ch}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:lab(0% 0 0)){:root{--positive:var(--lightningcss-light,lab(41.4075% -42.703 28.6805))var(--lightningcss-dark,lab(78.9483% -51.2433 33.6902));--negative:var(--lightningcss-light,lab(42.4236% 59.8149 41.9956))var(--lightningcss-dark,lab(65.8928% 52.8235 33.2136));--neutral:var(--lightningcss-light,lab(41.4539% -6.94594 -45.255))var(--lightningcss-dark,lab(71.9386% -11.066 -39.5237));--warning:var(--lightningcss-light,lab(50.8649% 25.8853 84.6379))var(--lightningcss-dark,lab(79.137% 16.9725 73.9414))}}}@layer base{html{scrollbar-gutter:stable}body{background:radial-gradient(120% 60% at 50% 0%, color-mix(in oklch, var(--accent) 10%, transparent), transparent 70%), var(--surface);min-block-size:100dvh;color:var(--text);font-family:var(--font-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;line-height:1.15}h1{font-size:var(--step-3);letter-spacing:.04em;text-transform:uppercase}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p,li,dd{text-wrap:pretty}a{color:var(--accent);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:color-mix(in oklch, var(--accent) 40%, transparent)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}}@layer layout{body{grid-template-columns:[full-start] minmax(var(--space), 1fr) [content-start] min(100% - 2 * var(--space), 72rem) [content-end] minmax(var(--space), 1fr) [full-end];row-gap:var(--space-l);grid-template-rows:auto 1fr auto;display:grid}body>*{grid-column:content}body>header{align-items:center;gap:var(--space-s) var(--space);flex-wrap:wrap;padding-block-start:var(--space);display:flex}body>header nav{margin-inline-start:auto}body>header nav ul{gap:var(--space-xs);padding:0;list-style:none;display:flex}body>header nav a{min-block-size:var(--tap);padding-inline:var(--space-s);border-radius:var(--radius-s);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}body>header nav a:hover{background:var(--surface-raised)}main{gap:var(--space-l);display:grid}body>footer{padding-block:var(--space) var(--space-l);border-block-start:1px solid var(--border);color:var(--text-muted);font-size:var(--step--1)}}@layer components{.skip-link{padding:var(--space-xs) var(--space-s);background:var(--accent);color:var(--accent-text);border-radius:var(--radius-s);z-index:1;position:absolute;inset-block-start:-10rem;inset-inline-start:var(--space)}.skip-link:focus{inset-block-start:var(--space-xs)}sabacc-table{min-block-size:32rem;display:block}html:has(body.stage-page){scrollbar-gutter:auto}body.stage-page{min-block-size:0;display:block;overflow:hidden}sabacc-3d{block-size:100dvh;position:fixed;inset:0}sabacc-3d:not(:defined)>p{margin:var(--space)}sabacc-table:not(:defined)>p{padding:var(--space);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted)}#rules{gap:var(--space);padding:var(--space-l);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);scroll-margin-block-start:var(--space);display:grid}#rules>*{max-inline-size:var(--measure)}#rules section{gap:var(--space-xs);display:grid}#rules ol,#rules ul{gap:var(--space-2xs);padding-inline-start:1.4em;display:grid}#rules dl{gap:var(--space-2xs) var(--space-s);grid-template-columns:max-content 1fr;display:grid}#rules dt{font-weight:600}#rules table{border-collapse:collapse;inline-size:100%}#rules caption{text-align:start;padding-block-end:var(--space-xs);font-weight:600}#rules th,#rules td{text-align:start;padding:var(--space-2xs) var(--space-xs);border-block-end:1px solid var(--border)}#rules td{font-variant-numeric:tabular-nums}}@layer utilities{.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}