/* Copper Kettle instruments: restrained copper edges, cream paper, dark painted wood. */
:root{--rm-copper:#aa7955;--rm-paper:#eedcba;--rm-wood:#262b28;--rm-green:#324a40;--rm-light:#faecd0}
.vs-panel,#vs-dialog{border:1px solid #a17a54;border-image:none;background:#ebddbe;box-shadow:inset 0 0 0 5px #382d25,inset 0 0 0 6px #ad8962,0 16px 50px #10171460;filter:none;padding:28px;color:#44352b}
.vs-panel h1{text-shadow:none;color:#49372d}.vs-panel :is(h2,h3){text-shadow:none}.vs-eyebrow{color:#8c6545}
.vs-panel :is(.vs-primary,.vs-secondary,.vs-link-button),.vs-panel a{border:1px solid #ad8962;border-image:none;background:#344b40;box-shadow:inset 0 1px #ffffff18,0 2px #392e25;color:#f8ead0;text-shadow:none;padding:12px 20px;min-height:44px;font-size:19px;border-radius:2px}
.vs-panel :is(.vs-secondary,.vs-link-button),.vs-panel a{background:#494038}
.vs-panel .vs-primary{font-size:24px;min-height:54px}.vs-panel button:hover{filter:none;background-color:#405c4c}.vs-panel button:active{translate:0 1px}
.vs-panel :is(.vs-character,.vs-mode,.vs-weapon,.vs-gear-option){border:1px solid #a58d6e;border-image:none;background:#dfd0af;box-shadow:inset 0 1px #fff6dc55;color:#49392e;padding:12px; border-radius:2px}
.vs-panel :is(.vs-character,.vs-mode,.vs-weapon,.vs-gear-option)[aria-pressed=true]{background:#344b40;border-color:#b99562;color:#f9e9ca;box-shadow:inset 3px 0 #cfa975}
.vs-panel .vs-weapon h3{color:inherit;text-shadow:none}.vs-weapon-description,.vs-creator-portrait{border:1px solid #b49b78;border-image:none;background:#ddceab;box-shadow:none;padding:16px}.vs-mode small{opacity:.9}
.vs-hud-top{padding:18px 22px;gap:12px}.vs-player-plaque,.vs-hud-right,.vs-clock{border:1px solid #a68158;border-image:none;background:#252e29ed;box-shadow:inset 0 1px #e9d6af22,0 3px 10px #11171344;filter:none;border-radius:2px}
.vs-player-plaque{width:226px;min-height:70px;padding:8px 12px;gap:10px}.vs-player-plaque canvas{width:34px;height:48px;border:0;background:transparent;box-shadow:none}.vs-player-plaque b{font-size:20px;text-shadow:none}.vs-player-plaque small{font-size:13px;color:#dfd0b4}.vs-health-track{height:8px;margin:5px 0;border:1px solid #121c17;box-shadow:none;background:#121c17}.vs-health-track div{border:0;background:#bb655a}
.vs-hud-right{min-width:0;gap:14px;padding:10px 12px;font-size:13px}.vs-hud-right>span:first-child{font-size:17px;color:#d6bd8c}.vs-hud-right>span b{font-size:22px}.vs-hud-right button,#vs-music-skip{border:1px solid #a889604a;border-image:none;background:transparent;color:#edddba;box-shadow:none;border-radius:2px;width:34px;height:34px;font-size:20px;padding:0}.vs-hud-right button:hover{border-color:#c9a371;background:#3b4d40}
.vs-clock{min-width:148px;padding:9px 16px 10px}.vs-clock>span{font:10px/1.3 system-ui,sans-serif;letter-spacing:1.4px;color:#d2be97}.vs-clock strong{font-size:34px;color:#f9e9ca;text-shadow:none;margin:3px 0}.vs-clock small{font-size:12px;color:#d1c0a1;max-width:210px;margin:2px auto 0}
.vs-xp-track{height:4px;border:0;box-shadow:none;background:#17271e}.vs-xp-track div{border:0;background:#87ad8e}
.vs-hud-bottom{left:22px;right:22px;bottom:18px}.vs-belt{border:0;background:transparent;padding:0;box-shadow:none;gap:7px}.vs-belt-slot{border:1px solid #9d835d;border-image:none;background:#252e29ed;box-shadow:none;width:58px;height:64px;padding:5px;border-radius:2px}.vs-belt-slot canvas{width:36px;height:36px;margin:0 auto 3px;filter:none}.vs-belt-slot small{font-size:12px;color:#b3c497}
#vs-technique{border:0;background:transparent;text-align:left;padding:3px 0;color:#efdcba;font-size:13px;text-shadow:0 1px 3px #101810}#vs-endless-progress{font:10px/1.5 system-ui,sans-serif;color:#e2d2b5;max-width:270px;text-shadow:0 1px 3px #101810}
#vs-controls-hint{border:0;background:transparent;color:#eee0c4;font:10px/1.4 system-ui,sans-serif;text-shadow:0 1px 3px #142318;opacity:.8;max-width:350px}
.vs-dash-group{gap:8px}.vs-dash,.vs-attack{width:96px;height:75px!important;border:1px solid #a1845c!important;border-image:none!important;background:#26372fee!important;box-shadow:inset 0 1px #f4dfb52b,0 2px 8px #10181155!important;border-radius:3px;padding:8px 7px!important;transition:background .12s,translate .12s}
.vs-dash :is(b,span,small),.vs-attack :is(b,span,small){color:#ebdabb!important;text-shadow:none!important;letter-spacing:0}.vs-dash b,.vs-attack b{font:22px/1.05 'Velmora Pixel',sans-serif!important;margin:4px 0!important}.vs-dash span,.vs-attack span{font:8px/1.2 system-ui,sans-serif!important;letter-spacing:.6px}.vs-dash small,.vs-attack small{font:10px/1.2 system-ui,sans-serif!important}.vs-dash:hover,.vs-attack:hover{background:#3b4f40!important}.vs-dash.chain-ready{border-color:#d1be8d!important;filter:none}.vs-dash.cooldown{opacity:.72;filter:none}
#vs-combo{border:0;border-image:none;background:#202b23dc;box-shadow:none;border-radius:2px;padding:7px 9px;max-width:195px}#vs-combo-label{font-size:13px;min-height:15px;color:#e3d2ad}.vs-combo-track{height:3px;margin-top:4px;background:#132119}#vs-combo-fill{background:#d1b273;box-shadow:none}#vs-combo.chain-ready{background:#354939}#vs-combo.finisher{background:#285345}
#vs-flow,#vs-event{border:1px solid #809783;background:#23392fed;box-shadow:none;border-radius:2px}#vs-flow{padding:7px 10px}#vs-event{top:110px}#vs-flow b{font-size:14px}
.vs-major-fight .vs-top-messages{top:115px}.vs-major-fight #vs-boss{border:1px solid #96775c;background:#222e29ee;border-radius:2px;padding:8px 12px}.vs-major-fight #vs-boss>div{height:7px;border:0;background:#142119}.vs-major-fight #vs-boss-fill{border:0;background:#ad6572}.vs-major-fight #vs-boss-mechanic{padding:7px 0 0}.vs-major-fight #vs-boss-move{color:#e5ca9d}.vs-major-fight #vs-boss-counter{font:11px/1.4 system-ui,sans-serif;color:#e0d7c3}
/* No shared box or scrim: just three choices, safely away from the combat centre. */
#vs-dialog.vs-draft,#vs-dialog.vs-draft:focus{background:transparent;border:0;border-image:none;box-shadow:none;filter:none;border-radius:0;padding:14px 10px;overflow-x:hidden}
#vs-dialog.vs-draft::backdrop{background:transparent;backdrop-filter:none;animation:none}
#vs-dialog.vs-draft .vs-dialog-heading,#vs-dialog.vs-draft .vs-draft-footer{color:#ffefd0;text-shadow:0 2px 3px #111f15,0 0 8px #111f15}
#vs-dialog.vs-draft .vs-dialog-heading h2{font-size:28px;color:#fff0cf;text-shadow:inherit}#vs-dialog.vs-draft .vs-eyebrow{font:10px/1.3 system-ui,sans-serif;letter-spacing:2px;color:#f0ddbc}
#vs-dialog.vs-draft .vs-upgrades{gap:12px}
#vs-dialog.vs-draft .vs-upgrade{border:1px solid #bba47c;border-image:none;background:#eadcbb;color:#45382c;box-shadow:inset 3px 0 #a27d4f,0 5px 13px #0e20163b;padding:17px 16px;gap:0 13px;border-radius:2px;transition:translate .14s,box-shadow .14s,background-color .14s}
#vs-dialog.vs-draft .vs-upgrade:is([data-kind=technique],[data-kind=art],[data-kind=style],[data-kind=talent],[data-kind=training]){background:#304a3e;color:#f7e8c9;border-color:#a39a70;box-shadow:inset 3px 0 #afbd8a,0 5px 13px #0e20163b}
#vs-dialog.vs-draft .vs-upgrade h3{color:inherit;font-size:23px;text-shadow:none}#vs-dialog.vs-draft .vs-upgrade p{color:inherit}#vs-dialog.vs-draft .vs-upgrade :is(.vs-draft-tag,.vs-draft-detail,.vs-draft-pair){color:inherit;opacity:.77}#vs-dialog.vs-draft .vs-upgrade .vs-draft-tag{font-size:8px;letter-spacing:1.5px}
#vs-dialog.vs-draft .vs-shortcut{left:5px;top:5px;width:18px;height:19px;border:0;background:transparent;box-shadow:none;font-size:14px;color:inherit;opacity:.75;text-shadow:none}
#vs-dialog.vs-draft .vs-draft-visual{margin:9px 0 0}#vs-dialog.vs-draft .vs-upgrade-mark{border:0;background:transparent;box-shadow:none;color:inherit;text-shadow:none}#vs-dialog.vs-draft .vs-draft-orbit{opacity:.25}
#vs-dialog.vs-draft .vs-draft-pick{border-color:#a4916f66;color:inherit;font-size:8px;opacity:.8}#vs-dialog.vs-draft .vs-draft-footer{font-size:10px}
#vs-dialog.vs-draft .vs-upgrade:hover{filter:none;translate:-3px 0;box-shadow:inset 4px 0 #c09758,0 6px 16px #0e201650}#vs-dialog.vs-draft .vs-upgrade:focus-visible{outline:2px solid #ebc995;outline-offset:3px;translate:-3px 0;filter:none}#vs-dialog.vs-draft .vs-upgrade:focus-visible .vs-shortcut{background:transparent;color:inherit;box-shadow:none}
#vs-dialog.vs-draft-locked .vs-upgrade:hover{translate:0 0}
@media(max-width:620px){
 .vs-panel,#vs-dialog{padding:20px;border-width:1px;border-image:none}.vs-panel .vs-primary{padding:11px 12px;font-size:21px}.vs-panel :is(.vs-character,.vs-mode,.vs-weapon){padding:9px}.vs-panel .vs-weapon-description{padding:12px}.vs-footer{gap:10px}
 .vs-hud-top{padding:10px}.vs-player-plaque{width:164px;min-height:59px;padding:7px;gap:6px}.vs-player-plaque canvas{width:27px;height:38px}.vs-player-plaque b{font-size:17px}.vs-player-plaque small{font-size:11px}.vs-hud-right{padding:8px;gap:8px}.vs-hud-right>span b{font-size:20px}.vs-hud-right button{width:30px;height:32px}.vs-clock,.vs-major-fight .vs-clock{top:83px;min-width:114px;padding:5px 9px;border-width:1px}.vs-clock strong{font-size:26px}.vs-clock>span{font-size:8px}
 .vs-hud-bottom{left:10px;right:10px;bottom:12px}.vs-belt-slot{width:48px;height:57px;padding:5px;border-width:1px}.vs-belt-slot canvas{width:31px;height:31px}.vs-dash,.vs-attack{width:78px;height:74px!important}.vs-dash b,.vs-attack b{font-size:20px!important}.vs-dash-group{gap:7px}#vs-combo{bottom:84px;max-width:163px}#vs-endless-progress{font-size:8px;max-width:143px}
 .vs-major-fight .vs-top-messages{top:137px}.vs-major-fight #vs-boss{font-size:13px;padding:6px 8px}.vs-major-fight #vs-boss-counter{font-size:10px}
 #vs-dialog.vs-draft{padding:8px 5px;max-height:calc(50dvh - 16px)}#vs-dialog.vs-draft .vs-upgrades{gap:7px}#vs-dialog.vs-draft .vs-upgrade{padding:10px 12px;border-width:1px;gap:0 9px}#vs-dialog.vs-draft .vs-upgrade h3{font-size:19px}#vs-dialog.vs-draft .vs-shortcut{top:3px;left:3px;font-size:12px}#vs-dialog.vs-draft .vs-dialog-heading h2{font-size:24px}
}
@media(max-height:560px) and (orientation:landscape){#vs-dialog.vs-draft .vs-upgrade{padding:8px 11px}#vs-dialog.vs-draft .vs-upgrades{gap:6px}.vs-hud-top{padding:9px 12px}.vs-player-plaque{min-height:58px;padding:5px 10px}.vs-clock{padding:4px 10px}.vs-clock strong{font-size:28px}.vs-major-fight .vs-top-messages{top:88px}}
@media(prefers-reduced-motion:reduce){#vs-dialog.vs-draft .vs-upgrade{transition:none}}
