/* JX4 4V4 Draw · glass design: standalone public page + back-office */
.draw-public-shell{max-width:1190px;position:relative;z-index:1}
.draw-public-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 18px}
.draw-public-top .pill-link{display:inline-block}
.draw-hero{padding:32px 36px;position:relative;overflow:hidden;margin-bottom:18px;background:linear-gradient(110deg,rgba(67,42,139,.78),rgba(16,35,76,.76)),radial-gradient(circle at 80% 35%,rgba(139,211,255,.25),transparent 36%)}
.draw-hero::after{content:'⚔';position:absolute;font-size:180px;opacity:.08;right:6%;top:-56px;transform:rotate(-12deg);pointer-events:none}
.draw-hero h1{margin:9px 0;font-size:clamp(25px,4vw,44px);letter-spacing:1px}
.draw-hero h1 span{font-size:.7em;color:#b6f4ff}
.draw-hero p{color:#d0c9ed;margin:0}
.draw-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:21px}
.draw-stats span{border:1px solid rgba(230,219,255,.3);background:rgba(245,235,255,.08);border-radius:10px;padding:8px 13px;color:#f5edff;font-size:12px}
.draw-public-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:18px;align-items:start}
.draw-card{padding:25px;min-width:0;}
.draw-card h2{font-size:20px;margin:0 0 14px;color:#fff}
.draw-current-round{border-left:3px solid #a9c5ff;padding:1px 14px;margin:16px 0;background:rgba(158,128,220,.075)}
.draw-current-round h3{margin:6px 0;font-size:18px}.draw-current-round p{color:#d0c8e5;font-size:13px;margin:0 0 8px}
.draw-round-tabs{display:flex;flex-wrap:wrap;gap:8px}
.draw-round-tabs a{font-size:13px;border:1px solid rgba(214,193,255,.24);border-radius:10px;padding:9px 13px;background:rgba(21,19,55,.43)}
.draw-round-tabs a.selected{border-color:rgba(148,234,255,.7);background:linear-gradient(125deg,rgba(124,86,233,.45),rgba(41,116,226,.27));color:#fff;font-weight:800}
.draw-form{display:grid;gap:15px;margin-top:24px}
.draw-form>label{display:block;color:#efe8ff;font-size:13px;font-weight:760}
.draw-form input,.draw-form select{display:block;width:100%;box-sizing:border-box;background:rgba(18,18,51,.55);border:1px solid rgba(214,204,255,.30);border-radius:12px;padding:12px;color:#fff;outline:none;margin-top:7px}
.draw-form select option{color:#16162a;background:#e8e7ff}
.draw-form input:focus,.draw-form select:focus{border-color:#8ceaff;box-shadow:0 0 0 3px rgba(132,193,255,.17)}
.draw-form .captcha-line{margin-top:8px}.draw-form .captcha-line input{margin:0;flex:1}
.draw-form .button{width:100%;padding:13px;justify-content:center}
.draw-note{border:1px solid rgba(255,217,150,.3);background:rgba(232,184,102,.1);color:#ffdfab;padding:17px;border-radius:13px;margin:15px 0}
.draw-complete{border-color:rgba(111,231,191,.5);background:rgba(71,195,159,.1);color:#b9ffe8}
.draw-team-list{display:grid;gap:8px;max-height:680px;overflow-y:auto;padding-right:4px}
.draw-team{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;background:rgba(155,153,241,.09);border:1px solid rgba(216,210,255,.17);border-radius:12px;padding:10px}
.draw-team small{color:#d7b3ff;font-weight:800;font-size:11px}.draw-team strong{min-width:0;overflow-wrap:anywhere;font-size:13px}.draw-team>span{font-size:11px;color:#f9dba9;padding:5px 7px;border-radius:8px;background:rgba(223,152,81,.11)}
.draw-team>span.in{color:#a8f8da;background:rgba(55,224,160,.14)}
.draw-results{margin-top:18px}.draw-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.draw-match{min-width:0;border-radius:16px;padding:16px;background:linear-gradient(125deg,rgba(134,66,210,.25),rgba(49,100,181,.19));border:1px solid rgba(170,184,249,.33);display:grid;gap:10px;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}
.draw-match small{grid-column:1/-1;color:#86e6ff;font-size:11px;letter-spacing:2px;font-weight:800}
.draw-match strong{font-size:15px;overflow-wrap:anywhere;color:#fff}.draw-match span{color:#ffcaeb;font-weight:900;font-size:12px;letter-spacing:1px}
.draw-footer{text-align:center;padding:24px;color:#acadd1;font-size:12px}
.draw-admin-rounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:9px}
.draw-admin-round{display:grid;gap:8px;border:1px solid rgba(137,155,205,.3);border-radius:12px;padding:13px;background:rgba(116,123,160,.08);color:inherit}
.draw-admin-round.selected{border-color:#79d5ff;background:rgba(103,153,230,.17)}
.draw-admin-round strong{font-size:14px}.draw-admin-round span{font-size:12px;opacity:.78}
/* Always visible entrance in the desktop sidebar. */
.v2-liquid .app-sidebar nav a.draw-nav-link{color:#fbfaff;background:linear-gradient(145deg,rgba(86,87,198,.34),rgba(56,150,211,.21));border:1px solid rgba(155,230,255,.34);border-radius:14px}
.v2-liquid .app-sidebar nav a.draw-nav-link small{color:#eaf4ff;font-weight:800;white-space:nowrap}
.v2-liquid .liquid-top-links a.draw-top-link{color:#bdf8ff;border-color:rgba(156,233,247,.37);background:rgba(66,142,209,.18)}
.v2-liquid .draw-hero-cta{border-color:rgba(135,240,255,.46);background:linear-gradient(135deg,rgba(26,173,207,.25),rgba(132,89,228,.24))}
@media(max-width:1000px){.draw-public-grid{grid-template-columns:1fr}.draw-team-list{max-height:340px}}
@media(max-width:720px){.draw-hero{padding:24px 20px}.draw-hero::after{font-size:120px;right:-9%;top:0}.draw-card{padding:18px}.draw-pair-grid{grid-template-columns:1fr}.draw-public-shell{padding:20px 13px 65px}.v2-liquid .app-sidebar nav a.draw-nav-link{min-width:70px}.v2-liquid .app-sidebar nav a.draw-nav-link small{font-size:10px}.v2-liquid .app-sidebar nav{justify-content:flex-start;gap:3px}.draw-public-top .pill-link{font-size:12px;padding:9px}}
@media (prefers-reduced-motion:reduce){.draw-hero,.draw-match{transition:none}}