:root{--bg-void: #0a0b0d;--bg-steel-1: #1c2026;--bg-steel-2: #14171b;--bg-steel-3: #0e1014;--plate-hi: #2a2f37;--plate-mid: #181b21;--plate-lo: #20242b;--rivet-hi: #6b727c;--rivet-lo: #15181c;--line-soft: rgba(120, 140, 160, .045);--line-mid: rgba(255, 255, 255, .1);--phosphor-green: #5dffb0;--phosphor-green-dk: #0a7a3a;--signal-amber: #ffc15a;--signal-amber-dk: #7a5a00;--signal-red: #ff5a5a;--signal-red-dk: #800010;--hazard-yellow: #f5c500;--hazard-dark: #1a1c20;--glow-green: rgba(93, 255, 176, .55);--glow-green-soft: rgba(93, 255, 176, .25);--glow-amber: rgba(255, 193, 90, .55);--glow-red: rgba(255, 90, 90, .55);--edge-green: rgba(93, 255, 176, .4);--edge-amber: rgba(255, 193, 90, .4);--edge-red: rgba(255, 90, 90, .4);--edge-steel: rgba(120, 140, 160, .2);--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-default: #d6dadf;--text-bright: #ecf0f4;--text-mute: rgba(214, 218, 223, .6);--text-faint: rgba(214, 218, 223, .35);--track-tight: .04em;--track-base: .12em;--track-wide: .2em;--track-x: .3em;--track-xx: .4em;--fs-2xs: 8px;--fs-xs: 9px;--fs-sm: 10px;--fs-md: 11px;--fs-base: 12px;--fs-lg: 14px;--fs-xl: 16px;--fs-2xl: 18px;--fs-3xl: 22px;--fs-4xl: 28px;--fs-5xl: 34px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text-default);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overflow:hidden;background:var(--bg-void)}#root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.backdrop{position:relative;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.backdrop-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.steel-bg{background-color:var(--bg-steel-2);background-image:radial-gradient(ellipse at 20% 0%,rgba(70,80,95,.35),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(20,25,30,.9),transparent 60%),repeating-linear-gradient(92deg,#ffffff05 0,#ffffff05 1px,#0000000d 1px,#0000000d 2px,#ffffff03 2px,#ffffff03 3px,#0000 3px,#0000 6px),repeating-linear-gradient(89deg,#ffffff06 0,#ffffff06 1px,#0000000a 1px,#0000000a 2px),linear-gradient(135deg,var(--bg-steel-1) 0%,var(--bg-steel-3) 60%,#16191e 100%)}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(120,140,160,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(120,140,160,.045) 1px,transparent 1px);background-size:32px 32px,32px 32px;-webkit-mask-image:radial-gradient(ellipse at center,black 50%,transparent 95%);mask-image:radial-gradient(ellipse at center,black 50%,transparent 95%)}.scanline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.4;background-image:repeating-linear-gradient(to bottom,#fff0 0,#fff0 2px,#ffffff05 2px,#ffffff05 3px)}.corner-tag{position:absolute;font-size:var(--fs-xs);letter-spacing:.35em;opacity:.5;font-variant-numeric:tabular-nums}@media (max-width: 767px){.corner-tag{display:none}}.plate{position:relative;width:640px;height:800px;border-radius:16px;padding:28px;background:linear-gradient(180deg,#ffffff0a,#0000 30%),repeating-linear-gradient(91deg,#ffffff05 0,#ffffff05 1px,#0000000f 1px,#0000000f 2px,#ffffff03 2px,#ffffff03 4px),linear-gradient(160deg,var(--plate-hi) 0%,var(--plate-mid) 55%,var(--plate-lo) 100%);box-shadow:inset 0 1px #ffffff14,inset 0 -2px #0000008c,inset 0 0 0 1px #ffffff05,0 30px 60px -20px #000c;overflow:hidden}.plate-inner{width:100%;height:100%;display:flex;flex-direction:column;padding:14px 0}.warning-stripe{position:absolute;left:0;right:0;height:14px;pointer-events:none;background-image:repeating-linear-gradient(135deg,var(--hazard-yellow) 0 14px,var(--bg-void) 14px 28px);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #00000073;opacity:.92}.warning-stripe-top{top:0;border-radius:16px 16px 0 0;border-bottom:1px solid rgba(0,0,0,.55)}.warning-stripe-bottom{bottom:0;border-radius:0 0 16px 16px;border-top:1px solid rgba(0,0,0,.55)}.rivet{position:absolute;width:14px;height:14px;border-radius:999px;background:radial-gradient(circle at 35% 30%,var(--rivet-hi) 0%,#3a3f47 35%,var(--rivet-lo) 70%,#0a0c0f 100%);box-shadow:inset 0 1px #ffffff40,inset 0 -1px 1px #0009,0 1px 2px #0009}.hud-screen{position:relative;border-radius:6px;background:radial-gradient(ellipse at center,rgba(60,200,140,.07) 0%,transparent 70%),linear-gradient(180deg,#07120c,#050a07);box-shadow:inset 0 0 0 1px #46c88c2e,inset 0 0 24px #000000e6,inset 0 0 60px #3cc88c0f}.hud-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-image:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(255,255,255,.018) 2px 3px)}.hud-glow{color:var(--phosphor-green);text-shadow:0 0 6px var(--glow-green),0 0 18px var(--glow-green-soft)}.hud-amber{color:var(--signal-amber);text-shadow:0 0 6px var(--glow-amber)}.hud-red{color:var(--signal-red);text-shadow:0 0 6px var(--glow-red)}.hud-digit{font-variant-numeric:tabular-nums;letter-spacing:var(--track-base)}.text-mute{color:var(--text-mute)}.text-faint{color:var(--text-faint)}.led{width:12px;height:12px;border-radius:999px;display:inline-block;background:radial-gradient(circle at 30% 30%,#2a2e34,#0c0e11);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px 1px #000000b3}.led.on-green{background:radial-gradient(circle at 35% 30%,#d6ffe0 0%,#4cff90 40%,var(--phosphor-green-dk) 100%);box-shadow:0 0 8px #50ff8cd9,0 0 16px #50ff8c99}.led.on-amber{background:radial-gradient(circle at 35% 30%,#fff3c4 0%,#ffc24d 40%,var(--signal-amber-dk) 100%);box-shadow:0 0 8px #ffc850d9,0 0 16px #ffc85099}.led.on-red{background:radial-gradient(circle at 35% 30%,#ffd6d6 0%,#ff5a5a 40%,var(--signal-red-dk) 100%);box-shadow:0 0 8px #ff5a5ad9,0 0 16px #ff5a5a99}.state-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--edge-steel);background:#0a0c1099;border-radius:2px;padding:6px 11px;font-size:var(--fs-md);letter-spacing:var(--track-x);color:var(--text-mute)}.pill-green{border-color:var(--edge-green);color:var(--phosphor-green);text-shadow:0 0 6px var(--edge-green)}.pill-amber{border-color:var(--edge-amber);color:var(--signal-amber);text-shadow:0 0 6px var(--edge-amber)}.pill-red{border-color:var(--edge-red);color:var(--signal-red);text-shadow:0 0 6px var(--edge-red)}.steel-btn{font-family:var(--font-mono);color:var(--text-default);background:linear-gradient(180deg,#3a4049,#1a1d22);box-shadow:inset 0 1px #ffffff26,inset 0 -2px #0009,0 2px #00000080;border:none;border-radius:4px;padding:10px 16px;letter-spacing:var(--track-x);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:filter .15s ease}.steel-btn:hover{filter:brightness(1.15)}.steel-btn:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0009}.steel-btn.ghost{background:transparent;border:1px solid var(--edge-steel);box-shadow:none;color:var(--text-mute)}.steel-btn.ghost:hover{border-color:#ffffff73;color:var(--text-default);filter:none}.start-overlay{background:#0000008c}.start-plate{position:relative;width:90%;max-width:448px;border-radius:6px;padding:32px;background:linear-gradient(180deg,#ffffff0a,#0000 30%),repeating-linear-gradient(91deg,#ffffff05 0,#ffffff05 1px,#0000000f 1px,#0000000f 2px,#ffffff03 2px,#ffffff03 4px),linear-gradient(160deg,var(--plate-hi) 0%,var(--plate-mid) 55%,var(--plate-lo) 100%);box-shadow:inset 0 1px #ffffff14,inset 0 -2px #0000008c,inset 0 0 0 1px #ffffff05,0 30px 60px -20px #000c}.start-kicker{font-size:var(--fs-sm);letter-spacing:.35em;opacity:.6}.start-title{margin-top:8px;font-size:30px;font-weight:800;letter-spacing:.06em;line-height:1.15}.start-body{margin-top:12px;font-size:var(--fs-base);line-height:1.625;opacity:.75}.start-btn{width:100%;margin-top:24px;padding:12px 20px;border-radius:2px;font-size:var(--fs-base);letter-spacing:var(--track-x)}.hud-bar{width:100%;padding:16px 20px;display:flex;align-items:center;gap:20px}.hud-bar-pwr{display:flex;align-items:center;gap:8px}.hud-bar-pwr .lbl{font-size:var(--fs-md);letter-spacing:var(--track-x);opacity:.8}.hud-bar-fields{flex:1;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:var(--fs-lg)}.hud-bar-fields .k{opacity:.6}.hud-bar-fields .v{font-weight:700}.progress{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px;padding:0 6px}.pip{width:30px;height:30px;border-radius:50%;border:2px solid var(--edge-steel);background:transparent;display:flex;align-items:center;justify-content:center;font-size:var(--fs-md);font-weight:700;color:var(--text-mute);transition:background .3s,border-color .3s,color .3s,box-shadow .3s;flex-shrink:0}.pip.active{border-color:var(--signal-amber);box-shadow:0 0 0 2px #ffc15a4d,0 0 10px var(--glow-amber);color:var(--signal-amber)}.pip.correct{border-color:var(--phosphor-green);color:var(--phosphor-green);text-shadow:0 0 6px var(--glow-green);box-shadow:inset 0 0 10px #5dffb040}.pip.wrong{border-color:var(--signal-red);color:var(--signal-red);text-shadow:0 0 6px var(--glow-red);box-shadow:inset 0 0 10px #ff5a5a40}.question-wrap{text-align:center;padding:0 14px;margin-top:12px;min-height:50px;display:flex;flex-direction:column;justify-content:center}.question-text{font-size:var(--fs-3xl);font-weight:700;line-height:1.35;color:var(--text-bright)}.qb-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:12px;flex:1;min-height:0;margin-top:16px;padding:0 6px}.qb-card{perspective:1000px;perspective-origin:50% 50%;height:100%;min-height:56px}.qb-card.playable{cursor:pointer}.qb-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.45,.05,.2,1);will-change:transform;animation:qbSpinIn .3s ease-out}.qb-card.revealed .qb-card-inner{transform:rotateX(540deg)}.qb-card.leaving .qb-card-inner{transform:rotateX(90deg);transition:transform .3s ease-in}.qb-card.leaving.revealed .qb-card-inner{transform:rotateX(630deg)}@keyframes qbSpinIn{0%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.qb-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 12px;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.qb-front{background:radial-gradient(ellipse at center,rgba(60,200,140,.08) 0%,transparent 70%),linear-gradient(180deg,#07120c,#050a07);box-shadow:inset 0 0 0 1.5px #46c88c2e,inset 0 0 24px #000000e6,inset 0 0 60px #3cc88c0f;color:var(--phosphor-green)}.qb-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-image:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(255,255,255,.02) 2px 3px)}.qb-front .opt{font-size:var(--fs-2xl);line-height:1.35;text-shadow:0 0 6px var(--glow-green-soft)}@media (hover: hover){.qb-card.playable:hover .qb-front{box-shadow:inset 0 0 0 1.5px var(--edge-green),inset 0 0 24px #000000e6,inset 0 0 70px #5dffb029}}.qb-back{transform:rotateX(180deg);background:radial-gradient(ellipse at center,rgba(60,200,140,.05) 0%,transparent 70%),linear-gradient(180deg,#07120c,#050a07)}.qb-back.correct{background:radial-gradient(ellipse at center,rgba(93,255,176,.18) 0%,transparent 70%),linear-gradient(180deg,#06170e,#04120a);box-shadow:inset 0 0 0 1.5px var(--edge-green),inset 0 0 40px #5dffb02e}.qb-back.wrong{background:radial-gradient(ellipse at center,rgba(255,90,90,.16) 0%,transparent 70%),linear-gradient(180deg,#1a0708,#120405);box-shadow:inset 0 0 0 1.5px var(--edge-red),inset 0 0 40px #ff5a5a29}.qb-result-icon{font-size:var(--fs-4xl);line-height:1}.qb-result-answer{font-size:var(--fs-lg);line-height:1.35}.qb-back.correct .qb-result-icon,.qb-back.correct .qb-result-answer{color:var(--phosphor-green);text-shadow:0 0 8px var(--glow-green)}.qb-back.wrong .qb-result-icon,.qb-back.wrong .qb-result-answer{color:var(--signal-red);text-shadow:0 0 8px var(--glow-red)}.game-footer{display:flex;align-items:center;gap:12px;margin-top:12px;padding:0 6px;flex-shrink:0}.game-log{flex:1;min-width:0;padding:10px 14px;font-size:var(--fs-md);letter-spacing:var(--track-wide);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-log .k{opacity:.5}.game-reset{flex-shrink:0;min-width:160px;padding-left:28px;padding-right:28px;text-align:center}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}.caret:after{content:"_";margin-left:2px;animation:caret 1s steps(2) infinite}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cert-plate{position:relative;width:100%;max-width:520px;border-radius:8px;padding:24px 26px 30px;background:linear-gradient(180deg,#ffffff0a,#0000 30%),repeating-linear-gradient(91deg,#ffffff05 0,#ffffff05 1px,#0000000f 1px,#0000000f 2px,#ffffff03 2px,#ffffff03 4px),linear-gradient(160deg,var(--plate-hi) 0%,var(--plate-mid) 55%,var(--plate-lo) 100%);box-shadow:inset 0 1px #ffffff14,inset 0 -2px #0000008c,inset 0 0 0 1px #ffffff05,0 30px 60px -20px #000c;overflow:hidden}.cert-head{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-xs);letter-spacing:var(--track-x);opacity:.7}.cert-status-label{font-size:var(--fs-xs);letter-spacing:var(--track-x);opacity:.6;margin-top:16px}.cert-title{font-weight:800;font-size:var(--fs-4xl);letter-spacing:var(--track-tight);line-height:1.05;margin-top:6px}.cert-sub{font-size:var(--fs-md);letter-spacing:var(--track-wide);margin-top:10px}.cert-body-grid{margin-top:16px;display:grid;grid-template-columns:1fr 130px;gap:12px;align-items:start}.cert-cells{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}@media (max-width: 479px){.cert-cells{grid-template-columns:1fr}}.cert-cell{border:1px solid var(--line-mid);border-radius:2px;padding:6px 8px}.cert-cell .k{opacity:.55;font-size:var(--fs-2xs);letter-spacing:var(--track-x)}.cert-cell .v{font-weight:700;font-size:var(--fs-lg);margin-top:3px;white-space:nowrap}.cert-cell .v.small{font-size:var(--fs-base);letter-spacing:var(--track-tight)}.stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;animation:stampIn .9s cubic-bezier(.2,.8,.2,1) both}.stamp-wrap{position:relative;height:130px}.stamp.ok{border:2px solid rgba(93,255,176,.7);color:#5dffb0f2;box-shadow:inset 0 0 18px #50ff8c40}.stamp.bad{border:2px solid rgba(255,90,90,.75);color:#ff5a5af2;box-shadow:inset 0 0 18px #ff5a5a40}.stamp .s1{font-size:var(--fs-2xs);letter-spacing:var(--track-xx);opacity:.85}.stamp .s2{font-weight:800;font-size:var(--fs-2xl);letter-spacing:var(--track-tight);margin-top:3px}.stamp .s3{font-size:var(--fs-2xs);letter-spacing:var(--track-xx);opacity:.85;margin-top:3px}.cert-foot{margin-top:18px;display:flex;flex-direction:column;align-items:stretch;gap:14px}.cert-foot .bar-col{min-width:0}.cert-foot .steel-btn{display:flex;align-items:center;justify-content:center;width:100%;padding-top:17px;padding-bottom:17px}.barcode{height:30px;width:100%;opacity:.9;background-image:repeating-linear-gradient(90deg,#d6dadf 0 2px,transparent 2px 4px,#d6dadf 4px 5px,transparent 5px 9px,#d6dadf 9px 11px,transparent 11px 13px,#d6dadf 13px 14px,transparent 14px 18px)}.cert-serial{margin-top:4px;font-size:var(--fs-xs);letter-spacing:var(--track-x);opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.confirm-plate{max-width:380px;text-align:center}.confirm-title{font-weight:800;font-size:var(--fs-2xl);letter-spacing:var(--track-tight);line-height:1.2}.confirm-sub{font-size:var(--fs-lg);color:var(--text-mute);margin-top:10px}.confirm-row{display:flex;gap:10px;justify-content:center;margin-top:20px}.cheat-zone{position:absolute;width:56px;height:56px;z-index:9999;background:transparent}.tenant-error{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0a0b0df2}.tenant-error-box{background:var(--signal-red-dk);color:#fff;padding:1.25rem 1.5rem;border-radius:6px;border:1px solid var(--signal-red);box-shadow:0 0 30px var(--glow-red);max-width:360px;font-family:var(--font-mono);font-size:var(--fs-base);line-height:1.5;letter-spacing:var(--track-tight)}.tenant-error-title{color:var(--signal-red);font-weight:800;letter-spacing:var(--track-x);margin-bottom:.5rem;font-size:var(--fs-sm);text-transform:uppercase}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.25}}.blink{animation:blink 1.1s steps(2) infinite}@keyframes ringPulse{0%{box-shadow:inset 0 0 18px #50ff8c40,0 0 #50ff8c80}to{box-shadow:inset 0 0 18px #50ff8c40,0 0 0 18px #50ff8c00}}.ring-pulse{animation:ringPulse 1.6s ease-out infinite}.stamp.ok.ring-pulse{animation:stampIn .9s cubic-bezier(.2,.8,.2,1) both,ringPulse 1.6s ease-out .55s infinite}@keyframes ringPulseRed{0%{box-shadow:inset 0 0 18px #ff5a5a40,0 0 #ff5a5a80}to{box-shadow:inset 0 0 18px #ff5a5a40,0 0 0 18px #ff5a5a00}}.stamp.bad{animation:stampIn .9s cubic-bezier(.2,.8,.2,1) both,ringPulseRed 1.6s ease-out .55s infinite}@keyframes stampIn{0%{transform:translate(-50%,-50%) scale(2.4) rotate(-18deg);opacity:0;filter:blur(6px)}60%{transform:translate(-50%,-50%) scale(.9) rotate(-12deg);opacity:1;filter:blur(0)}80%{transform:translate(-50%,-50%) scale(1.05) rotate(-12deg)}to{transform:translate(-50%,-50%) scale(1) rotate(-12deg)}}@keyframes glitchFlick{0%{opacity:0;transform:translate(0)}8%{opacity:1;transform:translate(-3px,2px)}16%{opacity:.4;transform:translate(2px,-1px)}24%{opacity:1;transform:translate(-2px,1px)}40%{opacity:.2}60%{opacity:1;transform:translate(3px,-2px)}to{opacity:1;transform:translate(0)}}.glitch{animation:glitchFlick 1s steps(2,end)}