/* DragonClub V8 · puerta con cámara y respuesta grande, conserva el tema V4/V7 */
.dc8-online{display:flex;align-items:center;gap:9px;border:1px solid #3d3652;border-radius:12px;padding:11px 14px;color:#bbb1dc;font-size:12px;background:#151421}
.dc8-indicator{width:8px;height:8px;background:#25d6a3;border-radius:50%;box-shadow:0 0 14px #23c89b}
.dc8-offline .dc8-indicator{background:#f5757b;box-shadow:0 0 12px #e64d5f}
.dc8-layout{align-items:start;grid-template-columns:minmax(0,1.14fr) minmax(340px,0.86fr);gap:18px}
.dc8-card,.dc8-results{min-width:0}
.dc8-camera{height:clamp(275px,34vw,440px);background:radial-gradient(ellipse at 50% 40%,#242037,#0b0c15 72%);border:1px solid #4b4263;border-radius:16px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}
#dc8-video{height:100%;width:100%;object-fit:cover;display:none;background:#08080e}
#dc8-video.dc8-playing{display:block}
.dc8-placeholder{position:absolute;z-index:2;display:flex;flex-direction:column;gap:9px;align-items:center;text-align:center;padding:25px;max-width:330px;pointer-events:none}
.dc8-placeholder strong{color:#f6f2ff;font-size:19px}
.dc8-placeholder p{color:#aca1c7;font-size:13px;margin:0;line-height:1.55}
.dc8-qr-icon{color:#ca9aff;font-size:62px;line-height:1}
.dc8-overlay{position:absolute;z-index:3;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}
.dc8-corner{position:absolute;width:56px;height:56px;border:4px solid #cfabff;filter:drop-shadow(0 0 10px #a87df7)}
.dc8-corner.tl{left:19%;top:15%;border-right:0;border-bottom:0;border-radius:9px 0 0 0}
.dc8-corner.tr{right:19%;top:15%;border-left:0;border-bottom:0;border-radius:0 9px 0 0}
.dc8-corner.bl{left:19%;bottom:15%;border-right:0;border-top:0;border-radius:0 0 0 9px}
.dc8-corner.br{right:19%;bottom:15%;border-left:0;border-top:0;border-radius:0 0 9px 0}
.dc8-scan-line{height:2px;width:61%;background:#44f5de;box-shadow:0 0 18px #35edd8;position:absolute;top:26%;animation:dc8-scan 2.4s ease-in-out infinite alternate}
@keyframes dc8-scan{to{top:73%}}
.dc8-camera-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;font-size:clamp(24px,2.5vw,37px);font-weight:900;letter-spacing:.035em;text-shadow:0 1px 14px #000}
.dc8-good{color:#d6ffeb;background:rgba(0,130,77,.83)}
.dc8-warning{color:#fff5d5;background:rgba(151,98,3,.86)}
.dc8-bad{color:white;background:rgba(171,33,60,.87)}
.dc8-checking{color:#faf4ff;background:rgba(28,18,46,.8)}
.dc8-controls{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}
.dc8-controls button{min-height:44px;flex:1 1 130px}
.dc8-controls button:disabled{opacity:.45;cursor:not-allowed}
.dc8-status{font-size:12px;color:#cdbcf5;line-height:1.5;min-height:35px}
.dc8-separator{display:flex;align-items:center;gap:12px;margin:14px 0 12px;font-size:10px;letter-spacing:.1em;font-weight:800;color:#8f84ae}
.dc8-separator:before,.dc8-separator:after{content:'';height:1px;background:#3b344b;flex:1}
.dc8-results .scan-result{min-height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;border-radius:15px}
.dc8-results .scan-result h2{font-weight:900;font-size:clamp(21px,2.4vw,34px);letter-spacing:-.02em}
.dc8-results .scan-result .result-icon{font-size:clamp(35px,4vw,58px)}
.dc8-results .scan-result.valid{background:linear-gradient(125deg,#064e34,#098b62);color:white;border:1px solid #35d99d}
.dc8-results .scan-result.valid p,.dc8-results .scan-result.valid h2{color:#fff}
.dc8-results .scan-result.warn{background:linear-gradient(125deg,#5a360d,#93600c);color:white;border:1px solid #ffcf72}
.dc8-results .scan-result.warn p,.dc8-results .scan-result.warn h2{color:#fff}
.dc8-results .scan-result.invalid{background:linear-gradient(125deg,#581628,#9e2444);color:white;border:1px solid #ee788d}
.dc8-results .scan-result.invalid p,.dc8-results .scan-result.invalid h2{color:#fff}
.dc8-results .dc8-guest{font-size:13px;margin-top:8px;font-weight:700}
.dc8-last-access{font-size:12px;text-align:center;padding:14px 6px;color:#aba1c2}
@media(max-width:1050px){.dc8-layout{grid-template-columns:1fr}.dc8-camera{height:360px}}
@media(max-width:600px){.dc8-camera{height:335px}.dc8-controls{gap:6px}.dc8-controls button{font-size:12px;min-width:0;flex:1 1 90px}.dc8-results .scan-result{min-height:195px}.dc8-online{width:100%;margin-top:8px}.dc8-corner.tl,.dc8-corner.bl{left:11%}.dc8-corner.tr,.dc8-corner.br{right:11%}.dc8-scan-line{width:75%}}
@media(prefers-reduced-motion:reduce){.dc8-scan-line{animation:none;top:50%}}
@media(max-width:600px){
 .dc8-controls #dc8-start{flex:1 1 100%}
 .dc8-controls #dc8-stop,.dc8-controls #dc8-switch{flex:1 1 calc(50% - 6px)}
 .dc8-controls button{white-space:normal;line-height:1.25;min-height:42px}
}