.element-rules{margin-top:16px}.element-rules summary{cursor:pointer;color:#315c39;font-weight:600}.element-rules dl{text-align:center;background:#f4f8f3;border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:12px 0 0;padding:10px 4px;display:grid}.element-table{border-collapse:collapse;width:100%;margin-top:16px;font-size:13px;line-height:1.55}.element-table th,.element-table td{word-break:keep-all;border-bottom:1px solid #e8ecef;padding:8px 6px}.element-table th:first-child{text-align:left}.element-table td{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.element-table tbody tr:last-child{color:#173b23;background:#eaf6e4;font-weight:700}.element-button{font:inherit;cursor:pointer;border:0;margin-top:16px;font-weight:700}.element-button:disabled{opacity:.6;cursor:default}.element-button:focus-visible{outline-offset:3px;outline:3px solid #297044}.element-balls{text-align:center;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;max-width:360px;margin:20px 0 0;padding:0;list-style:none;display:grid}.element-balls li{white-space:nowrap;margin:0;font-size:11px}.element-ball{aspect-ratio:1;border-radius:50%;place-items:center;width:min(100%,42px);margin:0 auto 4px;font-size:16px;display:grid}.element-ball.water{background:#dbe8fa}.element-ball.fire{background:#f9dcd4}.element-ball.wood{background:#dcf0d8}.element-ball.metal{background:#e5e9ef}.element-ball.earth{background:#f5e7bf}