.o-modal{width:100%;height:100%!important;max-width:none!important;background:#1c3330!important;color:#f5e7c6;border:0!important;border-radius:0!important;padding:0!important;display:flex;flex-direction:column}.o-modal>header{display:none!important}.o-modal>.modal-body{height:100%;min-height:0;padding:0!important;overflow:hidden!important}.o-room{height:100%;padding:10px 14px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;overflow:hidden}.o-room button{min-height:38px;background:#304c40;color:#f4e7c5;border:1px solid #859776;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:700}.o-room button.selected{background:#66764e;box-shadow:inset 0 0 0 1px #eaca75;border-color:#eaca75}.o-room button.primary{background:#e0bd6d;color:#19372f}.o-room button:disabled{opacity:.4}.o-room h2,.o-room p{margin:0}.o-room select{margin:0;min-height:34px;height:34px;padding:4px 7px;background:#294138;color:#f3e6c7;border:1px solid #84957a}.o-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.o-head>div{display:flex;gap:8px;align-items:center}.o-head .portrait{height:42px;width:31px}.o-head h2{font-size:20px}.o-head small{color:#c5d3bd;font-size:11px}.o-head button:last-child{width:40px;font-size:22px}.o-workbench{display:grid;grid-template-columns:48% 1fr;gap:14px;flex:1;min-height:0}.o-outfit{display:flex;flex-direction:column;gap:9px;min-height:0}.o-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;flex:1;min-height:82px}.o-slots button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;gap:3px;min-width:0}.o-slots svg{width:48px;height:48px}.o-slots small{font-size:10px;color:#d6dcc1}.o-slots b{font-size:12px}.o-slots span{font-size:10px;color:#dedabe}.o-mana{background:#293f35;border:1px solid #718268;padding:7px 9px;border-radius:7px;flex:none}.o-mana>div:first-child{display:flex;justify-content:space-between;gap:6px;font-size:12px}.o-mana strong{color:#d1d7bc;font-size:11px}.o-mana.ready{border-color:#dfc170}.o-mana.ready strong{color:#ffdb76}.o-charge{position:relative;display:flex;height:11px;background:#142d28;margin:6px 0 3px;border-radius:4px}.o-charge i{display:block}.o-charge .part-base{background:#9faf94}.o-charge .part-weapon{background:#dda85e}.o-charge .part-armor{background:#78a7ac}.o-charge .part-relic{background:#a194cb}.o-charge>b{position:absolute;top:-3px;height:17px;border-right:2px solid #f8e6b3;transform:translateX(-2px)}.o-mana>small{font-size:10px;color:#d2d8c1}.o-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;flex:none}.o-stats>div{background:#2a4438;border-radius:4px;padding:5px 7px}.o-stats small,.o-stats span{display:block;font-size:11px}.o-stats small{font-size:10px;color:#c6d1b9}.o-stats .up{color:#a9dfb2}.o-stats .down{color:#ecb79c}.o-skill{font-size:11px;line-height:1.4;color:#e1d8b9;flex:none}.o-bag{display:flex;flex-direction:column;gap:7px;border:1px solid #819478;border-radius:8px;background:#253f33;padding:10px;min-height:0}.o-bag>header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.o-bag>header>b{font-size:13px}.o-bag>header select{width:145px}.o-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;flex:1;min-height:0}.o-items button{display:grid;grid-template-columns:32px 1fr;align-content:center;gap:3px;min-width:0;min-height:0;text-align:left;padding:5px}.o-items svg{width:32px;height:35px}.o-items button b,.o-items button small{display:block;font-size:11px}.o-items button small{font-size:10px;color:#d7d6b8}.o-items button>span{grid-column:1/-1;font-size:10px;line-height:1.3;color:#f6d997}.o-candidate-detail{min-height:31px;font-size:10px;line-height:1.4;flex:none}.o-candidate-detail b{display:block;font-size:11px;color:#e6c478}.o-bag>footer{display:flex;justify-content:space-between;align-items:center;gap:4px;flex:none}.o-bag>footer>span{font-size:10px;color:#c6d3bd}.o-bag>footer button{min-height:28px;height:28px;padding:3px 10px}.o-actions{display:flex;align-items:end;gap:8px;flex:none}.o-actions>div{flex:1;min-width:0}.o-actions small{display:block;font-size:10px;color:#c9d4bc;margin-bottom:4px}.o-actions select{width:100%}.o-actions>button{min-width:134px;min-height:38px}.d-slots .o-entry{flex:1.2;font-size:11px;padding:3px;background:#c7ad64;border-color:#a4823e}
@media(max-height:350px){.o-room{padding:6px 12px;gap:6px}.o-head h2{font-size:17px}.o-head small{display:none}.o-head .portrait{height:32px;width:25px}.o-head button{min-height:30px;height:30px;font-size:11px}.o-head button:last-child{font-size:20px}.o-workbench{gap:10px}.o-outfit{gap:5px}.o-slots{min-height:60px;gap:5px}.o-slots button{padding:3px;gap:1px}.o-slots svg{width:28px;height:28px}.o-slots button>small{display:none}.o-slots b{font-size:11px}.o-slots span{font-size:9px}.o-mana{padding:4px 7px}.o-mana>div:first-child{font-size:11px}.o-mana strong{font-size:10px}.o-charge{height:7px;margin:3px 0}.o-charge>b{height:13px}.o-mana>small{font-size:9px}.o-stats>div{padding:3px 6px}.o-stats small{font-size:9px}.o-stats span{font-size:10px}.o-skill{font-size:10px;line-height:1.2}.o-bag{padding:6px;gap:4px}.o-bag select{min-height:28px;height:28px;padding:0 5px}.o-items{gap:4px}.o-items button{padding:3px;gap:1px;grid-template-columns:25px 1fr}.o-items svg{width:25px;height:25px}.o-items button b{font-size:10px}.o-items button small,.o-items button>span{font-size:9px}.o-candidate-detail{font-size:9px;line-height:1.2;min-height:24px}.o-candidate-detail b{font-size:10px}.o-actions small{display:none}.o-actions select,.o-actions>button{height:33px;min-height:33px;padding:3px 5px}.o-bag>footer button{min-height:25px;height:25px}.o-bag>footer>span{font-size:9px}}
/* Leave enough height for actual item art and keep the commit actions fixed. */
.o-actions small{display:none}.o-actions{align-items:center}.o-actions>button{flex-shrink:0}.o-slots svg{flex-shrink:0;width:36px;height:36px}.o-slots>button>span{display:none}.o-slots{min-height:84px}.o-stats>div{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:5px}.o-stats span{white-space:nowrap;font-size:10px}.o-stats small{font-size:9px}.o-skill{font-size:10px;line-height:1.3}.d-slots button{min-width:0;padding:2px 3px;display:flex;align-items:center;justify-content:center;gap:2px}.d-slots span{white-space:nowrap;font-size:10px}.d-slots .item-art{width:18px;height:22px;flex-shrink:0}.d-slots .o-entry{white-space:nowrap;font-size:10px}
@media(max-height:350px){.o-slots{min-height:62px}.o-slots svg{width:28px;height:28px}.o-stats>div{padding:3px 4px}.o-stats span{font-size:9px}.o-stats small{font-size:9px}.o-skill{font-size:9px;line-height:1.2}}
.o-report{gap:8px}.o-report-head,.o-report-rows article{display:grid;grid-template-columns:1.3fr 1fr 1fr 98px;gap:12px;align-items:center}.o-report-head{padding:0 10px;font-size:12px;flex:none}.o-report-head b{display:flex;align-items:center;gap:10px}.o-report-head em{font-style:normal;color:#f5d887}.o-report-rows{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:7px;flex:1;min-height:0}.o-report-rows article{border:1px solid #7d9075;background:#294334;padding:7px 10px;border-radius:7px;min-height:0}.o-rival{min-width:0;display:flex;flex-direction:column;gap:3px}.o-rival>b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-rival>span{display:flex;height:29px}.o-rival .portrait{height:29px;width:24px}.o-rival>small{font-size:10px;color:#c5d3bd}.o-outcome{display:flex;flex-direction:column;gap:5px;font-size:12px}.o-outcome>b{font-size:15px}.o-outcome small{font-weight:400;font-size:10px}.o-outcome .up{color:#b0e2ad}.o-outcome .down{color:#efbba2}.o-report-actions{display:flex;gap:8px;align-items:center;flex:none}.o-report-actions>div{display:flex;align-items:center;gap:6px;flex:1}.o-report-actions svg{height:35px;width:29px}.o-report-actions small{font-size:11px}.o-report-actions button{min-width:125px}
@media(max-height:350px){.o-report{gap:5px}.o-report-head{font-size:10px}.o-report-rows{gap:4px}.o-report-rows article{padding:4px 8px;gap:8px}.o-rival{gap:1px}.o-rival>b{font-size:11px}.o-rival>span,.o-rival .portrait{height:22px}.o-rival .portrait{width:20px}.o-rival>small{font-size:9px}.o-outcome{gap:2px;font-size:10px}.o-outcome>b{font-size:12px}.o-outcome small{font-size:9px}.o-report-rows button{min-height:31px;font-size:10px}.o-report-actions button{min-height:32px;height:32px}.o-report-actions svg{height:27px;width:24px}.o-report-actions small{font-size:10px}}
.o-rival{gap:2px}.o-rival>b,.o-rival>small{line-height:1.15}.o-rival>span,.o-rival .portrait{height:24px}.o-outcome{gap:3px;line-height:1.2}.o-outcome>b{line-height:1.2}.o-outcome>small,.o-rival>small{color:#d9dfca;opacity:1}.o-report-actions small{color:#d9dfca;opacity:1}
@media(max-height:350px){.o-rival{gap:1px}.o-rival>span,.o-rival .portrait{height:18px}.o-outcome{gap:2px}}