/* Fixed 1920 × 1080 geometry; all movement belongs to light, never to HUD pieces. */
.dr-overlay #dr-canvas{isolation:isolate}
.dr-overlay #draft-app{z-index:2}
.myth-draft-layer{position:absolute;left:0;top:0;display:block;pointer-events:none!important;z-index:0;opacity:.55}
.myth-draft-layer[data-depth=front]{z-index:6}
.dr-overlay .dr-reference-backdrop[data-mythic-frame]::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(112deg,transparent 35%,#e3e9ff30 47%,#fff0c94d 50%,#b2e7e526 54%,transparent 67%);background-size:320% 100%;mask-image:var(--myth-frame-mask);-webkit-mask-image:var(--myth-frame-mask);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;mix-blend-mode:screen;animation:myth-frame-sweep 22s ease-in-out infinite;opacity:.24}
.dr-overlay .dr-series-avatar::after{inset:-2px;border:1px solid transparent;border-top-color:#e5c6919c;border-right-color:#a9d1e047;box-shadow:none;animation:myth-profile-orbit 17s linear infinite}
.dr-overlay .dr-reference-backdrop[data-mythic-frame]::after{bottom:auto;height:var(--myth-frame-height,100%);mask-size:100% var(--myth-mask-height,100%);-webkit-mask-size:100% var(--myth-mask-height,100%)}
.dr-overlay .dr-board{border-color:#cbb88966;box-shadow:0 12px 45px #0004,inset 0 1px #ffedcc20}
.dr-overlay .dr-board::before{left:0;right:0;background:linear-gradient(90deg,transparent,#e7c88855,#c0d9e2aa,#dfd1eb55,transparent);background-size:220% 100%;animation:myth-draft-rail 18s ease-in-out infinite}
.dr-overlay .dr-board-header{background:linear-gradient(115deg,#c5a97009,transparent 42%,#93bfce09)}
@keyframes myth-frame-sweep{0%,20%{background-position:145% 0;opacity:.12}48%{opacity:.25}75%,100%{background-position:-45% 0;opacity:.12}}
@keyframes myth-profile-orbit{to{transform:rotate(360deg)}}
@keyframes myth-draft-rail{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.dr-fx-still .myth-draft-layer,.dr-no-motion .myth-draft-layer,.dr-fx-still .dr-reference-backdrop::after,.dr-no-motion .dr-reference-backdrop::after{display:none!important}
.myth-atmosphere-static .myth-draft-layer,.myth-atmosphere-static .dr-reference-backdrop::after{display:none!important}
html[data-motion=reduce] .myth-draft-layer,html[data-motion=reduce] .dr-reference-backdrop::after{display:none!important}
html[data-motion=reduce] .dr-overlay *,html[data-motion=reduce] .dr-overlay *::after,html[data-motion=reduce] .dr-overlay *::before{animation:none!important;transition:none!important}
html[data-myth-paused=true] .dr-overlay *,html[data-myth-paused=true] .dr-overlay *::after,html[data-myth-paused=true] .dr-overlay *::before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) .myth-draft-layer,html:not([data-motion=full]) .dr-reference-backdrop::after{display:none!important}html:not([data-motion=full]) .dr-overlay *,html:not([data-motion=full]) .dr-overlay *::before,html:not([data-motion=full]) .dr-overlay *::after{animation:none!important;transition:none!important}}