/* HSKNova Plus — themed energy artwork */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus {
    position: relative !important;
    overflow: visible !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Artwork */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus::after {
    content: "";
    position: absolute;
    z-index: 4;
    inset: -5px -8px;
    background: url("../assets/plus-energy-anime.webp") center / contain no-repeat;
    pointer-events: none;
}

/* Light */
html[data-mobile][data-mtheme="light"] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus::after,
html[data-mobile][data-theme="light"] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus::after {
    background-image: url("../assets/plus-energy-light.webp");
}

/* Classic */
html[data-mobile][data-layout="classic"] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus::after {
    background-image: url("../assets/plus-energy-classic.webp");
}

/* Hide old symbols, retain layout */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus .m-lives-icon,
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus .m-energy-copy,
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus .m-energy-track {
    visibility: hidden !important;
}

/* Hide old PLUS tag: crown is already in the image */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus::before {
    content: none !important;
}

/* Keep the real + button clickable */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus button {
    position: absolute !important;
    z-index: 5 !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 31px !important;
    height: 31px !important;
    opacity: 0 !important;
    cursor: pointer;
}

/* Compact Plus artwork */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus::after {
    inset: 0 2px 0 12px !important;
    background-size: contain !important;
    background-position: center !important;
}

/* Plus artwork: 30% wider */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus::after {
    background-size: 130% 100% !important;
    background-position: center !important;
}

/* Plus artwork: clean edges, original proportions */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus::after {
    inset: -3px -9px !important;
    background-size: contain !important;
    background-position: center !important;
    filter: none !important;
    opacity: 1 !important;
}

/* HSKNova Plus header alignment */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus {
    transform: translateX(14px) scale(.77) !important;
    box-shadow: none !important;
    filter: none !important;
}

html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus::after {
    filter: none !important;
    box-shadow: none !important;
}

/* Shift theme and diamonds slightly left */
html[data-mobile] #mRoot .m-theme-quick,
html[data-mobile] #mRoot .m-diamonds {
    transform: translateX(-4px) !important;
}

/* Plus artwork: taller and slightly narrower */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus::after {
    inset: -6px -4px !important;
    background-size: 92% 115% !important;
    background-position: center !important;
}

/* Plus: softer bottom edge and 4% narrower */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus::after {
    inset: -4px -4px 0 -4px !important;
    background-size: 90% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Plus artwork: horizontal adjustment */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus::after {
    transform: scaleX(1.02) !important;
    transform-origin: center center !important;
}

/* Plus final width and clean appearance */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus::after {
    transform: scaleX(1.04) !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

/* HSKNova FINAL unlimited Plus size 2026-10-23 */
html[data-mobile] #mRoot #mLivesChip.m-lives-unlimited.m-lives-plus{
    width:136.6px!important;
    height:32.3px!important;
    min-width:136.6px!important;
    min-height:32.3px!important;
    max-width:136.6px!important;
    max-height:32.3px!important;
    box-sizing:border-box!important;
}

/* HSKNova FINAL unified energy size all themes 2026-10-23 */
html[data-mobile] #mRoot #mLivesChip.m-lives.m-lives-unlimited.m-lives-plus,
html[data-mobile][data-mtheme="light"] #mRoot #mLivesChip.m-lives.m-lives-unlimited.m-lives-plus,
html[data-mobile][data-mtheme="dark"] #mRoot #mLivesChip.m-lives.m-lives-unlimited.m-lives-plus,
html[data-mobile][data-layout="classic"] #mRoot #mLivesChip.m-lives.m-lives-unlimited.m-lives-plus{
    width:136.6px!important;
    height:32.3px!important;
    min-width:136.6px!important;
    max-width:136.6px!important;
    min-height:32.3px!important;
    max-height:32.3px!important;
    box-sizing:border-box!important;
}