/* Secret Mission 老师投影「监控室」（10-30 JC）。全部挂在 body.srm 底下，经典模式完全不受影响。 */
body.srm{--srm-bg:#050c0a;--srm-panel:#0a1613;--srm-line:#1f5c48;--srm-text:#c9ffe3;--srm-dim:#6fae93;--srm-green:#39ff9c;--srm-amber:#ffc94d;background:radial-gradient(circle at 50% 30%,#0d1f1a,var(--srm-bg) 70%) fixed!important;color:var(--srm-text)}
.srm-scan{position:fixed;inset:0;z-index:60;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.srm-scan::after{content:"";position:absolute;left:0;right:0;height:18%;background:linear-gradient(rgba(57,255,156,0),rgba(57,255,156,.05),rgba(57,255,156,0));animation:srmSweep 7s linear infinite}
@keyframes srmSweep{from{top:-20%}to{top:100%}}
.srm-hud{position:fixed;left:50%;top:10px;transform:translateX(-50%);z-index:61;display:flex;gap:14px;align-items:center;padding:6px 12px;border:1px solid var(--srm-line);border-radius:8px;background:rgba(5,12,10,.85);font:600 13px "DM Mono",monospace;color:var(--srm-dim);pointer-events:none}
.srm-hud b{color:#ff4d5a;animation:srmBlink 1.2s steps(2,start) infinite}
@keyframes srmBlink{to{visibility:hidden}}
body.srm header,body.srm .topbar,body.srm nav{background:transparent;color:var(--srm-text)}
body.srm a,body.srm .brand,body.srm .brand *{color:var(--srm-text)}
body.srm .card,body.srm .room-code-card,body.srm .live-main,body.srm .live-side{background:var(--srm-panel)!important;border:1px solid var(--srm-line)!important;color:var(--srm-text);box-shadow:0 0 22px rgba(57,255,156,.07)!important}
body.srm h1,body.srm h2,body.srm .dashboard-title h1{color:var(--srm-text);font-family:"DM Mono","Noto Sans SC",monospace;letter-spacing:.02em}
body.srm p,body.srm .hint,body.srm small,body.srm .eyebrow{color:var(--srm-dim)}
body.srm .eyebrow{font-family:"DM Mono",monospace;letter-spacing:.14em}
body.srm .room-status,body.srm .secret-teacher-note{color:var(--srm-green);background:rgba(57,255,156,.08);border:1px solid var(--srm-line)}
body.srm .room-code,body.srm .room-code b{background:transparent;color:var(--srm-amber);font-family:"DM Mono",monospace;text-shadow:0 0 14px rgba(255,201,77,.5)}
body.srm .participant,body.srm .participant-list>*{background:rgba(57,255,156,.06);border-color:var(--srm-line);color:var(--srm-text)}
body.srm .room-qr-image{background:#fff;border-radius:10px;padding:6px}
body.srm .primary,body.srm .secondary,body.srm .skip-question,body.srm .small-button,body.srm .session-pill,body.srm .session-logout,body.srm button{background:rgba(57,255,156,.08);border:1px solid var(--srm-line);color:var(--srm-text);box-shadow:none}
body.srm .primary{background:var(--srm-green);color:#04140e;border-color:var(--srm-green);font-weight:800}
body.srm .bana-end-game{color:#ff8b92;border-color:#7a2f35;background:rgba(255,77,90,.08)}
/* 题目与数位时钟 */
body.srm .live-question{color:#fff;text-shadow:0 0 16px rgba(57,255,156,.35)}
body.srm .teacher-choices{display:none}
body.srm .live-countdown,body.srm .live-countdown b{background:transparent;color:var(--srm-green);font-family:"DM Mono",monospace;text-shadow:0 0 18px rgba(57,255,156,.7)}
body.srm .live-countdown small{color:var(--srm-dim);font-family:"DM Mono",monospace;text-transform:uppercase}
body.srm .live-submission,body.srm .live-submission span,body.srm #submittedCount b{color:var(--srm-text);font-family:"DM Mono","Noto Sans SC",monospace}
/* 讯号条：进度条切成一格一格 */
body.srm .live-submission-progress{height:14px;background:#10231d;border-radius:3px;overflow:hidden}
body.srm .live-submission-progress i{background:var(--srm-green);-webkit-mask:repeating-linear-gradient(90deg,#000 0 10px,transparent 10px 14px);mask:repeating-linear-gradient(90deg,#000 0 10px,transparent 10px 14px);box-shadow:none}
/* 四个监视器 */
.secret-monitor{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px 150px;margin:14px 0;padding:30px 14px 14px;border-radius:14px;background:#050c0a;border:1px solid var(--srm-line,#1f5c48)}
.sm-title{position:absolute;top:8px;left:50%;transform:translateX(-50%);font:700 12px "DM Mono",monospace;color:var(--srm-amber,#ffc94d);letter-spacing:.2em}
.sm-door{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:104px;padding:26px 14px 12px;border:2px solid #2a7a60;border-radius:8px;background:radial-gradient(circle,#10261f,#07110e);overflow:hidden}
.sm-door::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}
.sm-cam{position:absolute;top:6px;left:9px;font:700 12px "DM Mono",monospace;color:var(--srm-green,#39ff9c)}
.sm-cam::after{content:" ●";color:#ff4d5a;animation:srmBlink 1.6s steps(2,start) infinite}
.sm-door b{position:relative;font:700 clamp(15px,1.7vw,22px) "Noto Sans SC",sans-serif;color:#eafff5;word-break:break-word;text-align:center}
/* 中间雷达＋特工 Bana */
.sm-radar{position:absolute;left:50%;top:calc(50% + 8px);width:128px;height:128px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--srm-line,#1f5c48);background:repeating-radial-gradient(circle,transparent 0 20px,rgba(57,255,156,.16) 20px 21px),#06120e;overflow:hidden}
.sm-radar::before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,rgba(57,255,156,.45),rgba(57,255,156,0) 26%);animation:srmRadar 2.6s linear infinite}
@keyframes srmRadar{to{transform:rotate(360deg)}}
.sm-radar img{position:absolute;left:50%;top:50%;width:66px;transform:translate(-50%,-50%)}
/* 揭晓 */
body.srm .answer-reveal{background:rgba(3,10,8,.82)}
body.srm .answer-reveal-card{background:var(--srm-panel);border:2px solid var(--srm-green);color:var(--srm-text);box-shadow:0 0 34px rgba(57,255,156,.25)}
body.srm .answer-reveal-card>i{background:var(--srm-green);color:#04140e}
body.srm .answer-reveal-value{color:var(--srm-green);background:rgba(57,255,156,.1);border-color:var(--srm-green);font-family:"DM Mono","Noto Sans SC",monospace}
body.srm .answer-reveal-bar{background:var(--srm-green)}
body.srm .slot-spark{color:var(--srm-green)}
.door-tally{display:grid;gap:6px;width:min(520px,100%);margin:6px auto 12px;text-align:left}
.dt-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;border:1px solid var(--srm-line,#1f5c48);background:rgba(57,255,156,.05);color:var(--srm-text,#c9ffe3);font:600 15px "Noto Sans SC",sans-serif}
.dt-cam{font:800 13px "DM Mono",monospace;font-style:normal;color:var(--srm-amber,#ffc94d)}.dt-row span{flex:1;word-break:break-word}.dt-row b{white-space:nowrap;font-family:"DM Mono",monospace}
.door-stage .dt-row.right{animation:dtRight .4s 1.3s both}@keyframes dtRight{to{background:#1f8a5b;border-color:var(--srm-green,#39ff9c);color:#fff}}
.door-stage .answer-reveal-value,.door-stage h2,.door-stage small{animation:dtShow .4s 1.3s both}@keyframes dtShow{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* 情报排行（排名机换色） */
body.srm .slot-machine{background:linear-gradient(#0f2a22,#07130f);border-color:var(--srm-green);box-shadow:0 0 40px rgba(57,255,156,.22)}
body.srm .slot-title{color:var(--srm-green);font-family:"DM Mono","Noto Sans SC",monospace;text-shadow:0 0 14px rgba(57,255,156,.6)}
body.srm .slot-bulbs i{background:var(--srm-green);box-shadow:0 0 8px var(--srm-green)}
body.srm .slot-screen{background:#040b09;border-color:var(--srm-line);color:var(--srm-text)}
body.srm .slot-screen-head,body.srm .slot-screen-head *{background:transparent;color:var(--srm-dim);font-family:"DM Mono","Noto Sans SC",monospace}
body.srm .slot-row,body.srm .slot-row *{color:var(--srm-text);font-family:"DM Mono","Noto Sans SC",monospace}
body.srm .slot-row{background:rgba(57,255,156,.05);border-color:var(--srm-line)}
body.srm .slot-wait,body.srm .slot-wait small{color:var(--srm-dim)}
body.srm .slot-plate{background:#10231d;color:var(--srm-green);border-color:var(--srm-line)}
@media(max-width:760px){.secret-monitor{gap:10px}.sm-radar{display:none}}
@media (prefers-reduced-motion: reduce){.srm-scan::after,.sm-radar::before,.srm-hud b,.sm-cam::after{animation:none}}
/* 用程式扫出来还是亮色的元件（10-30）：统一压暗 */
body.srm .live-submission,body.srm .stat,body.srm .room-qr,body.srm .student-chip{background:rgba(57,255,156,.06)!important;border:1px solid var(--srm-line)!important;color:var(--srm-text)!important;box-shadow:none!important}
body.srm .stat *,body.srm .student-chip *,body.srm .room-qr small,body.srm .live-submission *{color:var(--srm-text)!important}
body.srm .mini-bana-glow{background:rgba(57,255,156,.18)!important}
body.srm .slot-window{background:#040b09!important}
body.srm .slot-row,body.srm .slot-row.final,body.srm .slot-row.first,body.srm .slot-row.top1{background:rgba(57,255,156,.07)!important;border-color:var(--srm-line)!important;box-shadow:none!important}
body.srm .slot-row.final:first-child,body.srm .slot-strip .slot-row.final:first-of-type{background:rgba(255,201,77,.14)!important}
body.srm .slot-row b,body.srm .slot-row span,body.srm .slot-row em{color:var(--srm-text)!important}
body.srm .slot-lever-ball{background:radial-gradient(circle at 35% 30%,#ff9aa2,#ff4d5a)!important}
body.srm .slot-lever-base{background:#1f5c48!important}
body.srm .slot-window::before,body.srm .slot-window::after{display:none!important}
