/* Live results over separate scenery and class artwork, never baked-in text. */
.history-hero{overflow:hidden}
.game-shell .history-footer{display:flex}
.game-shell .champion-crown{top:-8px}
@media(max-width:720px){.game-shell .champion-crown{top:25px}}
.game-shell #history-view{--body:Inter,'Segoe UI',Arial,sans-serif;--heading:var(--body);font-family:var(--body);max-width:none;width:100%;height:100%;padding:0;margin:0;overflow:auto;background:#091c27;color:#f6eedb}
.history-hero{position:relative;isolation:isolate;height:clamp(540px,36vw,650px);background:#122d2b url('/assets/ui/history/forest.png') center/cover no-repeat;border-bottom:1px solid #617573}
.history-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03152188,transparent 46%,#05182122),linear-gradient(0deg,#081b2780,transparent 24%)}
.history-intro{position:absolute;top:32px;left:5%;right:5%;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;text-shadow:0 2px 12px #031218}
.history-intro h2{font:750 clamp(38px,3.8vw,64px)/1.1 var(--body);letter-spacing:-1.7px;color:#fff4d9}
.history-intro p{font:500 clamp(16px,1.5vw,23px)/1.5 var(--body);margin-top:7px;color:#f5f0df}
#history-count{font:500 14px/1.5 var(--body);padding-top:9px;white-space:nowrap;color:#f5edda}
.latest-raid-caption{position:absolute;top:156px;left:5%;max-width:280px;text-shadow:0 2px 8px #071922}
.latest-raid-caption h3{font:700 16px/1.5 var(--body);color:#f6d48b;letter-spacing:1.3px}
.latest-raid-caption p{font:400 14px/1.6 var(--body);margin-top:6px;color:#e4eeea}
.champions-stage{position:absolute;bottom:83px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center;gap:24px;width:min(700px,66%)}
.champion-place{flex:1;min-width:0;text-align:center;position:relative;--medal:#c3cdd1;--medal-dark:#53646d}
.champion-place-1{order:2;margin-bottom:38px;--medal:#ffe1a0;--medal-dark:#967039}
.champion-place-2{order:1}.champion-place-3{order:3;--medal:#e2b282;--medal-dark:#825b38}
.champion-figure{height:176px;position:relative;display:flex;align-items:flex-end;justify-content:center}
.champion-art{width:192px;height:192px;max-width:110%;object-fit:contain;filter:drop-shadow(0 7px 3px #020e16a6);margin-bottom:-9px}
.champion-place-1 .champion-figure{height:195px}.champion-place-1 .champion-art{width:214px;height:214px}
.champion-crown{position:absolute;top:-38px;left:calc(50% - 18px);width:36px;height:30px;color:#ffe6a2;filter:drop-shadow(0 0 9px #e8bd53a0)}
.champion-plinth{padding:28px 9px 10px;position:relative;isolation:isolate}
.champion-plinth:before{content:'';position:absolute;inset:-40px -20px -17px;background:url('/assets/ui/history/pedestal.png') center/100% 100% no-repeat;z-index:-1;filter:drop-shadow(0 8px 5px #03101570)}
.champion-medal{position:absolute;top:-13px;left:calc(50% - 22px);display:grid;place-items:center;width:44px;height:44px;border:3px double var(--medal);border-radius:50%;color:var(--medal);background:var(--medal-dark);box-shadow:0 2px 0 #061b23,0 0 0 3px #27372d;font:700 26px/1 var(--body);z-index:1}
.champion-plaque{padding:15px 9px 12px;background:linear-gradient(#102531f5,#071c27f5);border:1px solid #5b6c63;box-shadow:0 2px 4px #06141988}
.champion-plaque h3{font:700 20px/1.25 var(--body);color:#fff7e5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:25px}
.champion-plaque p{font:400 12px/1.5 var(--body);color:#c6d5d7;margin:6px 0 8px}
.champion-plaque>strong{font:700 26px/1.2 var(--body);color:#f9d992;font-variant-numeric:tabular-nums;white-space:nowrap}
.champion-plaque small{font:500 14px var(--body)}
.game-shell .history-standings{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);border:3px double #f6dca4;background:linear-gradient(#f8e2af,#dbbc7c);box-shadow:0 0 0 3px #5c5237,0 5px 12px #03131c70;border-radius:1px;color:#19272b;padding:14px 25px;font:700 16px/1.2 var(--body);gap:18px;white-space:nowrap}
.game-shell .history-standings:hover{transform:translateX(-50%);filter:brightness(1.08)}
.history-archive{padding:28px 5% 35px;min-height:300px;background:radial-gradient(ellipse at top,#183b3b44,transparent 65%),#091c27}
.matches-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}
.matches-heading h3{font:700 30px/1.2 var(--body);color:#fff3d8}.matches-heading>span{font:400 13px var(--body);color:#c4d5d8}
.matches-scroll{overflow-x:auto;border:1px solid #405963;border-radius:3px}
.matches-scroll:focus-visible{outline:2px solid #ebcf8e;outline-offset:4px}
.matches-table{width:100%;border-collapse:collapse;text-align:left;min-width:760px;table-layout:fixed}
.matches-table thead th{font:500 12px/1.5 var(--body);letter-spacing:1px;text-transform:uppercase;color:#b7cdd2;padding:13px 24px;border-bottom:1px solid #405963}
.matches-table th:nth-child(1){width:21%}.matches-table th:nth-child(2){width:25%}.matches-table th:nth-child(3){width:25%}.matches-table th:nth-child(4){width:10%}.matches-table th:nth-child(5){width:19%}
.matches-table tbody th,.matches-table td{padding:18px 24px;border-bottom:1px solid #304955;vertical-align:middle;background:#0b202d55}
.matches-table tbody tr:last-child>*{border-bottom:0}.matches-table tbody tr:hover>*{background:#203a3f55}
.matches-table tbody th>strong{font:700 17px/1.5 var(--body);color:#f4eddd;display:block}
.matches-table time{display:block;color:#a9c0c7;font:400 12px/1.6 var(--body);margin-top:3px}
.match-winner{display:flex;align-items:center;gap:12px;min-width:0}.match-winner img{width:44px;height:60px;object-fit:contain;flex-shrink:0}.match-winner>div{min-width:0}
.match-winner strong,.match-runners strong{font:600 14px/1.5 var(--body);color:#e8eee9;overflow-wrap:anywhere}
.match-winner span{display:block;color:#f0d18c;font:600 17px/1.5 var(--body);font-variant-numeric:tabular-nums}.match-winner small{font-size:12px}
.match-runners{list-style:none;counter-reset:rank 1;margin:0;padding:0;display:grid;gap:6px}.match-runners li{counter-increment:rank;display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:baseline;gap:10px}
.match-runners li:before{content:counter(rank);color:#dec284;font-size:13px}.match-runners li>span{color:#b8ced2;font:400 13px var(--body);font-variant-numeric:tabular-nums}
.match-heroes{font:500 16px var(--body);color:#edf2ec}
.game-shell .match-results{color:#f5d795;font:650 14px/1.5 var(--body);gap:10px;white-space:nowrap}
.history-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}
.history-footer>p{font:400 12px/1.6 var(--body);color:#9fb9c0}.archive-pagination{display:flex;align-items:center;gap:12px;margin:0}.archive-pagination>span{font:400 12px var(--body);color:#b3c9cc;margin-right:30px}
.game-shell .archive-pagination button{font:600 13px/1.4 var(--body);border:1px solid #48606a;background:#142a34;color:#e3dcc6;border-radius:2px;padding:10px 16px}
.history-empty{position:absolute;inset:220px 24px 80px;text-align:center;color:#f3e6c8}.history-empty>span{font-size:40px;color:#e8cd91}.history-empty h3{font:600 30px/1.3 var(--body);margin:12px}.history-empty p{font:15px/1.6 var(--body);color:#d0ddd8}.game-shell .history-empty .history-standings{bottom:-40px}
.history-empty-note{color:#b9ced2;font:15px/1.7 var(--body);padding:20px 0}
@media(min-width:1600px){.champions-stage{width:760px;gap:36px}.champion-figure{height:205px}.champion-art{width:220px;height:220px}.champion-place-1 .champion-figure{height:225px}.champion-place-1 .champion-art{width:240px;height:240px}}
@media(max-width:1100px){.history-hero{height:570px}.champions-stage{width:680px;max-width:86%;gap:18px}.latest-raid-caption{top:135px}.history-intro h2{font-size:42px}.champion-figure{height:158px}.champion-art{width:172px;height:172px}.champion-place-1 .champion-figure{height:180px}.champion-place-1 .champion-art{width:192px;height:192px}.matches-table thead th,.matches-table tbody th,.matches-table td{padding:14px 16px}}
@media(max-width:720px){.history-hero{height:590px;background-position:52% center}.history-intro{top:25px;left:5%;right:5%;display:block}.history-intro h2{font-size:38px;letter-spacing:-1px}.history-intro p{font-size:16px}#history-count{display:block;font-size:12px;padding-top:10px}.latest-raid-caption{top:155px;max-width:none}.latest-raid-caption h3{font-size:13px}.latest-raid-caption p{font-size:12px}.champions-stage{bottom:91px;max-width:94%;gap:7px}.champion-figure{height:126px}.champion-art{width:144px;height:144px}.champion-place-1 .champion-figure{height:148px}.champion-place-1 .champion-art{width:160px;height:160px}.champion-place-1{margin-bottom:28px}.champion-crown{width:26px;height:24px;left:calc(50% - 13px);top:-24px}.champion-plinth{padding:22px 4px 5px}.champion-plaque{padding:13px 4px 10px}.champion-plaque h3{font-size:15px;min-height:38px}.champion-plaque p{font-size:10px;margin:4px 0 6px}.champion-plaque>strong{font-size:21px}.champion-plaque small{font-size:11px}.champion-medal{width:34px;height:34px;left:calc(50% - 17px);font-size:21px;top:-12px}.game-shell .history-standings{font-size:14px;padding:13px 20px;bottom:28px}.history-archive{padding:24px 5%}.matches-heading h3{font-size:26px}.history-footer{flex-direction:column;align-items:flex-start;gap:16px}.archive-pagination{width:100%;gap:8px}.archive-pagination>span{margin-right:auto}.history-empty{top:240px}}
@media(prefers-reduced-motion:no-preference){.champion-crown{animation:champion-glow 3s ease-in-out infinite}@keyframes champion-glow{50%{filter:drop-shadow(0 0 14px #ffe3a0);transform:translateY(-3px)}}}