/* Bounded, centered panels retain an outer margin on phones and tablets. */
.mobile-fit #modal.original-panel:not(.scroll-menu):not(.settlement-panel){width:min(440px,calc(var(--jh-safe-w) - 24px))!important;max-width:calc(var(--jh-safe-w) - 24px)!important;height:min(650px,calc(var(--jh-safe-h) - 48px))!important;max-height:calc(var(--jh-safe-h) - 48px)!important;margin:auto!important;padding:10px!important;border-radius:12px!important}
.classic-title{top:2%;left:4%;width:92%;height:auto}.classic-free,.classic-version{display:none}.classic-online{top:25.5%;left:10%;width:60%;height:5.2%;border-radius:0;background:#7b2724}.classic-online img{width:48%;height:100%}.classic-menu{left:27%;width:50%;top:61%;padding:0;gap:2cqw;background:none;border:0;box-shadow:none;border-radius:0}.classic-menu button{height:12.7cqw;min-height:0}.classic-menu .menu-art,.classic-menu .version-menu-label{height:12.7cqw;font-size:11.7cqw}.classic-login{border-radius:0}.classic-frame{background-position:center;background-size:cover}
.roster-screen{border-radius:0;background:#10241f}.roster-screen>header{border:4px double #85a778;border-radius:16px;background:#203f39;margin:2px;padding:8px;font-size:clamp(19px,6cqw,30px)}.roster-screen .role-frame{border-radius:0;border:3px double #8d9e73;margin:4px 3px 0;padding:9cqw 4cqw 2cqw;border-bottom:0}.roster-screen .role-card{border:2px solid #638b69;border-radius:3px;background:#203b31;margin-bottom:3cqw;min-height:27cqw;overflow:hidden}.roster-screen .role-card.selected{background:#375e50;border-color:#8cb38b}.roster-screen .role-enter{font:clamp(17px,5.5cqw,28px)/1.22 JHPixel,SimSun,serif;padding:2cqw 7cqw;min-height:26cqw;gap:4cqw}.roster-screen .role-enter>span{padding:0;min-width:0}.roster-screen .role-enter canvas{width:18cqw;height:23cqw;max-width:25%;flex:none}.roster-screen .role-add{font:6cqw JHPixel,SimSun,serif;color:#7e986d}.roster-screen>footer{display:flex;justify-content:space-between;gap:12px;min-height:60px;padding:10px 5cqw;border:3px double #8d9e73;border-top:0;margin:0 3px 3px}.roster-screen footer button{display:inline-block;margin:0;min-height:38px;min-width:72px;padding:4px 10px;background:#315c51;color:#d2d9a0;border:3px double #4e9b91;border-radius:5px;font:clamp(18px,5cqw,26px) JHPixel,SimSun,serif}.roster-arrow{text-align:center;color:#ceeaa8;font-size:22px;height:30px;margin:0 3px;border:3px double #8d9e73;border-top:0;border-bottom:0;text-shadow:1px 1px #000}
.enhance-refine-row{padding:12px;margin:10px 0;border:1px solid #618378;border-radius:8px;background:#244239}.enhance-refine-row h4{margin:0 0 8px;color:#e2d2a4}.enhance-refine-row p{margin:6px 0;font-size:14px}.enhance-refine-row button{width:100%;min-height:38px}.enhance-refine-comparison{border:1px solid #759680;border-radius:8px;padding:12px;background:#26483e}.enhance-refine-row input{accent-color:#d9cd8b}
@media(max-height:480px){.classic-title{top:1%;left:12%;width:76%}.classic-online{display:flex;top:23%;height:5%}.classic-menu{top:45%;left:27%;width:46%;gap:1cqw}.classic-menu button{min-height:0;height:10cqw}.classic-menu .menu-art,.classic-menu .version-menu-label{height:10cqw;font-size:9cqw}.roster-screen .role-frame{padding-top:10px}.roster-screen .role-enter{min-height:80px;font-size:16px}.roster-screen .role-card{min-height:80px}.roster-screen .role-enter canvas{height:76px}.roster-screen>footer{min-height:48px;padding:5px}.roster-arrow{display:none}}
.enhance-refine-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}.enhance-refine-controls button:last-child{grid-column:1/-1}.enhance-refine-controls button[aria-pressed=true]{background:#54785d;color:#fff7bb;border-color:#b8bc83}