/* tools/cut_ui.py が生成。手で直さない。読み込むと .pn .btn .tab .modal などに素材の枠が乗る */
html[data-era='ancient'] .pn::before { padding: 0; background: none; -webkit-mask: none; mask: none; border: 0 solid transparent; border-image: url('frame_ancient.webp') 145 145 145 145 / 22px / 0 stretch; }
html[data-era='ancient'] .btn { background: none; box-shadow: none; color: #4a2f14; border: 0 solid transparent; border-image: url('btn_ancient.webp') 0 144 0 144 fill / 0 30px / 0 stretch; }
html[data-era='ancient'] .btn.big { border-image-width: 0 44px; }
html[data-era='ancient'] .btn.ghost { background: none; box-shadow: none; color: #5a4630; border-image-source: url('btn2_ancient.webp'); }
html[data-era='ancient'] .tab { background: none; box-shadow: none; color: #7a6548; border: 0 solid transparent; border-image: url('tab_off_ancient.webp') 0 140 0 140 fill / 0 16px / 0 stretch; }
html[data-era='ancient'] .tab.on { background: none; box-shadow: none; color: #4a2f14; border-image-source: url('tab_on_ancient.webp'); }
html[data-era='ancient'] .cx-tab { background: none; box-shadow: none; color: #7a6548; border: 0 solid transparent; border-radius: 0; border-image: url('tabw_off_ancient.webp') 0 167 0 167 fill / 0 46px / 0 stretch; }
html[data-era='ancient'] .cx-tab.on { background: none; box-shadow: none; color: #4a2f14; border-image: url('tabw_on_ancient.webp') 0 167 0 167 fill / 0 46px / 0 stretch; }
html[data-era='ancient'] :is(.mult, .ex-r, .st-seg-b, .chip) { background: none; box-shadow: none; color: #7a6548; border: 0 solid transparent; border-radius: 0; border-image: url('chip_off_ancient.webp') 0 84 0 84 fill / 0 14px / 0 stretch; }
html[data-era='ancient'] :is(.mult, .ex-r, .st-seg-b, .chip).on { background: none; box-shadow: none; color: #4a2f14; border-image: url('chip_on_ancient.webp') 0 84 0 84 fill / 0 14px / 0 stretch; }
html[data-era='ancient'] .mult { border-image-width: 0 10px; }
html[data-era='ancient'] .modal.pn { background: none; border: 0 solid transparent; border-image: url('panel_ancient.webp') 145 145 145 145 fill / 48px / 0 stretch; }
html[data-era='ancient'] .modal.pn::before { display: none; }
html[data-era='ancient'] .m-plate.pn { background: none; border: 0 solid transparent; border-image: url('panel_ancient.webp') 145 145 145 145 fill / 24px / 0 stretch; }
html[data-era='ancient'] .m-plate.pn::before { display: none; }
html[data-era='ancient'] .tr-side, html[data-era='ancient'] .co-side { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('panel_ancient.webp') 145 145 145 145 fill / 24px / 0 stretch; }
html[data-era='ancient'] :is(.modal-t, .tr-h b, .mc-name, .cxm-name) { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('plate_ancient.webp') 0 190 0 190 fill / 0 49px / 0 stretch; }
html[data-era='ancient'] :is(.mc-name, .cxm-name, .tr-h b) { border-image-width: 0 39px; }
html[data-era='ancient'] :is(.fb-i, .cxa.done .cxa-i, .toast.t-ach .toast-i, .toast.t-unlock .toast-i) { background: url('badge_ancient.webp') center / contain no-repeat; box-shadow: none; }
html[data-era='final'] .pn::before { padding: 0; background: none; -webkit-mask: none; mask: none; border: 0 solid transparent; border-image: url('frame_ancient.webp') 145 145 145 145 / 22px / 0 stretch; }
html[data-era='final'] .btn { background: none; box-shadow: none; color: #4a2f14; border: 0 solid transparent; border-image: url('btn_ancient.webp') 0 144 0 144 fill / 0 30px / 0 stretch; }
html[data-era='final'] .btn.big { border-image-width: 0 44px; }
html[data-era='final'] .btn.ghost { background: none; box-shadow: none; color: #5a4630; border-image-source: url('btn2_ancient.webp'); }
html[data-era='final'] .tab { background: none; box-shadow: none; color: #7a6548; border: 0 solid transparent; border-image: url('tab_off_ancient.webp') 0 140 0 140 fill / 0 16px / 0 stretch; }
html[data-era='final'] .tab.on { background: none; box-shadow: none; color: #4a2f14; border-image-source: url('tab_on_ancient.webp'); }
html[data-era='final'] .cx-tab { background: none; box-shadow: none; color: #7a6548; border: 0 solid transparent; border-radius: 0; border-image: url('tabw_off_ancient.webp') 0 167 0 167 fill / 0 46px / 0 stretch; }
html[data-era='final'] .cx-tab.on { background: none; box-shadow: none; color: #4a2f14; border-image: url('tabw_on_ancient.webp') 0 167 0 167 fill / 0 46px / 0 stretch; }
html[data-era='final'] :is(.mult, .ex-r, .st-seg-b, .chip) { background: none; box-shadow: none; color: #7a6548; border: 0 solid transparent; border-radius: 0; border-image: url('chip_off_ancient.webp') 0 84 0 84 fill / 0 14px / 0 stretch; }
html[data-era='final'] :is(.mult, .ex-r, .st-seg-b, .chip).on { background: none; box-shadow: none; color: #4a2f14; border-image: url('chip_on_ancient.webp') 0 84 0 84 fill / 0 14px / 0 stretch; }
html[data-era='final'] .mult { border-image-width: 0 10px; }
html[data-era='final'] .modal.pn { background: none; border: 0 solid transparent; border-image: url('panel_ancient.webp') 145 145 145 145 fill / 48px / 0 stretch; }
html[data-era='final'] .modal.pn::before { display: none; }
html[data-era='final'] .m-plate.pn { background: none; border: 0 solid transparent; border-image: url('panel_ancient.webp') 145 145 145 145 fill / 24px / 0 stretch; }
html[data-era='final'] .m-plate.pn::before { display: none; }
html[data-era='final'] .tr-side, html[data-era='final'] .co-side { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('panel_ancient.webp') 145 145 145 145 fill / 24px / 0 stretch; }
html[data-era='final'] :is(.modal-t, .tr-h b, .mc-name, .cxm-name) { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('plate_ancient.webp') 0 190 0 190 fill / 0 49px / 0 stretch; }
html[data-era='final'] :is(.mc-name, .cxm-name, .tr-h b) { border-image-width: 0 39px; }
html[data-era='final'] :is(.fb-i, .cxa.done .cxa-i, .toast.t-ach .toast-i, .toast.t-unlock .toast-i) { background: url('badge_ancient.webp') center / contain no-repeat; box-shadow: none; }
html[data-era='showa'] .pn::before { padding: 0; background: none; -webkit-mask: none; mask: none; border: 0 solid transparent; border-image: url('frame_showa.webp') 176 176 176 176 / 22px / 0 stretch; }
html[data-era='showa'] .btn { background: none; box-shadow: none; color: #fff6e4; border: 0 solid transparent; border-image: url('btn_showa.webp') 0 144 0 144 fill / 0 30px / 0 stretch; }
html[data-era='showa'] .btn.big { border-image-width: 0 44px; }
html[data-era='showa'] .btn.ghost { background: none; box-shadow: none; color: #5a2a12; border-image-source: url('btn2_showa.webp'); }
html[data-era='showa'] .tab { background: none; box-shadow: none; color: #f6dfb6; border: 0 solid transparent; border-image: url('tab_off_showa.webp') 0 136 0 136 fill / 0 16px / 0 stretch; }
html[data-era='showa'] .tab.on { background: none; box-shadow: none; color: #7a1f10; border-image-source: url('tab_on_showa.webp'); }
html[data-era='showa'] .cx-tab { background: none; box-shadow: none; color: #f6dfb6; border: 0 solid transparent; border-radius: 0; border-image: url('tabw_off_showa.webp') 0 146 0 146 fill / 0 41px / 0 stretch; }
html[data-era='showa'] .cx-tab.on { background: none; box-shadow: none; color: #7a1f10; border-image: url('tabw_on_showa.webp') 0 146 0 146 fill / 0 41px / 0 stretch; }
html[data-era='showa'] :is(.mult, .ex-r, .st-seg-b, .chip) { background: none; box-shadow: none; color: #fbe9c6; border: 0 solid transparent; border-radius: 0; border-image: url('chip_off_showa.webp') 0 72 0 72 fill / 0 14px / 0 stretch; }
html[data-era='showa'] :is(.mult, .ex-r, .st-seg-b, .chip).on { background: none; box-shadow: none; color: #5a2a12; border-image: url('chip_on_showa.webp') 0 72 0 72 fill / 0 14px / 0 stretch; }
html[data-era='showa'] .mult { border-image-width: 0 10px; }
html[data-era='showa'] .modal.pn { background: none; border: 0 solid transparent; border-image: url('panel_showa.webp') 176 176 176 176 fill / 59px / 0 stretch; }
html[data-era='showa'] .modal.pn::before { display: none; }
html[data-era='showa'] .m-plate.pn { background: none; border: 0 solid transparent; border-image: url('panel_showa.webp') 176 176 176 176 fill / 29px / 0 stretch; }
html[data-era='showa'] .m-plate.pn::before { display: none; }
html[data-era='showa'] .tr-side, html[data-era='showa'] .co-side { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('panel_showa.webp') 176 176 176 176 fill / 29px / 0 stretch; }
html[data-era='showa'] :is(.modal-t, .tr-h b, .mc-name, .cxm-name) { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('plate_showa.webp') 0 187 0 187 fill / 0 47px / 0 stretch; }
html[data-era='showa'] :is(.mc-name, .cxm-name, .tr-h b) { border-image-width: 0 37px; }
html[data-era='showa'] :is(.fb-i, .cxa.done .cxa-i, .toast.t-ach .toast-i, .toast.t-unlock .toast-i) { background: url('badge_showa.webp') center / contain no-repeat; box-shadow: none; }
html[data-era='heisei'] .pn::before { padding: 0; background: none; -webkit-mask: none; mask: none; border: 0 solid transparent; border-image: url('frame_heisei.webp') 192 192 192 192 / 22px / 0 stretch; }
html[data-era='heisei'] .btn { background: none; box-shadow: none; color: #ffffff; border: 0 solid transparent; border-image: url('btn_heisei.webp') 0 136 0 136 fill / 0 30px / 0 stretch; }
html[data-era='heisei'] .btn.big { border-image-width: 0 44px; }
html[data-era='heisei'] .btn.ghost { background: none; box-shadow: none; color: #cfefff; border-image-source: url('btn2_heisei.webp'); }
html[data-era='heisei'] .tab { background: none; box-shadow: none; color: #8fc4e8; border: 0 solid transparent; border-image: url('tab_off_heisei.webp') 0 108 0 108 fill / 0 16px / 0 stretch; }
html[data-era='heisei'] .tab.on { background: none; box-shadow: none; color: #ffffff; border-image-source: url('tab_on_heisei.webp'); }
html[data-era='heisei'] .cx-tab { background: none; box-shadow: none; color: #8fc4e8; border: 0 solid transparent; border-radius: 0; border-image: url('tabw_off_heisei.webp') 0 129 0 129 fill / 0 40px / 0 stretch; }
html[data-era='heisei'] .cx-tab.on { background: none; box-shadow: none; color: #ffffff; border-image: url('tabw_on_heisei.webp') 0 132 0 132 fill / 0 41px / 0 stretch; }
html[data-era='heisei'] :is(.mult, .ex-r, .st-seg-b, .chip) { background: none; box-shadow: none; color: #8fc4e8; border: 0 solid transparent; border-radius: 0; border-image: url('chip_off_heisei.webp') 0 84 0 84 fill / 0 14px / 0 stretch; }
html[data-era='heisei'] :is(.mult, .ex-r, .st-seg-b, .chip).on { background: none; box-shadow: none; color: #ffffff; border-image: url('chip_on_heisei.webp') 0 84 0 84 fill / 0 14px / 0 stretch; }
html[data-era='heisei'] .mult { border-image-width: 0 10px; }
html[data-era='heisei'] .modal.pn { background: none; border: 0 solid transparent; border-image: url('panel_heisei.webp') 192 192 192 192 fill / 64px / 0 stretch; }
html[data-era='heisei'] .modal.pn::before { display: none; }
html[data-era='heisei'] .m-plate.pn { background: none; border: 0 solid transparent; border-image: url('panel_heisei.webp') 192 192 192 192 fill / 32px / 0 stretch; }
html[data-era='heisei'] .m-plate.pn::before { display: none; }
html[data-era='heisei'] .tr-side, html[data-era='heisei'] .co-side { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('panel_heisei.webp') 192 192 192 192 fill / 32px / 0 stretch; }
html[data-era='heisei'] :is(.modal-t, .tr-h b, .mc-name, .cxm-name) { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('plate_heisei.webp') 0 204 0 204 fill / 0 57px / 0 stretch; }
html[data-era='heisei'] :is(.mc-name, .cxm-name, .tr-h b) { border-image-width: 0 45px; }
html[data-era='heisei'] :is(.fb-i, .cxa.done .cxa-i, .toast.t-ach .toast-i, .toast.t-unlock .toast-i) { background: url('badge_heisei.webp') center / contain no-repeat; box-shadow: none; }
html[data-era='modern'] .pn::before { padding: 0; background: none; -webkit-mask: none; mask: none; border: 0 solid transparent; border-image: url('frame_modern.webp') 153 153 153 153 / 22px / 0 stretch; }
html[data-era='modern'] .btn { background: none; box-shadow: none; color: #ffe08a; border: 0 solid transparent; border-image: url('btn_modern.webp') 0 151 0 151 fill / 0 30px / 0 stretch; }
html[data-era='modern'] .btn.big { border-image-width: 0 44px; }
html[data-era='modern'] .btn.ghost { background: none; box-shadow: none; color: #e6e0d0; border-image-source: url('btn2_modern.webp'); }
html[data-era='modern'] .tab { background: none; box-shadow: none; color: #a89a7a; border: 0 solid transparent; border-image: url('tab_off_modern.webp') 0 98 0 98 fill / 0 16px / 0 stretch; }
html[data-era='modern'] .tab.on { background: none; box-shadow: none; color: #ffe08a; border-image-source: url('tab_on_modern.webp'); }
html[data-era='modern'] .cx-tab { background: none; box-shadow: none; color: #a89a7a; border: 0 solid transparent; border-radius: 0; border-image: url('tabw_off_modern.webp') 0 132 0 132 fill / 0 40px / 0 stretch; }
html[data-era='modern'] .cx-tab.on { background: none; box-shadow: none; color: #ffe08a; border-image: url('tabw_on_modern.webp') 0 128 0 128 fill / 0 39px / 0 stretch; }
html[data-era='modern'] :is(.mult, .ex-r, .st-seg-b, .chip) { background: none; box-shadow: none; color: #a89a7a; border: 0 solid transparent; border-radius: 0; border-image: url('chip_off_modern.webp') 0 75 0 75 fill / 0 14px / 0 stretch; }
html[data-era='modern'] :is(.mult, .ex-r, .st-seg-b, .chip).on { background: none; box-shadow: none; color: #ffe08a; border-image: url('chip_on_modern.webp') 0 76 0 76 fill / 0 14px / 0 stretch; }
html[data-era='modern'] .mult { border-image-width: 0 10px; }
html[data-era='modern'] .modal.pn { background: none; border: 0 solid transparent; border-image: url('panel_modern.webp') 153 153 153 153 fill / 51px / 0 stretch; }
html[data-era='modern'] .modal.pn::before { display: none; }
html[data-era='modern'] .m-plate.pn { background: none; border: 0 solid transparent; border-image: url('panel_modern.webp') 153 153 153 153 fill / 25px / 0 stretch; }
html[data-era='modern'] .m-plate.pn::before { display: none; }
html[data-era='modern'] .tr-side, html[data-era='modern'] .co-side { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('panel_modern.webp') 153 153 153 153 fill / 25px / 0 stretch; }
html[data-era='modern'] :is(.modal-t, .tr-h b, .mc-name, .cxm-name) { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('plate_modern.webp') 0 204 0 204 fill / 0 56px / 0 stretch; }
html[data-era='modern'] :is(.mc-name, .cxm-name, .tr-h b) { border-image-width: 0 44px; }
html[data-era='modern'] :is(.fb-i, .cxa.done .cxa-i, .toast.t-ach .toast-i, .toast.t-unlock .toast-i) { background: url('badge_modern.webp') center / contain no-repeat; box-shadow: none; }
html[data-era='magic'] .pn::before { padding: 0; background: none; -webkit-mask: none; mask: none; border: 0 solid transparent; border-image: url('frame_unreal.webp') 222 222 222 222 / 22px / 0 stretch; }
html[data-era='magic'] .btn { background: none; box-shadow: none; color: #ffffff; border: 0 solid transparent; border-image: url('btn_unreal.webp') 0 177 0 177 fill / 0 30px / 0 stretch; }
html[data-era='magic'] .btn.big { border-image-width: 0 44px; }
html[data-era='magic'] .btn.ghost { background: none; box-shadow: none; color: #cfe4ff; border-image-source: url('btn2_unreal.webp'); }
html[data-era='magic'] .tab { background: none; box-shadow: none; color: #9dbbe6; border: 0 solid transparent; border-image: url('tab_off_unreal.webp') 0 102 0 102 fill / 0 16px / 0 stretch; }
html[data-era='magic'] .tab.on { background: none; box-shadow: none; color: #ffffff; border-image-source: url('tab_on_unreal.webp'); }
html[data-era='magic'] .cx-tab { background: none; box-shadow: none; color: #9dbbe6; border: 0 solid transparent; border-radius: 0; border-image: url('tabw_off_unreal.webp') 0 140 0 140 fill / 0 44px / 0 stretch; }
html[data-era='magic'] .cx-tab.on { background: none; box-shadow: none; color: #ffffff; border-image: url('tabw_on_unreal.webp') 0 137 0 137 fill / 0 43px / 0 stretch; }
html[data-era='magic'] :is(.mult, .ex-r, .st-seg-b, .chip) { background: none; box-shadow: none; color: #9dbbe6; border: 0 solid transparent; border-radius: 0; border-image: url('chip_off_unreal.webp') 0 103 0 103 fill / 0 20px / 0 stretch; }
html[data-era='magic'] :is(.mult, .ex-r, .st-seg-b, .chip).on { background: none; box-shadow: none; color: #ffffff; border-image: url('chip_on_unreal.webp') 0 82 0 82 fill / 0 16px / 0 stretch; }
html[data-era='magic'] .mult { border-image-width: 0 15px; }
html[data-era='magic'] .modal.pn { background: none; border: 0 solid transparent; border-image: url('panel_unreal.webp') 222 222 222 222 fill / 74px / 0 stretch; }
html[data-era='magic'] .modal.pn::before { display: none; }
html[data-era='magic'] .m-plate.pn { background: none; border: 0 solid transparent; border-image: url('panel_unreal.webp') 222 222 222 222 fill / 37px / 0 stretch; }
html[data-era='magic'] .m-plate.pn::before { display: none; }
html[data-era='magic'] .tr-side, html[data-era='magic'] .co-side { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('panel_unreal.webp') 222 222 222 222 fill / 37px / 0 stretch; }
html[data-era='magic'] :is(.modal-t, .tr-h b, .mc-name, .cxm-name) { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('plate_unreal.webp') 0 189 0 189 fill / 0 52px / 0 stretch; }
html[data-era='magic'] :is(.mc-name, .cxm-name, .tr-h b) { border-image-width: 0 41px; }
html[data-era='magic'] :is(.fb-i, .cxa.done .cxa-i, .toast.t-ach .toast-i, .toast.t-unlock .toast-i) { background: url('badge_unreal.webp') center / contain no-repeat; box-shadow: none; }
html[data-era='sf'] .pn::before { padding: 0; background: none; -webkit-mask: none; mask: none; border: 0 solid transparent; border-image: url('frame_unreal.webp') 222 222 222 222 / 22px / 0 stretch; }
html[data-era='sf'] .btn { background: none; box-shadow: none; color: #ffffff; border: 0 solid transparent; border-image: url('btn_unreal.webp') 0 177 0 177 fill / 0 30px / 0 stretch; }
html[data-era='sf'] .btn.big { border-image-width: 0 44px; }
html[data-era='sf'] .btn.ghost { background: none; box-shadow: none; color: #cfe4ff; border-image-source: url('btn2_unreal.webp'); }
html[data-era='sf'] .tab { background: none; box-shadow: none; color: #9dbbe6; border: 0 solid transparent; border-image: url('tab_off_unreal.webp') 0 102 0 102 fill / 0 16px / 0 stretch; }
html[data-era='sf'] .tab.on { background: none; box-shadow: none; color: #ffffff; border-image-source: url('tab_on_unreal.webp'); }
html[data-era='sf'] .cx-tab { background: none; box-shadow: none; color: #9dbbe6; border: 0 solid transparent; border-radius: 0; border-image: url('tabw_off_unreal.webp') 0 140 0 140 fill / 0 44px / 0 stretch; }
html[data-era='sf'] .cx-tab.on { background: none; box-shadow: none; color: #ffffff; border-image: url('tabw_on_unreal.webp') 0 137 0 137 fill / 0 43px / 0 stretch; }
html[data-era='sf'] :is(.mult, .ex-r, .st-seg-b, .chip) { background: none; box-shadow: none; color: #9dbbe6; border: 0 solid transparent; border-radius: 0; border-image: url('chip_off_unreal.webp') 0 103 0 103 fill / 0 20px / 0 stretch; }
html[data-era='sf'] :is(.mult, .ex-r, .st-seg-b, .chip).on { background: none; box-shadow: none; color: #ffffff; border-image: url('chip_on_unreal.webp') 0 82 0 82 fill / 0 16px / 0 stretch; }
html[data-era='sf'] .mult { border-image-width: 0 15px; }
html[data-era='sf'] .modal.pn { background: none; border: 0 solid transparent; border-image: url('panel_unreal.webp') 222 222 222 222 fill / 74px / 0 stretch; }
html[data-era='sf'] .modal.pn::before { display: none; }
html[data-era='sf'] .m-plate.pn { background: none; border: 0 solid transparent; border-image: url('panel_unreal.webp') 222 222 222 222 fill / 37px / 0 stretch; }
html[data-era='sf'] .m-plate.pn::before { display: none; }
html[data-era='sf'] .tr-side, html[data-era='sf'] .co-side { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('panel_unreal.webp') 222 222 222 222 fill / 37px / 0 stretch; }
html[data-era='sf'] :is(.modal-t, .tr-h b, .mc-name, .cxm-name) { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('plate_unreal.webp') 0 189 0 189 fill / 0 52px / 0 stretch; }
html[data-era='sf'] :is(.mc-name, .cxm-name, .tr-h b) { border-image-width: 0 41px; }
html[data-era='sf'] :is(.fb-i, .cxa.done .cxa-i, .toast.t-ach .toast-i, .toast.t-unlock .toast-i) { background: url('badge_unreal.webp') center / contain no-repeat; box-shadow: none; }
html[data-era='mystic'] .pn::before { padding: 0; background: none; -webkit-mask: none; mask: none; border: 0 solid transparent; border-image: url('frame_unreal.webp') 222 222 222 222 / 22px / 0 stretch; }
html[data-era='mystic'] .btn { background: none; box-shadow: none; color: #ffffff; border: 0 solid transparent; border-image: url('btn_unreal.webp') 0 177 0 177 fill / 0 30px / 0 stretch; }
html[data-era='mystic'] .btn.big { border-image-width: 0 44px; }
html[data-era='mystic'] .btn.ghost { background: none; box-shadow: none; color: #cfe4ff; border-image-source: url('btn2_unreal.webp'); }
html[data-era='mystic'] .tab { background: none; box-shadow: none; color: #9dbbe6; border: 0 solid transparent; border-image: url('tab_off_unreal.webp') 0 102 0 102 fill / 0 16px / 0 stretch; }
html[data-era='mystic'] .tab.on { background: none; box-shadow: none; color: #ffffff; border-image-source: url('tab_on_unreal.webp'); }
html[data-era='mystic'] .cx-tab { background: none; box-shadow: none; color: #9dbbe6; border: 0 solid transparent; border-radius: 0; border-image: url('tabw_off_unreal.webp') 0 140 0 140 fill / 0 44px / 0 stretch; }
html[data-era='mystic'] .cx-tab.on { background: none; box-shadow: none; color: #ffffff; border-image: url('tabw_on_unreal.webp') 0 137 0 137 fill / 0 43px / 0 stretch; }
html[data-era='mystic'] :is(.mult, .ex-r, .st-seg-b, .chip) { background: none; box-shadow: none; color: #9dbbe6; border: 0 solid transparent; border-radius: 0; border-image: url('chip_off_unreal.webp') 0 103 0 103 fill / 0 20px / 0 stretch; }
html[data-era='mystic'] :is(.mult, .ex-r, .st-seg-b, .chip).on { background: none; box-shadow: none; color: #ffffff; border-image: url('chip_on_unreal.webp') 0 82 0 82 fill / 0 16px / 0 stretch; }
html[data-era='mystic'] .mult { border-image-width: 0 15px; }
html[data-era='mystic'] .modal.pn { background: none; border: 0 solid transparent; border-image: url('panel_unreal.webp') 222 222 222 222 fill / 74px / 0 stretch; }
html[data-era='mystic'] .modal.pn::before { display: none; }
html[data-era='mystic'] .m-plate.pn { background: none; border: 0 solid transparent; border-image: url('panel_unreal.webp') 222 222 222 222 fill / 37px / 0 stretch; }
html[data-era='mystic'] .m-plate.pn::before { display: none; }
html[data-era='mystic'] .tr-side, html[data-era='mystic'] .co-side { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('panel_unreal.webp') 222 222 222 222 fill / 37px / 0 stretch; }
html[data-era='mystic'] :is(.modal-t, .tr-h b, .mc-name, .cxm-name) { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('plate_unreal.webp') 0 189 0 189 fill / 0 52px / 0 stretch; }
html[data-era='mystic'] :is(.mc-name, .cxm-name, .tr-h b) { border-image-width: 0 41px; }
html[data-era='mystic'] :is(.fb-i, .cxa.done .cxa-i, .toast.t-ach .toast-i, .toast.t-unlock .toast-i) { background: url('badge_unreal.webp') center / contain no-repeat; box-shadow: none; }
html[data-era='cosmic'] .pn::before { padding: 0; background: none; -webkit-mask: none; mask: none; border: 0 solid transparent; border-image: url('frame_unreal.webp') 222 222 222 222 / 22px / 0 stretch; }
html[data-era='cosmic'] .btn { background: none; box-shadow: none; color: #ffffff; border: 0 solid transparent; border-image: url('btn_unreal.webp') 0 177 0 177 fill / 0 30px / 0 stretch; }
html[data-era='cosmic'] .btn.big { border-image-width: 0 44px; }
html[data-era='cosmic'] .btn.ghost { background: none; box-shadow: none; color: #cfe4ff; border-image-source: url('btn2_unreal.webp'); }
html[data-era='cosmic'] .tab { background: none; box-shadow: none; color: #9dbbe6; border: 0 solid transparent; border-image: url('tab_off_unreal.webp') 0 102 0 102 fill / 0 16px / 0 stretch; }
html[data-era='cosmic'] .tab.on { background: none; box-shadow: none; color: #ffffff; border-image-source: url('tab_on_unreal.webp'); }
html[data-era='cosmic'] .cx-tab { background: none; box-shadow: none; color: #9dbbe6; border: 0 solid transparent; border-radius: 0; border-image: url('tabw_off_unreal.webp') 0 140 0 140 fill / 0 44px / 0 stretch; }
html[data-era='cosmic'] .cx-tab.on { background: none; box-shadow: none; color: #ffffff; border-image: url('tabw_on_unreal.webp') 0 137 0 137 fill / 0 43px / 0 stretch; }
html[data-era='cosmic'] :is(.mult, .ex-r, .st-seg-b, .chip) { background: none; box-shadow: none; color: #9dbbe6; border: 0 solid transparent; border-radius: 0; border-image: url('chip_off_unreal.webp') 0 103 0 103 fill / 0 20px / 0 stretch; }
html[data-era='cosmic'] :is(.mult, .ex-r, .st-seg-b, .chip).on { background: none; box-shadow: none; color: #ffffff; border-image: url('chip_on_unreal.webp') 0 82 0 82 fill / 0 16px / 0 stretch; }
html[data-era='cosmic'] .mult { border-image-width: 0 15px; }
html[data-era='cosmic'] .modal.pn { background: none; border: 0 solid transparent; border-image: url('panel_unreal.webp') 222 222 222 222 fill / 74px / 0 stretch; }
html[data-era='cosmic'] .modal.pn::before { display: none; }
html[data-era='cosmic'] .m-plate.pn { background: none; border: 0 solid transparent; border-image: url('panel_unreal.webp') 222 222 222 222 fill / 37px / 0 stretch; }
html[data-era='cosmic'] .m-plate.pn::before { display: none; }
html[data-era='cosmic'] .tr-side, html[data-era='cosmic'] .co-side { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('panel_unreal.webp') 222 222 222 222 fill / 37px / 0 stretch; }
html[data-era='cosmic'] :is(.modal-t, .tr-h b, .mc-name, .cxm-name) { background: none; box-shadow: none; border: 0 solid transparent; border-image: url('plate_unreal.webp') 0 189 0 189 fill / 0 52px / 0 stretch; }
html[data-era='cosmic'] :is(.mc-name, .cxm-name, .tr-h b) { border-image-width: 0 41px; }
html[data-era='cosmic'] :is(.fb-i, .cxa.done .cxa-i, .toast.t-ach .toast-i, .toast.t-unlock .toast-i) { background: url('badge_unreal.webp') center / contain no-repeat; box-shadow: none; }