:root{--color-bg:#f3efe6;--color-surface:#fffdf7;--color-text:#2b2a28;--color-border:#d8d0bf;--color-accent:#7c4a2d;--color-on-accent:#fffdf7;--color-accent-wash:color-mix(in srgb, var(--color-accent) 16%, var(--color-surface));--color-backdrop:#2b2a2873;--radius-m:.5rem;--radius-pill:999px;--space-s:.5rem;--space-m:1rem;--space-l:1.5rem;--font-size-display:3rem;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--size-tap-target:2.75rem;--space-button-block:.625rem;--space-pill-block:.375rem;--space-pill-inline:.875rem;--font-size-pill:.9375rem;--size-die:2.125rem;--size-die-phone:1.75rem;--space-dice:.375rem;--size-avatar:2.25rem;--size-dialog:20rem;--size-phone-column:20rem;--color-game-bg:#2b2521;--color-game-text:#f3e9d6;--color-game-chip:#3b322c;--color-game-accent:#f0c24b;--color-board-frame:#6b4528;--color-board-surface:#d9b67c;--color-board-point-a:#f1dfb6;--color-board-point-b:#8d3a2a;--color-board-bar:#6b4528;--color-board-tray:#5a3921;--color-checker-white:#f6ecd8;--color-checker-white-edge:#b9a07a;--color-checker-black:#2a211d;--color-checker-black-edge:#0e0a08;--color-die-face:#fbf5e6;--color-die-edge:#b9a07a;--color-die-pip:#2a211d;--color-board-selected:#fbf5e64d;--color-board-target:#f0c24bbf;--color-board-dice-count:#1c1812e0;--color-board-dice-count-edge:#fff6e0d9;--color-board-dice-count-numeral:#fff6e0;--color-board-hit:#d64a3e6b;--color-board-lifted-shadow:#0e0a088c;--color-flag-white:#fff;--color-flag-il-blue:#0038b8;--color-flag-us-red:#b22234;--color-flag-us-blue:#3c3b6e}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0}.page{--page-column:40rem;gap:var(--space-l);min-block-size:100dvh;padding-top:max(var(--space-m), env(safe-area-inset-top));padding-right:max(var(--space-m), env(safe-area-inset-right));padding-bottom:max(var(--space-l), env(safe-area-inset-bottom));padding-left:max(var(--space-m), env(safe-area-inset-left));grid-template-rows:auto 1fr auto;line-height:1.5;display:grid}.page:has(>.page__notice){grid-template-rows:auto auto 1fr auto}.page>*{inline-size:100%;min-inline-size:0;max-inline-size:var(--page-column);margin-inline:auto}.page__notice{align-items:center;gap:var(--space-s) var(--space-m);padding-block:var(--space-s);padding-inline:var(--space-m);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);flex-wrap:wrap;font-size:.9375rem;line-height:1.4;display:flex}.page__notice p{flex:20rem;margin:0}.page__notice-ok{min-inline-size:5rem;font:inherit;cursor:pointer;border:0}.page a{color:var(--color-accent)}.page__header{display:flex}.page__back{align-items:center;gap:var(--space-s);min-block-size:var(--size-tap-target);padding-block:var(--space-pill-block);padding-inline:var(--space-pill-inline);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--font-size-pill);font-weight:600;text-decoration:none;display:inline-flex}.page__back:hover{border-color:var(--color-accent)}.page__back-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;block-size:1.25em;inline-size:1.25em}[dir=rtl] .page__back-icon{transform:scaleX(-1)}.page__content h1{margin-block:0 var(--space-m);font-size:2rem;line-height:1.2}.page__content h2{margin-block:var(--space-l) var(--space-s);font-size:1.375rem;line-height:1.25}.page__content p,.page__content ul{margin-block:0 var(--space-m)}.page__content ul{padding-inline-start:var(--space-l)}.page__content li+li{margin-block-start:.25rem}.page__content>:last-child>:last-child{margin-block-end:0}.page__diagram{max-inline-size:min(32rem, (100vh - 2 * var(--space-m)) * 776 / 632);max-inline-size:min(32rem, (100dvh - 2 * var(--space-m)) * 776 / 632);margin-block:0 var(--space-m);margin-inline:auto}.page__diagram img{block-size:auto;inline-size:100%;display:block}.page__diagram figcaption{margin-block-start:var(--space-s);font-size:.9375rem}.page__nowrap{white-space:nowrap}.page__lead{font-size:1.125rem}.page .page__play,.page__notice-ok{min-block-size:var(--size-tap-target);padding-block:var(--space-button-block);padding-inline:var(--space-l);border-radius:var(--radius-m);background:var(--color-accent);color:var(--color-on-accent);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.page .page__play:hover,.page__notice-ok:hover{filter:brightness(1.05)}.page__banner{--rules-page-banner-block-size:250px;min-block-size:var(--rules-page-banner-block-size);margin-block:var(--space-l);justify-content:center;display:flex}.page__banner>*{flex-shrink:0}.page__footer{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-s)}.page__links{gap:0 var(--space-l);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.page__links button{color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.page__links a,.page__links button{min-block-size:var(--size-tap-target);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}