.cg-play{width:min(1060px,100%)}.cg-battle{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;align-items:center}.cg-arena{max-width:600px;margin:8px auto 0}.cg-arena canvas{aspect-ratio:600/680;cursor:crosshair}.cg-command{display:grid;gap:12px}.cg-weapons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.cg-weapons button{padding:12px 5px;min-height:58px}.cg-weapons b,.cg-weapons small{display:block}.cg-weapons b{font-size:.86rem}.cg-weapons small{font-size:.68rem;margin-top:4px}.cg-weapons .selected{background:#a5f0d7;color:#102d35;border:2px solid #e9fff3;box-shadow:0 0 16px #83efd533}.cg-command>#cg-skill{min-height:48px}.cg button:disabled{opacity:.52;cursor:default}.cg-allies{display:grid;gap:7px;background:#172f3bd9;padding:12px;border-radius:15px}.cg-allies p{margin:0 0 4px;font-weight:800}.cg-allies p small{display:block;margin-top:3px;font-weight:400}.cg-allies button{min-height:44px;font-size:.82rem}.cg-allies>small{font-size:.7rem;line-height:1.5;color:#b5d6d5}.cg-float{top:10%;width:max-content;max-width:92%;font-size:.85rem;text-align:center;border:1px solid #8bdcc6;white-space:normal}.cg-bars label:first-child{font-size:0}.cg-bars label:first-child:before{content:'防線';font-size:.85rem}.cg-bottom small{line-height:1.6}.cg-hud{grid-template-columns:1fr 1fr 1fr;font-size:.8rem}.cg-hud>div:nth-child(2){grid-column:2}.cg-hud>div:last-child{grid-column:1/-1;flex-direction:row;justify-content:space-between}.cg footer{margin-top:12px}
@media(max-width:760px){.cg{padding:8px;gap:6px}.cg-battle{grid-template-columns:1fr;gap:6px}.cg-arena{width:100%;max-width:450px;margin-top:5px;border-radius:12px}.cg-command{gap:6px}.cg-weapons button{padding:7px 3px;min-height:46px}.cg-weapons b{font-size:.8rem}.cg-command>#cg-skill{min-height:42px;padding:8px}.cg-allies{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;gap:4px}.cg-allies p,.cg-allies>small{grid-column:1/-1}.cg-allies p{font-size:.76rem}.cg-allies p small{display:inline;margin-left:8px}.cg-allies button{padding:6px 3px;font-size:.69rem;line-height:1.5}.cg-hud{gap:5px;padding:8px;font-size:.67rem;grid-template-columns:1fr 1fr}.cg-hud>div:nth-child(2){grid-column:auto}.cg-hud>.cg-bars{grid-column:1/-1;flex-direction:row}.cg-bars label{flex:1;font-size:.68rem}.cg-bars label:first-child:before{font-size:.68rem}.cg-bars meter{width:35px}.cg-bottom{padding:2px;margin:0}.cg-bottom b{font-size:.72rem}.cg-bottom small{font-size:.66rem}.cg-float{font-size:.72rem;padding:6px 9px}}
@media(min-width:761px) and (max-height:850px){.cg-battle{grid-template-columns:minmax(0,470px) 270px;justify-content:center}.cg-arena{max-height:65vh;width:auto}.cg-arena canvas{max-height:65vh;width:auto;max-width:100%}}
.cg .cg-weapons button.selected,.cg .cg-weapons button.selected:hover,.cg .cg-weapons button.selected:focus{background:#a5f0d7;color:#102d35;border-color:#e9fff3}
.cg-loot{background:#102732ed;border:1px solid #e6c27c88;border-radius:14px;padding:9px 10px;color:#f8f4e9}.cg-loot strong{display:block;color:#ffe4ad;font-size:.8rem}.cg-loot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:7px 0}.cg-loot-grid span{min-width:0;background:#26424d;border:1px solid #789fa2;border-radius:8px;padding:5px 6px;color:#fff;font-weight:700;font-size:.72rem;line-height:1.2}.cg-loot-grid span.active{border-color:#ffe29d;box-shadow:0 0 12px #ffd56c77;background:#3a4d53}.cg-loot-grid small{display:block;font-size:.58rem;font-weight:500;color:#d9eced;line-height:1.35;margin-top:2px}.cg-loot-status{margin:0;color:#e6ede7;font-size:.67rem;line-height:1.4}
@media(max-width:760px){.cg-loot{padding:7px 8px}.cg-loot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.cg-loot-grid span{padding:4px 5px;font-size:.68rem}.cg-loot-grid small{font-size:.55rem}}