.world-battle-panel{position:relative;min-height:260px}
.world-battle-intro{position:absolute;inset:0;z-index:30;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px;color:#f0f6ff;background:linear-gradient(135deg,#10253e 0%,#152033 48%,#34223a 100%);border:2px solid #e5bb65;box-shadow:inset 0 0 40px #0008;text-align:center;overflow:auto}
.world-battle-intro h2{margin:0;color:#f6d47f;letter-spacing:.12em;text-transform:uppercase;font-size:22px}
.world-battle-intro h3{margin:0 0 6px;font-size:14px;color:#b6d9ff}
.world-battle-intro-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.world-battle-intro-team:last-child{border-left:1px solid #ffffff30;padding-left:12px}
.world-battle-intro-team:last-child h3{color:#ffbdc4}
.world-battle-intro-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.world-battle-intro article{display:flex;flex:1;min-width:72px;flex-direction:column;align-items:center;gap:3px}
.world-battle-intro canvas{width:auto;height:96px;max-width:100%;object-fit:contain;image-rendering:pixelated;background:radial-gradient(ellipse at bottom,#cce7ff30,transparent 65%)}
.world-battle-intro strong{font-size:16px}.world-battle-intro small{font-size:12px;color:#d2dbea}
.world-battle-intro button{align-self:center;min-width:110px}

.world-battle-intro.world-battle-intro--opening{inset:auto auto 12px 50%;transform:translateX(-50%);width:max-content;max-width:85%;min-height:0;flex-direction:row;gap:12px;padding:9px 14px;background:#0a2230eb;border:1px solid #63dce3;border-radius:5px;overflow:hidden;pointer-events:none}.world-battle-intro--opening strong{color:#ffd27e;letter-spacing:.12em}.world-battle-intro--opening span{font-size:12px}