/* Transparent pieces sit on the game's own stone, filigree and emblems. */
@font-face{font-family:AgeScore;src:url('fonts/DejaVuSerif-Bold.ttf') format('truetype');font-weight:400 900;font-display:swap}
html:has(.dr-overlay),.dr-overlay{color-scheme:dark}
.dr-series-scoreboard{position:absolute;inset:0;width:1920px;height:1080px;pointer-events:none;color:#f0e6d2;font-family:AgeScore,Georgia,serif;text-shadow:0 1px 2px #170909,1px 0 1px #170909,-1px 0 1px #170909}
.dr-series-player,.dr-series-profile{display:contents;background:none!important;box-shadow:none!important}
.dr-series-avatar,.dr-series-name,.dr-series-tally,.dr-series-middle,.dr-series-history,.dr-series-god{position:absolute;box-sizing:border-box;transform-origin:top left;pointer-events:auto}
.dr-series-avatar{width:44px;height:44px;border-radius:50%;padding:3px;background:conic-gradient(from 30deg,#9f8556,#f5e1a7 13%,#534536 24%,#ded7bc 40%,#72654d 52%,#f1d898 67%,#665143 80%,#c4aa6e);box-shadow:inset 0 0 0 1px #f7d88b66,0 1px 2px #16090a;isolation:isolate}
.dr-series-avatar::after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px #e8c66b55,inset 0 0 0 3px #0003;pointer-events:none}
.dr-overlay .dr-series-avatar .dr-avatar-slot{width:38px;height:38px;min-width:0;box-sizing:border-box;border:1px solid #251411;box-shadow:inset 0 0 6px #000b;font:10px Draft,sans-serif;color:#f0e6d2;background:#201214;overflow:hidden}
.dr-series-avatar .dr-avatar{transition:transform .4s cubic-bezier(.2,.75,.2,1)}
.dr-series-avatar:hover .dr-avatar{transform:scale(1.07)}
.dr-series-name{width:126px;height:64px;display:flex;flex-direction:column;justify-content:center;min-width:0;gap:5px;overflow:hidden}
.dr-series-player-b .dr-series-name{text-align:right}
.dr-series-name strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;max-height:34px;font-size:13px;line-height:17px;letter-spacing:-.1px;color:#f0e6d2}
.dr-series-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:13px;color:#dac39c}
.dr-series-tally{width:38px;height:64px;display:flex;align-items:center;justify-content:center;overflow:visible}
.dr-series-score{display:block;text-align:center;font-size:43px;line-height:52px;color:#f2d58d;font-variant-numeric:tabular-nums;letter-spacing:-1px;font-weight:700;text-shadow:0 2px 1px #24080a,1px 0 1px #24080a,-1px 0 1px #24080a,0 0 7px #e6b35e22}
.dr-series-middle{width:42px;height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1;overflow:visible}
.dr-series-middle>b{position:relative;color:#f3d893;font-size:11px;line-height:17px;text-shadow:0 1px 2px #170909,0 0 4px #170909;border-top:1px solid #ad823c90;border-bottom:1px solid #ad823c90;width:36px;text-align:center;background:linear-gradient(90deg,transparent,#32111599,transparent)}
.dr-series-middle>b::before,.dr-series-middle>b::after{content:'';position:absolute;width:3px;height:3px;top:6px;background:#e4c476;transform:rotate(45deg)}
.dr-series-middle>b::before{left:-2px}.dr-series-middle>b::after{right:-2px}
.dr-series-vs{color:#d0ab63;font-size:10px;line-height:12px;letter-spacing:1px}
.dr-series-middle>small{font-size:6px;line-height:10px;color:#d8c298;white-space:nowrap}
.dr-series-offline{display:none;position:absolute;bottom:0;left:-20px;width:82px;text-align:center;font:8px Draft,sans-serif;color:#fff0c1;text-shadow:0 1px 3px #000}
.dr-connection-lost .dr-series-offline{display:block}.dr-connection-lost .dr-series-middle>small{visibility:hidden}
.dr-series-history{width:316px;height:60px;overflow:visible;pointer-events:none}
.dr-series-god{width:48px;height:56px;display:flex;flex-direction:column;align-items:stretch;background:linear-gradient(160deg,#35181ddd,#10090ae6);border:1px solid #b09550;border-radius:2px;box-shadow:inset 0 0 0 1px #100b06;overflow:hidden;isolation:isolate}
.dr-series-god-art{height:41px;flex:0 0 41px;position:relative;overflow:hidden;display:block;background:#09060750}
.dr-series-god-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%;filter:none;opacity:1;transform:scale(1);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.dr-series-god>span{height:13px;line-height:13px;text-align:center;font-size:7px;letter-spacing:.3px;color:#d1b579;background:linear-gradient(90deg,#201016,#3a2020,#201016);border-top:1px solid #775e3066}
.dr-series-god::before{content:'';position:absolute;inset:1px;z-index:2;pointer-events:none;border:1px solid transparent;background:linear-gradient(#e6c65c,#e6c65c) left top/5px 1px no-repeat,linear-gradient(#e6c65c,#e6c65c) left top/1px 5px no-repeat,linear-gradient(#e6c65c,#e6c65c) right bottom/5px 1px no-repeat,linear-gradient(#e6c65c,#e6c65c) right bottom/1px 5px no-repeat;opacity:.6}
.dr-series-god[data-state=current]{border-color:#e5bd67;box-shadow:inset 0 0 0 1px #efcc7780;animation:dr-series-current var(--series-period,4s) ease-in-out infinite}
.dr-series-god[data-state=current]::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(110deg,transparent 30%,#ffedac30 48%,transparent 65%);transform:translateX(-110%);animation:dr-series-sheen var(--series-sheen,7s) ease-in-out infinite}
.dr-series-god[data-state=current]>span{color:#fff0bd;background:linear-gradient(90deg,#311b18,#634423,#311b18)}
.dr-series-god[data-state=current]:hover img{transform:scale(1.12) translateY(1px)}
/* State changes have no filter/opacity transition: old gods are immediately gray. */
.dr-series-god[data-state=past] img{filter:grayscale(1);opacity:.45;box-shadow:none;animation:none;transition:none;transform:none}
.dr-series-god[data-state=past]{border-color:#776950;box-shadow:none}
.dr-series-god[data-state=past]::before{opacity:.2;background:none}
.dr-series-god[data-state=past]>span{color:#a99c8b;background:#1b1315}
.dr-series-god[data-state=empty]{border-color:#876b3470;background:#13080945;box-shadow:none}
.dr-series-god[data-state=empty]::before{opacity:.18}
.dr-series-god[data-state=empty]>span{color:#9d8863;background:#160a0c40}
.dr-series-god[data-state=empty][data-current=true]{border-color:#c09c4d}
.dr-series-player.dr-fx-point .dr-series-score{animation:dr-series-point .7s ease-out}
.dr-series-player.dr-fx-champion .dr-series-score{color:#ffe8a3;text-shadow:0 2px 1px #24080a,0 0 7px #e6bd5f66}
.dr-series-player.dr-fx-champion .dr-series-avatar{box-shadow:inset 0 0 0 1px #ffebb5,0 0 5px #e6bd5f55}
.dr-series-guide,.dr-series-fit-guide{position:absolute;box-sizing:border-box;border:1px dashed #72d8b8;pointer-events:none}
.dr-series-fit-guide{border-color:#edc78099}
.dr-score-mode .dr-demo-watermark{display:none}
body[data-fx-level=subtle] .dr-series-history{--series-period:6s;--series-sheen:10s;--series-glow:#e6c65c18}
body[data-fx-level=intense] .dr-series-history{--series-period:3s;--series-sheen:5s;--series-glow:#e6c65c66}
@keyframes dr-series-current{50%{box-shadow:inset 0 0 7px var(--series-glow,#e6c65c38),inset 0 0 0 1px #efcc7770}}
@keyframes dr-series-sheen{0%,55%{transform:translateX(-110%)}90%,100%{transform:translateX(110%)}}
@keyframes dr-series-point{40%{transform:scale(1.07);color:#fff1c1}}
.dr-fx-still .dr-series-god:hover img,.dr-no-motion .dr-series-god:hover img,.dr-fx-still .dr-series-avatar:hover img,.dr-no-motion .dr-series-avatar:hover img{transform:none}
.dr-fx-still .dr-series-god::after,.dr-no-motion .dr-series-god::after{animation:none;opacity:0}
.dr-studio .dr-preview[data-view=score] iframe{pointer-events:auto}

/* God history remains per team; player identities use independent photo/name pieces. */
.dr-series-god-art.dr-team-gods{display:flex}
.dr-team-god-slice{display:block;position:relative;flex:1;min-width:0;height:100%;overflow:hidden}
.dr-team-god-slice+.dr-team-god-slice{border-left:1px solid #d8b66855}
.dr-team-god-slice>i{display:grid;place-items:center;height:100%;font:12px Draft,sans-serif;color:#8d7f69}