html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#070d15;color:#e3e5e8;font-family:"Microsoft YaHei","Segoe UI",sans-serif}
#stage{--draw-top:calc(423px + (2160px - 423px - 1624px)/2);position:absolute;width:3840px;height:2160px;transform-origin:top left;overflow:hidden}
.onair,.onair #stage{background:transparent}
.draw-header{position:absolute;inset:0 0 auto}
#warmup-background{position:absolute;inset:0;pointer-events:none}header{height:420px;border-bottom:3px solid #91bbcd;box-shadow:0 2px 15px #78b8ee55}.event{position:absolute;left:95px;top:35px;width:760px;height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700}.event #event-name{display:flex;align-items:center;justify-content:center}.event-logo{display:block;width:560px;height:260px;object-fit:contain}.phase{font-size:52px;line-height:70px;color:#a4cce2;letter-spacing:3px;white-space:nowrap}.heading{position:absolute;left:1000px;top:35px;width:1840px;height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.heading h1{font-size:112px;line-height:1.2;margin:0;font-weight:700;letter-spacing:8px}.heading:before,.heading:after{content:'';position:absolute;top:50%;width:220px;height:2px;background:linear-gradient(90deg,transparent,#7499ad)}.heading:before{left:90px}.heading:after{right:90px;transform:scaleX(-1)}#speaker{font-size:50px;line-height:1.2;font-weight:500;color:#a4cce2;letter-spacing:8px}#speaker:empty{display:none}.clock{position:absolute;left:3024px;width:756px;top:35px;height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:42px;line-height:1.3;color:#c3d0d9}.clock strong{display:block;font-size:116px;line-height:1.1;color:#edf3f8;font-weight:700;font-variant-numeric:tabular-nums}
.clock strong{font-size:88px;white-space:nowrap}
.group-column{position:absolute;top:var(--draw-top);width:536px;display:flex;flex-direction:column;gap:36px}
#left-groups{left:64px}#right-groups{right:64px}
.draw-group{height:794px;box-sizing:border-box;padding:16px 24px;display:grid;grid-template-rows:96px repeat(4,minmax(0,1fr));background:linear-gradient(130deg,#1e2b37bb,#0a121ddd);border:2px solid #3c5363}
.draw-group.active{border-color:#b9985c}
.draw-group h2{margin:0;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #53616a;color:#e0c58d;font-size:54px;font-weight:600}
.draw-match{position:relative;padding-left:54px;display:flex;flex-direction:column;justify-content:center;gap:8px;border-bottom:1px solid #38465277}
.draw-match:last-child{border-bottom:0}
.match-number{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#8194a5;font-size:26px}
.draw-player{height:58px;display:flex;align-items:center;gap:17px;min-width:0;font-size:36px}
.draw-player.blue{color:#9ccaf0}.draw-player.red{color:#edabb2}
.draw-player img,.flag-space{width:54px;height:36px;object-fit:contain;flex:none}
.draw-player .name{min-width:0;white-space:nowrap}.draw-player.empty{color:#687988}
.draw-center{position:absolute;left:648px;top:var(--draw-top);width:2544px;height:1624px;border:2px solid #7597a8;box-sizing:border-box}
.current-group{margin:0 40px;height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4b5c67;font-size:54px;color:#e0c58d}
.draw-order{display:flex;align-items:center;gap:30px;font-size:32px;color:#738491}.draw-order i{font-style:normal;color:#596a78}.draw-order b{color:#e0c58d}
.pool-label{position:absolute;left:24px;font-size:32px;letter-spacing:4px}.seed-label{top:94px;color:#9ccaf0}.entrant-label-row{top:842px;color:#edabb2}
.match-columns{position:absolute;left:24px;top:94px;width:2457px;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;color:#8f9fac;font-size:28px}
#entrants{position:absolute;left:672px;top:calc(var(--draw-top) + 140px);width:2792px;height:1614px;transform:scale(.88);transform-origin:top left}
.draw-card{position:absolute;--accent:#9ccaf0;color:#e3e5e8}.draw-card.red{--accent:#edabb2}
.card-material{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.card-portrait{position:absolute;top:20px;left:24px;width:626px;height:412px;object-fit:contain}
.card-name{position:absolute;top:448px;left:24px;right:24px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:46px;font-weight:700;line-height:60px;white-space:nowrap;color:var(--accent)}
.card-name img{width:54px;height:36px;object-fit:contain;flex:none}
.card-name [data-name-zh]{min-width:0}
.card-identity{position:absolute;left:28px;right:28px;top:516px;display:flex;align-items:center;justify-content:center;gap:14px;color:#b4c4cf;white-space:nowrap}
.card-id{color:#a9bac7;font-size:32px}
.card-facts{position:absolute;left:32px;right:32px;top:574px;height:80px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;border-top:1px solid #62798a66;padding-top:14px}
.card-value{font-size:36px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.card-motto{position:absolute;left:32px;right:32px;top:668px;height:72px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:34px;line-height:1.3;color:#cbd5dc;overflow-wrap:anywhere}
#error{position:fixed;bottom:0;left:0;padding:12px;background:#291b13;color:#ffca96;font-size:18px}
.animation-controls{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #70818f;border-radius:6px;background:#08111aee;color:#e3e5e8;font-size:14px;white-space:nowrap}
.animation-controls button{padding:6px 12px;background:#233d51;border:1px solid #64849b;border-radius:4px;color:#e3e5e8;cursor:pointer}.animation-controls button:disabled{opacity:.4;cursor:default}
.draw-controller{background:#202225;overflow:auto;font-size:15px}.draw-controller #stage{display:none}
.draw-workspace{padding:16px;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column;gap:20px;align-items:center}
.draw-monitor{width:min(calc(100vw - 32px),calc((100vh - 180px)*16/9))}.draw-monitor-heading{height:26px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.draw-monitor-heading h3{font-size:16px;margin:0}
.draw-monitor iframe{display:block;width:100%;aspect-ratio:16/9;border:1px solid #474b52;box-sizing:border-box;background:#14171a}.draw-monitor iframe:fullscreen{width:100vw;height:100vh;border:0}
.draw-operations{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,3fr);width:100%;gap:18px;align-items:start}
.draw-controller .work-modes{font-size:22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}.draw-controller .work-modes a{color:#929aa5;text-decoration:none}.draw-controller .work-modes span{color:#626974;font-weight:400}.draw-controller .work-modes a[aria-current]{color:#e3e5e8}.draw-controller .work-modes a:hover{color:#79b8ee}
.draw-actions{display:flex;gap:12px;flex-wrap:wrap}.draw-workspace button{font:inherit;padding:8px 18px;border:1px solid #666;border-left:4px solid #79b8ee;border-radius:4px;background:#293c50;color:#edf0f2;cursor:pointer}.draw-workspace button:disabled{opacity:.4;cursor:default}.draw-actions button[data-draw-action="next"]{background:#315679}.draw-control-status{margin-top:12px;color:#b5bac1}.draw-mode-note{color:#929aa5;font-size:13px}
@media(max-width:700px){.draw-operations{grid-template-columns:1fr}.draw-monitor{width:100%}}
.draw-facedown>:not(.card-material):not(.draw-card-back){visibility:hidden}
.draw-card-back{position:absolute;inset:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#23476066,transparent 70%);color:var(--accent)}
.back-logo{display:block;width:540px;height:260px;object-fit:contain}.back-pool{font-size:58px;line-height:1.4;font-weight:700;letter-spacing:6px;margin-top:42px;color:var(--accent)}
.draw-selecting{filter:drop-shadow(0 0 18px #a1d9ff88)}.draw-selecting .draw-card-back>:not(.rolling-portrait){opacity:0}
.rolling-portrait{position:absolute;top:70px;left:65px;width:508px;height:440px;object-fit:contain;opacity:.8}
.draw-revealed:after{content:'';position:absolute;inset:5px;border:2px solid var(--accent);opacity:0;pointer-events:none;animation:draw-edge 800ms ease-out}
@keyframes draw-edge{0%{opacity:.9;box-shadow:inset 0 0 40px #c3e7ff55}100%{opacity:0;box-shadow:inset 0 0 0 transparent}}
.draw-unrevealed{position:relative}.draw-unrevealed img,.draw-unrevealed .name{visibility:hidden}.draw-unrevealed:after{content:'待抽签';color:#687988;font-size:36px;position:absolute;margin-left:71px}

#backplate{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.draw-center{isolation:isolate}.draw-center:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#efbd50,#efbd50) left top/56px 6px no-repeat,linear-gradient(#efbd50,#efbd50) left top/6px 56px no-repeat,linear-gradient(#efbd50,#efbd50) right top/56px 6px no-repeat,linear-gradient(#efbd50,#efbd50) right top/6px 56px no-repeat,linear-gradient(#efbd50,#efbd50) left bottom/56px 6px no-repeat,linear-gradient(#efbd50,#efbd50) left bottom/6px 56px no-repeat,linear-gradient(#efbd50,#efbd50) right bottom/56px 6px no-repeat,linear-gradient(#efbd50,#efbd50) right bottom/6px 56px no-repeat}

html[lang=en] .heading h1{font-size:92px;letter-spacing:2px}html[lang=en] .back-pool{font-size:48px;letter-spacing:2px}.card-motto{overflow:hidden}.card-id{display:block;max-width:100%;overflow:hidden}.draw-player .name{overflow:hidden;text-overflow:ellipsis}.current-group>span{white-space:nowrap}.draw-card-back{box-sizing:border-box}.draw-player.empty{font-size:32px}
.replay-controls{position:fixed;bottom:0;left:0;right:0;min-height:84px;box-sizing:border-box;padding:12px 16px;background:#101c29;border-top:1px solid #52677a;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:14px}.replay-groups,.replay-actions{display:flex;gap:6px}.replay-controls button{font:inherit;padding:8px 11px;background:#253d52;color:#e7eff5;border:1px solid #698198;border-radius:4px;cursor:pointer}.replay-controls button[aria-pressed=true]{border-color:#e0c58d;color:#e0c58d;background:#3c4144}.replay-controls button:disabled{opacity:.4;cursor:default}.replay-controls a{color:#a1cff2}.replay-status{color:#bbcad7;white-space:nowrap}html[lang=en] .pool-label{letter-spacing:1px;font-size:28px}.draw-selecting{filter:none}.rolling-portrait{opacity:1}@media(max-width:750px){.replay-controls{padding:5px;gap:5px;font-size:11px}.replay-controls button{padding:5px 7px}.replay-controls a{font-size:11px}}