.skill-loadout{padding:12px 16px;background:#f2f5ef;border-top:1px solid #dae2d7;border-radius:0 0 10px 10px;font-size:12px}.skill-loadout>div{display:flex;align-items:center;justify-content:space-between}.skill-loadout p{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.skill-chip{border:1px solid #c0d4bc;background:white;border-radius:5px;padding:5px 7px;color:#284b3c}.skill-chip.passive{border-color:#dfd0a9;background:#fbf8ee;color:#796020}.skill-loadout label{display:flex;gap:8px;align-items:center;color:#56645c}.skill-loadout select{min-width:0;flex:1;padding:7px;border:1px solid #cdd8cc;border-radius:5px;background:white;font:inherit}.skill-picker{display:grid;gap:10px}.skill-option{display:flex;align-items:flex-start;gap:12px;border:1px solid #d9e2d8;border-radius:9px;padding:14px;cursor:pointer}.skill-option input{margin-top:5px;accent-color:#245740;width:18px;height:18px;flex-shrink:0}.skill-option span{min-width:0;display:grid;gap:7px}.skill-option small{line-height:1.6;color:#657268}.skill-option.unavailable{opacity:.55;cursor:default}.skill-picker-footer{position:sticky;bottom:-26px;background:#fff;padding:18px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce3d8;margin-top:20px}.card-skills,.skills-guide{margin:22px 0}.card-skills article,.skill-guide-list article{padding:12px 0;border-bottom:1px solid #e1e5de}.card-skills p,.skills-guide p{font-size:13px;line-height:1.8;color:#536258}.card-skills small,.skill-guide-list small{color:#69796b;line-height:1.7}.skills-guide{padding:20px;background:#f5f7f1;border-radius:10px}.skills-guide summary{cursor:pointer;color:#28543a;font-weight:600}.skill-guide-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.pending-banner{background:#fff8df;border:1px solid #ead89b;border-radius:10px;padding:16px 20px;display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:24px}.pending-banner small{display:block;line-height:1.7;margin-top:5px;color:#736c51}#modal.battle-modal{max-width:900px;width:calc(100% - 32px)}.live-match-heading{display:flex;justify-content:space-between;font-size:12px;color:#5c6d60;margin-bottom:20px}.live-scoreboard{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:20px;align-items:center;background:linear-gradient(90deg,#eaf2e9,#f6f8f0,#eaf2e9);border:1px solid #c8d9c4;border-radius:12px;padding:24px 20px;margin-bottom:20px}.court-player{min-width:0}.court-player h3{font-size:22px;margin:9px 0}.court-player p{line-height:1.65;font-size:12px;color:#50654f}.court-player small{font-size:11px;line-height:1.7;color:#6b796b;display:block}.court-player.defense{text-align:right}.energy-label{font-size:11px;display:flex;justify-content:space-between;margin-top:12px}.energy-meter{height:6px;background:#d9e2d1;border-radius:8px;overflow:hidden;margin:6px 0 12px}.energy-meter span{display:block;height:100%;background:#406d38;transition:width .4s}.court-score{text-align:center}.court-score>strong{display:block;font-size:58px;font-family:Georgia,serif;color:#24482e;white-space:nowrap}.court-score>strong span{font-size:32px;color:#879c7e;margin:0 4px}.court-score>small{font-size:11px;color:#65735b;display:block}.life-status{font-size:12px;line-height:1.6}.live-skill{color:#86601b!important;background:#f7e9bd;padding:7px;border-radius:5px}.battle-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.battle-skill{padding:16px;border:1px solid #cddcca;border-radius:9px;background:#fbfcf7}.battle-skill p{font-size:12px;color:#62735f;line-height:1.7;margin:9px 0}.battle-skill small{display:block;font-size:11px;color:#76836e}.battle-skill>div{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.battle-skill .btn{padding:9px 12px;min-height:40px;font-size:12px}.basic-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.basic-actions .btn{flex:1;white-space:nowrap;font-size:12px;min-height:42px}.skill-events{margin-top:18px;border-top:1px solid #d9e1d3;padding-top:14px}.skill-events summary{cursor:pointer;font-size:13px;color:#426139}.skill-events ol{list-style:none;padding:0;display:grid;gap:12px}.skill-events li small{display:block;color:#819076;font-size:11px;margin-bottom:4px}.skill-events li strong{font-size:12px;font-weight:500}.battle-skill .btn:focus-visible,.skill-option:has(input:focus-visible){outline:2px solid #335d31;outline-offset:2px}
@media(max-width:600px){.live-scoreboard{grid-template-columns:1fr 1fr;gap:15px;padding:16px}.court-score{grid-column:1/-1;grid-row:1}.court-score>strong{font-size:54px}.court-player h3{font-size:19px}.battle-actions{grid-template-columns:1fr}.skill-guide-list{grid-template-columns:1fr}.pending-banner{padding:14px;align-items:flex-start}.pending-banner .btn{padding:10px;white-space:nowrap}.pending-banner small{font-size:11px}.skill-option{padding:12px}.basic-actions .btn{flex:1 1 40%}.live-match-heading{font-size:11px;gap:8px}#modal.battle-modal{width:calc(100% - 16px)}.skill-loadout label{align-items:flex-start;flex-direction:column}.skill-loadout select{width:100%}}