/* Ranking — black + imperial red + gold */
:root{--bg:#120607;--s1:#1f0b0d;--s2:#2a1013;--ln:rgba(244,196,48,.22);--tx:#f7ecd9;--mu:#c9b08e;--rd:#b3121f;--au:#f4c430;--au2:#b8860b;--r:10px;--w:480px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html.dg-lock{overflow:hidden}
body{margin:0;background:#070203;color:var(--tx);font:15.5px/1.7 "Palatino Linotype","Book Antiqua",Georgia,serif}
a{color:var(--au)}
img{max-width:100%;height:auto;display:block}
.dg-skip{position:absolute;left:-999px}
.dg-wrap{max-width:var(--w);margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#2a0a0e 0,var(--bg) 340px)}
.dg-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(18,6,7,.95);border-bottom:1px solid var(--au2)}
.dg-logo{flex:1;min-width:0;display:flex;align-items:center}
.dg-logo img{max-height:30px;width:auto;height:auto;max-width:100%}
.dg-logo span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dg-seg{flex:none;display:flex;border:1.5px solid var(--au);border-radius:99px;overflow:hidden}
.dg-seg a{padding:7px 12px;font:800 12.5px Arial,sans-serif;text-decoration:none;color:var(--au)}
.dg-seg a+a{background:var(--au);color:#2a0a0e}
.dg-burger{flex:none;width:38px;height:38px;border:0;background:transparent;display:grid;place-content:center;gap:5px;cursor:pointer}
.dg-burger span{display:block;width:20px;height:2px;background:var(--au)}
.dg-burger span:nth-child(2){width:14px;margin-left:6px}
.dg-mask{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.7)}
.dg-panel{position:fixed;z-index:50;top:0;bottom:0;right:max(0px,calc(50% - var(--w)/2));width:min(84vw,320px);overflow:auto;padding:14px;background:var(--s1);border-left:2px solid var(--au)}
.dg-mask[hidden],.dg-panel[hidden]{display:none}
.dg-phead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.dg-phead .dg-logo{flex:none}
.dg-x{width:32px;height:32px;border:1px solid var(--au);border-radius:50%;background:transparent;color:var(--au);font-size:20px;cursor:pointer}
.dg-panel ul{list-style:none;margin:0 0 14px;padding:0;counter-reset:n}
.dg-panel li a{counter-increment:n;display:flex;gap:10px;align-items:center;padding:11px 6px;border-bottom:1px solid var(--ln);color:var(--tx);text-decoration:none}
.dg-panel li a i{font-style:normal}
.dg-panel li a[aria-current]{color:var(--au)}
.dg-crumbs{display:flex;gap:6px;padding:10px 16px 0;font:12.5px Arial,sans-serif;color:var(--mu)}
.dg-crumbs a{color:var(--mu)}
.dg-hero{padding:18px 16px 6px;text-align:center}
.dg-kicker{display:inline-block;font:800 11.5px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--au)}
.dg-kicker::before,.dg-kicker::after{content:"◆";margin:0 8px;font-size:9px;vertical-align:2px}
.dg-hero h1{font-size:25px;line-height:1.25;margin:8px 0;background:linear-gradient(180deg,#fff3c4,var(--au));-webkit-background-clip:text;background-clip:text;color:transparent}
.dg-lead{color:var(--mu);margin:0 0 12px}
.dg-meta{font:12px Arial,sans-serif;color:var(--mu);margin:6px 0 0}
.dg-heroimg{padding:3px;border-radius:14px;background:linear-gradient(135deg,var(--au),var(--rd),var(--au))}
.dg-heroimg img{width:100%;border-radius:12px;aspect-ratio:1/1;object-fit:cover}
.dg-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin:10px 0}
.dg-podium a{display:block;text-decoration:none;color:var(--tx);text-align:center}
.dg-podium img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;border:2px solid var(--au2)}
.dg-podium b{display:block;font-size:13px;line-height:1.25;margin-top:6px}
.dg-podium span{display:block;margin-top:4px;padding:8px 0;border-radius:8px 8px 0 0;font:900 14px Arial,sans-serif;color:#2a0a0e;background:linear-gradient(var(--au),var(--au2))}
.dg-p1 span{padding:22px 0}
.dg-p1 img{border-color:var(--au);box-shadow:0 0 24px rgba(244,196,48,.35)}
.dg-p3 span{padding:4px 0;background:linear-gradient(#d49a6a,#8a5a35)}
.dg-p2 span{padding:13px 0;background:linear-gradient(#e6e6e6,#9a9a9a)}
.dg-chips{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dg-chips li{padding:8px;text-align:center;font:11.5px Arial,sans-serif;color:var(--mu);border:1px solid var(--ln);border-radius:var(--r);background:var(--s1)}
.dg-chips b{display:block;font-size:16px;color:var(--au)}
.dg-cta{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:13px;margin:10px 0 4px;border-radius:var(--r);background:linear-gradient(180deg,#d91d2c,var(--rd));color:#fff3c4;border:1px solid var(--au);font:900 16px Arial,sans-serif;text-decoration:none;box-shadow:0 8px 24px rgba(179,18,31,.45)}
.dg-cta small{font:600 12px Arial,sans-serif;opacity:.85}
.dg-toc{margin:8px 16px;padding:10px 14px;border:1px solid var(--au2);border-radius:var(--r);background:var(--s1)}
.dg-toc summary{cursor:pointer;font:800 14px Arial,sans-serif;color:var(--au)}
.dg-toc ol{margin:8px 0 0;padding-left:22px}
.dg-toc a{color:var(--tx);text-decoration:none}
.dg-intro{margin:0 16px}
.dg-sec{margin:18px 16px}
.dg-sec h2{font-size:20px;line-height:1.3;margin:0 0 12px;padding-bottom:8px;color:var(--au);border-bottom:1px solid var(--au2);position:relative}
.dg-sec h2::after{content:"";position:absolute;left:0;bottom:-2px;width:60px;height:3px;background:var(--rd)}
.dg-sec h3{font-size:16.5px;margin:14px 0 6px;color:#ffd9a0}
.dg-sec p{margin:0 0 12px}
.dg-list{margin:0 0 12px;padding-left:20px}
.dg-list li{margin:4px 0}
.dg-list li::marker{color:var(--au)}
.dg-tbl{overflow-x:auto;margin:0 0 12px;border:1px solid var(--au2);border-radius:var(--r)}
.dg-tbl table{width:100%;border-collapse:collapse;font:14px/1.5 Arial,sans-serif}
.dg-tbl caption{text-align:left;padding:8px 10px;font-weight:800;color:#2a0a0e;background:var(--au)}
.dg-tbl th,.dg-tbl td{padding:9px 10px;text-align:left;vertical-align:top}
.dg-tbl tbody tr:nth-child(odd){background:var(--s1)}
.dg-tbl thead th{background:var(--rd);color:#fff3c4}
.dg-spec th{width:44%;color:var(--mu)}
.dg-fig{margin:0 0 12px}
.dg-fig img{width:100%;border-radius:var(--r);border:1px solid var(--au2);aspect-ratio:1/1;object-fit:cover}
.dg-fig figcaption{font:italic 13px Georgia,serif;color:var(--mu);margin-top:6px;text-align:center}
.dg-note{margin:0 0 12px;padding:12px 14px;border-radius:var(--r);background:rgba(244,196,48,.08);border:1px solid var(--ln)}
.dg-warn{background:rgba(179,18,31,.15);border-color:var(--rd)}
.dg-quote{margin:0 0 12px;padding:12px 16px;text-align:center;border-top:1px solid var(--au2);border-bottom:1px solid var(--au2)}
.dg-quote p{margin:0 0 4px;font-style:italic;font-size:16.5px}
.dg-quote cite{font:12.5px Arial,sans-serif;color:var(--au)}
.dg-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 12px}
.dg-stats div{padding:12px 8px;text-align:center;border-radius:var(--r);background:radial-gradient(circle at 50% 0,#3a1216,var(--s1));border:1px solid var(--ln)}
.dg-stats b{display:block;font-size:21px;color:var(--au)}
.dg-stats span{font:12px Arial,sans-serif;color:var(--mu)}
.dg-pc{display:grid;gap:10px;margin:0 0 12px}
.dg-pc>div{padding:12px;border-radius:var(--r);background:var(--s1);border:1px solid var(--ln)}
.dg-pc h3{margin:0 0 6px!important;font-size:15px}
.dg-pc ul{margin:0;padding-left:20px}
.dg-pros h3{color:#9be29b!important}
.dg-cons h3{color:#ff8a8a!important}
.dg-steps{list-style:none;padding:0;margin:0 0 12px;counter-reset:s}
.dg-steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;column-gap:10px;padding:10px 0;border-bottom:1px solid var(--ln)}
.dg-steps li::before{content:counter(s,upper-roman);grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border:1.5px solid var(--au);transform:rotate(45deg);font:800 13px Arial,sans-serif;color:var(--au)}
.dg-steps b{color:var(--au)}
.dg-steps p{margin:2px 0 0!important;color:var(--mu);font-size:14.5px}
.dg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 12px}
.dg-card{position:relative;display:block;padding:8px;border-radius:var(--r);background:var(--s1);border:1px solid var(--ln);text-decoration:none;color:var(--tx)}
.dg-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}
.dg-card b{display:block;margin-top:6px;font-size:14px}
.dg-card small{font:11.5px Arial,sans-serif;color:var(--mu)}
.dg-badge{position:absolute;top:12px;right:12px;z-index:1;padding:2px 8px;border-radius:4px;font:800 10.5px Arial,sans-serif;background:var(--rd);color:#fff3c4}
.dg-rank{list-style:none;padding:0;margin:0 0 12px}
.dg-rank li{display:grid;grid-template-columns:30px 84px 1fr;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--ln)}
.dg-pos{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:900 15px Arial,sans-serif;background:var(--au);color:#2a0a0e}
.dg-rank img{width:84px;height:84px;object-fit:cover;border-radius:10px;border:1px solid var(--au2)}
.dg-rank h3{margin:0 0 4px!important;font-size:16px}
.dg-rank h3 a{color:var(--tx);text-decoration:none}
.dg-rank p{margin:0 0 6px!important;font-size:14px;color:var(--mu)}
.dg-bar{position:relative;height:18px;border-radius:99px;background:var(--s2);overflow:hidden}
.dg-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--rd),var(--au))}
.dg-bar em{position:relative;display:block;padding-left:8px;font:800 11px/18px Arial,sans-serif;font-style:normal;color:#fff}
.dg-rank small{display:block;margin-top:4px;font:12px Arial,sans-serif;color:var(--mu)}
.dg-links{display:grid;gap:8px}
.dg-links a{display:block;padding:10px 12px;border-radius:var(--r);background:var(--s1);border:1px solid var(--ln);text-decoration:none;color:var(--tx)}
.dg-links b{display:block;color:var(--au)}
.dg-links span{font:13px Arial,sans-serif;color:var(--mu)}
.dg-faq details{margin:0 0 8px;border:1px solid var(--ln);border-radius:var(--r);padding:10px 12px;background:var(--s1)}
.dg-faq summary{cursor:pointer;font-weight:700;color:#ffe6b0}
.dg-faq details div{color:var(--mu);margin-top:6px;font-size:14.5px}
.dg-author{display:flex;gap:12px;margin:18px 16px;padding:14px;border-radius:var(--r);border:1px solid var(--au2);background:var(--s1)}
.dg-author img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--au)}
.dg-author b{display:block}
.dg-author span{font:12.5px Arial,sans-serif;color:var(--au)}
.dg-author p{margin:4px 0 0;font-size:13.5px;color:var(--mu)}
.dg-foot{padding:20px 16px 30px;border-top:2px solid var(--au2);font:13px/1.6 Arial,sans-serif;color:var(--mu);text-align:center}
.dg-flinks{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-bottom:12px}
.dg-flinks a{color:var(--tx);text-decoration:none}
.dg-fresp b{background:var(--rd);color:#fff;border-radius:4px;padding:0 6px;margin-right:4px}