@property --rd-hue{syntax:"<color>";inherits:true;initial-value:#ffb870}.rules-toc{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.rules-toc h2{margin:0;font-size:1.05rem}.rules-toc h2 a{color:var(--accent-bright);text-decoration:none}.rules-toc h2 a:hover{color:var(--accent)}.rule-item{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2rem 3rem;padding:2.75rem 0;scroll-margin-top:1rem;display:grid}.rule-item:last-child{padding-bottom:0}.rule-family{scroll-margin-top:1rem}.rule-family>.wrap>.lead{margin-bottom:.5rem}.rule-text h2,.rule-text h3{margin:0 0 .6rem}.rule-text h3{font-size:1.6rem}.rule-text p{color:var(--ink-quiet);max-width:var(--measure)}.rule-meta{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin:0 0 1.1rem;padding:0;font-size:.85rem;list-style:none;display:flex}.rule-meta li{margin:0}.rule-meta .chip{padding:.15rem .65rem;font-size:.78rem}.rule-alias{margin-left:.25rem}.rule-alias b{color:var(--ink-quiet);font-weight:600}.rule-text .rule-summary{color:var(--ink);font-size:1.15rem;font-weight:500}.rule-text .rule-tip{border-left:2px solid var(--accent-deep);margin:1.4rem 0 0;padding:.2rem 0 .2rem 1rem;font-size:.95rem}.rule-tip strong{font-family:var(--font-display);letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:.15rem;font-size:.72rem;display:block}.rd-legend{color:var(--ink-dim);flex-wrap:wrap;gap:.5rem 1.4rem;margin:1.4rem 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.rd-legend li{align-items:center;gap:.5rem;margin:0;display:flex}.rd-legend li:before{content:"";border:2px solid var(--rd-hue);background:color-mix(in srgb, var(--rd-hue) 14%, var(--surface));border-radius:.2rem;width:.95rem;height:1.2rem}.rd-legend .rd-legend-me{--rd-hue:var(--accent)}.rd-legend .rd-legend-foe{--rd-hue:var(--info)}.rd-legend .rd-legend-hot:before{content:"7";width:auto;height:auto;font-family:var(--font-display);color:var(--ink);text-shadow:0 0 .45rem var(--accent);background:0 0;border:0;justify-content:center;align-items:center;font-weight:700;display:flex}.rd{--rd-t:9s;--rd-w:4.6rem;--rd-h:5.9rem;--rd-edge:1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:21rem;max-width:100%;margin:0;padding:.9rem 1.1rem 1.25rem}.rd-stage{animation:rd-loop var(--rd-t) linear infinite both;flex-direction:column;align-items:center;gap:.9rem;display:flex}.rd-caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rd-banners{place-items:center;width:100%;height:2rem;display:grid}.rd-pop{grid-area:1/1}.rd-banner{background:var(--accent);color:var(--on-accent);font-family:var(--font-display);letter-spacing:.08em;white-space:nowrap;border-radius:999px;padding:.2rem 1rem;font-size:.95rem;font-weight:700;display:inline-block}.rd-banner-2{background:var(--accent-bright)}.rd-steps{width:100%;color:var(--ink-quiet);flex-direction:column;gap:.35rem;margin:.2rem 0 0;padding:0;font-size:.88rem;line-height:1.4;list-style:none;display:flex}.rd-steps li{margin:0;padding-left:1.1rem;position:relative}.rd-steps li:before{content:"";background:var(--accent);width:.4rem;height:.4rem;position:absolute;top:.5em;left:.1rem;transform:rotate(45deg)}.rd-board{grid-template-columns:repeat(3, var(--rd-w));padding:var(--rd-edge);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ground);gap:.35rem;display:grid}.rd-board-el{row-gap:1.05rem}.rd-cell{width:var(--rd-w);height:var(--rd-h);position:relative}.rd-cell:before{content:"";border:1px dashed color-mix(in srgb, var(--outline) 70%, transparent);border-radius:var(--radius);position:absolute;inset:0}.rd-cell-el:before{border-style:solid;border-color:color-mix(in srgb, var(--accent-deep) 70%, transparent);background:color-mix(in srgb, var(--accent-ground) 45%, transparent)}.rd-el{z-index:2;border:1px solid var(--accent-deep);background:var(--surface-raised);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright);border-radius:999px;padding:0 .35rem;font-size:.52rem;font-weight:700;line-height:1.5;position:absolute;bottom:calc(100% + .12rem);left:0}.rd-wall{--rd-num:var(--ink-quiet);--rd-glow:var(--accent);z-index:2;border:1px solid var(--outline);background:var(--surface-raised);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--rd-num);border-radius:999px;padding:.05rem .45rem;font-size:.6rem;font-weight:700;position:absolute;left:50%;translate:-50% -50%}.rd-wall-top{top:calc(-1 * var(--rd-edge) - 1px)}.rd-wall-bottom{bottom:calc(-1 * var(--rd-edge) - 1px);translate:-50% 50%}.rd-card{--rd-num:color-mix(in srgb, var(--rd-hue) 72%, var(--ink));--rd-glow:var(--rd-hue);width:var(--rd-w);height:var(--rd-h);border:2px solid var(--rd-hue);border-radius:var(--radius);background:color-mix(in srgb, var(--rd-hue) 13%, var(--surface));box-sizing:border-box;grid-template-rows:1.2rem 1fr 1.2rem;grid-template-columns:1.2rem 1fr 1.2rem;padding:.3rem;display:grid;position:relative}.rd-me{--rd-hue:var(--accent)}.rd-foe{--rd-hue:var(--info)}.rd-cell>.rd-card{position:absolute;inset:0}.rd-n{font-family:var(--font-display);color:var(--rd-num);place-items:center;font-size:.98rem;font-weight:700;line-height:1;display:grid}.rd-v{grid-area:1/1}.rd-v>span{display:block}.rd-n-top{grid-area:1/2/2/3}.rd-n-right{grid-area:2/3/3/4}.rd-n-bottom{grid-area:3/2/4/3}.rd-n-left{grid-area:2/1/3/2}.rd-tag{letter-spacing:.02em;white-space:nowrap;text-align:center;text-transform:uppercase;color:color-mix(in srgb, var(--rd-hue) 50%, var(--ink-dim));grid-area:2/1/3/4;align-self:end;margin:0 -.2rem .1rem;font-size:.48rem;font-weight:700}.rd-mod{z-index:1;text-align:center;border-radius:999px;min-width:1.6rem;padding:.1rem .35rem;font-size:.7rem;font-weight:800;display:grid;position:absolute;top:-.6rem;right:-.5rem}.rd-mod-up{background:var(--success-ground);border:1px solid var(--success);color:var(--success)}.rd-mod-down{background:var(--danger-ground);border:1px solid var(--danger);color:var(--danger)}.rd-mark{z-index:1;background:var(--accent);width:1.2rem;height:1.2rem;color:var(--on-accent);font-family:var(--font-display);border-radius:999px;place-items:center;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:-.55rem;right:-.5rem}.rd-back{border:2px solid var(--accent-deep);border-radius:var(--radius);background-color:var(--surface-raised);background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-deep) 55%, transparent) 0 1px, transparent 1px .45rem), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--accent-deep) 55%, transparent) 0 1px, transparent 1px .45rem);position:absolute;inset:-2px}.rd-hands{--rd-w:3.3rem;--rd-h:4.3rem;--rd-row-gap:1rem;--rd-label:1.45rem;--rd-step:calc(var(--rd-h) + var(--rd-row-gap) + var(--rd-label));gap:var(--rd-row-gap);flex-direction:column;padding:.6rem 0 .2rem;display:flex}.rd-row-label{letter-spacing:.2em;text-transform:uppercase;height:1.1rem;color:var(--ink-dim);margin-bottom:.35rem;font-size:.68rem;font-weight:700;line-height:1.1rem;display:block}.rd-hands-one .rd-row-label{margin-bottom:.95rem}.rd-row-cards{gap:.4rem;display:flex}.rd-hands .rd-card{grid-template-rows:.95rem 1fr .95rem;grid-template-columns:.95rem 1fr .95rem;padding:.2rem}.rd-hands .rd-n{font-size:.78rem}.rd-drop,.rd-turn-flip,.rd-turn-combo1,.rd-turn-combo2,.rd-unveil,.rd-back-off,.rd-force-1,.rd-force-2,.rd-pick,.rd-cross-up,.rd-cross-down,.rd-swap-up,.rd-swap-down,[class*=rd-in-],[class*=rd-out-],[class*=rd-pop-],[class*=rd-hot-]{animation-duration:var(--rd-t);animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;animation-delay:var(--rd-lag,0s)}.rd-drop{z-index:1;animation-name:rd-drop}.rd-turn-flip{animation-name:rd-turn-flip}.rd-turn-combo1{animation-name:rd-turn-combo1}.rd-turn-combo2{animation-name:rd-turn-combo2}.rd-unveil{animation-name:rd-unveil}.rd-unveil .rd-back-off{animation-name:rd-back-off}.rd-lag-1{--rd-lag:-.22s}.rd-lag-2{--rd-lag:-.44s}.rd-lag-3{--rd-lag:-.66s}.rd-lag-4{--rd-lag:-.88s}[class*=rd-lag-].rd-unveil{animation-name:rd-unveil-late}[class*=rd-lag-].rd-unveil .rd-back-off{animation-name:rd-back-off-late}.rd-force-1{animation-name:rd-force-1}.rd-force-2{animation-name:rd-force-2}.rd-pick{animation-name:rd-pick}.rd-cross-up,.rd-cross-down,.rd-swap-up,.rd-swap-down{z-index:1}.rd-cross-up{animation-name:rd-cross-up}.rd-cross-down{animation-name:rd-cross-down}.rd-swap-up{animation-name:rd-swap-up,rd-pick}.rd-swap-down{animation-name:rd-swap-down,rd-pick}.rd-in-prep{animation-name:rd-in-prep}.rd-in-drop{animation-name:rd-in-drop}.rd-in-mod{animation-name:rd-in-mod}.rd-in-compare{animation-name:rd-in-compare}.rd-in-flip{animation-name:rd-in-flip}.rd-in-combo1{animation-name:rd-in-combo1}.rd-in-combo2{animation-name:rd-in-combo2}.rd-in-post{animation-name:rd-in-post}.rd-out-prep{animation-name:rd-out-prep}.rd-out-mod{animation-name:rd-out-mod}.rd-out-combo1{animation-name:rd-out-combo1}.rd-out-post{animation-name:rd-out-post}.rd-pop-drop{animation-name:rd-pop-drop}.rd-pop-flip{animation-name:rd-pop-flip}.rd-pop-combo1{animation-name:rd-pop-combo1}.rd-hot-compare{animation-name:rd-hot-compare}.rd-hot-combo1{animation-name:rd-hot-combo1}.rd-hot-combo2{animation-name:rd-hot-combo2}.rd-hot-compare,.rd-hot-combo1,.rd-hot-combo2{z-index:1;position:relative}@keyframes rd-loop{0%{opacity:0}3%,84%{opacity:1}89%,to{opacity:0}}@keyframes rd-drop{0%,14%{opacity:0;transform:translateY(-1.6rem)scale(1.15)}18%{opacity:1}20%,to{opacity:1;transform:none}}@keyframes rd-unveil{0%,16%{transform:perspective(30rem)rotateY(0)}19%{transform:perspective(30rem)rotateY(90deg)}22%,to{transform:perspective(30rem)rotateY(0)}}@keyframes rd-back-off{0%,19%{opacity:1}19.01%,to{opacity:0}}@keyframes rd-unveil-late{0%,24%{transform:perspective(30rem)rotateY(0)}27%{transform:perspective(30rem)rotateY(90deg)}30%,to{transform:perspective(30rem)rotateY(0)}}@keyframes rd-back-off-late{0%,27%{opacity:1}27.01%,to{opacity:0}}@keyframes rd-force-1{0%,14%{opacity:1;box-shadow:none;transform:none}18%,32%{opacity:1;box-shadow:0 0 0 2px var(--ink), 0 0 1.2rem var(--accent);transform:translateY(-.7rem)}38%,to{opacity:.35;box-shadow:none;transform:none}}@keyframes rd-force-2{0%,42%{opacity:1;box-shadow:none;transform:none}46%,60%{opacity:1;box-shadow:0 0 0 2px var(--ink), 0 0 1.2rem var(--accent);transform:translateY(-.7rem)}66%,to{opacity:.35;box-shadow:none;transform:none}}@keyframes rd-pick{0%,14%{box-shadow:none}17%,42%{box-shadow:0 0 0 2px var(--ink), 0 0 1.2rem var(--rd-hue)}50%,to{box-shadow:none}}@keyframes rd-cross-up{0%,42%{transform:none}50%,to{transform:translateY(calc(-1 * var(--rd-step)))}}@keyframes rd-cross-down{0%,42%{transform:none}50%,to{transform:translateY(var(--rd-step))}}@keyframes rd-swap-up{0%,42%{--rd-hue:var(--accent);transform:none}46%{--rd-hue:var(--accent)}46.01%{--rd-hue:var(--info)}50%,to{--rd-hue:var(--info);transform:translateY(calc(-1 * var(--rd-step)))}}@keyframes rd-swap-down{0%,42%{--rd-hue:var(--info);transform:none}46%{--rd-hue:var(--info)}46.01%{--rd-hue:var(--accent)}50%,to{--rd-hue:var(--accent);transform:translateY(var(--rd-step))}}@keyframes rd-in-prep{0%,6%{opacity:0}9%,to{opacity:1}}@keyframes rd-out-prep{0%,6%{opacity:1}9%,to{opacity:0}}@keyframes rd-in-drop{0%,14%{opacity:0}17%,to{opacity:1}}@keyframes rd-out-drop{0%,14%{opacity:1}17%,to{opacity:0}}@keyframes rd-in-mod{0%,24%{opacity:0}27%,to{opacity:1}}@keyframes rd-out-mod{0%,24%{opacity:1}27%,to{opacity:0}}@keyframes rd-in-compare{0%,32%{opacity:0}35%,to{opacity:1}}@keyframes rd-out-compare{0%,32%{opacity:1}35%,to{opacity:0}}@keyframes rd-in-flip{0%,42%{opacity:0}45%,to{opacity:1}}@keyframes rd-out-flip{0%,42%{opacity:1}45%,to{opacity:0}}@keyframes rd-in-combo1{0%,54%{opacity:0}57%,to{opacity:1}}@keyframes rd-out-combo1{0%,54%{opacity:1}57%,to{opacity:0}}@keyframes rd-in-combo2{0%,64%{opacity:0}67%,to{opacity:1}}@keyframes rd-out-combo2{0%,64%{opacity:1}67%,to{opacity:0}}@keyframes rd-in-post{0%,76%{opacity:0}79%,to{opacity:1}}@keyframes rd-out-post{0%,76%{opacity:1}79%,to{opacity:0}}@keyframes rd-pop-drop{0%,14%{opacity:0;transform:scale(.6)}16%{opacity:1;transform:scale(1.15)}18%,to{opacity:1;transform:scale(1)}}@keyframes rd-pop-flip{0%,42%{opacity:0;transform:scale(.6)}44%{opacity:1;transform:scale(1.15)}46%,to{opacity:1;transform:scale(1)}}@keyframes rd-pop-combo1{0%,54%{opacity:0;transform:scale(.6)}56%{opacity:1;transform:scale(1.15)}58%,to{opacity:1;transform:scale(1)}}@keyframes rd-hot-compare{0%,32%{color:var(--rd-num);text-shadow:none;transform:scale(1)}34%{color:var(--ink);text-shadow:0 0 .7rem var(--rd-glow);transform:scale(1.7)}38%,to{color:var(--ink);text-shadow:0 0 .45rem var(--rd-glow);transform:scale(1.3)}}@keyframes rd-hot-combo1{0%,54%{color:var(--rd-num);text-shadow:none;transform:scale(1)}56%{color:var(--ink);text-shadow:0 0 .7rem var(--rd-glow);transform:scale(1.7)}60%,to{color:var(--ink);text-shadow:0 0 .45rem var(--rd-glow);transform:scale(1.3)}}@keyframes rd-hot-combo2{0%,64%{color:var(--rd-num);text-shadow:none;transform:scale(1)}66%{color:var(--ink);text-shadow:0 0 .7rem var(--rd-glow);transform:scale(1.7)}70%,to{color:var(--ink);text-shadow:0 0 .45rem var(--rd-glow);transform:scale(1.3)}}@keyframes rd-turn-flip{0%,42%{--rd-hue:var(--info);transform:perspective(30rem)rotateY(0)}44.5%{--rd-hue:var(--info);transform:perspective(30rem)rotateY(90deg)scale(1.08)}44.51%{--rd-hue:var(--accent);transform:perspective(30rem)rotateY(90deg)scale(1.08)}47%,to{--rd-hue:var(--accent);transform:perspective(30rem)rotateY(0)}}@keyframes rd-turn-combo1{0%,57%{--rd-hue:var(--info);transform:perspective(30rem)rotateY(0)}59.5%{--rd-hue:var(--info);transform:perspective(30rem)rotateY(90deg)scale(1.08)}59.51%{--rd-hue:var(--accent);transform:perspective(30rem)rotateY(90deg)scale(1.08)}62%,to{--rd-hue:var(--accent);transform:perspective(30rem)rotateY(0)}}@keyframes rd-turn-combo2{0%,67%{--rd-hue:var(--info);transform:perspective(30rem)rotateY(0)}69.5%{--rd-hue:var(--info);transform:perspective(30rem)rotateY(90deg)scale(1.08)}69.51%{--rd-hue:var(--accent);transform:perspective(30rem)rotateY(90deg)scale(1.08)}72%,to{--rd-hue:var(--accent);transform:perspective(30rem)rotateY(0)}}@media (width<=52rem){.rules-toc,.rule-item{grid-template-columns:minmax(0,1fr)}.rule-item .rd{justify-self:center}}@media (width<=24rem){.rd{padding-left:.6rem;padding-right:.6rem}.rd-board{--rd-edge:.9rem}}@media (prefers-reduced-motion:reduce){.rd-stage,.rd-stage *{animation-play-state:paused!important;animation-delay:calc(var(--rd-t) * -.8)!important}}
