.type-chart-module__PVrL8a__page{flex-direction:column;gap:18px;display:flex}.type-chart-module__PVrL8a__crumbs{color:var(--text-2);font:600 .95rem var(--sr-font-display);align-items:center;gap:12px;display:flex}.type-chart-module__PVrL8a__crumbs a{border:1px solid var(--line);color:var(--cyan);background:#020a1480;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;transition:color .14s,border-color .14s,background .14s;display:inline-flex}.type-chart-module__PVrL8a__crumbs a:hover{color:var(--cyan-bright);border-color:var(--line-strong);background:var(--cyan-soft)}.type-chart-module__PVrL8a__crumbs>span{color:var(--text-3);font-size:1.1rem}.type-chart-module__PVrL8a__crumbs b{color:var(--text-1);font-weight:700}.type-chart-module__PVrL8a__backLink svg{transform:scaleX(-1)}.type-chart-module__PVrL8a__head h1{color:var(--text-1);font:800 clamp(1.4rem, 2.4vw, 1.9rem)/1.05 var(--sr-font-title);text-transform:uppercase;margin-top:10px}.type-chart-module__PVrL8a__lede{max-width:70ch;color:var(--text-2);margin-top:7px;font-size:.82rem;line-height:1.5}.type-chart-module__PVrL8a__diagram{border:1px solid var(--line);background:linear-gradient(#07122299,#030912d9);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.type-chart-module__PVrL8a__diagram img{border-radius:10px;width:100%;max-width:860px;height:auto}.type-chart-module__PVrL8a__diagram figcaption{color:var(--text-3);font:.68rem var(--sr-font-mono);text-align:center}.type-chart-module__PVrL8a__elementLinks{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.type-chart-module__PVrL8a__elementLink{--el:var(--text-3);border:1px solid color-mix(in srgb, var(--el) 35%, var(--line));background:color-mix(in srgb, var(--el) 9%, transparent);border-radius:10px;align-items:center;gap:10px;padding:10px 13px;transition:border-color .14s,background .14s;display:inline-flex}.type-chart-module__PVrL8a__elementLink:hover{border-color:var(--el);background:color-mix(in srgb, var(--el) 16%, transparent)}.type-chart-module__PVrL8a__elementLink img{flex-shrink:0}.type-chart-module__PVrL8a__elementLink b{color:var(--text-1);font:700 .9rem var(--sr-font-display);text-transform:uppercase}.type-chart-module__PVrL8a__elementLink span{color:var(--text-3);font:.58rem var(--sr-font-mono)}.type-chart-module__PVrL8a__elementLink svg{color:var(--el);flex-shrink:0;margin-left:auto}.type-chart-module__PVrL8a__elementLink[data-element=fire]{--el:#ff6a3d}.type-chart-module__PVrL8a__elementLink[data-element=water]{--el:#4aa3ff}.type-chart-module__PVrL8a__elementLink[data-element=electricity]{--el:#f5c518}.type-chart-module__PVrL8a__elementLink[data-element=leaf]{--el:#62c15a}.type-chart-module__PVrL8a__elementLink[data-element=ice]{--el:#4fd6e6}.type-chart-module__PVrL8a__elementLink[data-element=earth]{--el:#c88a4a}.type-chart-module__PVrL8a__elementLink[data-element=dark]{--el:#c8407a}.type-chart-module__PVrL8a__elementLink[data-element=dragon]{--el:#a45ad6}.type-chart-module__PVrL8a__elementLink[data-element=normal]{--el:#9fb0c2}.type-chart-module__PVrL8a__explain{color:var(--text-2);margin-top:10px;font-size:.9rem;line-height:1.6}.type-chart-module__PVrL8a__explain ul{flex-direction:column;gap:6px;margin-top:12px;display:flex}.type-chart-module__PVrL8a__explain a{color:var(--cyan)}.type-chart-module__PVrL8a__explain a:hover{text-decoration:underline}.type-chart-module__PVrL8a__faqList{flex-direction:column;gap:8px;margin-top:10px;display:flex}.type-chart-module__PVrL8a__faqList details{border:1px solid var(--line);background:#030c1780;border-radius:10px;overflow:hidden}.type-chart-module__PVrL8a__faqList summary{color:var(--text-1);font:600 .92rem var(--sr-font-display);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;list-style:none;display:flex}.type-chart-module__PVrL8a__faqList summary::-webkit-details-marker{display:none}.type-chart-module__PVrL8a__faqList summary>span{color:var(--cyan);font:.68rem var(--sr-font-mono)}.type-chart-module__PVrL8a__faqList summary>i{flex-shrink:0;width:11px;height:11px;margin-left:auto;position:relative}.type-chart-module__PVrL8a__faqList summary>i:before,.type-chart-module__PVrL8a__faqList summary>i:after{content:"";background:var(--cyan);transition:transform .16s;position:absolute}.type-chart-module__PVrL8a__faqList summary>i:before{height:2px;inset:45% 0 auto}.type-chart-module__PVrL8a__faqList summary>i:after{width:2px;inset:0 auto 0 45%}.type-chart-module__PVrL8a__faqList details[open] summary>i:after{transform:scaleY(0)}.type-chart-module__PVrL8a__faqList details[open] summary{border-bottom:1px solid var(--line-muted)}.type-chart-module__PVrL8a__faqList p{color:var(--text-2);padding:12px 16px 15px;font-size:.88rem;line-height:1.6}@media (max-width:480px){.type-chart-module__PVrL8a__elementLinks{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.type-chart-module__PVrL8a__elementLink,.type-chart-module__PVrL8a__diagram img{transition:none}}
