.mechanics{--mechanic-text:#b9cadb;font-size:.9rem}.mechanics>*{min-width:0}.mechanics .breadcrumbs{color:var(--mechanic-text);flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1.1rem;font-size:.8rem;display:flex}.mechanics .breadcrumbs a{align-items:center;min-height:28px;display:inline-flex}.mechanics h1{letter-spacing:-.04em;margin:0 0 .7rem;font-size:clamp(2rem,3.7vw,2.65rem)}.mechanics h2{letter-spacing:-.02em;font-size:1.3rem}.mechanics h3{font-size:.95rem}.mechanics p{color:var(--mechanic-text)}.mechanics .mechanics-lede{color:#dce6f1;max-width:47ch;font-size:1.05rem;line-height:1.55}.mechanics .mechanics-context{color:var(--mechanic-text);flex-wrap:wrap;gap:.4rem 1rem;margin-top:1.1rem;font-size:.78rem;display:flex}.mechanics .mechanics-context strong{color:var(--cyan);font-weight:600}.mechanics .mechanics-intro{grid-template-columns:.8fr 1.2fr;align-items:center;gap:2rem;margin:.5rem 0 1.4rem;display:grid}.mechanics .mechanics-intro-copy{order:0;padding:1rem 0}.mechanics .mechanics-intro>.system-diagram{order:1}.mechanics .mechanics-intro>.mechanics-jump{order:2;grid-column:1/-1;margin-bottom:0}.mechanics .system-diagram{min-width:0;margin:0;container:mechanic-diagram/inline-size}.mechanics .system-diagram svg{width:100%;height:auto;font-family:inherit;display:block}.mechanics .system-diagram image,.mechanics .diagram-mobile img{image-rendering:pixelated}.mechanics .system-diagram figcaption{color:var(--mechanic-text);margin:.6rem 0 0;font-size:.75rem;line-height:1.55}.mechanics .mechanics-jump{border-top:1px solid #36485a;border-bottom:1px solid #36485a;flex-wrap:wrap;gap:.4rem 1.1rem;margin-bottom:1.6rem;padding:.7rem 0;display:flex}.mechanics .mechanics-jump a{color:#d4e0ed;align-items:center;gap:.5rem;min-height:44px;font-size:.8rem;text-decoration:none;display:inline-flex}.mechanics .mechanics-jump a:hover{color:var(--cyan);text-decoration:underline}.mechanics .mechanics-jump span{color:var(--mechanic-text);font-size:.75rem}.mechanics .mechanics-directory{grid-template-columns:1fr 1fr;gap:2.3rem 2rem;display:grid}.mechanics .mechanics-group{min-width:0;scroll-margin-top:1rem}.mechanics .mechanics-group-heading{justify-content:space-between;align-items:baseline;gap:.7rem;margin-bottom:.3rem;display:flex}.mechanics .mechanics-group-heading h2{margin-bottom:.35rem}.mechanics .mechanics-group-heading span{color:var(--mechanic-text);flex:none;font-size:.75rem}.mechanics .mechanics-group-description{max-width:52ch;margin-bottom:1rem;font-size:.85rem}.mechanics .mechanics-entries{grid-template-columns:1fr 1fr;column-gap:1.2rem;display:grid}.mechanics .mechanics-entry{color:#ecf1f7;border-top:1px solid #304155;justify-content:space-between;gap:.65rem;min-width:0;padding:.9rem 0;text-decoration:none;display:flex}.mechanics .mechanics-entry strong{margin-bottom:.3rem;font-size:.9rem;font-weight:650;display:block}.mechanics .mechanics-entry p{margin:0;font-size:.78rem;line-height:1.55}.mechanics .mechanics-entry .entry-arrow{color:var(--cyan);font-size:1rem}.mechanics .mechanics-entry:hover strong{color:var(--cyan);text-underline-offset:.2em;text-decoration:underline}.mechanics .group-battle{background:#15202d;border-radius:10px;grid-column:1/-1;grid-template-columns:.6fr 1.4fr;column-gap:2rem;padding:1.5rem;display:grid}.mechanics .group-battle .mechanics-entries{align-content:start}.mechanics .group-units .system-diagram,.mechanics .group-economy .system-diagram{padding:.5rem 0 1rem}.mechanics .group-economy .mechanics-entries{grid-template-columns:1fr}.mechanics .group-economy .mechanics-entry p{max-width:62ch}.mechanics .mechanics-source{border-top:1px solid #36485a;margin-top:2rem;padding-top:1rem;font-size:.78rem}.mechanics .mechanics-source p{max-width:80ch;margin-bottom:.4rem}.mechanics .detail-header{max-width:860px;margin-bottom:1.2rem}.mechanics .detail-header h1{font-size:clamp(1.8rem,3.5vw,2.4rem)}.mechanics .detail-header .mechanics-lede{max-width:62ch}.mechanics .detail-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:2.3rem;display:grid}.mechanics .detail-reading{min-width:0;max-width:820px}.mechanics .detail-reading>section{margin-bottom:1.7rem;scroll-margin-top:1rem}.mechanics .rule-list{margin:.7rem 0 0;padding-left:1.15rem}.mechanics .rule-list li{color:#dce6f1;margin-bottom:.7rem;padding-left:.3rem;line-height:1.7}.mechanics .rule-list li::marker{color:var(--cyan)}.mechanics .rule-visual{background:#15222f;border:1px solid #344c5f;border-radius:9px;padding:1.1rem 1.2rem}.mechanics .rule-visual h2{font-size:1rem}.mechanics .rule-visual code{white-space:normal;overflow-wrap:anywhere;color:#bcf4fc;margin:.9rem 0;font-size:.9rem;line-height:1.65;display:block}.mechanics .rule-visual p{margin-bottom:0;font-size:.85rem}.mechanics .rule-sequence{counter-reset:rule-step;margin:.7rem 0 0;padding:0;list-style:none}.mechanics .rule-sequence li{counter-increment:rule-step;color:#dce6f1;border-top:1px solid #34495a;align-items:baseline;gap:.8rem;padding:.7rem 0;line-height:1.6;display:flex}.mechanics .rule-sequence li:before{content:counter(rule-step);color:#c6f6fc;background:#254653;border-radius:50%;justify-content:center;align-items:center;min-width:1.6rem;min-height:1.6rem;font-size:.78rem;display:inline-flex}.mechanics .detail-examples{border-top:2px solid #476172;padding-top:1rem}.mechanics .detail-examples h2{font-size:1rem}.mechanics .mechanic-example{border-bottom:1px solid #304155;margin-top:1.1rem;padding-bottom:1.1rem}.mechanics .example-heading{align-items:center;gap:.65rem;margin-bottom:.6rem;display:flex}.mechanics .example-heading img{object-fit:contain;width:58px;height:58px}.mechanics .example-heading h3{margin:0 0 .2rem}.mechanics .example-heading a{color:#ecf1f7;text-decoration:none}.mechanics .example-heading a:hover{color:var(--cyan);text-decoration:underline}.mechanics .example-label{color:var(--mechanic-text);font-size:.75rem}.mechanics .mechanic-example p{margin-bottom:.5rem;font-size:.8rem;line-height:1.65}.mechanics .mechanic-example .example-effect{color:#e4edf7}.mechanics .mechanics-related{flex-wrap:wrap;gap:.6rem;display:flex}.mechanics .mechanics-related a{color:#cce9ef;border:1px solid #415c70;border-radius:5px;align-items:center;min-height:44px;padding:.35rem .7rem;font-size:.8rem;text-decoration:none;display:flex}.mechanics .mechanics-related a:hover{border-color:var(--cyan);background:#203846}.mechanics .mechanics-faq h3{margin:1.2rem 0 .5rem}.mechanics .mechanics-faq p{color:#dce6f1;line-height:1.75}.mechanics .source-details{border-top:1px solid #36485a;margin-top:1.7rem;padding-top:1rem;font-size:.8rem}.mechanics .source-details summary{min-height:44px;color:var(--mechanic-text)}.mechanics .source-details p,.mechanics .source-details li{max-width:90ch;color:var(--mechanic-text);line-height:1.65}.mechanics .source-details code{overflow-wrap:anywhere;color:#cfdeed;font-size:.78rem}.mechanics .diagram-mobile{display:none}@media (width<=1200px){.mechanics .group-battle{grid-template-columns:minmax(0,1fr);row-gap:1rem}.mechanics .group-battle .mechanics-group-intro{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:start;column-gap:1.5rem;display:grid}.mechanics .group-battle .mechanics-group-heading,.mechanics .group-battle .mechanics-group-description{grid-column:1}.mechanics .group-battle .system-diagram{grid-area:1/2/span 2}}@media (width<=1000px){.mechanics .mechanics-intro{grid-template-columns:.9fr 1.1fr;gap:1rem}.mechanics .mechanics-entries{grid-template-columns:1fr}.mechanics .group-battle .mechanics-entries{grid-template-columns:1fr 1fr}.mechanics .detail-layout{grid-template-columns:minmax(0,1fr) 250px;gap:1.4rem}}@media (width<=700px){.mechanics{font-size:.94rem}.mechanics .breadcrumbs{font-size:.84rem}.mechanics .mechanics-intro{grid-template-columns:1fr;gap:.7rem;margin-bottom:1.2rem}.mechanics .mechanics-intro-copy{padding:0}.mechanics .mechanics-intro>.mechanics-jump{order:1}.mechanics .mechanics-intro>.system-diagram{order:2}.mechanics h1{font-size:2.1rem}.mechanics .mechanics-lede{font-size:1rem}.mechanics .mechanics-context{margin-top:.8rem;font-size:.84rem}.mechanics .system-diagram figcaption{font-size:.84rem}.mechanics .mechanics-jump{gap:.2rem .9rem;margin-bottom:1.3rem}.mechanics .mechanics-jump a{font-size:.86rem}.mechanics .mechanics-jump span{font-size:.84rem}.mechanics .mechanics-directory{grid-template-columns:1fr;gap:1.8rem}.mechanics .mechanics-entries{grid-template-columns:1fr}.mechanics .mechanics-entry{padding:.85rem 0}.mechanics .mechanics-entry strong{font-size:1rem}.mechanics .mechanics-entry p,.mechanics .mechanics-group-description{font-size:.89rem}.mechanics .mechanics-group-heading span{font-size:.84rem}.mechanics .group-battle{grid-column:auto;grid-template-columns:1fr;padding:.8rem}.mechanics .group-battle .mechanics-entries{grid-template-columns:1fr}.mechanics .group-battle .mechanics-group-intro{display:block}.mechanics .mechanics-source{font-size:.84rem}.mechanics .detail-layout{grid-template-columns:1fr;gap:1rem}.mechanics .detail-header h1{font-size:1.8rem}.mechanics .rule-visual{padding:.8rem}.mechanics .rule-visual p{font-size:.9rem}.mechanics .rule-sequence li:before{font-size:.84rem}.mechanics .detail-examples{grid-template-columns:1fr;display:grid}.mechanics .mechanic-example p{font-size:.89rem}.mechanics .example-label,.mechanics .mechanics-related a,.mechanics .source-details,.mechanics .source-details code{font-size:.84rem}}.mechanics .shop-rule-group{margin-top:1.4rem}.mechanics .shop-rule-group h3{color:#c4f2f8;font-size:1rem}.mechanics .group-battle .board-diagram{max-width:400px}@container mechanic-diagram (width<=565px){.mechanics .system-diagram:not(.board-diagram)>svg{display:none}.mechanics .diagram-mobile{background:#15222f;border:1px solid #344c5f;border-radius:9px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.mechanics .diagram-mobile p{margin:0;font-size:.89rem;line-height:1.6}.mechanics .diagram-mobile .mobile-diagram-step{align-items:center;gap:.8rem;display:flex}.mechanics .diagram-mobile img{object-fit:contain;width:56px;height:56px}.mechanics .diagram-mobile strong{color:#ecf1f7;font-size:.95rem;display:block}.mechanics .diagram-mobile .mobile-diagram-arrow{color:var(--cyan);margin-left:1.1rem}.mechanics .diagram-mobile .mobile-diagram-note{border-top:1px solid #344c5f;padding-top:.65rem}.mechanics .mobile-shop-slots{grid-template-columns:repeat(5,1fr);gap:.3rem;display:grid}.mechanics .mobile-shop-slots span{aspect-ratio:1;background:#20313f;border:1px solid #607c8e;border-radius:4px;justify-content:center;align-items:center;display:flex}.mechanics .mobile-shop-slots img{width:100%;height:100%}.mechanics .mobile-shop-slots .mobile-item-slot{color:#edcf84;border:1px dashed #edcf84;font-size:1.1rem}}.mechanics .diagram-mobile.mobile-board-diagram{display:none}@container mechanic-diagram (width<=300px){.mechanics .board-diagram>svg{display:none}.mechanics .board-diagram>.mobile-board-diagram{background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;display:grid}.mechanics .mobile-board-diagram>span{border:1px solid var(--cyan);color:#bdf3fb;background:#1f3543;border-radius:6px;justify-content:center;align-items:center;min-height:70px;font-size:15px;display:flex}.mechanics .mobile-board-diagram>.mobile-board-selected{background:#254552;border-color:#ecf1f7}.mechanics .mobile-board-diagram>.mobile-board-diagonal{color:#b9cadb;background:#152130;border-style:dashed;border-color:#607c8e}.mechanics .mobile-board-diagram>p{grid-column:1/-1;font-size:15px}}