@import url("agentes.css");

.game-operations { height: calc(100vh - 70px); display: flex; flex-direction: column; overflow: hidden; }
.game-operations .operations-head { flex: 0 0 auto; }
.game-toolbar { flex: 0 0 auto; display: flex; align-items: center; gap: 16px; margin-bottom: 9px; border: 1px solid var(--line); border-radius: 5px; background: #0b1829; padding: 8px 10px; color: var(--muted); font-size: 9px; }
.game-toolbar kbd { border: 1px solid #496b94; border-radius: 3px; background: #152b47; color: #fff; padding: 2px 5px; font: 800 9px Consolas, monospace; }
.game-toolbar button { margin-left: auto; border: 1px solid #496b94; border-radius: 4px; background: #142b48; color: #fff; padding: 6px 9px; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.game-frame { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; border: 2px solid #294564; border-radius: 7px; background: #081321; box-shadow: 0 15px 40px rgba(0,0,0,.32); }
#agentGame, #agentGame canvas { width: 100% !important; height: 100% !important; display: block; image-rendering: pixelated; }
.game-legend { position: absolute; z-index: 4; left: 12px; bottom: 12px; display: flex; gap: 10px; border: 1px solid #294564; border-radius: 4px; background: rgba(6,15,27,.9); padding: 7px 9px; color: #a9bad0; font-size: 8px; font-weight: 800; text-transform: uppercase; pointer-events: none; }
.legend-dot { display: inline-block; width: 7px; height: 7px; margin-right: 4px; border-radius: 50%; background: #64748b; }.legend-dot.active { background: var(--green); box-shadow: 0 0 6px var(--green); }.legend-dot.queued { background: var(--blue); box-shadow: 0 0 6px var(--blue); }
.game-unavailable { display: grid; place-items: center; height: 100%; color: #fff; text-align: center; padding: 30px; }
.game-unavailable strong, .game-unavailable span { display: block; }.game-unavailable span { margin-top: 7px; color: var(--muted); font-size: 12px; }
@media (max-width: 1000px) { .game-operations { height: calc(100vh - 70px); }.game-toolbar span:nth-child(2) { display: none; } }
@media (max-width: 650px) { .game-toolbar { gap: 6px; }.game-toolbar button { font-size: 0; }.game-toolbar button::after { content: "Centralizar"; font-size: 9px; } }