.rulebook{--rb-ink:#0d0d0d;--rb-ink-soft:#3a3a3a;--rb-muted:#6c675e;--rb-white:#fff;--rb-sand:#efe9dc;--rb-sand-dark:#e4ded2;--rb-sand-deeper:#cdc5b4;--rb-radius:6px;background:var(--rb-white);border:1px solid var(--rb-sand-deeper);border-radius:var(--rb-radius);overscroll-behavior:contain;height:min(78vh,820px);min-height:460px;color:var(--rb-ink);grid-template-rows:auto minmax(0,1fr) auto;font-family:inherit;display:grid;position:relative;overflow:hidden}.rulebook:focus-visible{outline:2px solid var(--rb-ink);outline-offset:3px}.rulebook-bar{border-bottom:1px solid var(--rb-sand-dark);background:var(--rb-sand);align-items:center;gap:.75rem;min-height:44px;padding:.6rem .9rem;display:flex}.rulebook-title{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:.8rem;font-weight:700;overflow:hidden}.rulebook-bar-right{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.rulebook-fit{border:1px solid var(--rb-sand-deeper);color:var(--rb-ink-soft);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;min-height:36px;padding:.4rem .7rem;font-family:inherit;font-size:.7rem}.rulebook-fit[aria-pressed=true]{background:var(--rb-ink);border-color:var(--rb-ink);color:var(--rb-white)}.rulebook-count{font-variant-numeric:tabular-nums;color:var(--rb-muted);white-space:nowrap;font-size:.8rem}.rulebook-stage{background:var(--rb-sand-dark);touch-action:pan-y pinch-zoom;justify-content:center;align-items:center;min-height:0;padding:.6rem;display:flex;position:relative}.rulebook-stage--page{overflow:hidden}.rulebook-stage--page .rulebook-slide{max-width:100%;height:100%;max-height:100%}.rulebook-stage--page .rulebook-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.rulebook-stage--width{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;justify-content:safe center;align-items:flex-start;overflow:auto}.rulebook-stage--width .rulebook-slide{flex-shrink:0;width:max(100%,620px);max-width:900px;height:auto}.rulebook-stage--width .rulebook-img{width:100%;height:auto}.rulebook-slide{justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.rulebook-img{background:var(--rb-white);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:4px;display:block;box-shadow:0 6px 24px #0000002e}.rulebook-skeleton{background:linear-gradient(100deg, var(--rb-sand) 30%, var(--rb-white) 50%, var(--rb-sand) 70%);background-size:300% 100%;border-radius:4px;animation:1.2s ease-in-out infinite rulebook-shimmer;position:absolute;inset:0}@keyframes rulebook-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.rulebook-fallback{background:var(--rb-white);border-radius:var(--rb-radius);max-width:44ch;color:var(--rb-ink-soft);padding:1.2rem;font-size:.9rem;line-height:1.5}.rulebook-edge{cursor:pointer;touch-action:pan-y pinch-zoom;background:0 0;border:0;width:12%;max-width:90px;padding:0;position:absolute;top:0;bottom:0}.rulebook-edge:disabled{cursor:default;pointer-events:none}.rulebook-edge--prev{left:0}.rulebook-edge--next{right:0}.rulebook-slide.from-right{animation:.22s ease-out rulebook-in-right}.rulebook-slide.from-left{animation:.22s ease-out rulebook-in-left}@keyframes rulebook-in-right{0%{opacity:0;transform:translate(4%)}to{opacity:1;transform:translate(0)}}@keyframes rulebook-in-left{0%{opacity:0;transform:translate(-4%)}to{opacity:1;transform:translate(0)}}.rulebook-nav{border-top:1px solid var(--rb-sand-dark);background:var(--rb-sand);align-items:center;gap:.75rem;padding:.6rem .9rem;display:flex}.rulebook-step{border:2px solid var(--rb-ink);border-radius:var(--rb-radius);color:var(--rb-ink);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;flex-shrink:0;min-height:40px;padding:.5rem .9rem;font-family:inherit;font-size:.72rem;font-weight:700}.rulebook-step:hover{background:var(--rb-ink);color:var(--rb-white)}.rulebook-step:disabled{opacity:.35;cursor:default}.rulebook-step:disabled:hover{color:var(--rb-ink);background:0 0}.rulebook-dots{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:.3rem;min-width:0;display:flex}.rulebook-dot{border:1px solid var(--rb-sand-deeper);background:var(--rb-white);width:30px;height:30px;color:var(--rb-muted);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.7rem;line-height:1;transition:background .12s,color .12s;display:inline-flex}.rulebook-dot:hover{border-color:var(--rb-ink);color:var(--rb-ink)}.rulebook-dot.is-active{background:var(--rb-ink);border-color:var(--rb-ink);color:var(--rb-white);font-weight:700}@media (max-height:560px){.rulebook{height:min(88vh,820px);min-height:320px}.rulebook-bar,.rulebook-nav{min-height:0;padding:.35rem .6rem}.rulebook-title{font-size:.72rem}.rulebook-step{min-height:34px;padding:.35rem .65rem;font-size:.68rem}.rulebook-fit{min-height:32px;padding:.3rem .6rem;font-size:.64rem}.rulebook-stage{padding:.35rem}.rulebook-dots{flex-wrap:nowrap;gap:.25rem}.rulebook-dot{width:22px;height:22px;font-size:0;position:relative}.rulebook-dot:after{content:"";position:absolute;inset:-6px}}@media (max-width:560px){.rulebook{height:min(76vh,700px)}.rulebook-nav{flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.6rem}.rulebook-dots{flex-wrap:nowrap;flex:1 0 100%;order:-1;gap:3px}.rulebook-dot{width:20px;height:20px;font-size:0;position:relative}.rulebook-dot:after{content:"";position:absolute;inset:-5px}}@media (max-width:420px){.rulebook-title{display:none}}@media (prefers-reduced-motion:reduce){.rulebook-slide.from-right,.rulebook-slide.from-left{animation:none!important}.rulebook-skeleton{background:var(--rb-sand);animation:none!important}}