/* Compact pixel HUD, following the supplied pale-disc / ink-outline reference. */
#vs-hud{--hud-ink:#192820;--hud-cream:#e9e5bc;color:var(--hud-cream);text-shadow:1px 1px #142019,-1px -1px #142019,-1px 1px #142019,1px -1px #142019}
#vs-hud .vs-player-plaque,#vs-hud .vs-hud-right{border:0;border-image:none;background:none;box-shadow:none;border-radius:0}
#vs-hud .vs-player-plaque{width:218px;min-height:57px;padding:0;gap:9px}
#vs-hud .vs-player-plaque canvas{width:34px;height:45px;background:none;border:0;box-shadow:none;clip-path:none;flex-shrink:0}
#vs-hud .vs-player-plaque b{font-size:18px;font-weight:normal;line-height:1.1;text-shadow:inherit;color:var(--hud-cream)}
#vs-hud .vs-player-plaque small{font-size:11px;color:#d5d5b5;text-shadow:inherit}
#vs-hud .vs-health-track{height:9px;border:2px solid #1c2921;background:#2b352b;box-shadow:0 1px #adaf7e;margin:5px 0 5px}
#vs-hud .vs-health-track div{background:#bb4b41;border-top:1px solid #eb9c6a;border-bottom:1px solid #773730}
#vs-hud.rm-damaged .vs-health-track div{background:#f5d6ad;border-color:#fff0ca}
#vs-hud .vs-hud-right{gap:9px;min-height:44px;padding:0;color:#c8cbaa;font-size:11px}
#vs-hud .vs-hud-right>#vs-level{font-size:15px;color:#e2dfa9;border:0;padding-right:4px}
#vs-hud .vs-hud-right>span b{font-size:18px;font-weight:normal;color:var(--hud-cream);line-height:1.1}
#vs-hud .vs-hud-right button{display:grid;place-items:center;width:34px;height:38px;padding:0;border:0;border-image:none;background:none;box-shadow:none;border-radius:0}
#vs-hud .vs-hud-right button:hover{background:none;filter:brightness(1.3)}
#vs-hud .vs-hud-right button:focus-visible{outline:1px dashed #e9e5bc;outline-offset:0}
#vs-hud .vs-hud-right button .rm-kit-icon{width:24px;height:24px;image-rendering:pixelated;pointer-events:none}
#vs-hud .vs-clock{width:220px;height:75px;top:23px;background:none;border:0;box-shadow:none}
#vs-watch-art{display:none}
#vs-hud .vs-clock>span{font-size:10px;letter-spacing:1px;top:0;color:#c3c5a4}
#vs-hud .vs-clock strong{top:18px;font-size:28px;color:#e9e5bc;text-shadow:inherit}
#vs-hud .vs-clock small{top:50px;font-size:12px;color:#bcc5a7}
#vs-hud:not(.vs-final-fight) .vs-top-messages{top:112px}
#vs-hud .vs-belt-slot{width:45px;height:52px;padding:0;border:0;border-image:none;background:none;box-shadow:none;border-radius:0}
#vs-hud .vs-belt-slot canvas{width:32px!important;height:32px!important;margin:0 auto 2px;image-rendering:pixelated}
#vs-hud .vs-belt-slot small{font-size:10px;color:#ddd8a4;letter-spacing:0;text-shadow:inherit;white-space:nowrap}
#vs-hud #vs-technique{font-size:11px;color:#bcc5a7;padding-top:4px}
#vs-hud #vs-controls-hint{font-size:10px;opacity:.6}
#vs-hud .vs-dash-group{--kit-action:64px;grid-template-columns:repeat(3,var(--kit-action));column-gap:7px;row-gap:3px;padding:0;isolation:isolate}
#vs-hud #vs-special,#vs-hud #vs-attack,#vs-hud #vs-dash{width:var(--kit-action);height:82px!important;min-height:0;position:relative;padding:0!important;border:0!important;border-image:none!important;background:none!important;box-shadow:none!important;border-radius:0;opacity:1;filter:none}
#vs-hud #vs-special:before,#vs-hud #vs-attack:before,#vs-hud #vs-dash:before{display:block!important;content:'';position:absolute;left:6px;top:5px;width:52px;height:52px;background:var(--rm-pixel-disc) center/100% 100% no-repeat;image-rendering:pixelated;pointer-events:none}
#vs-hud #vs-special:hover:before,#vs-hud #vs-attack:hover:before,#vs-hud #vs-dash:hover:before{filter:brightness(1.12)}
#vs-hud #vs-special:focus-visible,#vs-hud #vs-attack:focus-visible,#vs-hud #vs-dash:focus-visible{outline:1px dashed #e9e5bc;outline-offset:2px}
#vs-hud #vs-special>span,#vs-hud #vs-attack>span,#vs-hud #vs-dash>span{top:0;left:0;right:auto;letter-spacing:0;font-size:11px!important;color:#f5efc2!important;text-shadow:inherit!important;z-index:2}
#vs-hud .rm-action-icon{width:40px;height:40px;top:11px;left:12px;display:grid;place-items:center}
#vs-hud .rm-action-icon canvas{width:40px!important;height:40px!important;max-width:100%;max-height:100%;image-rendering:pixelated}
#vs-hud #vs-special b,#vs-hud #vs-attack b,#vs-hud #vs-dash b{top:61px;left:0;right:0;line-height:1;font-size:15px!important;font-weight:normal!important;color:#e9e5bc!important;text-shadow:inherit!important}
#vs-hud #vs-special small,#vs-hud #vs-attack small,#vs-hud #vs-dash small{display:none}
#vs-hud #vs-special.cooldown small,#vs-hud #vs-special:disabled small{display:block;top:30px;left:0;right:0;font-size:13px!important;color:#ffedb1!important;text-shadow:inherit!important}
#vs-hud #vs-special-progress{top:51px;left:19px;width:26px;height:2px;background:#6c9654;box-shadow:0 1px #253a26}
#vs-hud #vs-dash-pips{top:51px;gap:4px}
#vs-hud #vs-dash-pips>i{width:10px;height:3px;transform:none;border:0;box-shadow:0 1px #273a26;background:#8a9473}
#vs-hud #vs-dash-pips>i.ready{background:#588c4c;box-shadow:0 1px #273a26;border:0}
#vs-hud #vs-special:disabled{cursor:default}
#vs-hud #vs-combo{width:100%;padding:0 2px 3px}
#vs-hud #vs-combo-label{font-size:10px;letter-spacing:0;color:#c7cca6}
#vs-hud .vs-combo-track{height:2px;border:0;clip-path:none;box-shadow:none;background:#343d2c}
#vs-hud #vs-momentum{font-size:10px;letter-spacing:0}
#vs-hud .vs-xp-track{height:5px;background:#283620;border-bottom:1px solid #18211b;box-shadow:none}
#vs-hud .vs-xp-track div{background:#97b35d;border-top:1px solid #d3de8b;box-shadow:none}
@media(max-width:700px){
 #vs-hud .vs-hud-top{padding:10px;gap:4px}#vs-hud .vs-player-plaque{width:154px;min-height:53px;padding:0;gap:5px}#vs-hud .vs-player-plaque canvas{width:28px;height:40px}#vs-hud .vs-player-plaque b{font-size:17px}#vs-hud .vs-player-plaque small{font-size:10px}
 #vs-hud .vs-hud-right{position:relative;width:126px;min-height:54px;padding:0 0 15px;gap:0;align-items:flex-start}#vs-hud .vs-hud-right>span{display:block;position:absolute;top:40px;font-size:10px;line-height:1}#vs-hud .vs-hud-right>#vs-level{left:5px;font-size:11px;padding:0}#vs-hud .vs-hud-right>span:has(#vs-kills){right:5px}#vs-hud .vs-hud-right>span b{display:inline;font-size:11px}#vs-hud .vs-hud-right button{width:42px;height:40px}
 #vs-hud .vs-clock,#vs-hud.vs-major-fight .vs-clock{top:79px;width:210px;height:72px}#vs-hud .vs-clock strong{top:17px;font-size:27px}#vs-hud .vs-clock small{top:47px}#vs-hud:not(.vs-final-fight) .vs-top-messages{top:149px}
 #vs-hud .vs-hud-bottom{left:10px;right:10px;bottom:12px}#vs-hud .vs-dash-group{--kit-action:60px;column-gap:4px}#vs-hud #vs-special:before,#vs-hud #vs-attack:before,#vs-hud #vs-dash:before{left:4px}#vs-hud .rm-action-icon{left:10px}#vs-hud #vs-special-progress{left:17px}
 #vs-hud .vs-loadout{bottom:133px}#vs-hud .vs-belt-slot{width:40px;height:50px}#vs-hud .vs-belt-slot canvas{width:30px!important;height:30px!important}#vs-hud #vs-combo{width:100%}#vs-hud #vs-combo-label{font-size:9px}
}
@media(max-width:360px){#vs-hud .vs-player-plaque{width:148px}#vs-stick{left:10px!important;width:92px!important;height:92px!important}#vs-stick>div{left:25px;top:25px}}
@media(max-height:560px) and (orientation:landscape){
 #vs-hud .vs-player-plaque{width:172px;min-height:50px;padding:0;gap:6px}#vs-hud .vs-player-plaque canvas{width:28px;height:39px}#vs-hud .vs-player-plaque b{font-size:17px}#vs-hud .vs-hud-right{width:auto;min-height:42px;padding:0;gap:4px}#vs-hud .vs-hud-right button{width:38px;height:38px}
 #vs-hud .vs-clock,#vs-hud.vs-major-fight .vs-clock{top:12px;width:190px;height:70px}#vs-hud:not(.vs-final-fight) .vs-top-messages{top:90px}
 #vs-hud .vs-dash-group{--kit-action:60px;column-gap:4px}#vs-hud #vs-special,#vs-hud #vs-attack,#vs-hud #vs-dash{height:77px!important}#vs-hud #vs-special:before,#vs-hud #vs-attack:before,#vs-hud #vs-dash:before{left:4px}#vs-hud .rm-action-icon{left:10px}#vs-hud #vs-combo{width:100%}#vs-hud .vs-loadout{left:128px;bottom:0}#vs-hud #vs-special-progress{left:17px}
}
/* Authored atlas includes its own rim: never layer a second frame beneath it. */
#vs-hud :is(#vs-special,#vs-attack,#vs-dash):has(.rm-atlas-icon):before{display:none!important}
#vs-hud .rm-action-icon:has(.rm-atlas-icon){width:52px;height:52px;top:5px;left:6px}
#vs-hud .rm-action-icon .rm-atlas-icon{width:52px!important;height:52px!important}
@media(max-width:700px),(max-height:560px) and (orientation:landscape){#vs-hud .rm-action-icon:has(.rm-atlas-icon){left:4px}}
#vs-hud .vs-hud-right>#vs-level{display:block}