/* 0.30: a compact turn forecast next to the arena, and an independent basic-attack rule. */
.arena-panel{display:grid;grid-template-columns:154px minmax(0,1fr);align-items:start;min-height:0}
#phaser-host{min-width:0;min-height:0;aspect-ratio:1120/680;overflow:hidden}
#turn-order{padding:12px 8px;background:#0c1926;border-right:1px solid #31485a;align-self:stretch;min-width:0}
.turn-order-title{font-size:11px;letter-spacing:1.5px;color:#a1b7c6;margin:0 0 9px;text-align:center}
.turn-order-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.turn-entry{display:flex;align-items:center;gap:6px;min-height:43px;padding:4px 6px;border:1px solid #355267;border-left:3px solid #82d8be;border-radius:7px;background:#152838;min-width:0}
.turn-entry.enemy{border-left-color:#e99383;background:#2b202b}
.turn-entry.current{border-color:#f2d38a;background:#423822;margin-bottom:9px;box-shadow:0 0 12px #f2d38a16}
.turn-entry .portrait{width:29px;height:31px;flex-shrink:0;color:#e7f0f4}
.turn-entry.enemy .portrait{color:#e99383}
.turn-label{min-width:0;line-height:1.1;flex:1}.turn-label strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-label small{display:block;margin-top:4px;font-size:9px}.turn-index{font-size:9px;color:#86a4b8;min-width:11px}
.basic-protocol{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;margin:15px 0;border:1px solid #496579;border-radius:12px;background:#132838}.basic-protocol h3{margin:0 0 3px}.basic-protocol p{margin:0;font-size:12px}.basic-protocol label{width:235px;flex-shrink:0}.basic-protocol select{margin-bottom:0}
.contact-tag{font-size:10px;border:1px solid #496579;border-radius:5px;padding:2px 6px;white-space:nowrap;color:#b9d3e0}
@media(max-width:700px){.arena-panel{grid-template-columns:64px minmax(0,1fr)}#turn-order{padding:7px 4px}.turn-order-title{font-size:8px;letter-spacing:0}.turn-entry{padding:3px;gap:2px;min-height:34px;justify-content:center}.turn-entry .portrait{width:24px;height:26px}.turn-entry .turn-label{display:none}.turn-index{font-size:8px;min-width:8px}.basic-protocol{display:block}.basic-protocol label{width:100%;margin-top:12px}}

@media(max-width:700px){.arena-panel{grid-template-columns:46px minmax(0,1fr)}#turn-order{padding:5px 3px}.turn-order-title{font-size:7px;margin-bottom:5px}.turn-order-list{gap:2px}.turn-entry{min-height:23px;padding:1px;gap:1px}.turn-entry .portrait{width:18px;height:20px}.turn-entry.current{margin-bottom:5px}.upcoming-turns .turn-entry:nth-child(n+9){display:none}}

.turn-entry[data-inspect-unit]{cursor:pointer}.turn-entry[data-inspect-unit]:hover,.turn-entry[data-inspect-unit]:focus-visible{outline:1px solid #e99383;outline-offset:1px}