:root{font-family:Inter,'PingFang SC','Microsoft YaHei',system-ui,sans-serif;color:#eaf4ff;background:#071226;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 75% -10%,#234c8b66,transparent 50%),radial-gradient(ellipse at 0% 100%,#0d617766,transparent 45%),#071226}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.36;cursor:not-allowed}a{color:#8dcfff;text-decoration:none}.shell{width:min(1170px,calc(100% - 40px));margin:0 auto;padding:30px 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:12px;letter-spacing:.25em;color:#f3bf5f;font-weight:700}.brand{font-weight:900;font-size:clamp(23px,3vw,40px);margin:8px 0;letter-spacing:.035em}.sub{font-size:13px;color:#94aecb}.eyebrow{font-size:11px;color:#8fbce8;letter-spacing:.16em;font-weight:700}.pill{display:inline-flex;border:1px solid #5476a1;background:#122745bb;border-radius:999px;padding:7px 12px;align-items:center;gap:7px;font-size:11px;color:#b5cdec}.pill.demo{border-color:#e5b95d;color:#f4d594;background:#7d58213b}.panel{background:linear-gradient(135deg,#162b4bbd,#0b1b33e6);border:1px solid #3b5878a0;border-radius:19px;box-shadow:0 20px 50px #030b1b55;padding:24px}.big{font-weight:900;letter-spacing:.015em;font-size:clamp(28px,5vw,60px)}.muted{color:#91aac8}.accent{color:#f3c56b}.blue{color:#61ccfa}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat{border:1px solid #33506f;background:#0c2340;border-radius:14px;text-align:center;padding:15px}.stat strong{font-size:clamp(22px,3vw,38px);display:block}.stat span{font-size:12px;color:#93b0d0}.btn{border:1px solid #5376a1;border-radius:11px;padding:12px 20px;color:#eaf4ff;background:#19395b;font-weight:700;transition:.15s}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.17)}.btn.gold{color:#102136;background:linear-gradient(135deg,#ffe2a3,#dfa43f);border:0}.btn.red{color:#ffeaea;background:#622932;border:1px solid #a95562}.btn.outline{background:transparent}.btn.wide{width:100%}.small{font-size:12px}.line{height:1px;background:#33516c;margin:18px 0}.row{display:flex;align-items:center;gap:12px}.spread{display:flex;justify-content:space-between;align-items:center;gap:15px}.bar{background:#29405d;border-radius:99px;overflow:hidden;height:11px;flex:1}.bar>.fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#228cca,#6bd6ff);transition:width .5s}.rank{display:flex;align-items:center;gap:12px;padding:12px;margin:7px 0;border:1px solid #304d6d;border-radius:10px;background:#162c48}.rank .num{width:26px;text-align:center;color:#f4c46b;font-weight:900}.rank .who{width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank .score{width:80px;text-align:right;font-weight:800;color:#f4ca77}.message{border:1px solid #537295;background:#1d334c;border-radius:12px;padding:13px;color:#d7e8fb;margin:15px 0}.message.error{border-color:#ca5765;color:#ffc5cd;background:#502635}.clock{font-variant-numeric:tabular-nums;color:#f8d388;font-weight:900;font-size:clamp(26px,4vw,50px)}.question{font-weight:800;font-size:clamp(19px,2.7vw,28px);line-height:1.55}.option{display:flex;width:100%;margin:9px 0;text-align:left;align-items:center;gap:12px;padding:15px 16px;border:1px solid #3c597e;background:#152e50;border-radius:12px;color:#eff7ff}.option:hover{border-color:#88bcec}.option.chosen{border-color:#e8bd5d;background:#59462444}.option .letter{color:#70cefe;font-weight:900}.question-nav{display:flex;flex-wrap:wrap;gap:8px}.dot{width:31px;height:31px;border:1px solid #496486;border-radius:9px;background:#132f50;color:#b5d0e9}.dot.done{background:#245979;color:#fff}.dot.selected{border-color:#f7cb70;color:#f7cb70}.columns{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.podium{width:100%;display:flex;align-items:end;justify-content:center;gap:15px;margin:25px auto 5px;max-width:660px}.plinth{min-width:0;flex:1;display:flex;flex-direction:column;text-align:center;align-items:stretch;gap:8px}.plinth .top{font-weight:800;color:#f9d58e}.plinth .block{border-radius:12px 12px 3px 3px;background:linear-gradient(180deg,#366294,#183253);border:1px solid #4c80af;display:flex;align-items:center;justify-content:center;font-size:55px;font-weight:900;color:#fed68a}.plinth:first-child .block{height:114px}.plinth:nth-child(2) .block{height:174px;background:linear-gradient(180deg,#846438,#3a3440);border-color:#d6ac5f}.plinth:nth-child(3) .block{height:80px}.label{display:block;margin-bottom:7px;font-size:12px;color:#a9bfd8}input[type=text],input[type=password]{border:1px solid #48638b;background:#101e34;border-radius:10px;color:#eaf4ff;padding:13px;width:100%}.hidden{display:none!important}.spark{box-shadow:0 0 60px #136ad533, inset 0 0 60px #2671d514}.corner{position:absolute;right:8%;top:25%;width:270px;height:270px;opacity:.09;border-radius:50%;border:40px solid #72bfff;pointer-events:none;filter:blur(4px)}.hero{position:relative;overflow:hidden}.state-pill{display:inline-flex;align-items:center;gap:6px;color:#83caff;font-size:11px;text-transform:uppercase;letter-spacing:.18em}.state-pill:before{content:'';width:7px;height:7px;border-radius:50%;background:#26c5e8;box-shadow:0 0 10px #41d9ff}.footer{margin-top:26px;color:#6687ad;font-size:11px;text-align:center}.spinner{animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.4}}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:rise .55s ease both}.screen{padding:28px 4%;width:100%;min-height:100vh;display:flex;flex-direction:column}.screen .stage{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:1420px;width:100%;margin:0 auto}.screen .brand{font-size:clamp(25px,4.1vw,66px)}.screen .panel{padding:clamp(15px,2vw,32px)}.screen .rank{font-size:clamp(12px,1.2vw,22px);padding:clamp(7px,1vw,13px)}.screen .rank .who{width:20%}.countdown-bar{background:linear-gradient(90deg,#286eb1,#c48e45);height:4px;transition:width 1s}.hero-center{text-align:center;padding:35px 0}.hero-center h1{font-size:clamp(28px,5vw,72px);margin:12px}.hero-center p{font-size:clamp(14px,2vw,24px);color:#a8c5e6}.tiny{font-size:11px;color:#90a9c5}.screenBottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px}.host-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.button-row{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:760px){.shell{width:calc(100% - 24px);padding:16px 0}.panel{padding:16px}.grid{gap:8px}.stat{padding:10px 5px}.columns,.host-grid{grid-template-columns:1fr}.screen{padding:12px}.screenBottom{font-size:10px}.nav{align-items:flex-start}.podium{gap:7px}.pill{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V1.2: local monotonic timer & stable in-place screen updates */
.conn-status{display:inline-block;margin:0 8px 8px 0;font-size:11px;color:#9dbbd5;letter-spacing:.02em}
.conn-status[data-mode="online"]{color:#75e8c4}.conn-status[data-mode="fallback"]{color:#ffc77b}
.pg-row{transition:background-color .25s}.pg-row .fill{transition:width .45s ease}
.clock,.stat strong{font-variant-numeric:tabular-nums lining-nums}

[hidden]{display:none!important}

/* Full-width progress display: 15 participants without shrinking a single list. */
.screen .exam-progress{width:100%}.progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}.screen .progress-grid .rank{display:grid;grid-template-columns:28px minmax(74px,1fr) minmax(50px,1fr) auto;gap:10px;margin:0;min-width:0;padding:16px 12px;font-size:clamp(16px,1.25vw,22px)}.screen .progress-grid .rank .who{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-grid .bar{width:100%;min-width:0}.progress-grid .score{white-space:nowrap}.progress-grid #emptyProgress{grid-column:1/-1}@media(max-width:1100px){.progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.progress-grid{grid-template-columns:1fr}.screen .progress-grid .rank{font-size:16px;padding:12px}.exam-progress .spread{gap:10px;flex-wrap:wrap}}

.buzz-cue{display:flex;align-items:center;justify-content:center;gap:22px;min-height:86px;margin:14px 0;padding:12px 20px;border:1px solid #527bad;border-radius:16px;background:#102b49;color:#bcd7f2;text-align:center;font-size:clamp(18px,2vw,30px);font-weight:800}.buzz-cue[data-state=countdown]{border-color:#e2b156;color:#ffe0a0;background:#60472255}.buzz-cue[data-state=go]{border-color:#f5cf74;color:#ffe7a8;background:#88651e55;box-shadow:0 0 35px #d8a33a33}.buzz-number{font-size:clamp(48px,5vw,88px);line-height:1;font-variant-numeric:tabular-nums}.buzz-cue[data-state=closed],.buzz-cue[data-state=claimed]{color:#a9bdcf}@media(max-width:680px){.buzz-cue{min-height:72px;gap:16px;padding:10px;margin:12px 0}.buzz-number{font-size:56px}}