/* Kettle field kit: a brass watch, wood fittings, glass health and paper labels. */
#vs-hud,#vs-hud *,#vs-dialog.vs-draft,#vs-dialog.vs-draft *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#vs-dialog.vs-draft .vs-dialog-heading:focus{outline:none}
#vs-dialog.vs-draft .vs-upgrade{cursor:pointer;touch-action:manipulation}
#vs-dialog.vs-draft .vs-upgrade:focus-visible{outline:none;translate:-3px 0;border-color:#f8d99e;box-shadow:inset 4px 0 #d3aa67,0 3px 0 #17201bcc}
#vs-dialog.vs-draft .vs-upgrade:focus-visible .vs-shortcut{opacity:1;background:#f5dda3;color:#403323}
#vs-dialog.vs-draft .vs-upgrade::selection,#vs-dialog.vs-draft .vs-upgrade *::selection{background:transparent;color:inherit}
.vs-panel :is(.vs-primary,.vs-secondary,.vs-link-button),.vs-panel a{border:8px solid transparent;border-image:var(--rm-wood-skin) 8 fill / 8px / 0 stretch;background:none;box-shadow:0 3px 0 #1e211d77;border-radius:0;image-rendering:pixelated;padding:7px 15px;text-shadow:0 1px #30251d}
.vs-panel .vs-primary{border-image-source:var(--rm-green-skin)}
.vs-panel :is(.vs-primary,.vs-secondary,.vs-link-button):hover,.vs-panel a:hover{background:none;filter:brightness(1.12)}
#vs-hud{font-family:'Velmora Pixel',sans-serif;color:#f5e6c6;text-shadow:0 2px #1e2925,1px 0 #1e2925,-1px 0 #1e2925}
#vs-hud .vs-hud-top{padding:18px 22px;gap:12px}
#vs-hud .vs-xp-track{height:4px;background:#292c27;border-bottom:1px solid #b09460;box-shadow:0 1px #151e19}
#vs-hud .vs-xp-track div{background:#8caf93;border-top:1px solid #d2ddac;box-shadow:none}
#vs-hud .vs-player-plaque{width:236px;min-height:76px;padding:3px 9px 3px 2px;gap:10px;border:8px solid transparent;border-image:var(--rm-wood-skin) 8 fill / 8px / 0 stretch;background:none;box-shadow:0 3px #18231c55;border-radius:0}
#vs-hud .vs-player-plaque canvas{width:38px;height:50px;background:#cbb384;border:1px solid #342b23;box-shadow:0 0 0 2px #a68753;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}
#vs-hud .vs-player-plaque b{font:21px/1 'Velmora Pixel',sans-serif;color:#f5e5c4;text-shadow:0 2px #30261e}
#vs-hud .vs-player-plaque small{font:13px/1 'Velmora Pixel',sans-serif;color:#d6c69f;text-shadow:0 1px #211f19}
#vs-hud .vs-health-track{height:10px;margin:7px 0 5px;background:#211d1a;border:1px solid #1c1e19;box-shadow:0 1px #9f8356,inset 0 1px #100e0d}
#vs-hud .vs-health-track div{background:#ad4d44;border-top:2px solid #e28e70;border-bottom:2px solid #713931;transition:width .1s linear}
#vs-hud.rm-hurt .vs-health-track div{background:#cf6554;border-top-color:#f5b28b}
#vs-hud .vs-hud-right{min-width:0;gap:12px;padding:6px 8px 6px 13px;border:8px solid transparent;border-image:var(--rm-wood-skin) 8 fill / 8px / 0 stretch;background:none;box-shadow:0 3px #18231c55;border-radius:0;min-height:62px;font:12px/1.2 'Velmora Pixel',sans-serif;color:#d7c09a}
#vs-hud .vs-hud-right>span:first-child{font:17px/1 'Velmora Pixel',sans-serif;color:#e2c38b;padding-right:10px;border-right:1px solid #a0825255}
#vs-hud .vs-hud-right>span b{font:24px/1 'Velmora Pixel',sans-serif;color:#f8e9c5}
#vs-hud .vs-hud-right button{width:34px;height:36px;border:6px solid transparent;border-image:var(--rm-paper-skin) 8 fill / 6px / 0 stretch;background:none;color:#60452e;box-shadow:0 2px #211e19;border-radius:0;padding:0;font:21px/1 'Velmora Pixel',sans-serif;cursor:pointer;touch-action:manipulation}
#vs-hud .vs-hud-right button:hover{background:none;filter:brightness(1.12)}
#vs-hud .vs-hud-right button:active{translate:0 2px;box-shadow:none}
#vs-hud .vs-clock{position:absolute;left:50%;top:13px;transform:translateX(-50%);width:220px;min-width:0;height:143px;padding:0;border:0;border-image:none;background:none;box-shadow:none;filter:none;border-radius:0}
#vs-watch-art{position:absolute;top:13px;left:46px;width:128px;height:112px;image-rendering:pixelated}
#vs-hud .vs-clock>span{position:absolute;top:0;left:0;right:0;font:12px/1 'Velmora Pixel',sans-serif;letter-spacing:1px;color:#efddb4;text-shadow:inherit;white-space:nowrap}
#vs-hud .vs-clock strong{position:absolute;top:55px;left:0;right:0;margin:0;font:29px/1 'Velmora Pixel',sans-serif;font-weight:normal;letter-spacing:0;color:#57432f;text-shadow:0 1px #fff1c9;font-variant-numeric:tabular-nums}
#vs-hud .vs-clock small{display:block;position:absolute;top:126px;left:-15px;right:-15px;max-width:none;margin:0;font:13px/1.1 'Velmora Pixel',sans-serif;color:#e6d5b4;text-shadow:inherit;text-wrap:balance}
#vs-hud .vs-hud-bottom{left:24px;right:24px;bottom:20px;gap:18px}
#vs-hud .vs-loadout{position:static;min-width:0;max-width:255px}
#vs-hud .vs-belt{border:0;background:none;padding:0;box-shadow:none;gap:8px}
#vs-hud .vs-belt-slot{width:57px;height:65px;border:7px solid transparent;border-image:var(--rm-paper-skin) 8 fill / 7px / 0 stretch;background:none;border-radius:0;box-shadow:0 3px #19251d55;padding:1px;image-rendering:pixelated}
#vs-hud .vs-belt-slot canvas{width:36px;height:36px;filter:none;margin:0 auto 2px}
#vs-hud .vs-belt-slot small{font:11px/1 'Velmora Pixel',sans-serif;color:#5b6746;text-shadow:none}
#vs-hud #vs-technique{font:14px/1.2 'Velmora Pixel',sans-serif;border:0;background:none;padding:7px 0 0;text-shadow:inherit;color:#f1dbac;max-width:250px;text-align:left}
#vs-hud #vs-endless-progress{font:11px/1.25 'Velmora Pixel',sans-serif;color:#d7c8a6;max-width:255px;line-height:1.3;text-shadow:inherit;padding-top:2px}
#vs-hud #vs-controls-hint{font:12px/1.3 'Velmora Pixel',sans-serif;border:0;background:none;text-shadow:inherit;max-width:350px;opacity:.85;margin-bottom:8px}
#vs-hud .vs-dash-group{display:grid!important;grid-template-columns:88px 88px;column-gap:12px;row-gap:5px;align-items:end;position:relative;margin-left:auto}
#vs-hud #vs-attack,#vs-hud #vs-dash{position:relative;width:88px;height:114px!important;min-height:0;display:block;padding:0!important;border:0!important;border-image:none!important;background:none!important;box-shadow:none!important;border-radius:0;touch-action:none;cursor:pointer;filter:none;opacity:1;transition:translate .08s}
#vs-hud #vs-attack:before,#vs-hud #vs-dash:before{content:'';position:absolute;top:13px;left:8px;width:72px;height:72px;background:var(--rm-action-token) center/72px 72px no-repeat;image-rendering:pixelated;pointer-events:none}
#vs-hud #vs-attack:hover:before,#vs-hud #vs-dash:hover:before{filter:brightness(1.1)}
#vs-hud #vs-attack:active,#vs-hud #vs-dash:active{translate:0 2px}
#vs-hud .rm-action-icon{position:absolute;top:28px;left:24px;width:40px;height:40px;pointer-events:none;display:block}
#vs-hud .rm-action-icon canvas{display:block;width:40px;height:40px;image-rendering:pixelated}
#vs-hud #vs-attack>span,#vs-hud #vs-dash>span{position:absolute;top:0;left:0;right:0;font:11px/1 'Velmora Pixel',sans-serif!important;letter-spacing:.4px;color:#e8d6af!important;text-shadow:inherit!important;white-space:nowrap}
#vs-hud #vs-attack b,#vs-hud #vs-dash b{position:absolute;top:85px;left:-8px;right:-8px;margin:0!important;font:19px/1 'Velmora Pixel',sans-serif!important;color:#f6e6bf!important;text-shadow:inherit!important;white-space:nowrap}
#vs-hud #vs-attack small,#vs-hud #vs-dash small{position:absolute;top:104px;left:-4px;right:-4px;font:11px/1 'Velmora Pixel',sans-serif!important;color:#cbbf9f!important;text-shadow:inherit!important}
#vs-hud #vs-dash-pips{position:absolute;top:73px;left:0;right:0;display:flex;justify-content:center;gap:6px}
#vs-hud #vs-dash-pips>i{width:7px;height:7px;background:#3b3931;box-shadow:0 1px #141d17;transform:rotate(45deg);border:1px solid #8f865e}
#vs-hud #vs-dash-pips>i.ready{background:#ead29a;border-color:#fff1bc;box-shadow:1px 1px #554831}
#vs-hud #vs-dash.cooldown .rm-action-icon{opacity:.4}
#vs-hud #vs-dash.chain-ready:before,#vs-hud #vs-attack.chain-ready:before{filter:brightness(1.2)}
#vs-hud #vs-combo{position:static;width:188px;min-width:0;max-width:none;margin:0;padding:0 4px 5px;grid-column:1/-1;align-self:auto;border:0;border-image:none;background:none;box-shadow:none;border-radius:0;transition:none}
#vs-hud #vs-combo-label{font:13px/1 'Velmora Pixel',sans-serif;min-height:15px;letter-spacing:.4px;color:#e9d4a8;text-shadow:inherit}
#vs-hud .vs-combo-track{height:5px;margin-top:4px;background:#292c23;border:1px solid #857349;box-shadow:0 1px #14231b;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 50%,calc(100% - 3px) 100%,3px 100%,0 50%)}
#vs-hud #vs-combo-fill{background:#d9bb7b;box-shadow:none}
#vs-hud #vs-combo.finisher #vs-combo-label{color:#c5e5c0}
#vs-hud #vs-combo.finisher #vs-combo-fill{background:#c2deaa}
#vs-hud #vs-momentum{font:11px/1 'Velmora Pixel',sans-serif;color:#c3d6af;min-height:11px;letter-spacing:1px;text-shadow:inherit}
#vs-hud #vs-flow{left:24px;right:auto;bottom:154px;width:226px;padding:0 0 0 18px;border:0;background:none;box-shadow:none;border-radius:0;text-align:left}
#vs-hud #vs-flow:before{content:'✦';position:absolute;left:0;top:-2px;color:#c9e0b4;font-size:18px}
#vs-hud #vs-flow b{font:14px/1 'Velmora Pixel',sans-serif;letter-spacing:0;color:#d6e6bd;text-shadow:inherit}
#vs-hud #vs-flow>div{height:3px;margin-top:5px;background:#203c3080;max-width:162px}
#vs-hud #vs-flow-fill{background:#b3cfad;box-shadow:none}
#vs-hud #vs-event{top:112px;left:25px;width:220px;border:0;border-left:2px solid #b7a16d;background:none;border-radius:0;padding:3px 10px;box-shadow:none;text-shadow:inherit}
#vs-hud #vs-event b{font-size:16px}#vs-hud #vs-event small{font-size:12px}#vs-hud #vs-event>div{height:2px;background:#17291eb3}
#vs-hud .vs-top-messages,#vs-hud.vs-major-fight .vs-top-messages{top:166px;width:min(530px,47vw)}
#vs-hud #vs-boss,#vs-hud.vs-major-fight #vs-boss{border:0;background:none;box-shadow:none;padding:0 12px;text-shadow:inherit;font-size:17px;letter-spacing:.6px;width:100%}
#vs-hud #vs-boss>div{height:9px;background:#231c23;border:1px solid #a57c58;box-shadow:0 2px #202620;margin-top:6px}
#vs-hud #vs-boss-fill{background:#a85867;border-top:2px solid #d29189;box-shadow:none}
#vs-hud #vs-boss-mechanic{padding:7px 0 0}
#vs-hud #vs-boss-counter{font:13px/1.25 'Velmora Pixel',sans-serif;color:#ede0c8}#vs-hud #vs-boss-move{color:#ebcc9e}
#vs-hud #vs-announcement{border:0;background:none;box-shadow:none;padding:5px 8px;font:19px/1.2 'Velmora Pixel',sans-serif;text-shadow:inherit;color:#f8e7c4}
@media(max-width:700px){
 #vs-hud .vs-hud-top{padding:10px;gap:6px}#vs-hud .vs-player-plaque{width:164px;min-height:61px;padding:1px 4px 1px 1px;border-width:6px;border-image-width:6px;gap:7px}#vs-hud .vs-player-plaque canvas{width:27px;height:40px}#vs-hud .vs-player-plaque b{font-size:18px}#vs-hud .vs-player-plaque small{font-size:11px}#vs-hud .vs-health-track{height:8px;margin:5px 0 4px}
 #vs-hud .vs-hud-right{gap:7px;padding:3px 4px;min-height:51px;border-width:6px;border-image-width:6px;font-size:10px}#vs-hud .vs-hud-right>span:first-child{display:none}#vs-hud .vs-hud-right>span b{font-size:20px}#vs-hud .vs-hud-right button{width:32px;height:34px;border-width:5px;border-image-width:5px}
 #vs-hud .vs-clock,#vs-hud.vs-major-fight .vs-clock{top:78px;width:180px;height:120px;padding:0;border:0;min-width:0}#vs-watch-art{width:96px;height:84px;left:42px;top:10px}#vs-hud .vs-clock>span{display:block;font-size:10px}#vs-hud .vs-clock strong{font-size:22px;top:42px}#vs-hud .vs-clock small{top:96px;font-size:11px;left:0;right:0}
 #vs-hud .vs-hud-bottom{left:12px;right:12px;bottom:15px}#vs-hud .vs-dash-group{grid-template-columns:80px 80px;gap:4px 8px}#vs-hud #vs-attack,#vs-hud #vs-dash{width:80px;height:111px!important}#vs-hud #vs-attack:before,#vs-hud #vs-dash:before{left:4px}#vs-hud .rm-action-icon{left:20px}#vs-hud #vs-combo{width:168px}#vs-hud #vs-combo-label{font-size:11px}#vs-hud #vs-momentum{font-size:10px}
 #vs-hud .vs-loadout{position:absolute;left:0;bottom:139px;max-width:150px}#vs-hud .vs-belt-slot{width:47px;height:57px;border-width:6px;border-image-width:6px}#vs-hud .vs-belt-slot canvas{width:30px;height:30px}#vs-hud #vs-technique{font-size:12px;max-width:150px;padding-top:4px}#vs-hud #vs-endless-progress{font-size:9px;max-width:150px}#vs-hud #vs-flow{left:12px;right:auto;bottom:267px;width:170px}#vs-hud #vs-flow b{font-size:11px}#vs-hud #vs-flow>div{max-width:125px}
 #vs-hud .vs-top-messages,#vs-hud.vs-major-fight .vs-top-messages{top:198px;width:93%}#vs-hud #vs-boss,#vs-hud.vs-major-fight #vs-boss{font-size:14px}#vs-hud #vs-boss-counter{font-size:11px}#vs-hud #vs-announcement{font-size:15px}#vs-hud #vs-event{left:12px;top:89px;width:95px;padding:3px 6px}#vs-hud #vs-event b{font-size:12px}#vs-hud #vs-event small{font-size:10px}
}
@media(max-height:560px) and (orientation:landscape){
 #vs-hud .vs-hud-top{padding:8px 12px}#vs-hud .vs-player-plaque{width:182px;min-height:56px;padding:1px 4px;border-width:6px;border-image-width:6px}#vs-hud .vs-player-plaque canvas{width:27px;height:38px}#vs-hud .vs-player-plaque b{font-size:17px}#vs-hud .vs-health-track{margin:4px 0}#vs-hud .vs-hud-right{min-height:52px;padding:3px 6px}
 #vs-hud .vs-clock,#vs-hud.vs-major-fight .vs-clock{top:8px;width:144px;height:95px}#vs-watch-art{width:72px;height:63px;left:36px;top:7px}#vs-hud .vs-clock>span{font-size:9px}#vs-hud .vs-clock strong{font-size:17px;top:31px}#vs-hud .vs-clock small{top:74px;font-size:10px;left:-25px;right:-25px}
 #vs-hud .vs-hud-bottom{bottom:10px;right:12px}#vs-hud #vs-attack,#vs-hud #vs-dash{height:92px!important;width:76px}#vs-hud .vs-dash-group{grid-template-columns:76px 76px;gap:3px 6px}#vs-hud #vs-attack:before,#vs-hud #vs-dash:before{width:60px;height:60px;background-size:60px;top:12px;left:8px}#vs-hud .rm-action-icon{width:32px;height:32px;top:25px;left:22px}#vs-hud .rm-action-icon canvas{width:32px;height:32px}#vs-hud #vs-attack b,#vs-hud #vs-dash b{top:73px;font-size:16px!important}#vs-hud #vs-attack small,#vs-hud #vs-dash small{display:none}#vs-hud #vs-dash-pips{top:63px}#vs-hud #vs-combo{width:158px}#vs-hud #vs-combo-label{font-size:10px}#vs-hud #vs-momentum{display:none}
 #vs-hud .vs-loadout{position:absolute;left:140px;bottom:0;max-width:185px}#vs-hud #vs-technique{padding-top:3px;font-size:11px}#vs-hud #vs-endless-progress{display:none}#vs-hud .vs-belt-slot{width:45px;height:55px}#vs-hud .vs-belt-slot canvas{width:28px;height:28px}#vs-hud #vs-flow{left:25px;bottom:149px;width:178px}#vs-hud #vs-flow b{font-size:11px}#vs-hud #vs-event{top:75px;width:150px;font-size:11px}
 #vs-hud .vs-top-messages,#vs-hud.vs-major-fight .vs-top-messages{top:108px;width:min(490px,60vw)}#vs-hud #vs-boss{font-size:13px}#vs-hud #vs-boss-counter{font-size:11px}#vs-hud #vs-announcement{font-size:13px}
}
@media(prefers-reduced-motion:reduce){#vs-hud .vs-health-track div,#vs-hud #vs-attack,#vs-hud #vs-dash{transition:none}}
/* The finale leaves the colossus's face visible beneath a compact boss header. */
#vs-hud.vs-final-fight .vs-clock{display:none}
#vs-hud.vs-final-fight .vs-top-messages{top:22px;width:min(490px,38vw)}
#vs-hud.vs-final-fight #vs-announcement{font-size:19px}
@media(max-width:700px){#vs-hud.vs-final-fight .vs-top-messages{top:83px;width:94%}#vs-hud.vs-final-fight #vs-announcement{font-size:14px}}
@media(max-height:560px) and (orientation:landscape){#vs-hud.vs-final-fight .vs-top-messages{top:12px;width:48%}#vs-hud.vs-final-fight #vs-boss-counter{font-size:10px}#vs-hud.vs-final-fight .vs-hud-right>span{display:none}}