:root{--ink:#06130d;--panel:#0a2015;--panel2:#0d2a1b;--line:#5b5524;--gold:#e4b64f;--text:#f3ead1;--muted:#aa9e7b;--blue:#75b6cf}*{box-sizing:border-box}body{position:relative;margin:0;background:#06130d;color:var(--text);font-family:"DM Sans",sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,12,8,.91),rgba(5,21,13,.67),rgba(3,12,8,.94)),url("assets/compare-artillery.png") center top/cover no-repeat;background-attachment:fixed}.compare-shell{width:min(1040px,calc(100% - 40px));margin:0 auto;padding:62px 0 70px}.compare-hero{border:1px solid var(--line);padding:28px 34px;background:linear-gradient(105deg,rgba(20,54,35,.9),rgba(7,23,15,.9))}.compare-hero p,.chart-panel header p,.detail-panel header p{margin:0 0 9px;color:var(--gold);font-size:.62rem;text-transform:uppercase;letter-spacing:.2em;font-weight:bold}.compare-hero h1,.chart-panel h2,.detail-panel h2{font:600 clamp(1.8rem,4vw,3rem) Cinzel,serif;margin:0}.compare-hero span{display:block;color:var(--muted);font-size:.75rem;margin-top:10px}.selection-panel{margin-top:12px;border:1px solid var(--line);background:rgba(8,26,17,.94);display:grid;grid-template-columns:1fr 52px 1fr auto;align-items:end;gap:14px;padding:22px}.selection-panel label span{display:block;color:var(--gold);font-size:.58rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px}.selection-panel input{width:100%;background:#06150d;border:1px solid #524d22;color:var(--text);padding:14px;font:inherit}.selection-panel b{color:var(--gold);text-align:center;font:600 1.1rem Cinzel,serif;padding-bottom:13px}.selection-panel button{background:#b7802d;border:1px solid var(--gold);color:#1c1609;padding:15px 18px;font-weight:bold;text-transform:uppercase;letter-spacing:.1em;font-size:.64rem;cursor:pointer}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center;padding:48px;margin-top:12px}.identity-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.identity-card{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,rgba(15,45,29,.94),rgba(5,19,12,.94));padding:25px;min-height:188px;overflow:hidden}.identity-card:after{content:attr(data-initial);position:absolute;right:16px;bottom:-36px;color:rgba(229,190,85,.07);font:700 12rem Cinzel,serif}.identity-card.right:after{color:rgba(117,182,207,.07)}.identity-card p{margin:0;color:var(--gold);font-size:.62rem;text-transform:uppercase;letter-spacing:.17em}.identity-card h2{position:relative;z-index:1;font:600 1.8rem Cinzel,serif;margin:14px 0 5px;overflow-wrap:anywhere}.identity-card h3{position:relative;z-index:1;margin:0;color:var(--gold);font:600 .85rem Cinzel,serif}.identity-card small{display:block;position:relative;z-index:1;color:var(--muted);margin-top:12px}.scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.scoreboard article{border:1px solid var(--line);padding:21px;background:rgba(9,29,19,.93)}.scoreboard span{display:block;color:var(--muted);font-size:.57rem;letter-spacing:.17em;text-transform:uppercase}.scoreboard strong{display:block;color:var(--gold);font:600 1.75rem Cinzel,serif;margin:9px 0 5px}.scoreboard small{color:var(--muted);font-size:.7rem}.chart-panel,.detail-panel{border:1px solid var(--line);background:rgba(7,24,16,.94);margin-top:12px;padding:25px}.chart-panel header,.detail-panel header{padding-bottom:17px;border-bottom:1px solid rgba(228,182,79,.22)}.chart-panel h2,.detail-panel h2{font-size:1.45rem}.chart-panel header small{display:block;color:var(--muted);font-size:.7rem;margin-top:8px}.bar-chart{padding-top:10px}.metric-row{display:grid;grid-template-columns:130px 1fr 1fr;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(228,182,79,.12)}.metric-row:last-child{border:0}.metric-label{color:var(--text);font:600 .78rem Cinzel,serif}.metric-bars{display:grid;gap:6px}.metric-bar{height:16px;background:#13281c;position:relative;overflow:hidden}.metric-bar i{display:block;height:100%;background:linear-gradient(90deg,#8f6124,var(--gold))}.metric-bar.right i{background:linear-gradient(90deg,#31596c,var(--blue))}.metric-bars small{color:var(--muted);font-size:.62rem}.metric-win{color:var(--gold);font-size:.7rem;text-align:right}.radar-wrap{display:flex;align-items:center;gap:30px;padding:15px 0 0}.radar-wrap svg{width:min(530px,60%);height:auto}.radar-grid{fill:none;stroke:#5b5524;stroke-width:1}.radar-axis{stroke:#5b5524;stroke-width:1}.radar-left{fill:rgba(228,182,79,.18);stroke:var(--gold);stroke-width:3}.radar-right{fill:rgba(117,182,207,.14);stroke:var(--blue);stroke-width:3}.radar-label{fill:var(--muted);font:11px "DM Sans"}.radar-legend{display:grid;gap:14px;flex:1}.radar-legend div{border-left:3px solid var(--gold);padding:8px 12px;background:#0c2116;font-size:.78rem}.radar-legend div:last-child{border-color:var(--blue)}.detail-panel table{border-collapse:collapse;width:100%;margin-top:16px}.detail-panel th,.detail-panel td{padding:13px;border-bottom:1px solid rgba(228,182,79,.18);text-align:left;font-size:.78rem}.detail-panel th{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.58rem}.detail-panel td:nth-child(2){color:var(--gold)}.detail-panel td:nth-child(3){color:var(--blue)}footer{width:min(1040px,calc(100% - 40px));margin:auto;border-top:1px solid rgba(228,182,79,.25);padding:22px 0 32px;color:var(--muted);font-size:.68rem;letter-spacing:.05em}footer span{color:var(--gold);padding:0 9px}@media(max-width:760px){.compare-shell{width:min(100% - 24px,1040px);padding-top:30px}.selection-panel{grid-template-columns:1fr;align-items:stretch}.selection-panel b{padding:0}.identity-cards,.scoreboard{grid-template-columns:1fr}.metric-row{grid-template-columns:100px 1fr}.metric-win{grid-column:2}.radar-wrap{display:block}.radar-wrap svg{width:100%}.radar-legend{margin-top:10px}footer{width:min(100% - 24px,1040px)}}