.duel{--navy:#1c2b4b;--sky:#cfe6ff;--mint:#bfead6;--peach:#ffd9cf;--sun:#ffd66b;--coral:#ff7a5c;--soft:#f2f5fa;--win:#dff5ea;color:var(--navy);padding-bottom:60px;font-family:Nunito Sans,Arial,sans-serif}.duel h1,.duel h2{color:var(--navy);letter-spacing:-.5px;font-family:Sora,Arial,sans-serif}.duel h2{margin:0 0 16px;font-size:1.7rem}.du-hero{background:var(--sky);border-radius:32px;margin:18px 0 34px;padding:38px 40px;position:relative}.du-chip{background:#fff;border-radius:999px;margin-bottom:14px;padding:6px 14px;font-size:.82rem;font-weight:800;display:inline-block}.du-hero h1{max-width:900px;margin:0 0 12px;font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.12}.du-verdict{max-width:820px;color:var(--navy);margin:0;font-size:1.2rem;font-weight:700}.du-faces{grid-template-columns:1fr 1fr;gap:22px;margin-top:28px;display:grid;position:relative}.du-face{text-align:center;color:var(--navy);background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:18px;transition:transform .15s;display:flex}.du-face:hover{color:var(--navy);transform:translateY(-3px)}.du-photo{justify-content:center;align-items:center;height:200px;display:flex}.du-photo img,.du-photo svg{object-fit:contain;mix-blend-mode:multiply;width:auto;max-height:200px}.du-face b{font-family:Sora,Arial,sans-serif;font-size:1.1rem}.du-grade{background:var(--soft);border-radius:999px;padding:6px 14px;font-weight:800}.du-grade small{opacity:.7;font-weight:600}.du-grade.tone-tb,.du-grade.tone-b{background:var(--mint)}.du-grade.tone-s{background:#ffe9a8}.du-grade.tone-su,.du-grade.tone-i{background:var(--peach)}.du-vs{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;font:800 1.2rem Sora,Arial,sans-serif;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg);box-shadow:0 6px 16px #1c2b4b2e}.du-text{max-width:780px;margin:0 0 40px}.du-text p{color:var(--navy);margin:0 0 16px;font-size:1.06rem;line-height:1.75}.du-warn{background:#fff3d6;border-radius:14px;margin:0 0 14px;padding:12px 16px;font-size:.92rem}.du-scroll{background:#fff;border:1px solid #e6ecf8;border-radius:22px;overflow-x:auto}.du-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:560px}.du-table th,.du-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eef2f8;padding:13px 16px;font-size:.95rem;line-height:1.45}.du-table thead th{background:var(--soft);font:800 1rem Sora,Arial,sans-serif}.du-table thead th a{color:var(--navy);text-decoration:none}.du-table thead th a:hover{color:var(--coral)}.du-table th:first-child{color:#4a5878;width:28%;font-weight:700}.du-table td small{color:#66708a;margin-top:3px;font-size:.8rem;display:block}.du-table td.win{background:var(--win)}.du-table .du-sec th{background:var(--navy);color:#fff;letter-spacing:.3px;text-transform:uppercase;font:800 .85rem Sora,Arial,sans-serif}.du-fine{color:#66708a;margin:12px 0 0;font-size:.85rem}.du-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.du-btn{border-radius:14px;align-items:center;padding:13px 20px;font-weight:800;display:inline-flex}.du-btn.navy{background:var(--navy);color:#fff}.du-btn.navy:hover{color:#fff;background:#2a3b61}.du-btn.white{color:var(--navy);border:2px solid var(--navy);background:#fff}.du-related{margin-top:44px}.du-rel{flex-wrap:wrap;gap:10px;display:flex}.du-rel a{background:var(--soft);border-radius:999px;gap:8px;padding:10px 16px;font-weight:700;display:inline-flex}.du-group{margin:0 0 36px}.du-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.du-card{color:var(--navy);background:#fff;border:1px solid #e6ecf8;border-radius:22px;flex-direction:column;gap:10px;padding:20px;transition:transform .15s;display:flex}.du-card:hover{color:var(--navy);transform:translateY(-3px)}.du-card b{font:800 1.05rem Sora,Arial,sans-serif}.du-card b em{color:var(--coral);font-style:normal}.du-card span{gap:8px;display:flex}.du-card i{background:var(--soft);border-radius:999px;padding:3px 10px;font-style:normal;font-weight:800}.du-card i.tone-tb,.du-card i.tone-b{background:var(--mint)}.du-card i.tone-s{background:#ffe9a8}.du-card i.tone-su,.du-card i.tone-i{background:var(--peach)}.du-card p{color:#4a5878;margin:0;font-size:.92rem}@media (width<=760px){.du-hero{border-radius:24px;padding:24px 18px}.du-faces{gap:12px}.du-photo{height:130px}.du-photo img,.du-photo svg{max-height:130px}.du-face{padding:12px}.du-face b{font-size:.95rem}.du-vs{width:42px;height:42px;font-size:1rem}.duel h2{font-size:1.4rem}}.du-table .nt,.du-card .nt{color:#1c2b4b;white-space:nowrap;border-radius:7px;padding:0 .42em;font-weight:800;line-height:1.45;display:inline-block}.du-radar{margin:0 0 40px}.radar-duo{background:#fff;border:1px solid #e6ecf8;border-radius:28px;max-width:520px;margin:0 auto;padding:16px 18px 18px}.radar-duo svg{width:100%;height:auto;display:block}.radar-duo figcaption{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-top:6px;font-size:.95rem;font-weight:800;display:flex}.rd-key{border-radius:50%;width:14px;height:14px;margin-left:6px;display:inline-block}.rd-key.a{background:#1c2b4b}.rd-key.b{background:#ff7a5c}.du-radar .du-fine{text-align:center;max-width:620px;margin:12px auto 0}.du-faces{align-items:stretch}.du-face b{flex:1;justify-content:center;align-items:center;display:flex}.du-face .du-grade{margin-top:auto}.du-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.du-card{gap:12px;padding:16px 16px 18px}.du-mini{background:var(--sky);border-radius:18px;grid-template-columns:1fr 1fr;gap:10px;padding:10px;display:grid;position:relative}.du-mini-face{text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;display:flex}.du-mini-photo{justify-content:center;align-items:center;height:84px;display:flex}.du-mini-photo img,.du-mini-photo svg{object-fit:contain;mix-blend-mode:multiply;width:auto;max-height:84px}.du-mini-face b{flex:1;align-items:center;font:800 .88rem/1.25 Sora,Arial,sans-serif;display:flex}.du-mini-face .du-grade{margin-top:auto;padding:4px 10px;font-size:.8rem}.du-vs.sm{width:36px;height:36px;font-size:.8rem}.du-card-more{color:var(--coral);font-size:.9rem;font-weight:800}.du-card .du-vs{place-items:center;gap:0;display:grid;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.du-card .du-card-btn{background:var(--navy);color:#fff;letter-spacing:.06em;text-transform:uppercase;text-align:center;border-radius:14px;margin-top:auto;padding:12px 16px;font:800 .85rem/1 Nunito Sans,Arial,sans-serif;display:block}.du-card:hover .du-card-btn{background:#2a3b61}.du-face{padding:0 0 18px;overflow:hidden}.du-photo{aspect-ratio:16/10;background:#fff;width:100%;height:auto;display:block;position:relative}.du-photo picture{width:100%;height:100%;display:block}.du-photo img.du-wide{object-fit:cover;mix-blend-mode:normal;width:100%;height:100%;max-height:none;display:block}.du-photo>img.product-photo,.du-photo>picture>img.product-photo{object-fit:contain;box-sizing:border-box;width:100%;height:100%;max-height:none;padding:14px}.du-photo .pf-credit{color:#1c2b4b;background:#ffffffeb;border-radius:999px;padding:3px 8px;font:700 .62rem/1.2 Nunito Sans,Arial,sans-serif;position:absolute;bottom:10px;right:10px}.du-face>:not(.du-photo){margin-left:18px;margin-right:18px}@media (width<=760px){.du-photo{height:auto}.du-photo img.du-wide{max-height:none}.du-face{padding:0 0 12px}.du-face>:not(.du-photo){margin-left:10px;margin-right:10px}.du-photo{aspect-ratio:4/3}}