.team-legend{margin-left:auto;color:#65847e;font-size:11px;font-weight:900;white-space:nowrap}.unit .unit-icon{border:4px solid #37c5eb;box-shadow:0 0 0 3px #235e77,0 5px 0 rgba(33,71,66,.28)}.unit.enemy .unit-icon{border-color:#ff6d70;box-shadow:0 0 0 3px #8a3e4a,0 5px 0 rgba(71,33,33,.28)}.unit .unit-hp i{background:#29b8e6}.unit.enemy .unit-hp i{background:#f46b65}.hand-slot{min-width:0;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #d7d2b9;border-radius:12px;background:#eeeedd;color:#abae92}.hand-slot span{font-size:24px;line-height:1}.hand-slot small{font-size:10px;font-weight:800}
.app-shell.battle-mode{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.battle-mode .topbar{height:65px;flex:0 0 65px}.battle-mode .game-layout{display:block;flex:1;min-height:0}.battle-mode .left-column,.battle-mode .right-column,.battle-mode .intro-card,.battle-mode .footer{display:none}.battle-mode .center-column{height:100%;gap:8px}.battle-mode .battle-panel{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px}.battle-mode .battle-heading{margin-bottom:6px}.battle-mode .scorebar{flex:0 0 auto;margin-bottom:8px}.battle-mode .arena{flex:1;min-height:130px;height:auto}.battle-mode .battle-controls{flex:0 0 auto;margin-top:8px}.battle-mode .battle-tip{display:none}.battle-mode .hand-panel{flex:0 0 auto;padding:10px 12px}.battle-mode .battle-hand{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:8px}.battle-mode .hand-card{min-width:0}.battle-mode .hand-slot{min-height:73px}
@media(max-width:780px){.battle-mode .game-layout{display:block}.battle-mode .center-column{width:100%}.battle-mode .hand-panel{width:100%}.battle-mode .battle-hand{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.battle-mode .topbar{height:54px;flex-basis:54px}.battle-mode .brand-mark{width:34px;height:34px;font-size:19px;border-radius:10px}.battle-mode .brand h1{font-size:17px}.battle-mode .resource{height:30px}.battle-mode .sound-button{height:30px;width:30px}.battle-mode .center-column{gap:5px}.battle-mode .battle-panel{padding:7px}.battle-mode .battle-heading{margin-bottom:2px}.battle-mode .battle-heading h2{font-size:15px}.battle-mode .battle-heading .eyebrow{font-size:8px}.battle-mode .battle-status{font-size:9px;padding:5px 7px}.battle-mode .team-legend{display:none}.battle-mode .scorebar{margin-bottom:4px}.battle-mode .arena{min-height:140px}.battle-mode .battle-controls{margin-top:5px}.battle-mode .hand-panel{padding:7px}.battle-mode .hand-panel h2{font-size:14px}.battle-mode .battle-hand{gap:5px;margin-top:5px}.battle-mode .hand-card{padding:3px 2px 2px;box-shadow:none}.battle-mode .hand-icon{font-size:23px;padding:2px 0}.battle-mode .hand-card strong{font-size:9px;margin-top:2px}.battle-mode .hand-card small{font-size:8px}.battle-mode .hand-slot{min-height:58px}.battle-mode .hand-slot span{font-size:19px}.battle-mode .hand-slot small{font-size:8px}.battle-mode .hand-card .cost-badge{width:18px;height:18px;font-size:9px;top:-4px;left:-4px}}