/* One perspective camera for the imported cards, platforms, floor and both duellists. */
#duelWorld{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s}
#duelWorld canvas{display:block;width:100%;height:100%}
.scene-3d-ready #duelWorld{opacity:1}
.scene-3d-ready #playerTrainer,.scene-3d-ready #rivalTrainer{display:none!important}
.scene-3d-ready .arena>.ring,.scene-3d-ready .arena-ground,.scene-3d-ready .arena-ruins{display:none!important}
.scene-3d-ready .arena-sky{inset:0;background-size:auto 155%}
.scene-3d-ready .arena-scenery{display:none}
.arena{background:#faf8f4}
.scene-3d-ready .battlebar{background:linear-gradient(#faf8f4ed,#faf8f480 65%,transparent)}
.scene-3d-ready .battlebrand{color:#211d20;text-shadow:none}
.scene-3d-ready .battlebrand small{color:#9f253d}
.scene-3d-ready .battlecredit{color:#665a55;text-shadow:0 1px #fff}
.scene-3d-ready .battletools button{background:#f7f1e9e8;border-color:#382c302a;color:#352a2c}
.scene-3d-ready .battletools button:hover{background:#eee2d8;border-color:#b62541}
.scene-3d-ready .battletools a{color:#51413e}
.scene-3d-ready .battletools [data-avatar-link]{color:#51413e!important}
.scene-3d-ready #reduceDuelMotion{background:#f7f1e9e8;border-color:#382c302a;color:#352a2c}
.scene-3d-ready .battletools :focus-visible{outline:2px solid #b4213d;outline-offset:3px}
.scene-3d-ready .arena .hud,.scene-3d-ready .arena .hud.enemyhud{background:linear-gradient(115deg,#302b2bf5,#1d1a1cf5);border:1px solid #705e5c;box-shadow:0 9px 24px #35252a14,inset 0 1px #fff1;backdrop-filter:none}
.scene-3d-ready .arena .hud:before{color:#75635e;background:#faf8f4}
.scene-3d-ready .arena .hud:after{background:#bb2844;box-shadow:none}
.scene-3d-ready .arena .hud.enemyhud:before{color:#a32740}
.scene-3d-ready .arena .hud.enemyhud:after{background:#a91c37;box-shadow:none}
.scene-3d-ready .arena .hud b{color:#fff8ed}
.scene-3d-ready .arena .numbers{color:#d7c8bb}
.scene-3d-ready .arena .hp{background:#0f0d0f;border-color:#8c767038}
.scene-3d-ready .arena .hp i{background:linear-gradient(90deg,#d6c5b2,#fff1dc);box-shadow:none}
.scene-3d-ready .arena .enemyhud .hp i{background:linear-gradient(90deg,#9e1d37,#e14a60)}
.scene-3d-ready .arena .hp i:after{background:#fff5e8}
.scene-3d-ready .arena .status{background:#f8f3ebf5;color:#51433f;border-color:#b9a79a;box-shadow:0 4px 18px #39242c08}
.scene-3d-ready .arena #turnLabel{color:#b3213d}
.scene-3d-ready .clock{background:none;border-color:#9c81745c}
.scene-3d-ready .clock strong{color:#302426;text-shadow:none}
.scene-3d-ready .clock.urgent strong{color:#bf1838}
.scene-3d-ready .commandhead{color:#433635;text-shadow:0 1px #fff9}
.scene-3d-ready .commandhead button{color:#302329;background:#f8f1e8;border-color:#aa9287;box-shadow:none}
.scene-3d-ready #moveMenu .movebutton{--tech:#ab2942;background:linear-gradient(120deg,#fffdf9f7,#f2e9def7);border-color:#6d514447;box-shadow:0 7px 16px #503f3210,inset 0 1px #fff}
.scene-3d-ready #moveMenu .movebutton[data-kind=heal]{--tech:#496d60}
.scene-3d-ready #moveMenu .movebutton[data-kind=guard]{--tech:#655959}
.scene-3d-ready #moveMenu .movebutton.ultimate{--tech:#8e1932;background:linear-gradient(120deg,#f8eae6,#ead5cf)}
.scene-3d-ready #moveMenu .movebutton b{color:#30272a}
.scene-3d-ready #moveMenu .movebutton span{color:#69564d}
.scene-3d-ready #moveMenu .movebutton small{color:#79645b}
.scene-3d-ready #moveMenu .movebutton:not(:disabled):hover{background:#fffaf4;border-color:#b52641;box-shadow:0 5px 18px #b5264114}
.scene-3d-ready .technique-icon{filter:none;background:color-mix(in srgb,var(--tech) 7%,transparent)}
.scene-3d-ready .technique-icon svg{filter:none}
.scene-3d-ready .v3-number{color:#b31e3b;text-shadow:0 1px #fff,0 0 9px #fff}
.scene-3d-ready .v3-number.heal{color:#287858;text-shadow:0 1px #fff,0 0 9px #fff}
.scene-3d-ready .v3-number.guard{color:#4e4143;text-shadow:0 1px #fff,0 0 9px #fff}
#duelEnvironmentControl{position:absolute;top:80px;left:26px;z-index:14;display:grid;gap:5px;font:10px var(--font-sans);color:#58413e;letter-spacing:1.4px;text-transform:uppercase}
#duelEnvironmentControl select{width:166px;min-height:38px;padding:7px 25px 7px 11px;font:600 12px var(--font-sans);letter-spacing:0;color:#372a2d;background:#fbf6eef2;border:1px solid #b19a8d;border-radius:4px 12px 4px 12px;cursor:pointer;box-shadow:0 4px 14px #2d0c1410}
#duelEnvironmentControl select:focus-visible{outline:2px solid #c42c48;outline-offset:3px}
body[data-duel-sky=dark] .battlebar{background:linear-gradient(#33051170,transparent)}
body[data-duel-sky=dark] .battlebrand{color:#fff4e8}
body[data-duel-sky=dark] .battlebrand small,body[data-duel-sky=dark] #duelEnvironmentControl,body[data-duel-sky=dark] .arena .hud:before{color:#f4d9d3}
body[data-duel-sky=dark] .arena .hud:before{background:#670c1e}
body[data-duel-sky=dark] .arena .hud.enemyhud:before{color:#f4d9d3}
body[data-duel-sky=dark] .clock{background:#4e0a1d8c;border-color:#efd6ca55;border-radius:4px}
body[data-duel-sky=dark] .clock strong{color:#fff2e4;text-shadow:0 1px 5px #400812}
body[data-duel-sky=dark] .clock.urgent strong{color:#ffb9ab}
body[data-duel-sky=dark] #duelEnvironmentControl>span{text-shadow:0 1px 3px #400812}
body[data-duel-sky=dark] .battletools [data-avatar-link]{color:#fff0e3!important}
body[data-duel-sky=dark] .battletools [data-avatar-link]{background:#5b1021d9;border-radius:4px}
body[data-duel-sky=dark] .arena .hud{border-color:#d2ad9d6e}
body[data-duel-environment=lycoris] .battlebar{background:linear-gradient(#09080caa,transparent)}
body[data-duel-environment=lycoris] .arena .hud:before{background:#160f17}
body[data-duel-environment=lycoris] .battletools [data-avatar-link]{background:#20151ed9}
body[data-duel-environment=lycoris] .clock{background:#1b121ccc}
body[data-duel-environment=lycoris] .commandhead{color:#f0dcd5;text-shadow:0 1px 4px #000}
body[data-duel-environment=lycoris] .battlecredit{color:#beaaa8;text-shadow:0 1px #000}
body[data-duel-environment=lycoris] .v3-number{color:#ff9cb0;text-shadow:0 2px 3px #19060e,0 0 12px #a31335}
body[data-duel-environment=lycoris] .v3-number.heal{color:#acffdb}
body[data-duel-environment=lycoris] .v3-number.guard{color:#f0ded4}
@media(max-width:700px){#duelEnvironmentControl{top:198px;left:12px;gap:3px;font-size:8px}#duelEnvironmentControl select{width:145px;min-height:36px;font-size:11px}}
.scene-3d-ready .arena .duelist-marker{display:block!important;z-index:4;gap:0;pointer-events:auto;isolation:auto}
.scene-3d-ready .arena .duelist-marker>span{opacity:0!important;animation:none!important;pointer-events:auto;position:absolute;inset:0}
.scene-3d-ready .arena .duelist-marker>small,.scene-3d-ready .arena .duelist-marker:before,.scene-3d-ready .arena .duelist-marker:after,.scene-3d-ready .arena .duelist-marker>.v3-motes{display:none!important}
.scene-3d-ready .arena .duelist-marker .support-fx{z-index:12}
.scene-3d-ready .v3-trail{display:none}
.scene-3d-ready #battleCommands{width:min(690px,49vw)}
/* Four bevelled command tiles, in Fudaya's ivory / crimson palette. */
.scene-3d-ready #moveMenu{position:relative;gap:12px}
.scene-3d-ready #moveMenu:after{content:'';position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%) rotate(45deg);background:#38242b;border:3px solid #f6e9da;box-shadow:0 0 0 2px #ac243f;pointer-events:none;z-index:3}
.scene-3d-ready #moveMenu .movebutton{--tech:#a6203c;min-height:106px;padding:15px 16px 13px 67px;border:2px solid #7e2638;border-radius:5px 20px 5px 20px;background:linear-gradient(150deg,#fffdf8 0%,#f1e4d5 100%);box-shadow:inset 0 2px #fff,inset 0 -5px #cfb9aa,0 5px 0 #4a202c,0 9px 13px #15090c30;transition:translate .12s,box-shadow .12s,border-color .12s}
.scene-3d-ready #moveMenu .movebutton:before{left:7px;top:9px;bottom:11px;width:3px;border-radius:2px;opacity:.6;box-shadow:none}
.scene-3d-ready #moveMenu .movebutton:after{right:-22px;bottom:8px;width:70%;height:2px;background:#a6203c17;transform:rotate(-34deg)}
.scene-3d-ready #moveMenu .movebutton b{font-size:17px;letter-spacing:.2px;line-height:1.15}
.scene-3d-ready #moveMenu .movebutton span{font-size:12px;line-height:1.3;margin:5px 0 4px}
.scene-3d-ready #moveMenu .movebutton small{font-size:11px;line-height:1.3;white-space:normal}
.scene-3d-ready #moveMenu .technique-icon{left:17px;width:37px;height:43px;border:0;background:none;border-radius:0;filter:drop-shadow(0 1px #fff4)}
.scene-3d-ready #moveMenu .technique-icon svg{width:29px;height:29px;stroke-width:1.9}
.scene-3d-ready #moveMenu .movebutton:not(:disabled):hover{translate:0 -2px;border-color:#f0677c;background:linear-gradient(150deg,#fffaf4,#f5ddcf);box-shadow:inset 0 2px #fff,inset 0 -5px #d8b4a7,0 7px 0 #702137,0 11px 17px #aa173d25}
.scene-3d-ready #moveMenu .movebutton:not(:disabled):active{translate:0 3px;box-shadow:inset 0 2px #fff4,inset 0 -2px #7f243b55,0 2px 0 #4a202c}
.scene-3d-ready #moveMenu .movebutton:focus-visible{outline:3px solid #e25670;outline-offset:3px}
.scene-3d-ready #moveMenu .movebutton:disabled{opacity:1;filter:none;background:linear-gradient(150deg,#dcd2c9,#d2c3ba);border-color:#887078;box-shadow:inset 0 1px #eee0d6,inset 0 -4px #b4a1a0,0 4px 0 #654d55}
.scene-3d-ready #moveMenu .movebutton:disabled b,.scene-3d-ready #moveMenu .movebutton:disabled span,.scene-3d-ready #moveMenu .movebutton:disabled small{color:#675159}
.scene-3d-ready #moveMenu .movebutton:disabled .technique-icon{color:#88666f;opacity:.7}
@media(min-width:701px) and (max-height:750px){.scene-3d-ready #moveMenu .movebutton{min-height:82px;padding-top:9px;padding-bottom:10px}.scene-3d-ready #moveMenu .movebutton b{font-size:15px}}
@media(max-width:700px){.scene-3d-ready #moveMenu{gap:10px}.scene-3d-ready #moveMenu .movebutton{min-height:96px;padding:12px 8px 12px 43px;border-radius:4px 15px 4px 15px}.scene-3d-ready #moveMenu .movebutton b{font-size:13px}.scene-3d-ready #moveMenu .movebutton span{font-size:10px}.scene-3d-ready #moveMenu .movebutton small{font-size:9px}.scene-3d-ready #moveMenu .technique-icon{left:12px;width:24px;height:32px}.scene-3d-ready #moveMenu .technique-icon svg{width:23px;height:23px}.scene-3d-ready #moveMenu:after{width:14px;height:14px;border-width:2px}}
.scene-3d-ready .arena .hud:not(.enemyhud){top:14%;left:30%}
.scene-3d-ready .arena .hud.enemyhud{top:8%;left:60%;right:auto}
@media(max-width:700px){
 .scene-3d-ready #battleCommands{width:94vw}
 .scene-3d-ready .arena .hud:not(.enemyhud){top:112px;left:3%}
 .scene-3d-ready .arena .hud.enemyhud{top:112px;right:3%;left:auto}
}