/* Phase 7: page-specific styles extracted from draw.php for maintainability. */

/* Original style block 1 */
#dc-stage{position:relative;}
.dc-empty{max-width:560px;margin:0 auto;text-align:center;background:linear-gradient(150deg,rgba(17,27,42,.9),rgba(10,16,25,.9));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:52px 28px;}
.dc-empty i{font-size:40px;color:rgba(69,248,130,.55);margin-bottom:14px;display:block;}
.dc-topbar{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:26px;}
.dc-chip{background:rgba(69,248,130,.1);border:1px solid rgba(69,248,130,.3);color:#45F882;border-radius:999px;padding:7px 18px;font-family:'Rajdhani',sans-serif;font-weight:600;letter-spacing:.06em;font-size:13px;text-transform:uppercase;}
.dc-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:7px 20px;font-size:13px;cursor:pointer;transition:.2s;font-family:'Rajdhani',sans-serif;font-weight:600;letter-spacing:.05em;}
.dc-btn:hover{border-color:#45F882;color:#45F882;}
.dc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;max-width:980px;margin:0 auto;}
.dc-match{background:linear-gradient(150deg,rgba(17,27,42,.92),rgba(10,16,25,.92));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px 18px;position:relative;overflow:hidden;transition:border-color .4s;}
.dc-match.complete{border-color:rgba(69,248,130,.4);}
.dc-match .dc-mnum{position:absolute;top:10px;inset-inline-end:14px;font-family:'Rajdhani',sans-serif;font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,.35);text-transform:uppercase;}
.dc-slot{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:12px;min-height:56px;}
.dc-slot + .dc-vs{margin:2px 0;}
.dc-vs{text-align:center;font-family:'Rajdhani',sans-serif;font-size:12px;color:rgba(255,255,255,.3);letter-spacing:.2em;}
.dc-badge{width:40px;height:40px;flex:0 0 40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:13px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.4);border:1px dashed rgba(255,255,255,.15);overflow:hidden;}
.dc-badge img{width:100%;height:100%;object-fit:cover;border-radius:10px;}
.dc-name{font-family:'Rajdhani',sans-serif;font-weight:600;font-size:16px;color:rgba(255,255,255,.35);letter-spacing:.02em;}
.dc-slot.unrevealed .dc-name::after{content:'· · ·';letter-spacing:.3em;}
.dc-slot.revealed{background:rgba(69,248,130,.07);animation:dcPop .55s cubic-bezier(.2,1.4,.4,1);}
.dc-slot.revealed .dc-badge{border-style:solid;border-color:rgba(69,248,130,.45);background:rgba(69,248,130,.12);color:#45F882;}
.dc-slot.revealed .dc-name{color:#fff;}
.dc-slot.bye .dc-name{color:rgba(255,255,255,.25);font-style:italic;}
@keyframes dcPop{0%{transform:scale(.92);box-shadow:0 0 0 0 rgba(69,248,130,.5);}60%{transform:scale(1.03);}100%{transform:scale(1);box-shadow:0 0 22px 2px rgba(69,248,130,0);}}
.dc-reveal-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.7) rotateY(90deg);z-index:1200;background:linear-gradient(160deg,#0e1a2a,#0a1018);border:1px solid rgba(69,248,130,.5);border-radius:22px;padding:34px 48px;text-align:center;opacity:0;pointer-events:none;box-shadow:0 0 60px rgba(69,248,130,.25),0 24px 70px rgba(0,0,0,.6);transition:transform .45s cubic-bezier(.2,1.3,.4,1),opacity .35s;}
.dc-reveal-card.show{opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0);}
.dc-reveal-card .dc-rc-tag{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:15px;color:#45F882;letter-spacing:.25em;text-transform:uppercase;}
.dc-reveal-card .dc-rc-name{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:34px;color:#fff;margin-top:6px;}
.dc-reveal-card .dc-rc-sub{font-size:12px;color:rgba(255,255,255,.4);margin-top:8px;letter-spacing:.1em;text-transform:uppercase;}
.dc-done{max-width:640px;margin:30px auto 0;text-align:center;}
.dc-done .dc-done-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:26px;color:#fff;}
.dc-confetti{position:fixed;top:-12px;z-index:1100;width:9px;height:15px;opacity:.9;pointer-events:none;animation:dcFall linear forwards;}
@keyframes dcFall{to{transform:translateY(105vh) rotate(720deg);opacity:.15;}}
@media(max-width:575px){.dc-reveal-card{padding:26px 30px;width:88vw;}.dc-reveal-card .dc-rc-name{font-size:26px;}}