:root{font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;color:#fff0c2;background:#5d0206;font-synthesis:none;text-rendering:optimizeLegibility;--gold:#ffe6a0;--gold2:#dba44a;--red:#8e080d;--dark:#350306;--line:rgba(255,211,117,.72)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}button,input,select{font:inherit}button{cursor:pointer}.screen-page{height:100vh;height:100dvh;overflow:hidden;background:#570006}.board{position:relative;width:100%;height:100%;min-height:600px;overflow:hidden;padding:clamp(10px,1.15vw,22px) clamp(10px,1.2vw,24px) clamp(8px,.8vw,16px);display:flex;flex-direction:column;gap:clamp(6px,.75vh,12px);background:radial-gradient(ellipse at 52% 60%,rgba(255,116,22,.24),transparent 40%),radial-gradient(ellipse at 7% 10%,rgba(255,50,24,.5),transparent 25%),linear-gradient(145deg,#b10d12,#680409 34%,#300207 72%,#8e090b);background-image:linear-gradient(180deg,#4000052e,#1e000352),url(/resources/dashboard-background.svg);background-size:cover;background-position:center}.board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;background:repeating-linear-gradient(120deg,transparent 0 80px,rgba(255,194,91,.04) 81px 83px,transparent 84px 150px),radial-gradient(circle at 50% 30%,rgba(255,225,143,.12),transparent 42%)}.board:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-8%;height:28%;pointer-events:none;opacity:.85;background:radial-gradient(ellipse at 50% 0%,rgba(255,219,125,.42),transparent 45%),linear-gradient(170deg,transparent 0 20%,rgba(255,34,22,.9) 22%,#8b0309 34%,#e42b15 42%,#510007 55%,#c40d12 64%,#450006 78%,#e84120 90%,#500006 100%);clip-path:polygon(0 12%,13% 28%,27% 16%,44% 40%,58% 26%,75% 42%,90% 20%,100% 35%,100% 100%,0 100%)}.masthead,.metrics,.dashboard-grid,.board-footer,.connection-badge{position:relative;z-index:1}.masthead{flex:0 0 20%;min-height:105px;display:flex;flex-direction:column;justify-content:center}.masthead-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between}.beijing-clock{display:flex;flex-direction:column;gap:3px;color:#ffdf98;min-width:100px}.beijing-clock small{font-size:clamp(10px,.8vw,15px);letter-spacing:.12em}.beijing-clock strong{font-size:clamp(12px,1.1vw,20px);font-variant-numeric:tabular-nums}.top-actions{display:flex;gap:clamp(5px,.6vw,12px);align-items:center}.icon-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:clamp(30px,3vw,48px);padding:0 clamp(8px,.85vw,16px);border:1px solid rgba(255,216,132,.75);border-radius:10px;color:#ffe6a2;background:linear-gradient(180deg,#5d0905e0,#230003d1);box-shadow:inset 0 0 12px #ffac351f,0 0 10px #ff902321;font-size:clamp(13px,1.05vw,20px)}.icon-btn span{font-size:clamp(9px,.72vw,13px)}.icon-btn:hover,.gold-button:hover{filter:brightness(1.16)}.file-music{position:relative;overflow:hidden}.file-music input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.brand-title{margin-top:clamp(28px,3.5vh,55px);text-align:center;font-family:STKaiti,KaiTi,Songti SC,serif;font-weight:900;font-size:clamp(34px,4.1vw,78px);letter-spacing:.12em;color:#fff1b8;background:linear-gradient(180deg,#fffbe0 4%,#ffe28b 38%,#efae3b 65%,#fff2ba 76%,#9c4a0b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #6b1808) drop-shadow(0 0 16px rgba(255,170,39,.75));line-height:1.1}.brand-subtitle{display:flex;justify-content:center;align-items:center;gap:clamp(8px,1vw,18px);margin-top:clamp(7px,1.1vh,15px);font-size:clamp(12px,1.45vw,26px);font-weight:800;letter-spacing:.18em;color:#ffedb9;text-shadow:0 0 10px rgba(255,183,58,.5)}.brand-subtitle span{width:clamp(24px,6vw,105px);height:1px;background:linear-gradient(90deg,transparent,#ffe3a1)}.brand-subtitle span:last-child{transform:scaleX(-1)}.metrics{flex:0 0 12%;min-height:70px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,.7vw,14px)}.metric-card{min-width:0;display:flex;align-items:center;gap:clamp(8px,1vw,18px);padding:clamp(7px,.9vw,16px);border:1px solid var(--line);border-radius:clamp(10px,1.2vw,20px);background:linear-gradient(145deg,#790a08e6,#2f0204ed);box-shadow:inset 0 0 0 1px #ffd77f24,inset 0 0 24px #f46b161f,0 0 16px #ffa73214}.metric-symbol{flex:0 0 auto;color:#ffda7e;font-size:clamp(21px,2.5vw,46px);text-shadow:0 0 13px rgba(255,183,55,.5)}.metric-card>div:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.metric-card small{font-size:clamp(10px,.95vw,17px);font-weight:700;color:#ffe7ae}.metric-card strong{white-space:nowrap;font-size:clamp(18px,2.2vw,40px);line-height:1.2;color:#fff1c3;text-shadow:0 2px 0 #8b3309;letter-spacing:-.025em}.metric-card strong i{font-size:.48em;font-style:normal;margin-left:4px}.metric-card em{font-size:clamp(8px,.68vw,12px);font-style:normal;color:#ffdf9eb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(210px,24%) minmax(0,1fr) minmax(210px,24%);gap:clamp(7px,.7vw,14px)}.side-panel,.center-panel{min-height:0;overflow:hidden;position:relative;border:1px solid var(--line);border-radius:clamp(12px,1.4vw,24px);background:linear-gradient(180deg,#4a0206cc,#290004c2);box-shadow:inset 0 0 0 1px #ffd97d26,inset 0 0 28px #f3581917}.side-panel{display:flex;flex-direction:column;padding:clamp(8px,.9vw,16px)}.panel-heading{flex:0 0 auto;display:flex;align-items:center;gap:clamp(5px,.6vw,12px);padding:0 0 clamp(8px,.75vw,14px);border-bottom:1px solid rgba(255,210,109,.45);color:#ffedba}.panel-heading strong{font-family:STKaiti,KaiTi,serif;font-size:clamp(14px,1.35vw,24px);white-space:nowrap}.panel-heading small{margin-left:auto;font-size:clamp(9px,.75vw,13px);white-space:nowrap;color:#eecb7b}.trophy{font-size:clamp(18px,1.8vw,33px);color:#ffdc78}.table-head{display:grid;grid-template-columns:.45fr 1fr .7fr .95fr;align-items:center;text-align:center;gap:3px;min-height:clamp(27px,3.2vh,42px);font-size:clamp(9px,.83vw,15px);font-weight:800;color:#fff3cb;background:#ae111085;border:1px solid rgba(255,214,128,.3);border-radius:6px;margin-top:clamp(6px,.7vw,12px)}.ranking-list{flex:1;min-height:0;overflow:hidden}.table-row{display:grid;grid-template-columns:.45fr 1fr .7fr .95fr;align-items:center;text-align:center;gap:3px;min-height:clamp(25px,3.4vh,43px);border-bottom:1px solid rgba(255,205,114,.16);font-size:clamp(9px,.82vw,15px);color:#ffedc5}.table-row strong{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-row b{font-weight:900;white-space:nowrap;color:#fff0c1}.rank{font-weight:900;color:#ffde87;font-size:1.1em}.rank-1{color:#fff0a6;text-shadow:0 0 10px #ffb52d}.rank-2{color:#e9f3ff}.rank-3{color:#ffd09c}.panel-foot{flex:0 0 auto;padding-top:clamp(5px,.6vw,10px);font-size:clamp(8px,.65vw,12px);color:#ffdc91a8}.empty-ranking{padding:20px 4px;text-align:center;font-size:clamp(11px,1vw,18px);color:#ffe19f94}.center-panel{display:flex;flex-direction:column;align-items:stretch;padding:clamp(8px,1vw,18px);background:radial-gradient(ellipse at 50% 40%,rgba(238,87,21,.25),transparent 50%),linear-gradient(180deg,#680508b8,#2d0004d9)}.center-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 44%,rgba(255,219,123,.06) 0deg 1deg,transparent 1deg 12deg);-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 72%);mask-image:radial-gradient(ellipse at center,black,transparent 72%)}.center-title,.center-state-line,.celebration-stage,.center-orbit,.scroll-caption{position:relative;z-index:1}.center-title{display:flex;align-items:center;justify-content:center;gap:clamp(5px,.8vw,15px);white-space:nowrap}.center-title h1{margin:0;font-family:STKaiti,KaiTi,serif;font-size:clamp(21px,2.8vw,50px);font-weight:900;letter-spacing:.08em;color:#fff0b7;text-shadow:0 2px 0 #8c2b0a,0 0 16px rgba(255,179,54,.65)}.center-title span{font-size:clamp(8px,.9vw,17px);color:#f5c66d}.center-state-line{text-align:center;margin:clamp(3px,.5vh,8px) 0 clamp(5px,.7vh,12px);font-size:clamp(10px,1.15vw,21px);color:#ffe3a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.celebration-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,214,125,.5);border-radius:clamp(14px,2vw,30px);background:radial-gradient(ellipse at 50% 55%,#b3220973,#330005d1 72%);box-shadow:inset 0 0 30px #ff8b231c}.stage-glow{position:absolute;bottom:4%;left:15%;right:15%;height:13%;border-radius:50%;border:1px solid rgba(255,216,113,.55);box-shadow:0 0 18px #ffa42b66,inset 0 0 20px #ffb13533;pointer-events:none}.pending-state{position:relative;z-index:2;text-align:center;padding:16px}.pending-state .crown-mark{font-size:clamp(34px,4vw,72px);color:#ffdf91;text-shadow:0 0 22px rgba(255,181,50,.65)}.pending-state h2{margin:clamp(8px,1.5vh,20px) 0;font-size:clamp(20px,2.5vw,44px);letter-spacing:.06em;color:#fff0bd;text-shadow:0 2px #9b3c0c}.pending-state p{margin:0;color:#ffe0a4;font-size:clamp(11px,1.1vw,20px)}.live-orders{width:100%;height:100%;padding:clamp(10px,1.4vw,25px);display:flex;flex-direction:column;justify-content:center;gap:clamp(7px,1vh,14px);overflow:hidden}.live-order-card{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:clamp(7px,1vw,18px);padding:clamp(8px,1vw,17px);border:1px solid #ffce70;border-radius:12px;background:linear-gradient(95deg,#7f0509fa,#c0140df2,#660307fa);box-shadow:inset 0 0 15px #ffdc7a29,0 0 14px #ff921e24;animation:order-in .5s ease both;animation-delay:calc(var(--order-index)*.06s)}.live-order-crown{font-size:clamp(18px,2vw,36px);color:#ffdf85}.live-order-label{font-size:clamp(9px,.85vw,15px);color:#ffe2a2;white-space:nowrap}.live-order-card strong{font-family:STKaiti,KaiTi,serif;font-size:clamp(14px,1.6vw,29px);color:#fff6d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-order-card>span{font-size:clamp(9px,.9vw,16px);white-space:nowrap}.live-order-card b{font-size:clamp(17px,2.2vw,40px);white-space:nowrap;color:#fff1b0;text-shadow:0 2px 0 #883009}.live-order-card small{font-size:clamp(9px,.8vw,14px);color:#ffdf9e}.center-orbit{display:flex;align-items:center;justify-content:center;gap:8px;height:clamp(15px,2vh,27px);color:#ffdc85}.center-orbit span{height:1px;width:25%;background:linear-gradient(90deg,transparent,#f7be58,transparent)}.center-orbit b{font-size:clamp(12px,1.2vw,22px)}.scroll-caption{text-align:center;color:#ffdd91b3;font-size:clamp(8px,.7vw,13px);letter-spacing:.15em;padding-bottom:2px}.region-ranking{flex:1;min-height:0;overflow:hidden;padding-top:clamp(8px,.8vw,14px);display:flex;flex-direction:column;gap:clamp(6px,.85vh,12px)}.region-row{display:grid;grid-template-columns:clamp(18px,2vw,34px) minmax(35px,.6fr) minmax(30px,1fr) auto;align-items:center;gap:clamp(4px,.5vw,9px);min-height:clamp(24px,3.1vh,39px);font-size:clamp(9px,.8vw,15px)}.region-rank{display:flex;align-items:center;justify-content:center;width:clamp(18px,1.8vw,32px);height:clamp(18px,1.8vw,32px);border-radius:50%;border:1px solid rgba(255,212,118,.7);color:#ffe4a0;font-weight:900;background:#820e0a8c}.region-first .region-rank{color:#fff4b8;border-color:#ffe5a0;box-shadow:0 0 9px #efaa38}.region-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffedc3}.bar-track{height:clamp(7px,.85vh,12px);background:#280004b3;border-radius:2px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,#c31120,#ff9d62,#ffe69a);box-shadow:0 0 8px #ff974573}.region-row b{font-size:clamp(9px,.82vw,15px);white-space:nowrap;color:#fff0c5}.board-footer{flex:0 0 5%;min-height:24px;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1vw,18px);padding:0 clamp(8px,1vw,18px);text-align:center}.board-footer>span{height:1px;flex:1;max-width:130px;background:linear-gradient(90deg,transparent,#f8c35b)}.board-footer>span:nth-of-type(2){transform:scaleX(-1)}.board-footer strong{font-family:STKaiti,KaiTi,serif;font-size:clamp(16px,2vw,36px);white-space:nowrap;color:#ffe7a1;text-shadow:0 2px #85300a,0 0 12px rgba(255,176,43,.55)}.board-footer small{position:absolute;right:0;bottom:0;font-size:clamp(8px,.65vw,12px);color:#ffdf95}.connection-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:#b9ffbf;opacity:0;pointer-events:none}.connection-badge.offline{color:#ffd1a0}.pair-modal[hidden],.congratulation-overlay[hidden]{display:none}.pair-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0f0002d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(430px,94vw);padding:26px 24px 22px;text-align:center;border:1px solid #f6cc77;border-radius:20px;background:linear-gradient(145deg,#8b080c,#310004);box-shadow:0 0 45px #ffa32d40,inset 0 0 20px #ffce6f1a}.modal-close{position:absolute;right:10px;top:8px;border:0;background:none;color:#ffe9b7;font-size:28px}.modal-kicker{font-size:12px;letter-spacing:.15em;color:#e9bf70}.modal-card h2{margin:8px 0;font-family:STKaiti,KaiTi,serif;font-size:30px;color:#ffedb5}.modal-card p{font-size:13px;line-height:1.7;color:#ffe0a1}.modal-card canvas{display:block;width:220px;height:220px;margin:16px auto;padding:8px;border-radius:10px;background:#fff6df}.pair-url{overflow-wrap:anywhere;font-size:11px;color:#ffda90;margin:10px 0}.gold-button,.subtle-button{display:block;width:100%;padding:12px;border-radius:9px;font-weight:800}.gold-button{border:1px solid #ffe1a0;color:#4c0605;background:linear-gradient(180deg,#fff0b7,#e4a13b)}.subtle-button{margin-top:8px;border:1px solid rgba(255,220,145,.35);color:#ffe4a7;background:transparent}.modal-tip{font-size:11px!important;color:#d8b97b!important}.congratulation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(9px,2vh,25px);padding:24px;text-align:center;background:radial-gradient(ellipse at 50% 48%,rgba(255,103,20,.85),transparent 52%),linear-gradient(145deg,#b40e12,#680307 45%,#290004);animation:overlay-in .32s ease both}.congratulation-overlay:before{content:"";position:absolute;top:2%;right:2%;bottom:2%;left:2%;border:2px solid rgba(255,218,128,.6);outline:1px solid rgba(255,218,128,.2);outline-offset:8px;pointer-events:none}.congrats-kicker{font-size:clamp(15px,1.8vw,30px);letter-spacing:.2em;color:#ffdf99}.congrats-title{font-family:STKaiti,KaiTi,serif;font-size:clamp(40px,7vw,115px);font-weight:900;color:#fff0b3;text-shadow:0 4px #9d2c08,0 0 28px #ffb341}.congrats-ribbon{padding:9px 60px;border:1px solid #ffe5a1;border-radius:8px;background:linear-gradient(90deg,#8e080b,#e51c15,#8e080b);font-size:clamp(20px,3vw,48px);font-weight:900;color:#fff1c6}.congrats-name{font-family:STKaiti,KaiTi,serif;font-size:clamp(35px,6vw,90px);font-weight:900;color:#fff8d7}.congrats-detail{display:flex;gap:20px;font-size:clamp(16px,2vw,30px);color:#ffe4a3}.congrats-amount{font-size:clamp(55px,9vw,150px);font-weight:1000;line-height:1;color:#fff0a3;text-shadow:0 4px #a44a07,0 0 35px #ffb334}.congrats-bottom{font-family:STKaiti,KaiTi,serif;font-size:clamp(18px,2.5vw,38px);letter-spacing:.12em;color:#ffe3a0}.confetti{position:absolute;top:12%;font-size:clamp(20px,3vw,48px);color:#ffe8a0;letter-spacing:1em;animation:sparkle 1.5s ease-in-out infinite alternate}.confetti-one{left:10%}@keyframes overlay-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes order-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%{opacity:.45;transform:translateY(-4px)}to{opacity:1;transform:translateY(7px)}}.control-page{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#b31b19,transparent 40%),linear-gradient(145deg,#8b070b,#360004 75%);color:#fff0c2;padding:0 0 28px}.mobile-control-root{width:min(100%,560px);margin:0 auto;padding:18px 15px 28px}.mobile-control-header{display:flex;flex-direction:column;gap:5px;text-align:center;padding:14px 8px 20px;color:#ffe5a6}.mobile-control-header span{font-family:STKaiti,KaiTi,serif;font-size:28px;font-weight:900;letter-spacing:.08em;text-shadow:0 2px #8d330a}.mobile-control-header small{font-size:12px;letter-spacing:.15em;color:#eec77a}.control-panel{padding:20px 17px 22px;border:1px solid rgba(255,215,124,.7);border-radius:18px;background:linear-gradient(160deg,#640408f2,#260004f7);box-shadow:inset 0 0 22px #ffb0321a,0 10px 35px #0003}.control-icon{text-align:center;font-size:38px;color:#ffdf91}.control-panel h1{margin:5px 0 0;text-align:center;font-family:STKaiti,KaiTi,serif;font-size:29px;color:#fff0b9}.control-lead{text-align:center;margin:7px 0 16px;font-size:12px;color:#d9b87c}.control-status{padding:11px 10px;border:1px solid rgba(255,218,128,.4);border-radius:9px;background:#1e00034d;text-align:center;font-size:12px;color:#baffc0}.control-status.offline{color:#ffd0a0}.control-stage-summary{margin:10px 0 16px;padding:13px 9px;text-align:center;border:1px solid rgba(255,216,130,.46);border-radius:10px;background:#41000699;color:#ffefb7;font-size:12px;font-weight:800;line-height:1.75}.control-stage-title{font-size:15px;font-weight:900;color:#ffdb94;margin:18px 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,215,128,.3)}.session-form{display:flex;flex-direction:column;gap:13px}.control-panel form{display:flex;flex-direction:column;gap:12px}.control-panel label{display:flex;flex-direction:column;gap:7px;color:#ffe4b0;font-size:13px;font-weight:700}.control-panel input,.control-panel select{width:100%;padding:13px 12px;border-radius:8px;border:1px solid #c79650;color:#fff5d5;background:#360006;font-size:16px;min-height:46px}.control-panel input:focus,.control-panel select:focus{outline:2px solid #e6b96e}.control-submit{width:100%;min-height:48px;padding:12px;border:1px solid #ffe1a0;border-radius:9px;color:#4c0605;background:linear-gradient(180deg,#fff0b7,#e4a13b);font-weight:900;font-size:15px;box-shadow:0 3px #873d0c}.control-submit:disabled{opacity:.42;filter:grayscale(.35);cursor:not-allowed;box-shadow:none}.remote-feedback{min-height:18px;margin:8px 0;color:#ffbd9e;font-size:12px;line-height:1.6}.remote-feedback.success{color:#b8ffca}.control-note{margin-top:17px;padding:11px;border-left:3px solid #d5a04e;background:#ffc85f12;font-size:11px;line-height:1.8;color:#dfc58d}.control-footer{text-align:center;margin-top:14px;color:#ffe0a08c;font-size:10px;line-height:1.6}@media(min-width:1600px)and (min-height:850px){.masthead{flex-basis:20.5%}.dashboard-grid{grid-template-columns:minmax(260px,24%) minmax(0,1fr) minmax(260px,24%)}}@media(max-width:900px)and (orientation:landscape){.board{min-height:0;padding:7px;gap:5px}.masthead{flex-basis:18%;min-height:70px}.brand-title{margin-top:22px;font-size:clamp(28px,4vw,42px)}.brand-subtitle{margin-top:3px;font-size:12px}.metrics{flex-basis:13%;min-height:55px;gap:5px}.metric-card{padding:5px;gap:5px}.metric-card em{display:none}.dashboard-grid{grid-template-columns:22% minmax(0,1fr) 22%;gap:5px}.side-panel,.center-panel{padding:6px}.panel-heading{padding-bottom:4px}.table-row{min-height:21px}.region-ranking{gap:4px;padding-top:5px}.region-row{min-height:20px}.board-footer{flex-basis:4%}.board-footer strong{font-size:clamp(13px,2vw,20px)}}@media(max-width:700px)and (orientation:portrait){.screen-page .board{position:absolute;left:0;top:0;width:100vh;height:100vw;min-height:0;transform-origin:top left;transform:translate(100vw) rotate(90deg);padding:10px;gap:6px}.screen-page .masthead{flex-basis:20%;min-height:0}.screen-page .brand-title{font-size:5vh}.screen-page .brand-subtitle{font-size:1.7vh}.screen-page .metrics{flex-basis:13%;min-height:0}.screen-page .metric-card{padding:5px;gap:5px}.screen-page .metric-card strong{font-size:2.4vh}.screen-page .metric-card small{font-size:1.25vh}.screen-page .dashboard-grid{grid-template-columns:24% minmax(0,1fr) 24%;gap:5px}.screen-page .side-panel,.screen-page .center-panel{padding:6px}.screen-page .panel-heading strong{font-size:1.7vh}.screen-page .table-row{min-height:2.8vh;font-size:1.15vh}.screen-page .region-row{min-height:2.6vh;font-size:1.1vh}.screen-page .center-title h1{font-size:3vh}.screen-page .pending-state h2{font-size:2.7vh}.screen-page .pending-state p{font-size:1.4vh}.screen-page .board-footer strong{font-size:2.1vh}.screen-page .icon-btn span{display:none}}@media(max-width:400px){.mobile-control-root{padding:10px}.control-panel{padding:17px 13px}.mobile-control-header span{font-size:25px}}[hidden]{display:none!important}.pending-state{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(8px,1vw,16px)}.pending-state h2,.pending-state p{max-width:100%;white-space:nowrap;text-align:center}.pending-state h2{font-size:clamp(16px,2.5vw,44px)}.pending-state p{font-size:clamp(9px,1.1vw,20px)}html.control-document{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.control-page{height:auto;min-height:100vh;min-height:100dvh;overflow:visible;touch-action:pan-y;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-control-root{height:auto;overflow:visible;padding-bottom:max(36px,env(safe-area-inset-bottom,0px))}.builtin-music{max-width:150px;font-size:clamp(10px,.8vw,14px);color-scheme:dark}.builtin-music option{background:#570006;color:#ffe6a2}.screen-page .board{background-image:linear-gradient(180deg,#2600032e,#18000359),url(/brand/00.png)}.brand-title{height:clamp(50px,9vh,105px);margin-top:clamp(30px,4vh,55px);background:none;filter:none;-webkit-text-fill-color:initial}.brand-title img{display:block;width:100%;height:100%;object-fit:contain}.side-panel,.center-panel{background:linear-gradient(180deg,#410005f7,#200004f5);border-color:#ffe09a;box-shadow:inset 0 0 0 1px #ffe2a04d,0 0 14px #400005}.center-panel{background:linear-gradient(180deg,#5e0308f5,#270004f5)}.panel-heading strong,.table-row,.region-row strong{color:#fff5d5}.panel-foot,.scroll-caption{color:#ffdfa0}.pending-state p{color:#ffedc7}.metric-card em{color:#ffdfa0}.table-row{border-bottom-color:#ffd88c66}.celebration-stage{background:#450006;border:1px solid #ffe09a}.metric-card:first-child{order:4}.metric-card:nth-child(2){order:1}.metric-card:nth-child(3){order:2}.metric-card:nth-child(4){order:3}#countdownValue{font-size:clamp(12px,1.3vw,26px);font-variant-numeric:tabular-nums}:fullscreen .top-actions,.presentation-fullscreen .top-actions{display:none!important}.live-orders{display:block;position:relative;padding:0;overflow:hidden;--scroll-row:clamp(105px,17vh,180px);--scroll-gap:12px}.live-order-track{will-change:transform;animation:live-order-scroll var(--scroll-duration,30s) linear infinite}.live-order-group{display:flex;flex-direction:column;gap:var(--scroll-gap);padding:var(--scroll-gap) 12px 0}.live-order-card{flex:none;min-height:var(--scroll-row);height:var(--scroll-row);animation:none!important;grid-template-columns:auto auto minmax(0,1fr) auto auto;background:linear-gradient(110deg,#8c080d,#bd120d,#640006);border:1px solid #ffe198;color:#fff2c6}.live-order-card small{grid-column:2/-1;line-height:1;align-self:start;color:#ffe4ae}@keyframes live-order-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.history-list{display:flex;flex-direction:column;gap:10px}.history-order{padding:13px;border:1px solid #d5b06c;border-radius:10px;background:#4a0308;line-height:1.8;font-size:13px}.history-order strong{font-size:16px;color:#fff1b8}.history-order p{margin:4px 0}.replay-button{padding:9px 13px;border:1px solid #ffe4a8;border-radius:7px;background:#edbf6d;color:#490006;font-weight:800}.history-order time{color:#ebcf9d;font-size:12px}.admin-root{width:min(100%,900px);margin:0 auto;padding:20px 16px 50px}.admin-root textarea{display:block;width:100%;padding:12px;margin:14px 0;border:1px solid #d9b572;border-radius:8px;background:#2f0005;color:#fff3d4;font:14px/1.8 monospace;resize:vertical}.import-label{margin-top:15px}.admin-table-wrap{max-height:300px;overflow:auto;margin-bottom:20px;border:1px solid #d0a45f}.admin-root table{width:100%;border-collapse:collapse;color:#fff1cb;font-size:14px}.admin-root td,.admin-root th{padding:9px;text-align:left;border-bottom:1px solid #a56a39}.admin-root th{background:#63040a}.admin-root button:disabled{opacity:.45;cursor:wait}.admin-root #adminFeedback{font-size:15px;position:sticky;bottom:8px;background:#330004;padding:12px;border-radius:8px}.admin-root .control-submit{margin-top:12px}.screen-page .masthead{flex-basis:25%;min-height:155px}.screen-page .brand-title{position:absolute;top:clamp(35px,4.5vh,60px);left:12%;width:76%;height:clamp(90px,15vh,170px);margin:0;display:flex;justify-content:center;align-items:center}.screen-page .brand-title:before{content:"";position:absolute;top:-8%;right:10%;bottom:-8%;left:10%;z-index:-1;background:radial-gradient(ellipse,rgba(37,0,4,.88) 20%,rgba(37,0,4,.4) 58%,transparent 75%)}.screen-page .brand-title img{filter:brightness(1.32) saturate(.75) contrast(1.12) drop-shadow(0 3px 1px #300003) drop-shadow(0 0 9px #300003);max-width:100%;width:auto}.screen-page .brand-subtitle{position:absolute;left:0;right:0;bottom:5px;margin:0;color:#fff6d6;text-shadow:0 2px 5px #300003}.screen-page .masthead-top{align-items:flex-start}.sale-countdown{display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:0;color:#fff5cf;text-shadow:0 2px 4px #320003,0 0 9px #320003;font-variant-numeric:tabular-nums}.sale-countdown small{font-size:clamp(10px,.8vw,15px);letter-spacing:.12em}.sale-countdown #countdownValue{font-size:clamp(13px,1.35vw,26px);line-height:1.2;font-weight:900}.sale-countdown em{font-style:normal;font-size:clamp(8px,.65vw,12px);color:#fff0c3}.screen-page .top-actions{position:fixed;top:auto;bottom:7px;right:12px;z-index:30;gap:5px}.screen-page .top-actions .icon-btn{min-height:28px;padding:0 8px;font-size:12px;background:#3b0005}.screen-page .top-actions .icon-btn span{font-size:10px}.screen-page .metrics .metric-card{order:0}.screen-page .metrics .metric-card:first-child{order:4}.screen-page .metric-card strong{font-size:clamp(18px,2.1vw,40px)}.live-orders{--scroll-row:clamp(85px,12vh,145px);--scroll-gap:12px}.live-order-group{padding-inline:0}.live-order-card{display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:none;box-shadow:none;padding:0 12px;font-size:clamp(20px,2.05vw,42px);overflow:hidden;min-width:0}.live-order-line{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:.28em;white-space:nowrap;line-height:1.45;max-width:none;color:#fff1ba;text-shadow:0 2px 4px #2b0004}.live-order-line strong{font-size:1.12em;color:#fffbe5;overflow:visible;max-width:none;font-family:STKaiti,KaiTi,serif}.live-order-line .live-order-label,.live-order-line .live-order-action{font-size:.68em;white-space:nowrap;color:#ffe6a3}.live-order-line .live-order-region{font-size:.6em;white-space:nowrap;color:#fff2c6}.live-order-line b{font-size:1.2em;color:#fff2a3;text-shadow:0 2px 3px #440003}.live-order-line .celebration-symbol{font-size:.85em;flex-shrink:0}.celebration-stage{background:linear-gradient(180deg,#510007,#340004);border-color:#ffe6a0}.stage-glow{display:none}@media(max-width:900px)and (orientation:landscape){.screen-page .masthead{min-height:90px}.screen-page .brand-title{top:22px;height:15vh}.screen-page .brand-subtitle{font-size:12px;bottom:0}.sale-countdown #countdownValue{font-size:13px}.sale-countdown em{display:none}.live-order-card{font-size:2.2vw}.screen-page .top-actions .icon-btn span{display:none}}@media(max-width:700px)and (orientation:portrait){.screen-page .masthead{min-height:0;flex-basis:25%}.screen-page .brand-title{top:4vw;height:15vw}.screen-page .brand-subtitle{font-size:1.7vh;bottom:0}.sale-countdown #countdownValue{font-size:1.65vh}.sale-countdown small,.beijing-clock small{font-size:1.2vh}.sale-countdown em{display:none}.live-order-card{font-size:2.2vh}.screen-page .top-actions{position:absolute;bottom:4px;right:4px}.screen-page .top-actions .icon-btn span{display:none}}.screen-page .metrics{flex:0 0 8%;min-height:65px;gap:clamp(7px,.7vw,14px)}.screen-page .metrics .metric-card{padding:clamp(6px,.55vw,11px);gap:clamp(7px,.7vw,13px)}.screen-page .metrics .metric-card:nth-child(1){order:1}.screen-page .metrics .metric-card:nth-child(2){order:3}.screen-page .metrics .metric-card:nth-child(3){order:2}.screen-page .metrics .metric-card:nth-child(4){order:4;background:linear-gradient(115deg,#8a0610,#4b0008);border:2px solid #fff2b9;box-shadow:inset 0 0 20px #ffc23f29,0 0 12px #ffc34a59}.screen-page .metric-card small{font-size:clamp(10px,.85vw,16px)}.screen-page .metric-card em{font-size:clamp(8px,.6vw,11px)}.screen-page .metric-card strong{font-size:clamp(20px,1.85vw,35px);line-height:1.08}.screen-page #stageRemainingValue{font-size:clamp(29px,2.65vw,52px);font-weight:1000;color:#fff8bc;text-shadow:0 2px 2px #600006,0 0 13px rgba(255,222,105,.7);line-height:1.05}.center-state-line{overflow:visible;display:flex;align-items:center;justify-content:center;gap:.35em;min-height:clamp(30px,4.5vh,55px);font-size:clamp(11px,1.1vw,21px);margin:3px 0 7px}.stage-balance-highlight{display:inline-block;font-size:clamp(27px,2.7vw,53px);font-weight:1000;color:#fff7ab;text-shadow:0 2px 2px #590006,0 0 14px rgba(255,211,66,.8);line-height:1.1;white-space:nowrap}.screen-page .board{background-image:linear-gradient(180deg,#2600032e,#18000359),var(--board-bg,url(/brand/00.png))}.background-preview{display:block;width:100%;max-height:260px;object-fit:contain;margin:14px 0;background:#210004;border:1px solid #e1b66d;border-radius:8px}#loginFeedback{color:#fff0bb;font-size:14px;line-height:1.7}@media(max-width:900px)and (orientation:landscape){.screen-page .metrics{flex-basis:9%;min-height:52px}.screen-page #stageRemainingValue,.stage-balance-highlight{font-size:3vw}}@media(max-width:700px)and (orientation:portrait){.screen-page .metrics{flex-basis:9%;min-height:0}.screen-page #stageRemainingValue,.stage-balance-highlight{font-size:3vh}.center-state-line{font-size:1.5vh;min-height:4vh}.screen-page .metric-card strong{font-size:2.3vh}}.screen-page .metrics{grid-template-rows:minmax(0,1fr)}.screen-page .metrics .metric-card{min-height:0;padding:4px clamp(8px,.8vw,16px)}.screen-page .metrics .metric-card em{display:none}.screen-page .metrics .metric-card>div:last-child{gap:1px}.screen-page .metrics .metric-card small{line-height:1.05}.screen-page .metrics #stageRemainingValue{font-size:clamp(28px,2.65vw,50px);line-height:1}.screen-page .masthead{flex-basis:20%;min-height:130px}.screen-page .brand-title{top:clamp(25px,3.3vh,42px);height:clamp(80px,12vh,140px)}.screen-page .brand-subtitle{bottom:2px}.sale-countdown #countdownHint,.screen-page .center-state-line{display:none}.screen-page .center-panel{padding-top:clamp(7px,.6vw,11px);padding-bottom:clamp(7px,.6vw,11px)}.screen-page .center-title{margin-bottom:clamp(6px,.7vh,10px)}.screen-page .center-orbit,.screen-page .scroll-caption{display:none}.screen-page .celebration-stage{flex:1;min-height:0}@media(max-width:900px)and (orientation:landscape){.screen-page .masthead{flex-basis:20%;min-height:80px}.screen-page .brand-title{top:20px;height:12vh}}@media(max-width:700px)and (orientation:portrait){.screen-page .masthead{flex-basis:20%;min-height:0}.screen-page .brand-title{top:3.3vw;height:12vw}}.screen-page .brand-title{left:50%;width:min(76%,calc(13vh * 5.2));height:13vh;top:clamp(25px,3.3vh,42px);transform:translate(-50%);overflow:hidden;mix-blend-mode:screen;isolation:auto}.screen-page .brand-title:before{display:none}.screen-page .brand-title img{position:absolute;left:50%;top:50%;width:100%;max-width:none;height:auto;transform:translate(-50%,-50%);filter:brightness(1.05) saturate(1.05);mix-blend-mode:screen;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 1.5%,#000 98.5%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 1.5%,#000 98.5%,transparent)}@media(max-width:900px)and (orientation:landscape){.screen-page .brand-title{top:20px;height:12vh;width:min(76%,calc(12vh * 5.2))}}@media(max-width:700px)and (orientation:portrait){.screen-page .brand-title{top:3.3vw;height:13vw;width:min(76%,calc(13vw * 5.2))}}.screen-page .metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.screen-page .metrics .metric-card{justify-content:center;text-align:center;gap:clamp(6px,.6vw,11px)}.screen-page .metrics .metric-card>div:last-child{align-items:center;text-align:center;min-width:0}.screen-page .metrics .metric-card:nth-child(5){order:5}.screen-page .metric-symbol{font-size:clamp(20px,2vw,36px)}.screen-page .metric-card strong{font-size:clamp(17px,1.7vw,32px)}.screen-page .session-countdown-card .metric-symbol{display:none}.screen-page #sessionCountdownValue{font-size:clamp(11px,1.05vw,21px);font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:700px)and (orientation:portrait){.screen-page #sessionCountdownValue{font-size:1.3vh}.screen-page .metric-card strong{font-size:2vh}.screen-page .metric-symbol{font-size:2.2vh}}.screen-page .masthead{z-index:5}.screen-page .top-actions{pointer-events:auto}.screen-page .top-actions select{cursor:pointer;pointer-events:auto}.session-notice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:51;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2vh,28px);padding:35px;background:radial-gradient(ellipse at center,#9d1013,#380004 80%);color:#fff1be;text-align:center;border:5px solid #f7d581;box-shadow:inset 0 0 90px #b33e09}.notice-crown{font-size:clamp(50px,6vw,100px);color:#ffe7a5;text-shadow:0 0 20px #efb24c}.notice-title{font-family:STKaiti,KaiTi,serif;font-size:clamp(35px,5vw,90px);font-weight:900}.notice-value{font-size:clamp(32px,5.5vw,100px);color:#fff5b4;text-shadow:0 3px #8d3705,0 0 22px #d78f2f;white-space:nowrap}.session-notice-overlay p{margin:0;font-size:clamp(18px,2.2vw,40px);color:#fff3d6;line-height:1.5}.notice-footer{font-size:clamp(14px,1.5vw,27px);margin-top:20px;color:#ffe19b}.screen-page #pendingTitle{font-size:clamp(23px,2.5vw,48px)}