.qd-stage{--qd-panel:#0b1320d1;width:100%;height:100%;min-height:min(100dvh,720px);color:var(--creme);font-family:var(--ui);background:linear-gradient(#3a2a1e,#18120e);border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.qd-stage[data-look=noite]{background:linear-gradient(#101a33,#07090f)}.qd-canvas,.qd-flat{z-index:0;grid-area:1/1/3;min-height:0;position:relative}.qd-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.qd-flat{align-content:center;gap:12px;padding:72px 12px 12px;display:grid;overflow:hidden}.qd-flat-duel,.qd-flat-audience{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;display:grid}.qd-flat-audience{opacity:.7;grid-template-columns:repeat(2,minmax(0,1fr))}.qd-figure{text-align:center;overflow-wrap:anywhere;justify-items:center;gap:2px;min-width:0;display:grid}.qd-figure small{opacity:.75}.qd-sign{text-align:center;background:#00000073;border-radius:12px;justify-items:center;gap:4px;min-width:96px;padding:10px 14px;font-weight:700;display:grid}.qd-glyph{flex:none;width:28px;height:28px}.qd-glyph-figure{width:44px;height:44px}.qd-glyph-sign{width:56px;height:56px}.qd-failure{z-index:2;background:var(--qd-panel);max-width:calc(100% - 24px);box-shadow:inset 0 0 0 1.5px var(--creme-14);text-align:center;border-radius:14px;flex-wrap:wrap;grid-area:2/1;justify-content:center;place-self:end center;align-items:center;gap:8px 12px;margin-bottom:8px;padding:8px 14px;display:flex;position:relative}.qd-failure p{margin:0}.qd-hud{pointer-events:none;display:contents}.qd-hud>*{z-index:1;grid-column:1;min-width:0;min-height:0;margin:8px 12px;position:relative}.qd-hud>.qd-top{grid-row:1;margin-top:12px;margin-bottom:0}.qd-hud>.qd-centre{grid-row:2}.qd-hud>.qd-bottom{grid-row:3;margin-top:0;margin-bottom:12px}.qd-top,.qd-bottom,.qd-panel,.qd-status,.qd-signal,.qd-message{pointer-events:auto}.qd-top{background:var(--qd-panel);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 12px;display:flex}.qd-duel,.qd-clock{font-family:var(--brand);margin:0;font-size:20px}.qd-clock{font-variant-numeric:tabular-nums;min-width:3ch}.qd-look{gap:4px;margin-left:auto;display:flex}.qd-look-option{background:var(--creme-14);min-height:36px;color:inherit;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:4px 12px}.qd-look-option[aria-pressed=true]{background:var(--amarelo);color:var(--marinho);font-weight:700}.qd-tools{gap:8px;display:flex}.qd-centre{align-content:start;justify-items:center;gap:10px;display:grid;overflow:auto}.qd-status,.qd-signal p{text-align:center;margin:0;font-weight:700}.qd-message{background:var(--qd-panel);color:var(--amarelo);text-align:center;border-radius:999px;margin:0;padding:6px 14px;font-weight:700}.qd-status{background:var(--qd-panel);border-radius:999px;max-width:100%;padding:8px 16px}.qd-status:empty{background:0 0;padding:0}.qd-signal{background:var(--amarelo);max-width:100%;color:var(--marinho);border-radius:20px;align-items:center;gap:12px;padding:10px 18px;font-size:clamp(20px,3.4vw,34px);animation:.28s ease-out qd-pop;display:flex}.qd-glyph-signal{width:clamp(40px,7vw,72px);height:clamp(40px,7vw,72px)}.qd-panel{background:var(--qd-panel);width:min(520px,100%);box-shadow:inset 0 0 0 1.5px var(--creme-14);border-radius:16px;gap:10px;padding:14px 16px;display:grid}.qd-lines,.qd-standings,.qd-cast{margin:0;padding:0;list-style:none}.qd-lines{gap:4px;font-size:14px;display:grid}.qd-standings{gap:6px;display:grid}.qd-standings li{flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;display:flex}.qd-standings li[data-you]{color:var(--amarelo)}.qd-standings .qd-points{margin-left:auto;font-weight:700}.qd-place{min-width:2.4ch}.qd-name{overflow-wrap:anywhere;min-width:0;font-weight:700}.qd-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.qd-bottom{background:var(--qd-panel);border-radius:16px;gap:8px;padding:8px;display:grid}.qd-cast{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.qd-cast li{background:var(--creme-14);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 8px;min-width:0;padding:6px 8px;font-size:13px;display:grid}.qd-cast li[data-role=duelist]{box-shadow:inset 0 0 0 1.5px var(--ciano)}.qd-cast li[data-you]{box-shadow:inset 0 0 0 2px var(--amarelo)}.qd-cast li .qd-glyph{grid-row:1/3}.qd-cast small{opacity:.8;grid-column:2}.qd-watching{text-align:center;opacity:.85;margin:0}.qd-targets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.qd-target{background:var(--qd-colour);min-width:0;min-height:64px;color:var(--qd-ink);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:8px 12px;font-weight:800;transition:transform .12s;display:flex}.qd-target:hover:not([aria-disabled=true]){transform:translateY(-2px)}.qd-target:active:not([aria-disabled=true]){transform:scale(.97)}.qd-target[aria-disabled=true]{cursor:default;opacity:.55}.qd-target-name{min-width:0}.qd-target kbd{font:inherit;background:#00000040;border-radius:6px;margin-left:auto;padding:0 8px;font-size:13px}.qd-stage button:focus-visible{outline:3px solid var(--amarelo);outline-offset:2px}.qd-stage .qd-target:focus-visible{box-shadow:0 0 0 5px var(--marinho);outline-color:#fff}@keyframes qd-pop{0%{opacity:0;transform:scale(.85)}}@media (max-width:640px){.qd-targets{grid-template-columns:repeat(2,minmax(0,1fr))}.qd-target{gap:8px;min-height:64px;padding:8px;font-size:14px}.qd-target kbd{display:none}.qd-cast{grid-template-columns:repeat(2,minmax(0,1fr))}.qd-top{gap:6px 8px}.qd-duel,.qd-clock{font-size:17px}.qd-look-option{padding:4px 10px;font-size:13px}.qd-stage{border-radius:16px}.qd-hud>*{margin-left:8px;margin-right:8px}}@media (hover:none){.qd-target kbd{display:none}}@media (min-width:1600px){.qd-stage{font-size:clamp(18px,1.3vw,28px)}.qd-duel,.qd-clock{font-size:clamp(26px,2vw,40px)}.qd-cast li,.qd-lines{font-size:1em}.qd-target{min-height:96px}.qd-panel{width:min(760px,100%)}}.qd-stage[data-motion=off] *,.qd-stage[data-motion=off] :before,.qd-stage[data-motion=off] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.qd-stage *,.qd-stage :before,.qd-stage :after{transition:none!important;animation:none!important}}.qd-shared{gap:8px;display:grid}.qd-shared[data-sides="2"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qd-side{gap:6px;min-width:0;display:grid}.qd-side-name{text-align:center;margin:0;font-weight:700}.qd-shared[data-sides="2"] .qd-targets{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:640px){.qd-shared[data-sides="2"] .qd-target{justify-content:center}.qd-shared[data-sides="2"] .qd-target-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.qd-local-note{text-align:center;opacity:.85;flex-basis:100%;margin:0}.qd-actions .room-result-panel{width:100%}
