.tcg-arena-ui{font-family:system-ui,-apple-system,sans-serif;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1000}.tcg-arena-ui>*{pointer-events:auto}.top-bar{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);color:#fff;display:flex;gap:2rem;justify-content:space-between;padding:1rem}.phase-info,.round-info,.timer-info{align-items:center;display:flex;font-size:1rem;gap:.5rem}.capacity-label,.currency-label,.hp-label,.phase-label,.round-label,.timer-label{font-size:.875rem;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.phase-value{background:rgba(59,130,246,.3);border:1px solid rgba(59,130,246,.5);border-radius:.25rem;font-size:.875rem;font-weight:700;padding:.25rem .75rem;text-transform:uppercase}.round-info{gap:.25rem}.round-value,.stage-value{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;font-weight:700;min-width:2rem;padding:.25rem .5rem;text-align:center}.timer-value{background:rgba(34,197,94,.3);border:1px solid rgba(34,197,94,.5);border-radius:.25rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:3.5rem;padding:.25rem .75rem;text-align:center}.timer-value.warning{animation:pulse 1s ease-in-out infinite;background:rgba(234,179,8,.3);border-color:rgba(234,179,8,.5)}.timer-value.expired{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.5)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.player-bar{backdrop-filter:blur(10px);background:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.2);border-radius:.5rem;bottom:8rem;box-shadow:0 4px 6px rgba(0,0,0,.3);display:flex;gap:1.5rem;left:50%;padding:.75rem 1.5rem;position:absolute;transform:translateX(-50%)}.capacity-info,.currency-info,.hp-info{align-items:center;color:#fff;display:flex;gap:.5rem}.hp-value{color:#22c55e;font-size:1.25rem;font-weight:700;min-width:3rem;text-align:center}.currency-value{color:#fbbf24}.capacity-value,.currency-value{font-size:1.25rem;font-weight:700;min-width:2rem;text-align:center}.capacity-value{color:#60a5fa}@media (max-width:768px){.top-bar{padding:.75rem}.player-bar,.top-bar{flex-direction:column;gap:.5rem}.player-bar{bottom:6rem;padding:.5rem 1rem}.capacity-label,.currency-label,.hp-label,.phase-label,.round-label,.timer-label{font-size:.75rem}}
/*# sourceMappingURL=https://final-strike.net/components/tcg-arena/tcg-arena.map.css */