:root{--navy:#0B1F3A;--navy2:#071527;--gold:#C9A84C;--gold2:#E2C47A;--off:#F7F5F1;--white:#fff;--ink:#0B1F3A;--mid:#2E3D52;--soft:#667287;--green:#1A6B3C;--red:#B83232;--serif:Georgia,'Times New Roman',serif;--mono:'SF Mono',Consolas,'Courier New',monospace;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;background:#071527;color:white;font-family:var(--font);overflow:hidden}.stage{position:relative;width:100vw;height:100vh;background:radial-gradient(circle at 18% 18%,rgba(201,168,76,.18),transparent 26%),radial-gradient(circle at 78% 58%,rgba(99,170,230,.14),transparent 34%),linear-gradient(135deg,#06111f,#0B1F3A 58%,#071527);overflow:hidden}.grid{position:absolute;inset:-35%;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:54px 54px;transform:perspective(900px) rotateX(64deg);animation:grid 26s linear infinite;opacity:.55}@keyframes grid{to{background-position:0 540px,540px 0}}.dot{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--gold2);box-shadow:0 0 10px var(--gold2);animation:float 12s linear infinite}@keyframes float{from{transform:translateY(110vh);opacity:0}15%{opacity:1}to{transform:translateY(-20vh);opacity:0}}.top{position:absolute;z-index:20;top:0;left:0;right:0;height:74px;padding:17px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(7,21,39,.85),rgba(7,21,39,.18));backdrop-filter:blur(8px)}.brand{display:flex;gap:14px;align-items:center}.brand>span{width:40px;height:40px;border-radius:8px;background:white;color:var(--navy);border:2px solid var(--gold);display:grid;place-items:center;font:700 24px var(--serif)}.brand b{display:block;font:700 18px var(--serif)}.brand small,.sceneNo{font:10px var(--mono);text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.62)}.sceneNo{color:var(--gold2);font-size:11px}.scene{position:absolute;inset:74px 0 56px;padding:4vw;display:grid;place-items:center;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 1.1s ease;pointer-events:none}.scene.active{opacity:1;transform:scale(1);pointer-events:auto}.intro{text-align:center}.intro p{font:12px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold2)}.intro h1{font:700 clamp(54px,9vw,122px)/.92 var(--serif);margin:16px 0;text-shadow:0 18px 70px rgba(0,0,0,.45)}.intro em{font-style:normal;font-size:21px;color:rgba(255,255,255,.76)}.orb{width:210px;height:210px;border-radius:50%;margin:auto;border:1px solid rgba(226,196,122,.4);box-shadow:0 0 100px rgba(201,168,76,.22),inset 0 0 60px rgba(131,201,255,.08);position:relative;animation:pulse 5s ease-in-out infinite}.orb i{position:absolute;inset:24px;border-radius:50%;border:1px solid rgba(255,255,255,.2);animation:spin 8s linear infinite}.orb i:nth-child(2){inset:70px;background:radial-gradient(circle,var(--gold2),transparent 55%);border:0;animation-duration:5s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.05)}}.archline{display:flex;gap:54px;align-items:center;filter:drop-shadow(0 28px 50px rgba(0,0,0,.35))}.archline div{width:160px;height:120px;border-radius:18px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);display:grid;place-items:center;text-align:center;font:700 24px var(--serif)}.archline div small{font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.65)}.archline .gold{border-color:var(--gold);background:linear-gradient(180deg,rgba(201,168,76,.35),rgba(201,168,76,.12));transform:scale(1.14)}.archline b{height:2px;width:92px;margin:0 -34px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);position:relative;overflow:hidden}.archline b:after{content:'';position:absolute;top:-4px;left:-20%;width:38px;height:10px;background:var(--gold2);filter:blur(5px);animation:flow 1.8s linear infinite}@keyframes flow{to{left:110%}}.arch aside{position:absolute;left:50%;bottom:11%;transform:translateX(-50%);width:min(760px,88vw);padding:18px 22px;border:1px solid rgba(226,196,122,.35);border-radius:16px;background:rgba(7,21,39,.76);display:flex;gap:14px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.arch aside strong{font:700 22px var(--serif);color:var(--gold2);white-space:nowrap}.arch aside span{line-height:1.55;color:rgba(255,255,255,.78)}.console{width:min(1280px,94vw);height:min(720px,78vh);background:#f7f5f1;color:var(--ink);border-radius:22px;border:1px solid rgba(226,196,122,.36);box-shadow:0 38px 120px rgba(0,0,0,.58);overflow:hidden;transform:perspective(1400px) scale(.92);transition:transform 1.1s ease}.console.left{transform:perspective(1400px) rotateX(2deg) rotateY(8deg) scale(.98) translateX(3vw)}.console.center{transform:perspective(1400px) rotateX(1deg) scale(1.04)}.console.right{transform:perspective(1400px) rotateX(2deg) rotateY(-8deg) scale(.98) translateX(-3vw)}.console.shadowFocus{transform:perspective(1400px) rotateX(5deg) scale(1.02) translateY(-1vh)}.chead{height:56px;background:white;border-bottom:3px solid var(--gold);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.chead strong{font:700 20px var(--serif)}.chead span{font:11px var(--mono);color:var(--soft);text-transform:uppercase;letter-spacing:.08em}.cgrid{height:calc(100% - 56px);display:grid;grid-template-columns:280px 1fr 330px;gap:18px;padding:18px}.queue,.eval,.pap{background:white;border:1px solid #e0d9ce;border-radius:16px;box-shadow:0 4px 20px rgba(11,31,58,.08);overflow:hidden}.queue{padding:14px;display:flex;flex-direction:column;gap:10px}.qitem{border:1px solid #e0d9ce;border-radius:10px;padding:12px;background:#f7f5f1;opacity:.42;transform:translateX(-16px);transition:all .45s ease}.qitem.on{opacity:1;transform:none;border-color:var(--gold);background:white;box-shadow:0 0 0 1px var(--gold) inset}.qitem b{font-size:13px;display:block}.qitem small,.mono{font:10px var(--mono);color:var(--soft);text-transform:uppercase;letter-spacing:.1em}.eval{padding:20px}.gates{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 18px}.gate{border:1px solid #e0d9ce;background:#f7f5f1;border-radius:12px;padding:16px;opacity:.5;transition:all .6s ease}.gate small{font:10px var(--mono);color:var(--soft);text-transform:uppercase}.gate b{display:block;font:700 20px var(--serif);margin:4px 0 12px}.gate span{font:700 11px var(--mono)}.gate.pass{opacity:1;border-color:#bcd7c5;background:#f3f8f4}.gate.pass span{color:var(--green)}.gate.fail{opacity:1;border-color:#e7bdbd;background:#faf1f1}.gate.fail span{color:var(--red)}.gate.warn{opacity:1;border-color:var(--gold);background:#fbf6e8}.gate.warn span{color:#8a6d1f}.verdict{border:1px solid #e0d9ce;border-radius:16px;padding:22px;background:#fff;box-shadow:0 8px 30px rgba(11,31,58,.08);min-height:132px}.verdict strong{font:700 48px/1 var(--serif)}.verdict p{margin:8px 0 0;color:var(--mid);font-size:15px}.allow strong{color:var(--green)}.modify strong{color:#8a6d1f}.abstain strong{color:var(--soft)}.shadowV strong{color:var(--navy)}.pap h3{margin:0;height:54px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:2px solid var(--gold);font:700 17px var(--serif)}.pap h3 span{font:10px var(--mono);color:var(--gold2)}.kv{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px dotted #e0d9ce;font-size:13px}.kv span{color:var(--soft)}.kv b{font:12px var(--mono);text-align:right}.sig{margin:16px;height:84px;border-radius:12px;background:repeating-linear-gradient(90deg,#f7f5f1 0 8px,#ede8df 8px 10px);position:relative;overflow:hidden}.sig:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(201,168,76,.55),transparent);transform:translateX(-100%)}.sig.sign:after{animation:scan 1.8s ease forwards}@keyframes scan{to{transform:translateX(100%)}}.proof{display:grid;gap:8px;padding:0 16px 16px}.proof span{font:11px var(--mono);border:1px solid #e0d9ce;border-radius:8px;padding:10px;background:#f7f5f1;color:var(--soft)}.proof span.ok{color:var(--green);background:#f3f8f4;border-color:#bcd7c5}.compare{display:none;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.compare.on{display:grid}.compare div{border:1px solid #e0d9ce;border-radius:14px;background:white;padding:18px}.compare small{font:10px var(--mono);color:var(--soft);text-transform:uppercase}.compare b{display:block;font:700 34px var(--serif);color:#8a6d1f;margin:5px 0}.compare div:last-child b{color:var(--soft)}.compare p{margin:0;color:var(--mid);font-size:13px}.shadow{display:none;margin-top:18px;border:1px solid rgba(11,31,58,.16);border-radius:16px;background:#f7f5f1;padding:18px}.shadow.on{display:grid;gap:14px}.shadow div{position:relative;border:1px solid #e0d9ce;border-radius:12px;background:white;padding:14px 18px;overflow:hidden}.shadow small{font:10px var(--mono);color:var(--soft);text-transform:uppercase}.shadow b{display:block;font:700 24px var(--serif)}.shadow i{position:absolute;top:50%;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:lane 1.2s linear infinite}@keyframes lane{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.shadow p{text-align:center;font:11px var(--mono);text-transform:uppercase;color:var(--gold);letter-spacing:.12em;margin:0}.sectors{grid-template-columns:repeat(5,1fr);gap:18px}.sectors div{height:180px;border-radius:20px;border:1px solid rgba(226,196,122,.35);display:grid;place-items:center;text-align:center;padding:18px;background:rgba(255,255,255,.08);font:25px var(--serif);box-shadow:0 20px 70px rgba(0,0,0,.28);animation:sector .9s ease both}.sectors div:nth-child(2){animation-delay:.1s}.sectors div:nth-child(3){animation-delay:.2s}.sectors div:nth-child(4){animation-delay:.3s}.sectors div:nth-child(5){animation-delay:.4s}@keyframes sector{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.narr{position:absolute;z-index:30;left:50%;bottom:72px;transform:translateX(-50%);width:min(900px,90vw);padding:16px 22px;border:1px solid rgba(226,196,122,.35);border-radius:16px;background:rgba(7,21,39,.84);backdrop-filter:blur(12px);color:rgba(255,255,255,.88);font-size:18px;line-height:1.55;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.28)}.ctl{position:absolute;z-index:40;left:0;right:0;bottom:0;height:56px;display:flex;align-items:center;gap:14px;padding:0 28px;background:rgba(7,21,39,.82);border-top:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px)}.ctl button,.ctl a{font:11px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:white;text-decoration:none;background:transparent;border:1px solid rgba(255,255,255,.24);border-radius:8px;padding:8px 12px;cursor:pointer}.ctl button:hover,.ctl a:hover{border-color:var(--gold);color:var(--gold2)}.bar{flex:1;height:4px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2));transition:width .2s linear}@media(max-width:1000px){.cgrid{grid-template-columns:1fr}.queue,.pap{display:none}.console{height:70vh}.archline{gap:20px;flex-wrap:wrap;justify-content:center}.archline b{display:none}.archline div{width:140px}.sectors{grid-template-columns:1fr;overflow:auto}.sectors div{height:88px}.arch aside{position:static;transform:none;margin-top:28px}.intro h1{font-size:56px}.narr{font-size:15px}}


/* Audio-enabled cinematic layer */
.startOverlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(201,168,76,.16),transparent 32%),rgba(7,21,39,.94);backdrop-filter:blur(8px);padding:28px}
.startOverlay.hidden{opacity:0;pointer-events:none;transition:opacity .55s ease}
.startCard{width:min(620px,92vw);padding:38px;border:1px solid rgba(201,168,76,.45);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 30px 100px rgba(0,0,0,.45);text-align:center;color:#fff}
.startMark{width:62px;height:62px;border-radius:18px;background:var(--gold);color:var(--navy);display:grid;place-items:center;margin:0 auto 20px;font-family:Georgia,'Times New Roman',serif;font-weight:800;font-size:2rem;box-shadow:0 0 40px rgba(201,168,76,.35)}
.startCard p{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);font-size:.72rem;margin-bottom:10px}.startCard h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;margin:0 0 22px}.startCard button{appearance:none;border:1px solid var(--gold);border-radius:999px;background:var(--gold);color:var(--navy);font-weight:800;padding:12px 20px;margin:6px;cursor:pointer}.startCard button.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.38)}.startCard small{display:block;margin-top:18px;color:rgba(255,255,255,.7);font-size:.78rem}
#mute,#captionsToggle{min-width:92px}.narr.off{opacity:0}.audioStatus{position:fixed;left:24px;bottom:76px;z-index:20;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.52);background:rgba(7,21,39,.55);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 11px;backdrop-filter:blur(8px)}
@media(max-width:760px){.audioStatus{display:none}.ctl{gap:8px}.ctl button{padding:9px 10px}}