.rule-diagrams{--rule-accent:#2fe8da;--rule-gold:#fccd0d;color:#e6eee8;background:#121a16;border:1px solid #33473d;border-radius:.8rem;margin:2rem 0;padding:1.25rem;font-size:.94rem;line-height:1.6}.rule-diagrams h2{color:#f4f6f3;margin:0 0 .8rem;font-size:clamp(1.3rem,3vw,1.7rem)}.rule-diagrams h3{color:#f4f6f3;margin:0 0 .55rem;font-size:1.13rem}.rule-diagrams p{margin:.6rem 0}.rule-diagram-boundary{border-left:3px solid var(--rule-gold);color:#afc0b6;padding-left:.8rem;font-size:.86rem}.rule-diagrams a{color:inherit;text-decoration:none}.rule-diagrams a:focus-visible{outline:2px solid var(--rule-accent);outline-offset:4px}.rule-diagrams a:hover strong,.rule-diagrams .rule-diagram-link:hover{color:var(--rule-gold)}.rule-symbol{width:2.6rem;height:2.6rem;color:var(--rule-accent);flex:none}.rule-board-frame{border:1px dashed #526658;border-radius:.5rem;margin-top:1.1rem;padding:1rem}.rule-frame-label{letter-spacing:.07em;color:#9eafa5;margin:0 0 .6rem;font-size:.7rem;font-weight:700;display:block}.rule-place-grid,.rule-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.rule-place{background:#18231c;border:1px solid #314038;border-radius:.4rem;align-items:center;gap:.7rem;padding:.85rem;display:flex}.rule-place>span:first-of-type{flex:1;min-width:0}.rule-place strong,.rule-place small{display:block}.rule-place strong{font-size:.92rem;line-height:1.4}.rule-place small{color:#a6b8ab;margin-top:.3rem;font-size:.78rem;line-height:1.45}.rule-place>span:last-child{color:#8ca195}.rule-side-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:.8rem 0 1.1rem;display:grid}.rule-side-grid>a{background:#1b271f;border:1px solid #314038;border-radius:.4rem;min-width:0;padding:.85rem}.rule-side-grid strong{font-size:.87rem;display:block}.rule-track{color:#9dafa4;white-space:normal;margin-top:.7rem;font-size:.88rem;display:block}.rule-track b{color:var(--rule-gold)}.rule-zone-row{align-items:center;gap:.55rem;margin-top:.65rem;font-size:.78rem;display:flex}.rule-zone-row i{font-style:normal;font-weight:600}.rule-white{color:#d6e4dd}.rule-orange{color:#f1a259}.rule-red{color:#f2969d}.rule-movement{margin:1rem 0}.rule-movement-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.rule-movement-examples>figure{text-align:center;margin:0}.rule-movement svg{width:100%;height:auto;display:block}.rule-movement text,.rule-cell-label{fill:#b7c7be;text-anchor:middle;font:13px sans-serif}.rule-movement figcaption{color:#a6b8ab;margin-top:.45rem;font-size:.8rem}.rule-movement>p{color:#a6b8ab;font-size:.8rem}.rule-cell rect{fill:#1c2b22;stroke:#546c5d;stroke-width:1.5px}.rule-border{stroke:#2fe8da;stroke-width:3px;stroke-dasharray:3 3}.rule-move-arrow{fill:none;stroke:#fccd0d;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.rule-corner{fill:#f2969d}.rule-wall{stroke:#f2969d;stroke-width:6px}.rule-map-notes{padding-left:1.15rem}.rule-map-notes li{margin:.7rem 0}.rule-map-notes a,.rule-diagram-link,.rule-marker-note a{color:var(--rule-accent)!important}.rule-diagram-sources{color:#9eafa5;border-top:1px solid #34463a;padding-top:.85rem;font-size:.76rem;margin-top:1rem!important}.rule-diagram-sources a{color:var(--rule-accent);padding:.15rem .1rem;display:inline-block}.rule-component-group{border-bottom:1px solid #34463a;padding:1rem 0}.rule-component-group>p{color:#b3c4b9;font-size:.86rem}.rule-token-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:.9rem 0;display:grid}.rule-token{border:1px solid #34493c;border-radius:.4rem;align-items:center;gap:.7rem;padding:.7rem;display:flex}.rule-token-symbol{background:#1a2a20;border:1px solid #45624e;border-radius:50%;flex:none;justify-content:center;align-items:center;width:3.3rem;height:3.3rem;display:inline-flex}.rule-token-symbol .rule-symbol{width:2.1rem;height:2.1rem}.rule-token small{color:#8aa392;letter-spacing:.07em;font-size:.67rem;display:block}.rule-token strong{font-size:.84rem;line-height:1.4;display:block}.rule-resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:.9rem 0}.rule-resource-grid a{text-align:center;border:1px solid #34493c;border-radius:.4rem;flex-direction:column;justify-content:flex-start;align-items:center;gap:.6rem;padding:.8rem .4rem;display:flex}.rule-resource-grid .rule-symbol{color:var(--rule-gold)}.rule-resource-grid strong{font-size:.8rem;line-height:1.4}.rule-component-equation{font-weight:700;color:var(--rule-gold)!important}.rule-diagram-link{padding:.35rem 0;font-size:.85rem;display:inline-block}.rule-progress-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.9rem;display:grid}.rule-progress{text-align:center;border:1px solid;border-radius:.4rem;flex-direction:column;align-items:center;gap:.7rem;padding:.9rem .3rem;display:flex}.rule-progress .rule-symbol{color:inherit}.rule-progress strong{font-size:.8rem;line-height:1.4}.rule-marker-note{align-items:center;gap:.8rem;margin:.8rem 0;display:flex}.rule-marker-note p{color:#b3c4b9;font-size:.86rem}.rule-pawn-legend{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.8rem;display:flex}.rule-pawn-legend span{align-items:center;gap:.4rem;display:flex}.rule-pawn-legend b{border:1px solid;border-radius:.2rem;padding:0 .3rem;font:700 .8rem monospace}.rule-house-key{color:#fccd0d}.rule-dark-key{color:#2fe8da}.rule-collision-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.rule-collision-panel{background:#18231c;border:1px solid #34493c;border-radius:.5rem;margin:0;overflow:hidden}.rule-collision-panel figcaption{align-items:center;gap:.5rem;min-height:3rem;padding:.75rem .65rem .2rem;font-size:.8rem;line-height:1.35;display:flex}.rule-collision-panel figcaption span{color:#fccd0d;border:1px solid #6b826f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;display:flex}.rule-collision-panel svg{width:100%;height:auto;display:block}.rule-collision-panel>p{color:#b3c4b9;margin:.3rem 0 0;padding:0 .7rem .7rem;font-size:.78rem}.rule-pawn path{stroke:#121a16;stroke-width:2px}.rule-pawn-house path{fill:#fccd0d}.rule-pawn-dark path{fill:#2fe8da}.rule-pawn text{fill:#121a16;text-anchor:middle;font:700 12px sans-serif}.rule-collision-followup{color:#b3c4b9;font-size:.86rem}@media (width<=700px){.rule-diagrams{padding:1rem}.rule-place-grid,.rule-side-grid{grid-template-columns:minmax(0,1fr)}.rule-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-collision-grid{grid-template-columns:minmax(0,1fr)}.rule-collision-panel{display:block}.rule-collision-panel figcaption{min-height:auto}.rule-collision-panel svg{max-width:340px;margin:0 auto}.rule-collision-panel>p{padding:.2rem .8rem .8rem;font-size:.85rem}.rule-progress-grid{gap:.45rem}.rule-movement text{font-size:15px}}@media (width<=400px){.rule-token-grid{grid-template-columns:minmax(0,1fr)}.rule-board-frame{padding:.6rem}.rule-place{padding:.65rem}}@media print{.rule-diagrams{color:#172219;break-inside:avoid;background:#fff;border-color:#819687}.rule-diagrams h2,.rule-diagrams h3,.rule-diagram-boundary,.rule-frame-label,.rule-place small,.rule-component-group>p,.rule-component-equation,.rule-collision-followup,.rule-collision-panel>p{color:#172219!important}.rule-place,.rule-side-grid>a,.rule-token-symbol,.rule-collision-panel{background:#f3f6f3}.rule-cell rect{fill:#f3f6f3}.rule-movement text,.rule-cell-label{fill:#172219}.rule-symbol,.rule-diagram-link,.rule-diagram-sources a,.rule-marker-note a{color:#155343!important}}