/* Native Sprite images are exported from the user's HBR unpacked game library. */
.hbr-ui :is(.card,.account-panel,.submission-form,.submission-card,.submission-login,#catalogue .category-card){position:relative;isolation:isolate}
.hbr-ui :is(.card,.account-panel,.submission-form,.submission-card,.submission-login,#catalogue .category-card)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:12px solid transparent;border-image:var(--hbr-panel-frame) 36 fill / 12px stretch}
.hbr-ui :is(.card,.account-panel,.submission-form,.submission-card,.submission-login,#catalogue .category-card){background-color:transparent}
.hbr-ui :is(.archive-card,#catalogue .entry-card,#catalogue .simulator){position:relative;isolation:isolate}
.hbr-ui :is(.archive-card,#catalogue .entry-card,#catalogue .simulator)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:16px solid transparent;border-image:var(--hbr-dark-panel) 34 fill / 16px stretch}
.hbr-ui .hero-art::before{z-index:0;pointer-events:none}
.hbr-ui :is(.primary-button,.submission-primary,.primary-link,.secondary-button,.submission-secondary,.video-upload-controls button,.avatar-secondary-button,.avatar-source-button),.hbr-ui #refresh-status,.hbr-ui #empty-rules{position:relative;isolation:isolate;background-color:transparent;border-color:transparent;box-shadow:none;min-height:44px;color:#fff3fc;text-shadow:0 1px 2px #40263d;font-family:var(--font);font-weight:550;border-radius:28px}
.hbr-ui :is(.primary-button,.submission-primary,.primary-link,.secondary-button,.submission-secondary,.video-upload-controls button,.avatar-secondary-button,.avatar-source-button)::before,.hbr-ui #refresh-status::before,.hbr-ui #empty-rules::before{content:'';position:absolute;inset:-4px;z-index:-1;pointer-events:none;border:0 solid transparent;border-image:var(--hbr-button-neutral) 0 112 0 112 fill / 0 40px stretch}
.hbr-ui :is(.primary-button,.submission-primary,.primary-link)::before{border-image:var(--hbr-button-frame) 0 50 0 50 fill / 0 28px stretch;inset:-7px}
.hbr-ui :is(.primary-button,.submission-primary,.primary-link){color:#fff5fb;text-shadow:0 1px 3px #81366a}
.hbr-ui :is(.primary-button,.submission-primary,.primary-link,#refresh-status,.secondary-button,.submission-secondary,.video-upload-controls button,.avatar-secondary-button,.avatar-source-button):hover:not(:disabled)::before{filter:brightness(1.12)}
#account-main .primary-button,.avatar-dialog .primary-button,.avatar-dialog #save-avatar{background-color:transparent;border-color:transparent;box-shadow:none;color:#fff5fb}
#account-main .primary-button:hover:not(:disabled),.avatar-dialog .primary-button:hover:not(:disabled),.avatar-dialog #save-avatar:hover:not(:disabled){background-color:transparent;box-shadow:none}
.hbr-ui .avatar-source-button{color:#fff3fc;border-color:transparent}
.hbr-ui .refresh button span{font-size:0;width:22px;height:22px;display:inline-block;vertical-align:middle;background-image:url('./assets/hbr-ui/icon-refresh.png');background-size:contain;background-repeat:no-repeat}
.hbr-ui :is(.avatar-dialog,#detail-dialog,#deck-dialog){border:1px solid rgba(239,214,237,.5);border-radius:17px;box-shadow:0 18px 65px rgba(10,5,20,.5)}
.hbr-ui :is(.avatar-dialog,#detail-dialog,#deck-dialog)::after{content:'';position:absolute;inset:6px;pointer-events:none;border:12px solid transparent;border-image:var(--hbr-dialog-frame) 53 / 12px stretch}
.hbr-ui :is(.avatar-close,#detail-close,#close-deck){background-color:transparent;background-image:url('./assets/hbr-ui/icon-close.png');background-size:contain;background-repeat:no-repeat;color:transparent;min-width:32px;min-height:32px;text-shadow:none;font-size:0}
.hbr-ui .hero-art{background-image:var(--hbr-dark-panel);background-size:100% 100%}
.hbr-ui .hero-art::before{background-image:var(--hbr-emblem);background-size:contain;background-repeat:no-repeat;width:250px;height:250px;opacity:.5}
.hbr-ui .hero-art::after{background-image:var(--hbr-window-lines);background-size:contain;background-repeat:no-repeat}
.hbr-ui .eyebrow:before,.hbr-ui .tiny-square{background-color:transparent!important;background-image:var(--hbr-confirm-icon);background-size:contain;background-repeat:no-repeat}
.hbr-ui .hero .eyebrow:before{width:16px;height:13px;margin-right:8px}
.hbr-ui #submission-video-file::file-selector-button{font-family:var(--font);border:1px solid #ae8baa;border-radius:16px;color:#654262;background-color:#f8e6f4;padding:7px 12px;margin-right:8px;cursor:pointer}
.hbr-ui #catalogue .character-select{background-image:var(--hbr-panel-frame);background-size:100% 100%}
.hbr-menu .card-link{border:0 solid transparent;border-image:var(--hbr-button-frame) 0 50 0 50 fill / 0 25px stretch;min-height:46px;padding:10px 17px;margin-top:auto;color:#fff7fc;text-shadow:0 1px 3px #84356b;font-weight:550;line-height:1.5}
.hbr-menu .card>.source-note{margin-bottom:18px}
.hbr-menu .card-link:hover{color:#fff7fc}
.hbr-menu .card::after{content:'';position:absolute;right:-28px;top:155px;width:170px;height:180px;background-image:var(--hbr-emblem);background-size:contain;background-repeat:no-repeat;opacity:.1;pointer-events:none}
@media(max-width:540px){.hbr-ui :is(.primary-button,.submission-primary,.primary-link)::before{border-image-width:0 23px}.hbr-ui :is(.secondary-button,.submission-secondary,.video-upload-controls button,.avatar-secondary-button,.avatar-source-button)::before{border-image-width:0 27px}.hbr-ui :is(.avatar-dialog,#detail-dialog,#deck-dialog)::after{inset:3px;border-image-width:9px}}