/* Decorative artwork is sliced with CSS so live rows can grow with the season. */
.kvk-battle-dashboard{container-type:inline-size;width:100%;max-width:780px;margin:12px auto 0;isolation:isolate;background:#041321;color:#f1e7d0;border-radius:4px;overflow:hidden;font-family:Georgia,'Times New Roman',serif;box-shadow:0 12px 40px #0008}
.kvk-battle-dashboard *{box-sizing:border-box}
.kvk-battle-dashboard .kvk-art{background-image:url('/assets/kvk-battle-art.png?v=941-kvk-16');background-size:100% auto;background-repeat:no-repeat;position:relative}
.kvk-battle-dashboard h2,.kvk-battle-dashboard h3,.kvk-battle-dashboard p{margin:0;padding:0;border:0;background-color:transparent}
.kvk-battle-dashboard h3{font:700 2.1cqw/1 Georgia,'Times New Roman',serif;letter-spacing:.28cqw;color:#eed393;text-align:center;text-shadow:0 2px 2px #000}
.kvk-battle-dashboard .kvk-battle-header{height:40.808cqw;background-position:center top}
.kvk-battle-dashboard h2{position:absolute;top:8.1cqw;left:5%;width:90%;font:700 4.55cqw/1.08 Georgia,'Times New Roman',serif;text-align:center;color:#f6d28c;letter-spacing:-.09cqw;text-shadow:0 .3cqw .25cqw #000,0 0 1.4cqw #9e651b66;white-space:nowrap}
.kvk-battle-dashboard h2 span{font-size:.85em}
#content .kvk-battle-dashboard h2,#content .kvk-battle-dashboard h3{color:#f3d18c!important;font-family:Georgia,'Times New Roman',serif!important}
.kvk-battle-dashboard .kvk-season{position:absolute;top:13.9cqw;width:100%;text-align:center;font-size:2.8cqw;color:#bfcdea;font-weight:700;letter-spacing:.16cqw}
.kvk-battle-dashboard .kvk-kingdom{position:absolute;top:21.3cqw;width:27%;height:16.6cqw;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:.25cqw;text-shadow:0 2px 3px #000}
.kvk-battle-dashboard .kvk-kingdom-home{left:12.5%}.kvk-battle-dashboard .kvk-kingdom-away{right:12.5%}
.kvk-battle-dashboard .kvk-kingdom img{width:10.8cqw;height:7.2cqw;object-fit:contain;filter:drop-shadow(0 0 .5cqw #e9bb6570);margin-bottom:.5cqw}
.kvk-battle-dashboard .kvk-kingdom b{color:#f3d78c;font-size:3.25cqw;line-height:1.1}
.kvk-battle-dashboard .kvk-kingdom>span:last-child{font-size:2.3cqw;font-weight:700;line-height:1.15}
.kvk-battle-dashboard .kvk-vs{position:absolute;left:42%;top:24.3cqw;width:16%;font-size:8cqw;line-height:1.1;text-align:center;color:#ffe0a2;text-shadow:0 0 2cqw #ff9d30,0 .3cqw .3cqw #000}
.kvk-battle-dashboard .kvk-flag-placeholder,.kvk-battle-dashboard .kvk-flag-unavailable{display:block;width:8cqw;height:7.5cqw;font-size:6cqw;color:#efd49a}
.kvk-battle-dashboard .kvk-flag-placeholder svg{width:100%;height:100%}
.kvk-battle-dashboard .kvk-comparison-heading{height:5.845cqw;background-position:center -40.808cqw;padding-top:2.2cqw}
.kvk-battle-dashboard .kvk-stat-row{height:8.077cqw;background-position:center -46.652cqw;font-size:2.8cqw;font-weight:700}
.kvk-battle-dashboard .kvk-stat-icon{position:absolute;left:8.6%;top:1.5cqw;width:4.6cqw;height:4.6cqw;color:#b8d0e9;filter:drop-shadow(0 .3cqw .1cqw #000)}
.kvk-battle-dashboard .kvk-stat-icon svg{display:block;width:100%;height:100%}
.kvk-battle-dashboard .kvk-stat-home,.kvk-battle-dashboard .kvk-stat-away{position:absolute;top:2.7cqw;line-height:1;white-space:nowrap}
.kvk-battle-dashboard .kvk-stat-home{left:14.5%;width:16%;text-align:center;color:#f0d28a}
.kvk-battle-dashboard .kvk-stat-away{left:73%;width:18%;text-align:center;color:#f4d8dc}
.kvk-battle-dashboard .kvk-stat-center{position:absolute;left:31%;top:1.05cqw;width:39%}
.kvk-battle-dashboard .kvk-stat-center>span{display:block;text-align:center;text-transform:uppercase;font:700 1.7cqw/1.2 Georgia,'Times New Roman',serif;letter-spacing:.1cqw;color:#c6ccda;margin-bottom:.85cqw;white-space:nowrap}
.kvk-battle-dashboard .kvk-meter{height:1.75cqw;position:relative;border:1px solid #c1715c80;border-radius:99px;background:linear-gradient(#ff4f58,#ad1028);box-shadow:inset 0 0 .5cqw #0009,0 .2cqw .3cqw #000;overflow:visible}
.kvk-battle-dashboard .kvk-meter i{position:absolute;left:0;top:0;bottom:0;width:var(--kvk-share);border-radius:99px 0 0 99px;background:linear-gradient(90deg,#0065f7,#00d8fa);box-shadow:inset 0 .15cqw .25cqw #c2edff60;max-width:100%}
.kvk-battle-dashboard .kvk-meter span{position:absolute;top:-.35cqw;bottom:-.35cqw;width:.48cqw;left:clamp(0%,var(--kvk-share),calc(100% - .48cqw));background:#ffe3a1;box-shadow:0 0 .9cqw #ffb84d}
.kvk-battle-dashboard .kvk-meter.is-unknown{background:#25394a;border-color:#526070}.kvk-battle-dashboard .kvk-meter.is-unknown i,.kvk-battle-dashboard .kvk-meter.is-unknown span{display:none}
.kvk-battle-dashboard .kvk-comparison-foot{height:2.444cqw;background-position:center -94.793cqw}
.kvk-battle-dashboard .kvk-total{height:24.761cqw;background-position:center -97.237cqw}
.kvk-battle-dashboard .kvk-total h3{position:absolute;top:3.45cqw;left:25%;width:50%}
.kvk-battle-dashboard .kvk-total-side{position:absolute;top:10.1cqw;width:37%;text-align:center;font-weight:700;text-shadow:0 .2cqw .4cqw #000}
.kvk-battle-dashboard .kvk-total-home{left:7%}.kvk-battle-dashboard .kvk-total-away{right:7%}
.kvk-battle-dashboard .kvk-total-side>span{display:block;font-size:2.45cqw;margin-bottom:1cqw}
.kvk-battle-dashboard .kvk-total-side strong{display:block;font-size:4.05cqw;line-height:1.1;color:#fff2e4;white-space:nowrap;font-variant-numeric:tabular-nums}
.kvk-battle-dashboard .kvk-total>.kvk-meter{position:absolute;left:8%;width:84%;top:20cqw;height:2.6cqw;border-color:#e1b86f;box-shadow:0 0 0 .4cqw #030d18,0 0 0 .6cqw #826643}
.kvk-battle-dashboard .kvk-total>.kvk-meter span{width:3.7cqw;height:3.7cqw;top:-.7cqw;bottom:auto;left:clamp(1.85cqw,var(--kvk-share),calc(100% - 1.85cqw));transform:translateX(-50%);border-radius:50%;background:radial-gradient(#fffbea 10%,#ffe07a 40%,#fa940b 65%,#785220 72%);box-shadow:0 0 1.5cqw #ff9e16,0 0 .2cqw .3cqw #ffdda1}
.kvk-battle-dashboard .kvk-phase-heading{height:5.207cqw;background-position:center -121.998cqw;padding-top:1.65cqw}
.kvk-battle-dashboard .kvk-phase-row{height:6.695cqw;background-position:center -127.205cqw;font-size:1.95cqw;font-variant-numeric:tabular-nums;line-height:1.1}
.kvk-battle-dashboard .kvk-phase-badge{position:absolute;left:7.5%;width:6%;top:2cqw;text-align:center;font-size:2.7cqw;color:#f6db9e}
.kvk-battle-dashboard .kvk-phase-label{position:absolute;left:15.5%;top:2.6cqw;font-size:1.8cqw;color:#c9d5e5}
.kvk-battle-dashboard .kvk-phase-home{position:absolute;left:25.5%;top:2.55cqw;width:16%;text-align:center;color:#c0e6ff;font-size:1.85cqw;white-space:nowrap}
.kvk-battle-dashboard .kvk-phase-away{position:absolute;left:63%;top:2.55cqw;width:17.5%;text-align:center;color:#f1c7cd;font-size:1.85cqw;white-space:nowrap}
.kvk-battle-dashboard .kvk-phase-row>.kvk-meter{position:absolute;left:43%;width:18.5%;top:2.45cqw;height:1.4cqw}
.kvk-battle-dashboard .kvk-phase-status{position:absolute;left:82%;top:2.6cqw;width:10.7%;text-align:center;font-size:1.8cqw;color:#cfdae7;white-space:nowrap}
.kvk-battle-dashboard .kvk-phase-status.is-live{color:#79ecb9;font-weight:700}
.kvk-battle-dashboard .kvk-phase-foot{height:1.594cqw;background-position:center -160.574cqw}
.kvk-battle-dashboard .kvk-battle-footer{height:15.515cqw;background-position:center -162.168cqw}
.kvk-battle-dashboard .kvk-battle-footer p{position:absolute;top:6.1cqw;left:24%;width:52%;text-align:center;font:700 1.2cqw/1.8 Georgia,'Times New Roman',serif;letter-spacing:.75cqw;color:#c5c3c4;text-shadow:0 2px 3px #000}
.kvk-battle-dashboard .kvk-battle-footer p span{display:block}
.kvk-battle-dashboard .kvk-data-note{padding:10px 14px;color:#a8b8c8;text-align:center;font:11px/1.5 system-ui,sans-serif;border-top:1px solid #8c713744;background:#06101a}
.kvk-battle-dashboard .kvk-empty,.kvk-battle-dashboard .kvk-unavailable{margin:0 4%;padding:20px 12px;text-align:center;background:#071b2b;border:1px solid #75613d;font:14px/1.5 system-ui,sans-serif}
.kvk-battle-dashboard .kvk-unavailable{margin-top:12px;margin-bottom:8px}
.kvk-battle-dashboard .kvk-unavailable h3{font-size:13px;margin-bottom:10px}
@container(max-width:520px){
 .kvk-battle-dashboard .kvk-stat-center>span{font-size:2.05cqw;letter-spacing:0}
 .kvk-battle-dashboard .kvk-stat-center{left:30%;width:40%;top:.9cqw}
 .kvk-battle-dashboard .kvk-stat-row{font-size:3.2cqw}
 .kvk-battle-dashboard .kvk-phase-label{display:none}
 .kvk-battle-dashboard .kvk-phase-home{left:15.5%;top:1.15cqw;width:31%;font-size:2.7cqw}
 .kvk-battle-dashboard .kvk-phase-away{left:49%;top:1.15cqw;width:31%;font-size:2.7cqw}
 .kvk-battle-dashboard .kvk-phase-row>.kvk-meter{left:20%;width:55%;top:4.6cqw;height:.85cqw}
 .kvk-battle-dashboard .kvk-phase-row>.kvk-meter span{top:-.25cqw;bottom:-.25cqw}
 .kvk-battle-dashboard .kvk-phase-status{font-size:2cqw}
 .kvk-battle-dashboard .kvk-total-side strong{font-size:4cqw;letter-spacing:-.05cqw}
 .kvk-battle-dashboard .kvk-battle-footer p{font-size:1.5cqw;letter-spacing:.5cqw}
}

/* History uses the current battle artwork with a matching gold frame. */
.kvk-history{margin:2cqw 3cqw 3cqw;padding:3cqw;border:2px solid #c5a56b;border-radius:3px;background:linear-gradient(100deg,#051a2bf5,#071522ef 60%,#30121bd9),url('/assets/kvk-battle-art.png?v=941-kvk-16') center bottom/100% auto;box-shadow:inset 0 0 0 2px #050b13,inset 0 0 0 3px #665235,0 0 12px #dfae461a}
.kvk-battle-dashboard .kvk-history h3{font-size:clamp(13px,3cqw,21px);letter-spacing:.15cqw;margin:0 0 3cqw;color:#f3d795}
.kvk-history-totals{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;margin-bottom:3cqw;font-family:system-ui,sans-serif}
.kvk-history-totals>div{padding:2cqw 3cqw;border:1px solid #ae8c505f;background:linear-gradient(135deg,#0e2840b0,#09101cb0);border-radius:6px}
.kvk-history-totals span{display:block;font-size:clamp(10px,2.7cqw,17px);color:#d4c3a3}.kvk-history-totals strong{display:block;font-size:clamp(22px,6cqw,36px);font-family:Georgia,serif}
.kvk-history-table{table-layout:fixed;width:100%;border-collapse:collapse;font:clamp(10px,2.65cqw,16px)/1.45 system-ui,sans-serif;color:#e4d8c3}
.kvk-history-table th{font-size:clamp(9px,2.4cqw,14px);text-align:left;color:#e5c887;text-transform:uppercase;letter-spacing:.04em;padding:2cqw 1cqw;border-bottom:1px solid #b99859}
.kvk-history-table th:nth-child(1){width:27%}.kvk-history-table th:nth-child(2){width:24%}.kvk-history-table th:nth-child(3){width:26%}.kvk-history-table th:nth-child(4){width:23%}
.kvk-history-table td{padding:2.4cqw 1cqw;border-bottom:1px solid #a1874a44;overflow-wrap:anywhere;vertical-align:middle;font-variant-numeric:tabular-nums}.kvk-history-table td:nth-child(2){color:#edcd91}
.kvk-history-table .history-row-won{background:linear-gradient(90deg,#123c322e,transparent)}.kvk-history-table .history-row-lost{background:linear-gradient(90deg,#70232c25,transparent)}
.history-won{color:#77d6a8}.history-lost{color:#ef9298}.history-held{color:#8abdf3}.history-unknown{color:#aca99e}
.kvk-history-score{display:block;font-size:.88em;color:#b8c4d0;line-height:1.4;margin-top:3px}
.kvk-battle-dashboard .kvk-history-note{margin-top:3cqw;font:clamp(10px,2.5cqw,14px)/1.5 system-ui,sans-serif;color:#acb9c4;text-align:center}
.kvk-history .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}