:root{
  --bg:#060910;--bg2:#0b1018;--panel:#08111a;--panel2:#0b1620;--line:#1c3645;--cyan:#3fe9ff;--cyan2:#00b5d6;--green:#79ff63;--yellow:#ffd53d;--red:#ff4b4b;--orange:#ff9c2a;--text:#dce9f2;--muted:#8aa5b4;--shadow:0 0 0 1px rgba(111,208,255,.18),0 0 28px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.02)
}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 50% -10%,#0f1830 0,#070c16 35%,#03070c 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100%}body{overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}
.screen-noise,.scanlines{position:fixed;inset:0;pointer-events:none;z-index:100}.screen-noise{opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.scanlines{opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.03) 3px 4px)}
.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:14px 18px;background:rgba(6,11,17,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(84,185,255,.2);position:sticky;top:0;z-index:40}.brand-block{display:flex;align-items:center;gap:14px;min-width:0}.seal{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:3px solid var(--yellow);font:900 1rem/1 ui-monospace,monospace;color:#fff;background:#121820;box-shadow:0 0 20px rgba(255,213,61,.25)}.brand-block h1{margin:0;font-size:clamp(1rem,2vw,1.55rem);letter-spacing:.03em}.brand-block p{margin:3px 0 0;font:700 .72rem/1.2 ui-monospace,monospace;color:var(--muted);letter-spacing:.14em}.nav-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.tab{border:1px solid rgba(130,220,255,.22);background:rgba(10,18,28,.8);color:#dbeeff;padding:10px 14px;font:800 .74rem ui-monospace,monospace;letter-spacing:.08em;cursor:pointer;box-shadow:var(--shadow)}.tab.active,.tab:hover{border-color:rgba(255,213,61,.65);box-shadow:0 0 0 1px rgba(255,213,61,.25),0 0 14px rgba(255,213,61,.12);color:var(--yellow)}.top-status{display:flex;align-items:center;gap:12px}.auto-dot{width:13px;height:13px;border-radius:50%;background:#52ff6d;box-shadow:0 0 14px #52ff6d;animation:pulse 1.8s infinite}.top-status strong{display:block;color:#92ff89;font-size:1rem}.top-status small{display:block;color:var(--muted);font:700 .68rem ui-monospace,monospace;letter-spacing:.11em}.clock-block{text-align:right;margin-left:6px}.clock-block span{display:block;font:900 1.2rem ui-monospace,monospace}.clock-block small{font:700 .68rem ui-monospace,monospace;color:var(--muted)}
.alert-strip{display:grid;grid-template-columns:1.2fr 1fr 1.1fr 1fr;gap:0;background:#2a0609;border-top:1px solid #a71717;border-bottom:1px solid #a71717;color:#ffd5d5;text-transform:uppercase;font:900 .86rem/1.1 ui-monospace,monospace;letter-spacing:.08em}.alert-strip>div{padding:11px 16px;border-right:1px solid rgba(255,255,255,.08);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warn-icon{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #ff7a7a;border-radius:50%;margin-right:8px}
.dashboard-layout{padding:14px 14px 0;display:grid;grid-template-columns:340px 1.55fr 340px;gap:14px;align-items:start;grid-template-areas:"feed center stats" "cases scan dispatch" "cases queue dispatch"}.panel,.cam-panel{background:linear-gradient(180deg,rgba(9,17,27,.95),rgba(5,10,16,.95));border:1px solid rgba(90,205,255,.18);box-shadow:var(--shadow);position:relative;overflow:hidden}.panel::before,.cam-panel::before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.03);pointer-events:none}.panel-title,.cam-head,.hero-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(95,208,255,.18);font:800 .8rem ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.panel-title b,.cam-head b,.hero-head b{color:#84ff77}.auto-chip{color:#8bffa0}.auto-chip.green{color:#65ff64}.view-link{font:800 .72rem ui-monospace,monospace;color:var(--muted)}.mini-button{padding:5px 9px;border:1px solid rgba(95,208,255,.25);background:rgba(12,21,31,.9);color:#d7f3ff;font:800 .66rem ui-monospace,monospace;cursor:pointer}.mini-button:hover{border-color:rgba(255,213,61,.45);color:#ffe6a1}.mini-button.danger{border-color:rgba(255,75,75,.5);color:#ffd0d0}
.incident-feed-panel{grid-area:feed;min-height:700px}.incident-feed{padding:6px 0;max-height:662px;overflow:auto}.feed-row{display:grid;grid-template-columns:74px 1fr;gap:10px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.045);font:.84rem/1.35 ui-monospace,monospace}.feed-row span{color:var(--muted)}.feed-row .event-text{color:#dff7ff}.feed-row.warning .event-text{color:#ffd768}.feed-row.alert .event-text{color:#ff7676}.feed-row.info .event-text{color:#68ffc0}.feed-row.notice .event-text{color:#82caff}
.main-center{grid-area:center;display:grid;gap:14px}.portal-grid{display:grid;grid-template-columns:156px 1fr 156px;grid-template-rows:auto auto auto;gap:12px}.hero-panel{grid-column:2;grid-row:1 / span 3}.hero-head{align-items:flex-start}.hero-head>div:first-child span{display:block}.hero-meta{display:flex;flex-direction:column;gap:3px;text-align:right;font:.72rem/1.2 ui-monospace,monospace;color:var(--muted)}.hero-meta strong{color:#ffcf5a}.hero-scene{position:relative;height:380px;background:radial-gradient(circle at 50% 42%,rgba(95,255,97,.12),transparent 25%),linear-gradient(180deg,#0d1624 0,#08111b 50%,#0b1320 100%);overflow:hidden}.hero-scene::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.024) 3px 4px);pointer-events:none;z-index:20}.space-earth{position:absolute;right:-55px;top:20px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#44dcff 0,#1f84d7 34%,#0a396f 58%,#061c3d 72%,transparent 75%),radial-gradient(circle at 48% 52%,rgba(68,255,152,.85) 0 10%,transparent 12%),radial-gradient(circle at 60% 40%,rgba(129,255,130,.85) 0 8%,transparent 10%),radial-gradient(circle at 45% 65%,rgba(129,255,130,.75) 0 7%,transparent 8%);box-shadow:0 0 40px rgba(62,171,255,.18);opacity:.55;animation:earthTurn 18s linear infinite}.cityline{position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300'%3E%3Cg fill='%23050a10'%3E%3Crect x='0' y='190' width='70' height='110'/%3E%3Crect x='50' y='150' width='80' height='150'/%3E%3Crect x='110' y='100' width='95' height='200'/%3E%3Crect x='180' y='165' width='90' height='135'/%3E%3Crect x='255' y='140' width='120' height='160'/%3E%3Crect x='355' y='85' width='110' height='215'/%3E%3Crect x='455' y='125' width='90' height='175'/%3E%3Crect x='525' y='155' width='80' height='145'/%3E%3Crect x='590' y='110' width='125' height='190'/%3E%3Crect x='700' y='145' width='95' height='155'/%3E%3Crect x='780' y='90' width='135' height='210'/%3E%3Crect x='905' y='150' width='90' height='150'/%3E%3Crect x='980' y='118' width='100' height='182'/%3E%3Crect x='1060' y='165' width='78' height='135'/%3E%3Crect x='1130' y='130' width='70' height='170'/%3E%3C/g%3E%3C/svg%3E") bottom center/cover no-repeat;opacity:.96}.portal-ring{position:absolute;left:50%;top:45%;border-radius:50%;transform:translate(-50%,-50%);border:4px solid rgba(130,255,127,.9);filter:drop-shadow(0 0 8px rgba(130,255,127,.6)) drop-shadow(0 0 30px rgba(60,255,106,.2));animation:spin 8s linear infinite}.portal-ring.outer{width:250px;height:250px;border-width:6px}.portal-ring.middle{width:190px;height:260px;animation-direction:reverse;animation-duration:6s}.portal-ring.inner{width:132px;height:220px;animation-duration:4s}.portal-glow{position:absolute;left:50%;top:45%;width:320px;height:320px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(126,255,105,.26),rgba(95,255,210,.14) 30%,rgba(84,61,255,.13) 48%,transparent 70%);filter:blur(10px);animation:pulseGlow 3s ease-in-out infinite}.debris,.anomaly,.exit-sign,.teleport,.teleport-ring{position:absolute;z-index:8;will-change:transform}.anomaly{font-size:58px;filter:drop-shadow(0 0 14px rgba(255,255,255,.18))}.whale{left:56%;top:12%;animation:whaleFloat 11s ease-in-out infinite}.dino{left:44%;top:43%;font-size:60px;animation:dinoLeap 7s ease-in-out infinite}.cat{left:56%;top:46%;font-size:50px;animation:catHover 6s ease-in-out infinite}.laser{position:absolute;width:120px;height:4px;background:linear-gradient(90deg,#ff4d4d,#ff7efe);box-shadow:0 0 12px #ff58c4;transform-origin:left center;z-index:7;opacity:.9}.laser-a{left:61%;top:57%;transform:rotate(13deg)}.laser-b{left:61%;top:58%;transform:rotate(6deg)}.debris{font-size:28px;opacity:.93;filter:drop-shadow(0 0 6px rgba(255,255,255,.2))}.d1{left:35%;top:15%;animation:drift1 12s ease-in-out infinite}.d2{left:67%;top:24%;animation:drift2 9s ease-in-out infinite}.d3{left:58%;top:67%;animation:drift3 13s ease-in-out infinite}.d4{left:48%;top:12%;animation:drift4 10s ease-in-out infinite}.d5{left:63%;top:68%;animation:drift1 8s ease-in-out infinite reverse}.d6{left:72%;top:16%;animation:drift2 11s ease-in-out infinite reverse}.d7{left:39%;top:62%;animation:drift3 10s ease-in-out infinite reverse}.d8{left:32%;top:30%;animation:drift4 7s ease-in-out infinite}.exit-sign{left:41%;top:13%;padding:6px 10px;background:#2d3316;border:2px solid #ceff67;color:#f7ffca;font:900 1.1rem ui-monospace,monospace;transform:rotate(-13deg);animation:signSwing 6s ease-in-out infinite}.teleport{font-size:34px;animation:teleportHop 4s ease-in-out infinite}.tele-1{left:31%;top:46%;animation-delay:0s}.tele-2{left:67%;top:48%;animation-delay:-1s}.tele-3{left:52%;top:28%;animation-delay:-1.8s}.tele-4{left:59%;top:66%;animation-delay:-2.3s}.teleport-ring{width:44px;height:44px;border-radius:50%;border:2px dashed rgba(142,255,235,.45);animation:pulseRing 2.6s ease-in-out infinite}.tr1{left:28%;top:42%}.tr2{left:62%;top:61%;animation-delay:-1.1s}.quote{position:absolute;font:900 1rem/1.15 "Arial Black",Impact,sans-serif;letter-spacing:.04em;color:#f1f7fb;text-shadow:0 0 12px rgba(255,255,255,.12);z-index:8}.q-left{left:8%;bottom:16%}.q-right{right:8%;bottom:18%;text-align:right}.hero-popup{position:absolute;left:18px;top:18px;padding:8px 11px;background:rgba(9,15,26,.84);border:1px solid rgba(255,213,61,.45);box-shadow:0 0 16px rgba(255,213,61,.12);font:800 .72rem ui-monospace,monospace;color:#ffe67f;z-index:21;max-width:250px;animation:flicker 4s linear infinite}.scene-footer{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75));font:700 .72rem ui-monospace,monospace;color:#d6ecf8;display:flex;justify-content:space-between;z-index:10}
.cam-panel{min-height:118px}.mini-scene{height:117px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 40%,rgba(70,140,210,.08),transparent 50%),#07111b;overflow:hidden}.cam-caption{position:absolute;left:7px;right:7px;bottom:6px;padding:4px 6px;background:rgba(2,7,12,.7);font:700 .58rem/1.15 ui-monospace,monospace;color:#d3ebf8;border:1px solid rgba(95,208,255,.12);text-align:center}.ghost{position:absolute;font-size:44px;opacity:.9}.ghost-one{animation:ghostBob 3s ease-in-out infinite}.ghost-two{font-size:28px;left:68%;top:22%;animation:ghostDrift 4.6s ease-in-out infinite}.ocean-scene .whale-mini{font-size:48px;animation:swim 8s linear infinite;position:absolute;left:-20%}.duck-mini{position:absolute;right:18%;top:18%;font-size:22px;animation:duckBob 2s ease-in-out infinite}.bubble{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(166,241,255,.65);bottom:12px;animation:bubbleRise 4s linear infinite}.b1{left:28%}.b2{left:58%;animation-delay:-1.3s}.b3{left:72%;animation-delay:-2.4s}.dino-scene .dino-mini{font-size:48px;animation:glowBounce 4s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(102,255,122,.45))}.fence{position:absolute;left:0;right:0;bottom:18px;height:14px;background:repeating-linear-gradient(90deg,#1d331b 0 12px,transparent 12px 24px);border-top:2px solid #4ef66a}.sky-scene .planet.horizon{position:absolute;bottom:-80px;left:-20px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#1fb4ff,#0c60c9 46%,#0a2d5f 70%,transparent 75%);opacity:.28}.sky-scene .comet{width:88px;height:10px;border-radius:20px;background:linear-gradient(90deg,rgba(255,255,255,0),#ff79ff,#ffd0f7,#ffffff);transform:rotate(-25deg);box-shadow:0 0 18px #ff57ca;position:absolute}.comet-a{animation:cometRun 4.2s linear infinite}.comet-b{animation:cometRun2 6.2s linear infinite;opacity:.8}.meteor-clash{position:absolute;left:50%;top:40%;width:18px;height:18px;border-radius:50%;background:#fff1a1;box-shadow:0 0 14px #fff1a1,0 0 30px rgba(255,149,0,.6);animation:meteorPulse 1.7s ease-in-out infinite}.orbit-scene .earth-mini{position:absolute;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#44dcff 0,#1f84d7 34%,#0a396f 58%,#061c3d 72%),radial-gradient(circle at 48% 52%,rgba(68,255,152,.85) 0 10%,transparent 12%),radial-gradient(circle at 60% 40%,rgba(129,255,130,.85) 0 8%,transparent 10%);box-shadow:0 0 20px rgba(62,171,255,.18);opacity:.55;animation:earthTurn 10s linear infinite}.orbit-scene .orbital-core{width:16px;height:16px;border-radius:50%;background:#9f91ff;box-shadow:0 0 24px #9f91ff,0 0 50px rgba(143,121,255,.35)}.orbit-scene .orbit{position:absolute;border:2px solid rgba(157,141,255,.55);border-radius:50%}.orbit1{width:80px;height:80px;animation:spinCenter 6s linear infinite}.orbit2{width:120px;height:50px;animation:spinCenter 4s linear infinite reverse}.orbit3{width:130px;height:130px;animation:spinCenter 10s linear infinite}.sat{position:absolute;font-size:16px}.sat-a{animation:satOrbitA 6s linear infinite}.sat-b{animation:satOrbitB 8s linear infinite}.glitch-scene .glitch-box{position:absolute;width:26px;height:26px;border:2px solid #8a6cff;background:rgba(138,108,255,.12);box-shadow:0 0 14px rgba(138,108,255,.4);animation:boxFlicker 2s linear infinite}.glitch-scene .b2{left:25%;top:34%;animation-delay:-.5s}.glitch-scene .b3{left:60%;top:58%;animation-delay:-1s}.pixel-smile{position:absolute;top:28px;right:24px;color:#69fff5;font:900 1.6rem ui-monospace,monospace;opacity:.7;animation:flicker 2s linear infinite}.right-cam .mini-scene{background:radial-gradient(circle at 50% 40%,rgba(255,95,180,.07),transparent 45%),#08111d}
.stats-column{grid-area:stats;display:grid;gap:14px}.stat-panel{padding-bottom:10px}.big-stat{padding:14px 14px 4px}.big-stat span{display:block;font:900 3.65rem/1 ui-monospace,monospace;color:var(--yellow)}.big-stat b{font:900 .9rem ui-monospace,monospace;color:#ffd658}#stabilityGraph{display:block;width:100%;height:90px;padding:0 12px 12px}.counts-panel{padding:10px 0}.count-row{display:flex;justify-content:space-between;padding:11px 14px;border-top:1px solid rgba(255,255,255,.05);font:800 .92rem ui-monospace,monospace}.count-row b{font-size:2rem}.count-row:nth-child(1) b{color:var(--red)}.count-row:nth-child(2) b{color:#ff6d6d}.count-row:nth-child(3) b{color:#66ff85}.count-row:nth-child(4) b{color:#58beff}.world-map{position:relative;height:182px;background:radial-gradient(circle at 50% 50%,rgba(58,255,115,.06),transparent 56%),#08111c;overflow:hidden}.map-outline{position:absolute;inset:16px 12px 14px;background:linear-gradient(180deg,rgba(10,40,22,.08),rgba(10,40,22,.14)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 960 500'%3E%3Cpath fill='none' stroke='%235fff68' stroke-width='8' stroke-opacity='.45' d='M75,245 l65,-65 115,12 63,-45 110,16 86,-26 88,44 67,-8 56,65 -20,72 -90,53 -109,-18 -52,64 -150,-14 -64,-45 -138,12 -65,-85 38,-42z'/%3E%3C/svg%3E") center/88% 80% no-repeat}.dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#ffe35d;box-shadow:0 0 12px #ffe35d;animation:pulse 1.7s infinite}.p1{left:13%;top:48%}.p2{left:30%;top:34%;animation-delay:-.4s}.p3{left:39%;top:53%;animation-delay:-.6s}.p4{left:52%;top:31%;animation-delay:-.8s}.p5{left:63%;top:47%;animation-delay:-1s}.p6{left:72%;top:28%;animation-delay:-1.2s}.p7{left:80%;top:57%;animation-delay:-1.4s}.p8{left:57%;top:66%;animation-delay:-1.6s}
.launch-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:10px 12px 0}.launch-grid label{display:grid;gap:4px}.launch-grid span{font:700 .62rem ui-monospace,monospace;color:var(--muted);letter-spacing:.1em}.launch-grid input{background:#061018;border:1px solid rgba(95,208,255,.18);padding:8px 10px;color:#dff1ff}.launch-grid input::placeholder{color:#6f90a1}.launch-actions{display:flex;gap:8px;padding:10px 12px 0}.launch-note{padding:10px 12px 12px;font:700 .72rem/1.35 ui-monospace,monospace;color:#9ec2d3}
.lower-row{min-height:224px}.cases-panel{grid-area:cases}.scan-panel{grid-area:scan}.queue-panel{grid-area:queue}.dispatch-panel{grid-area:dispatch}.case-file-list,.queue-list,.dispatch-list{padding:8px 0}.case-item,.queue-item,.dispatch-item{display:grid;align-items:center;padding:10px 12px;border-top:1px solid rgba(255,255,255,.04);gap:10px}.case-item{grid-template-columns:92px 1fr auto}.queue-item{grid-template-columns:42px 1fr auto}.dispatch-item{grid-template-columns:86px 1fr auto}.case-id,.queue-num,.dispatch-id{font:900 .92rem ui-monospace,monospace;color:var(--yellow)}.case-title,.queue-title,.dispatch-status{font:800 .95rem/1.2 ui-monospace,monospace}.case-summary{font:700 .74rem/1.25 ui-monospace,monospace;color:var(--muted)}.dispatch-eta{font:800 .82rem ui-monospace,monospace;color:#c6dfee}.priority-pill,.status-pill{padding:4px 8px;border:1px solid rgba(255,255,255,.15);font:900 .68rem ui-monospace,monospace;text-transform:uppercase}.priority-pill.critical,.status-pill.active{color:#ffdcdc;border-color:rgba(255,88,88,.45);background:rgba(255,48,48,.1)}.priority-pill.high,.status-pill.monitoring{color:#ffe6bf;border-color:rgba(255,167,41,.5);background:rgba(255,145,0,.1)}.priority-pill.medium,.status-pill.contained{color:#fdf6b3;border-color:rgba(255,220,70,.45);background:rgba(255,220,70,.08)}.priority-pill.low,.status-pill.resolved{color:#d6ffd7;border-color:rgba(95,255,104,.45);background:rgba(95,255,104,.08)}.scan-wrap{display:grid;grid-template-columns:250px 1fr;gap:14px;padding:14px}.radar{position:relative;height:250px;border-radius:50%;border:1px solid rgba(79,236,255,.3);background:radial-gradient(circle,rgba(18,95,90,.15),rgba(4,18,28,.95));overflow:hidden;justify-self:center;align-self:center}.radar::before,.radar::after,.radar-ring{content:"";position:absolute;border-radius:50%;border:1px solid rgba(78,246,255,.25)}.radar::before{inset:12px}.radar::after{inset:40px}.radar-ring.r1{inset:66px}.radar-ring.r2{inset:92px}.radar-ring.r3{inset:0;opacity:.4}.radar-sweep{position:absolute;inset:-8px;background:conic-gradient(from 180deg,rgba(57,255,128,.55),rgba(57,255,128,0) 22%,transparent 55%);animation:spinCenter 3.6s linear infinite;mix-blend-mode:screen}.radar-entity{position:absolute;font-size:26px;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.e1{left:35px;top:48px}.e2{left:44px;top:149px}.e3{right:34px;top:136px}.e4{right:52px;top:44px}.e5{left:112px;bottom:32px}.e6{right:78px;bottom:62px}.scan-stats{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:12px;align-content:start}.scan-stats>div{padding:10px;background:rgba(7,15,24,.9);border:1px solid rgba(95,208,255,.12)}.scan-stats b{display:block;font:900 2.2rem/1 ui-monospace,monospace;color:#59ff6b}.scan-stats span{display:block;margin-top:4px;font:700 .7rem ui-monospace,monospace;color:var(--muted)}.scan-stats p{grid-column:1/-1;margin:0;padding:12px;background:rgba(7,15,24,.9);border:1px solid rgba(95,208,255,.12);font:700 .74rem/1.45 ui-monospace,monospace;color:#9fc2d2}
.notice-strip{margin:14px 14px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;background:linear-gradient(180deg,#1c1701,#140f02);border:1px solid rgba(255,213,61,.35);box-shadow:0 0 20px rgba(0,0,0,.3)}.notice-label,.notice-state{padding:10px 14px;font:900 .85rem ui-monospace,monospace;color:var(--yellow);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.notice-track{overflow:hidden;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.notice-scroll{display:inline-block;white-space:nowrap;padding:10px 0;font:800 .8rem ui-monospace,monospace;color:#dff8ff;animation:scrollNotices 42s linear infinite}.desk-footer{position:relative;display:grid;grid-template-columns:1fr 460px 300px;align-items:end;gap:16px;padding:14px 18px 24px}.desk-footer::before{content:"";position:absolute;left:0;right:0;bottom:0;height:138px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72) 50%,rgba(0,0,0,.94));z-index:0}.desk-left,.operator-area,.desk-right{position:relative;z-index:2}.desk-left{display:flex;align-items:flex-end;gap:12px;padding-left:4px}.desk-lamp{width:28px;height:62px;border-radius:14px 14px 4px 4px;background:linear-gradient(180deg,#433e2c,#1e1b14);box-shadow:0 0 25px rgba(255,198,94,.18)}.desk-cat{font-size:28px;margin-bottom:8px}.mug{padding:8px 10px;background:#d7d5c5;color:#141414;border-radius:0 0 8px 8px;font:900 .78rem/1.05 ui-monospace,monospace;box-shadow:0 6px 18px rgba(0,0,0,.25)}.operator-area{height:210px;display:flex;justify-content:center;align-items:flex-end;gap:18px}.operator-head{position:absolute;bottom:116px;width:48px;height:48px;border-radius:50%;background:#0f1014;box-shadow:0 0 0 8px #06070b}.operator-body{width:164px;height:118px;background:#10151e;border-radius:16px 16px 4px 4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.operator-mark{font:900 1.3rem ui-monospace,monospace;color:#ffd44f}.operator-sub{font:900 .72rem/1.1 ui-monospace,monospace;text-align:center;color:#dceefb}.desk-monitor{width:150px;height:110px;background:#0a1117;border:1px solid rgba(95,208,255,.15);box-shadow:var(--shadow);padding:10px;position:relative}.mini-monitor.left{align-self:flex-end}.mini-monitor.right{align-self:center}.monitor-text{font:800 .8rem ui-monospace,monospace;color:#dfefff}.monitor-text b{color:var(--yellow)}.smiley-ring{position:absolute;left:50%;top:54%;width:56px;height:56px;transform:translate(-50%,-50%);border:3px solid rgba(95,255,91,.5);border-radius:50%;box-shadow:0 0 16px rgba(95,255,91,.3)}.smiley-ring::before,.smiley-ring::after{content:"";position:absolute;top:16px;width:7px;height:7px;background:#87ff76;border-radius:50%}.smiley-ring::before{left:14px}.smiley-ring::after{right:14px}.smiley-ring{animation:pulse 1.8s infinite}.monitor-tag{position:absolute;left:12px;bottom:10px;font:700 .72rem ui-monospace,monospace;color:#f4ff98}.scribble{font:900 1.15rem/1.03 "Comic Sans MS", "Segoe Print", cursive;color:#efe6ef;text-align:center;letter-spacing:.03em}.desk-right{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px}.book-stack{display:flex;flex-direction:column;gap:3px}.book-stack span{display:block;background:#5b4e29;color:#13120f;padding:4px 8px;font:900 .7rem ui-monospace,monospace}.sticky-note{background:#c7b257;color:#121212;padding:12px 14px;font:900 1rem/1.1 ui-monospace,monospace;box-shadow:0 12px 18px rgba(0,0,0,.22);transform:rotate(-1deg)}.footer-brand{font:900 1.5rem/1.05 "Arial Black",Impact,sans-serif;color:#f3f3f3;text-align:right}.footer-brand small{display:block;font:700 .7rem/1.2 ui-monospace,monospace;color:#8aa8b7}
@keyframes pulse{50%{opacity:.65;transform:scale(1.08)}}@keyframes spinCenter{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulseGlow{50%{transform:translate(-50%,-50%) scale(1.06);opacity:.8}}@keyframes earthTurn{0%{transform:translateX(0)}50%{transform:translateX(18px)}100%{transform:translateX(0)}}@keyframes whaleFloat{0%,100%{transform:translate(0,0) rotate(-9deg)}50%{transform:translate(-18px,16px) rotate(7deg)}}@keyframes dinoLeap{0%,100%{transform:translate(0,0) rotate(-7deg)}40%{transform:translate(-12px,-16px) rotate(4deg)}65%{transform:translate(8px,10px) rotate(0deg)}}@keyframes catHover{0%,100%{transform:translate(0,0)}50%{transform:translate(12px,-14px)}}@keyframes drift1{50%{transform:translate(10px,-22px) rotate(16deg)}}@keyframes drift2{50%{transform:translate(-14px,18px) rotate(-24deg)}}@keyframes drift3{50%{transform:translate(15px,-10px) rotate(18deg)}}@keyframes drift4{50%{transform:translate(-18px,12px) rotate(-16deg)}}@keyframes signSwing{50%{transform:rotate(9deg) translateY(-5px)}}@keyframes teleportHop{0%,100%{transform:scale(.8) translateY(0);opacity:.15}35%{transform:scale(1.2) translateY(-8px);opacity:1}70%{transform:scale(.95) translateY(6px);opacity:.55}}@keyframes pulseRing{0%,100%{transform:scale(.5);opacity:.1}50%{transform:scale(1.4);opacity:.7}}@keyframes ghostBob{50%{transform:translateY(-12px)}}@keyframes ghostDrift{0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(-12px,12px);opacity:1}}@keyframes swim{0%{left:-20%}100%{left:110%}}@keyframes duckBob{50%{transform:translateY(-8px)}}@keyframes bubbleRise{0%{transform:translateY(0) scale(.8);opacity:0}25%{opacity:.8}100%{transform:translateY(-80px) scale(1.4);opacity:0}}@keyframes glowBounce{50%{transform:translateY(-10px) scale(1.05)}}@keyframes cometRun{0%{transform:translateX(-130px) translateY(40px) rotate(-25deg)}100%{transform:translateX(150px) translateY(-45px) rotate(-25deg)}}@keyframes cometRun2{0%{transform:translateX(130px) translateY(-25px) rotate(18deg)}100%{transform:translateX(-150px) translateY(45px) rotate(18deg)}}@keyframes meteorPulse{50%{transform:scale(1.6);opacity:.5}}@keyframes satOrbitA{0%{transform:translate(-12px,-34px)}25%{transform:translate(34px,-4px)}50%{transform:translate(6px,34px)}75%{transform:translate(-38px,6px)}100%{transform:translate(-12px,-34px)}}@keyframes satOrbitB{0%{transform:translate(42px,6px)}25%{transform:translate(12px,28px)}50%{transform:translate(-32px,8px)}75%{transform:translate(5px,-28px)}100%{transform:translate(42px,6px)}}@keyframes boxFlicker{0%,100%{transform:translate(0,0)}25%{transform:translate(14px,12px)}50%{transform:translate(-6px,24px)}75%{transform:translate(10px,-8px)}}@keyframes flicker{0%,100%{opacity:1}8%{opacity:.7}11%{opacity:1}38%{opacity:.65}44%{opacity:1}70%{opacity:.8}}@keyframes scrollNotices{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media (max-width:1500px){.dashboard-layout{grid-template-columns:300px 1fr 320px}.portal-grid{grid-template-columns:140px 1fr 140px}.scan-wrap{grid-template-columns:220px 1fr}}@media (max-width:1250px){.topbar{grid-template-columns:1fr;justify-items:start}.nav-tabs{justify-content:flex-start}.top-status{justify-self:start}.alert-strip{grid-template-columns:1fr 1fr}.dashboard-layout{grid-template-columns:1fr;grid-template-areas:"feed" "center" "stats" "cases" "scan" "queue" "dispatch"}.portal-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto}.hero-panel{grid-column:1/-1;grid-row:auto}.cam-panel{min-height:130px}.desk-footer{grid-template-columns:1fr;gap:12px}.operator-area{justify-content:flex-start}}@media (max-width:780px){.panel-title,.cam-head,.hero-head,.count-row,.case-item,.queue-item,.dispatch-item,.feed-row{font-size:.72rem}.portal-grid{grid-template-columns:1fr}.hero-panel{grid-column:1}.hero-scene{height:340px}.quote{display:none}.scan-wrap{grid-template-columns:1fr}.notice-strip{grid-template-columns:1fr}.notice-state{display:none}.desk-left,.desk-right{display:none}.operator-area{height:190px;justify-content:center}.launch-actions{flex-wrap:wrap}}

.sound-toggle{padding:8px 10px !important}
.protocol-panel{margin-top:0}
.protocol-body{padding:12px;display:grid;gap:10px}
.protocol-card{padding:10px 12px;background:rgba(7,15,24,.9);border:1px solid rgba(95,208,255,.12)}
.protocol-card h4{margin:0 0 6px;font:800 .74rem ui-monospace,monospace;color:#ffe06a;letter-spacing:.08em}
.protocol-card p{margin:0;font:700 .74rem/1.4 ui-monospace,monospace;color:#a6c7d7}
.rift-crack{position:absolute;border:2px solid rgba(141,255,248,.4);box-shadow:0 0 18px rgba(141,255,248,.15);filter:drop-shadow(0 0 10px rgba(166,78,255,.25));z-index:7;animation:riftPulse 3s ease-in-out infinite}
.rc1{left:22%;top:22%;width:52px;height:130px;border-radius:70% 30% 55% 45% / 30% 60% 40% 70%;transform:rotate(-15deg)}
.rc2{right:18%;top:24%;width:46px;height:112px;border-radius:40% 60% 35% 65% / 65% 35% 55% 45%;transform:rotate(18deg);animation-delay:-1.4s}
.fighter{position:absolute;z-index:9;font-size:26px;filter:drop-shadow(0 0 8px rgba(255,255,255,.18))}
.fighter-a{left:20%;top:18%;animation:fightA 7s linear infinite}
.fighter-b{left:68%;top:20%;animation:fightB 6.5s linear infinite}
.fighter-c{left:48%;top:34%;animation:fightC 2.1s ease-in-out infinite}
.deep-lore-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px;padding:0 0 18px}
.lore-col{background:linear-gradient(180deg,rgba(9,17,27,.95),rgba(5,10,16,.95));border:1px solid rgba(90,205,255,.18);box-shadow:var(--shadow);padding:14px}
.lore-col h3{margin:0 0 8px;font:900 .9rem ui-monospace,monospace;color:#ffe06a;letter-spacing:.08em}
.lore-col p{margin:0;font:700 .82rem/1.5 ui-monospace,monospace;color:#a6c7d7}
.case-modal.hidden{display:none}
.case-modal{position:fixed;inset:0;z-index:120}
.case-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.case-modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,92vw);background:linear-gradient(180deg,#0a1320,#07101a);border:1px solid rgba(95,208,255,.22);box-shadow:0 20px 60px rgba(0,0,0,.55),var(--shadow);padding:18px}
.case-modal-card h3{margin:0 36px 14px 0;font:900 1.35rem ui-monospace,monospace;color:#ffe06a}
.case-close-btn{position:absolute;right:14px;top:10px;background:#0d1723;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 10px;cursor:pointer}
.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-grid .wide{grid-column:1/-1}
.modal-grid span{display:block;font:700 .68rem ui-monospace,monospace;color:var(--muted);letter-spacing:.1em;margin-bottom:4px}
.modal-grid b{display:block;font:900 1rem ui-monospace,monospace;color:#dff1ff}
.modal-grid p{margin:0;background:rgba(5,10,18,.9);border:1px solid rgba(95,208,255,.12);padding:10px;font:700 .82rem/1.5 ui-monospace,monospace;color:#b2ccda}
.case-item{cursor:pointer}
.launch-note.success{color:#97ff8d}
.launch-note.warn{color:#ffe06a}
@keyframes riftPulse{50%{transform:scale(1.08) rotate(8deg);opacity:.55}}
@keyframes fightA{0%{transform:translate(0,0) rotate(-15deg)}25%{transform:translate(80px,40px) rotate(8deg)}50%{transform:translate(160px,18px) rotate(20deg)}75%{transform:translate(95px,-12px) rotate(-8deg)}100%{transform:translate(0,0) rotate(-15deg)}}
@keyframes fightB{0%{transform:translate(0,0) rotate(25deg)}25%{transform:translate(-70px,24px) rotate(8deg)}50%{transform:translate(-150px,10px) rotate(-18deg)}75%{transform:translate(-82px,-18px) rotate(6deg)}100%{transform:translate(0,0) rotate(25deg)}}
@keyframes fightC{50%{transform:scale(1.4);opacity:.4}}
@media (max-width:1250px){.deep-lore-strip{grid-template-columns:1fr}}

/* ======================== V5 REAL ROOMS ======================== */
.room-view:not(.active){display:none!important}
.room-page{padding:22px 18px 34px;min-height:720px}
.room-header{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin:4px 0 18px;padding:18px;background:linear-gradient(180deg,rgba(10,18,29,.96),rgba(6,12,20,.96));border:1px solid rgba(90,205,255,.18);box-shadow:var(--shadow)}
.room-kicker{display:block;margin-bottom:8px;font:900 .72rem ui-monospace,monospace;color:#78ff78;letter-spacing:.14em}
.room-header h2{margin:0;font:900 clamp(2rem,4vw,4.8rem)/.92 "Arial Black",Impact,sans-serif;letter-spacing:-.035em;text-transform:uppercase;color:#edf7fd}
.room-header p{max-width:850px;margin:12px 0 0;color:#9eb9c8;font:700 .9rem/1.55 ui-monospace,monospace}
.room-stat{min-width:180px;padding:14px;background:#071019;border:1px solid rgba(95,208,255,.14);text-align:right}
.room-stat b{display:block;color:#ffe15e;font:900 2rem/1 ui-monospace,monospace}.room-stat span{display:block;margin-top:7px;color:#7fa2b4;font:800 .62rem/1.25 ui-monospace,monospace;letter-spacing:.1em}
.room-grid{display:grid;gap:14px}.room-grid.two-col{grid-template-columns:1.35fr .65fr}.room-panel{min-height:250px}.room-panel.wide{grid-column:1/-1}
.history-list{max-height:610px;overflow:auto;padding:6px}.history-row{display:grid;grid-template-columns:80px 90px 1fr;gap:10px;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.05);font:750 .78rem/1.35 ui-monospace,monospace}.history-row .h-time{color:#7796a6}.history-row .h-level{font-weight:900}.history-row.alert .h-level{color:#ff6767}.history-row.warning .h-level{color:#ffd45d}.history-row.notice .h-level{color:#71c6ff}.history-row.info .h-level{color:#72ff9b}.history-row .h-text{color:#cfe3ee}
.engine-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.engine-cards>div{padding:13px;background:#071019;border:1px solid rgba(95,208,255,.14)}.engine-cards span{display:block;font:800 .62rem ui-monospace,monospace;color:#799aaa;letter-spacing:.08em}.engine-cards b{display:block;margin-top:5px;font:900 2rem ui-monospace,monospace;color:#6eff77}.engine-note{margin:0 14px 14px;padding:13px;background:rgba(255,213,61,.05);border:1px solid rgba(255,213,61,.18);font:700 .78rem/1.5 ui-monospace,monospace;color:#bacbd3}
.case-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.case-archive-card{position:relative;padding:14px;background:linear-gradient(180deg,#0a1420,#07101a);border:1px solid rgba(95,208,255,.14);box-shadow:var(--shadow);cursor:pointer;min-height:174px;transition:.15s}.case-archive-card:hover{transform:translateY(-2px);border-color:rgba(255,213,61,.35)}.case-archive-card .file-id{font:900 .72rem ui-monospace,monospace;color:#ffe05e}.case-archive-card h3{margin:10px 0 8px;font:900 1rem/1.15 ui-monospace,monospace}.case-archive-card p{margin:0;color:#8eaab9;font:700 .73rem/1.4 ui-monospace,monospace}.case-archive-card .status-pill{position:absolute;right:10px;top:10px}
.anomaly-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.anomaly-chamber{background:linear-gradient(180deg,#07131c,#050b11);border:1px solid rgba(95,208,255,.18);box-shadow:var(--shadow);overflow:hidden}.chamber-head{padding:10px 12px;border-bottom:1px solid rgba(95,208,255,.14);font:900 .72rem ui-monospace,monospace;color:#dff5ff;letter-spacing:.07em}.chamber-stage{height:220px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(45,178,255,.08),transparent 52%),#06101a}.anomaly-chamber p{margin:0;padding:10px 12px;font:700 .74rem/1.35 ui-monospace,monospace;color:#91afbf}.big-whale,.big-cat,.big-dino,.big-ghost{position:absolute;font-size:78px;filter:drop-shadow(0 0 14px rgba(255,255,255,.15))}.big-whale{left:-25%;top:26%;animation:roomWhale 9s linear infinite}.wave-lines{position:absolute;inset:55% -20px auto;height:2px;background:#3fdfff;box-shadow:0 10px #3fdfff,0 20px #3fdfff;opacity:.4;animation:waveMove 3s linear infinite}.big-cat{left:38%;top:32%;animation:roomCat 4s ease-in-out infinite}.cat-beam{position:absolute;left:56%;top:49%;width:150px;height:4px;background:linear-gradient(90deg,#ff3a53,#ff76ed);box-shadow:0 0 12px #ff5fd8;transform-origin:left}.beam-one{transform:rotate(8deg)}.beam-two{transform:rotate(-5deg)}.big-dino{left:12%;top:40%;animation:roomDino 6s ease-in-out infinite}.dino-ground{position:absolute;left:0;right:0;bottom:18%;height:3px;background:#4aff63;box-shadow:0 0 12px rgba(74,255,99,.35)}.room-earth{position:absolute;left:50%;top:50%;width:120px;height:120px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#53dfff,#197ed0 40%,#073b7b 68%),radial-gradient(circle at 55% 46%,#61ff87 0 9%,transparent 10%);box-shadow:0 0 28px rgba(65,174,255,.22);animation:roomEarth 10s ease-in-out infinite}.room-sat{position:absolute;font-size:25px}.s1{animation:roomSat1 6s linear infinite}.s2{animation:roomSat2 5s linear infinite}.s3{animation:roomSat3 8s linear infinite}.g1{left:20%;top:35%;animation:ghostBob 3s ease-in-out infinite}.g2{right:20%;top:26%;font-size:58px;animation:ghostDrift 4.5s ease-in-out infinite}.glitch-cube{position:absolute;width:52px;height:52px;border:3px solid #8e72ff;box-shadow:0 0 18px rgba(142,114,255,.35);background:rgba(142,114,255,.08);animation:boxFlicker 2.2s linear infinite}.glitch-cube.c1{left:18%;top:24%}.glitch-cube.c2{right:18%;top:34%;animation-delay:-.7s}.glitch-cube.c3{left:42%;bottom:18%;animation-delay:-1.4s}.glitch-face{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 5rem ui-monospace,monospace;color:#69fff5;opacity:.55;animation:flicker 1.7s linear infinite}
.tech-room-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.tool-grid>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:13px;background:#071019;border:1px solid rgba(95,208,255,.12);font-size:1.5rem}.tool-grid b{font:850 .72rem ui-monospace,monospace;color:#dff4ff}.tool-grid span{font:900 .85rem ui-monospace,monospace;color:#ffe05d}.field-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.field-note{padding:14px;background:#d5c277;color:#16140f;box-shadow:0 8px 18px rgba(0,0,0,.25);transform:rotate(-1deg);font:900 .85rem/1.4 "Comic Sans MS","Segoe Print",cursive}.field-note:nth-child(even){transform:rotate(1deg);background:#d8d0a5}
.archive-grid-v5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.archive-card-v5{position:relative;min-height:330px;padding:16px;background:linear-gradient(180deg,#09131e,#050b12);border:1px solid rgba(95,208,255,.14);box-shadow:var(--shadow);overflow:hidden}.archive-card-v5.live{border-color:rgba(110,255,106,.45);box-shadow:0 0 0 1px rgba(110,255,106,.13),0 0 28px rgba(60,255,80,.08)}.archive-number{font:900 .75rem ui-monospace,monospace;color:#ffe05e}.archive-card-v5 h3{margin:14px 0 8px;font:900 1.25rem/1.05 ui-monospace,monospace}.archive-card-v5 p{margin:0;color:#8da9b7;font:700 .78rem/1.45 ui-monospace,monospace}.archive-status{position:absolute;left:16px;bottom:14px;padding:6px 9px;border:1px solid rgba(255,255,255,.15);font:900 .66rem ui-monospace,monospace;color:#c9dce5}.archive-status.live{color:#7eff83;border-color:rgba(126,255,131,.4)}.archive-visual{height:145px;margin-top:12px;background:radial-gradient(circle at center,rgba(90,202,255,.07),transparent 60%),#050c13;border:1px solid rgba(95,208,255,.1);position:relative;overflow:hidden}.sound-runner,.light-runner{position:absolute;font-size:30px}.sound-runner{left:-25%;top:34%;animation:archiveSound 7s linear infinite}.light-runner{left:-35%;bottom:28%;animation:archiveLight 3s linear infinite}.archive-cat{position:absolute;left:12%;bottom:28%;font-size:45px;animation:catHover 3s ease-in-out infinite}.archive-laser{position:absolute;left:34%;bottom:44%;height:4px;width:150px;background:#ff3f55;box-shadow:0 0 12px #ff3f55}.laser-dot{position:absolute;right:14%;top:26%;width:16px;height:16px;border-radius:50%;background:#ff3247;box-shadow:0 0 18px #ff3247;animation:laserDot 4s ease-in-out infinite}.mini-rift{position:absolute;left:50%;top:50%;width:95px;height:130px;transform:translate(-50%,-50%);border:4px solid #73ff74;border-radius:50%;filter:drop-shadow(0 0 12px #73ff74);animation:spin 5s linear infinite}.archive-whale{position:absolute;left:52%;top:20%;font-size:42px;animation:whaleFloat 7s ease-in-out infinite}.future-question{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 6rem ui-monospace,monospace;color:#6c8391;animation:pulse 2s infinite}
.about-grid-v5{display:grid;grid-template-columns:1fr 1fr;gap:14px}.manual-copy{padding:16px;color:#9fb7c4;font:700 .84rem/1.6 ui-monospace,monospace}.manual-copy h3{margin:0 0 10px;color:#ffe05e;font-size:1.2rem}.tagline-cloud{display:flex;flex-wrap:wrap;gap:9px;padding:16px}.tagline-cloud span{padding:8px 10px;border:1px solid rgba(95,208,255,.14);background:#071019;font:800 .74rem ui-monospace,monospace;color:#cee6f2}
/* ======================== AUTOMATIC FULL SCREEN EVENTS ======================== */
.event-overlay.hidden{display:none}.event-overlay{position:fixed;inset:0;z-index:110;background:#03050a;overflow:hidden;animation:eventIn .35s ease-out both}.event-space{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(75,20,170,.35),transparent 34%),radial-gradient(circle at 50% 50%,#0b1837,#02040a 72%);animation:eventSpace 4s ease-in-out infinite}.event-rift{position:absolute;left:50%;top:50%;width:min(46vw,620px);height:min(70vh,700px);transform:translate(-50%,-50%);border:12px solid #6dff71;border-radius:50%;filter:drop-shadow(0 0 28px #6dff71) drop-shadow(0 0 70px rgba(139,71,255,.55));animation:eventRift 2.4s linear infinite}.event-object{position:absolute;font-size:clamp(48px,8vw,140px);filter:drop-shadow(0 0 24px rgba(255,255,255,.2));z-index:3}.object-a{left:7%;top:18%;animation:eventObjA 4s ease-in-out infinite}.object-b{right:8%;bottom:12%;animation:eventObjB 3.5s ease-in-out infinite}.object-c{right:13%;top:12%;animation:eventObjC 2.8s ease-in-out infinite}.object-d{left:18%;bottom:12%;animation:eventObjD 5s ease-in-out infinite}.event-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.55),transparent 30%);mix-blend-mode:screen;animation:eventFlash 1.8s ease-in-out infinite}.event-card{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);width:min(780px,88vw);padding:18px 22px;background:rgba(3,8,14,.88);border:1px solid rgba(255,90,90,.45);box-shadow:0 20px 60px rgba(0,0,0,.55);text-align:center;z-index:5}.event-card span{display:block;color:#ff7272;font:900 .72rem ui-monospace,monospace;letter-spacing:.15em}.event-card h2{margin:7px 0;font:900 clamp(1.7rem,4vw,4rem)/.95 "Arial Black",Impact,sans-serif;color:#fff}.event-card p{margin:0;color:#b8d2df;font:800 .9rem/1.4 ui-monospace,monospace}.event-card small{display:block;margin-top:10px;color:#6e8d9d;font:800 .65rem ui-monospace,monospace;letter-spacing:.1em}
@keyframes roomWhale{0%{left:-30%;transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-15px) rotate(6deg)}100%{left:110%;transform:translateY(0) rotate(-8deg)}}@keyframes waveMove{to{transform:translateX(70px)}}@keyframes roomCat{50%{transform:translateY(-18px) rotate(8deg)}}@keyframes roomDino{0%,100%{transform:translateX(0) rotate(-5deg)}50%{transform:translateX(55px) rotate(5deg)}}@keyframes roomEarth{50%{transform:translate(-50%,-50%) scale(1.06) rotate(6deg)}}@keyframes roomSat1{0%{left:10%;top:15%}25%{left:70%;top:20%}50%{left:76%;top:68%}75%{left:20%;top:70%}100%{left:10%;top:15%}}@keyframes roomSat2{0%{right:15%;top:12%}50%{right:70%;top:68%}100%{right:15%;top:12%}}@keyframes roomSat3{0%{left:18%;bottom:10%}50%{left:72%;bottom:65%}100%{left:18%;bottom:10%}}@keyframes archiveSound{to{left:110%}}@keyframes archiveLight{to{left:120%}}@keyframes laserDot{0%,100%{right:14%;top:26%}25%{right:36%;top:68%}50%{right:10%;top:72%}75%{right:43%;top:18%}}@keyframes eventIn{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes eventSpace{50%{filter:hue-rotate(35deg);transform:scale(1.05)}}@keyframes eventRift{to{transform:translate(-50%,-50%) rotate(360deg) scale(1.03)}}@keyframes eventObjA{50%{transform:translate(22vw,12vh) rotate(15deg)}}@keyframes eventObjB{50%{transform:translate(-24vw,-16vh) rotate(-8deg)}}@keyframes eventObjC{50%{transform:translate(-18vw,22vh) rotate(10deg)}}@keyframes eventObjD{50%{transform:translate(28vw,-18vh) rotate(-16deg)}}@keyframes eventFlash{0%,100%{opacity:.1}50%{opacity:.5}}
@media (max-width:1200px){.room-grid.two-col,.tech-room-grid,.about-grid-v5{grid-template-columns:1fr}.case-archive-grid,.archive-grid-v5{grid-template-columns:repeat(2,1fr)}.anomaly-wall{grid-template-columns:repeat(2,1fr)}.field-notes{grid-template-columns:1fr 1fr}}@media (max-width:720px){.room-header{grid-template-columns:1fr}.room-stat{text-align:left}.case-archive-grid,.archive-grid-v5,.anomaly-wall{grid-template-columns:1fr}.field-notes{grid-template-columns:1fr}.history-row{grid-template-columns:70px 75px 1fr}.event-rift{width:80vw;height:55vh}}

/* V6 AUTO DIRECTOR */
.director-strip{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:10px;align-items:center;padding:8px 14px;background:linear-gradient(90deg,#061012,#0b1a1b,#0a1016);border-bottom:1px solid rgba(83,255,183,.24);box-shadow:inset 0 -1px 0 rgba(255,255,255,.02);position:sticky;top:81px;z-index:35}
.director-left,.director-center,.director-right{display:flex;align-items:center;gap:9px;min-width:0;font:800 .69rem ui-monospace,monospace;letter-spacing:.08em;color:#a6c5d2}.director-left b{color:#78ff9c}.director-eye{color:#6dff91;text-shadow:0 0 12px #6dff91;animation:pulse 1.4s infinite}.director-center{justify-content:center}.director-center b{color:#ffe065}.director-right{justify-content:flex-end}.director-right>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8fb8ca}
.director-cursor{position:fixed;left:50%;top:110px;z-index:95;pointer-events:none;width:18px;height:18px;border:2px solid #83ffd0;border-radius:50%;box-shadow:0 0 12px rgba(131,255,208,.7);opacity:0;transform:translate(-50%,-50%);transition:left .55s cubic-bezier(.2,.75,.2,1),top .55s cubic-bezier(.2,.75,.2,1),opacity .18s}.director-cursor::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#83ffd0;transform:translate(-50%,-50%)}.director-cursor span{position:absolute;left:20px;top:-5px;white-space:nowrap;padding:3px 5px;background:#061011;border:1px solid rgba(131,255,208,.35);font:800 .55rem ui-monospace,monospace;color:#83ffd0}.director-cursor.show{opacity:1}.director-cursor.clicking{animation:directorClick .28s ease-out}
@keyframes directorClick{50%{transform:translate(-50%,-50%) scale(1.8);box-shadow:0 0 24px rgba(131,255,208,.9)}}

/* operations wall */
.ops-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ops-card{min-height:250px;background:linear-gradient(180deg,#08131d,#050b11);border:1px solid rgba(95,208,255,.16);box-shadow:var(--shadow);padding:12px;overflow:hidden;position:relative}.ops-card h3{margin:0 0 10px;font:900 .76rem ui-monospace,monospace;color:#dff4ff;letter-spacing:.08em}.ops-card p{margin:9px 0 0;font:700 .73rem/1.4 ui-monospace,monospace;color:#91afbf}.ops-visual{height:140px;position:relative;background:radial-gradient(circle at 50% 50%,rgba(63,255,142,.09),transparent 55%),#050d14;border:1px solid rgba(95,208,255,.08);overflow:hidden}.portal-speck{position:absolute;font-size:24px;animation:opsDrift 4.5s ease-in-out infinite}.portal-speck:nth-child(2){animation-delay:-1s}.portal-speck:nth-child(3){animation-delay:-2s}.portal-speck:nth-child(4){animation-delay:-3s}@keyframes opsDrift{0%,100%{transform:translate(0,0) rotate(-8deg)}50%{transform:translate(55px,-30px) rotate(12deg)}}
.weather-orb{height:140px;display:grid;place-items:center;font-size:82px;background:radial-gradient(circle,rgba(255,92,205,.12),transparent 60%);animation:weatherBob 3.5s ease-in-out infinite}@keyframes weatherBob{50%{transform:translateY(-9px) rotate(7deg)}}
.coffee-meter{height:38px;border:1px solid rgba(255,213,61,.3);background:#0b0d0c;padding:4px}.coffee-meter span{display:block;height:100%;width:87%;background:linear-gradient(90deg,#6f3f1f,#ffc85a);box-shadow:0 0 12px rgba(255,200,90,.22);transition:width .7s ease}.moon-object{height:140px;display:grid;place-items:center;font-size:92px;animation:moonRoll 12s linear infinite}@keyframes moonRoll{to{transform:rotate(360deg)}}
.paper-stack{height:140px;position:relative;background:#071019;overflow:hidden}.paper-sheet{position:absolute;width:100px;height:58px;background:#d8d0ad;color:#111;border:1px solid #7c7459;box-shadow:0 8px 12px rgba(0,0,0,.22);font:900 .54rem ui-monospace,monospace;display:grid;place-items:center;animation:paperFall 5s linear infinite}@keyframes paperFall{0%{transform:translateY(-90px) rotate(-8deg)}100%{transform:translateY(180px) rotate(14deg)}}
.tiny-arena{height:140px;background:radial-gradient(circle at center,rgba(255,213,61,.06),transparent 60%),#061019;position:relative;overflow:hidden}.tiny-arena span{position:absolute;font-size:36px}.tiny-arena span:nth-child(1){animation:tiny1 4s ease-in-out infinite}.tiny-arena span:nth-child(2){animation:tiny2 4.6s ease-in-out infinite}.tiny-arena span:nth-child(3){animation:tiny3 5.2s ease-in-out infinite}.tiny-arena span:nth-child(4){animation:tiny4 3.8s ease-in-out infinite}@keyframes tiny1{0%,100%{left:8%;top:12%}50%{left:58%;top:55%}}@keyframes tiny2{0%,100%{left:70%;top:10%}50%{left:18%;top:60%}}@keyframes tiny3{0%,100%{left:12%;top:66%}50%{left:62%;top:20%}}@keyframes tiny4{0%,100%{left:72%;top:62%}50%{left:35%;top:16%}}

/* auto spotlight */
.spotlight-overlay.hidden{display:none}.spotlight-overlay{position:fixed;inset:0;z-index:112;background:rgba(1,4,8,.76);backdrop-filter:blur(4px);display:grid;place-items:center;animation:eventIn .25s ease-out both}.spotlight-card{width:min(620px,88vw);padding:22px;background:linear-gradient(180deg,#0a1520,#050b11);border:1px solid rgba(255,213,61,.36);box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 35px rgba(255,213,61,.08);text-align:center}.spotlight-card>span{font:900 .67rem ui-monospace,monospace;color:#ffdf63;letter-spacing:.14em}.spotlight-card h2{margin:10px 0 8px;font:900 clamp(1.6rem,4vw,3.4rem)/.98 "Arial Black",Impact,sans-serif}.spotlight-card p{margin:0;color:#a8c3d1;font:750 .82rem/1.5 ui-monospace,monospace}.spotlight-visual{margin:18px auto 0;width:260px;height:150px;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(74,226,255,.08),transparent 60%),#050d14;border:1px solid rgba(95,208,255,.12);font-size:74px;overflow:hidden;position:relative}.spotlight-visual.relic-sftl::before{content:"🔊〰️";position:absolute;left:-30%;top:30%;animation:archiveSound 4.2s linear infinite}.spotlight-visual.relic-sftl::after{content:"⚡✦";position:absolute;left:-35%;bottom:25%;animation:archiveLight 2.2s linear infinite}.spotlight-visual.relic-tcat::before{content:"🐈";font-size:62px;position:absolute;left:18%;bottom:23%;animation:catHover 2.7s ease-in-out infinite}.spotlight-visual.relic-tcat::after{content:"";position:absolute;left:40%;top:43%;width:140px;height:4px;background:#ff4058;box-shadow:0 0 14px #ff4058;animation:flicker 1.8s linear infinite}.spotlight-visual.relic-rmd::before{content:"🐋";position:absolute;font-size:58px;left:52%;top:16%;animation:whaleFloat 5s ease-in-out infinite}.spotlight-visual.relic-rmd::after{content:"";position:absolute;left:50%;top:50%;width:90px;height:120px;transform:translate(-50%,-50%);border:4px solid #72ff7a;border-radius:50%;filter:drop-shadow(0 0 10px #72ff7a);animation:spin 4s linear infinite}

.auto-focus{outline:2px solid rgba(123,255,203,.65)!important;box-shadow:0 0 0 4px rgba(123,255,203,.09),0 0 30px rgba(123,255,203,.18)!important;transition:.2s}.auto-room-flash{animation:roomFlash .7s ease-out}@keyframes roomFlash{0%{filter:brightness(1.6)}100%{filter:brightness(1)}}

@media (max-width:1100px){.director-strip{position:static;grid-template-columns:1fr}.director-center{justify-content:flex-start}.director-right{justify-content:flex-start}.ops-wall{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.ops-wall{grid-template-columns:1fr}.director-strip{font-size:.62rem}}

html{scroll-behavior:smooth}
[data-director-target],.room-panel,.history-row,.case-archive-card,.anomaly-chamber,.archive-card-v5,.ops-card,.field-note{scroll-margin-top:190px}
.public-launch-bar{display:grid;grid-template-columns:auto minmax(360px,1fr) auto auto;align-items:center;gap:12px;padding:8px 14px;background:linear-gradient(90deg,rgba(4,15,20,.98),rgba(7,22,25,.98),rgba(11,15,22,.98));border-bottom:1px solid rgba(83,255,183,.26);box-shadow:0 4px 22px rgba(0,0,0,.28);position:sticky;top:81px;z-index:38;backdrop-filter:blur(12px)}
.launch-brand{display:flex;align-items:center;gap:9px}.launch-brand b{display:block;font:900 .72rem ui-monospace,monospace;letter-spacing:.08em;color:#dffcf7}.launch-brand small{display:block;font:700 .58rem ui-monospace,monospace;color:#7da7ad;margin-top:2px}.launch-live-dot{width:10px;height:10px;border-radius:50%;background:#66ff87;box-shadow:0 0 13px #66ff87;animation:pulse 1.8s infinite}.launch-ca-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;background:#040b10;border:1px solid rgba(95,208,255,.18);padding:7px 9px;min-width:0}.launch-ca-wrap>span{font:900 .62rem ui-monospace,monospace;color:#ffe266}.launch-ca-wrap>b{font:800 .72rem ui-monospace,monospace;color:#dff7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.launch-copy-btn{border:1px solid rgba(95,208,255,.22);background:#0a1820;color:#bfefff;padding:5px 8px;font:900 .6rem ui-monospace,monospace;cursor:pointer}.launch-copy-btn:hover{color:#ffe57b;border-color:rgba(255,213,61,.4)}.public-links{display:flex;gap:6px;flex-wrap:wrap}.public-links a{padding:6px 8px;border:1px solid rgba(95,208,255,.2);background:#07131b;font:900 .62rem ui-monospace,monospace;color:#b8dce9;transition:.18s}.public-links a.ready{color:#7cff8b;border-color:rgba(124,255,139,.4);box-shadow:0 0 10px rgba(124,255,139,.08)}.public-links a:hover{transform:translateY(-1px);color:#ffe36a}.launch-mini-status{text-align:right}.launch-mini-status span{display:block;font:700 .55rem ui-monospace,monospace;color:#7898a8}.launch-mini-status b{display:block;font:900 .67rem ui-monospace,monospace;color:#ffe06a}.director-strip{top:137px}
.dynamic-anomaly-layer{position:absolute;inset:0;z-index:15;pointer-events:none;overflow:hidden}.dynamic-anomaly{position:absolute;font-size:clamp(20px,2.3vw,42px);filter:drop-shadow(0 0 8px rgba(255,255,255,.3));will-change:transform,opacity}.dyn-fall{animation:dynFall var(--dur,4s) cubic-bezier(.2,.8,.3,1) forwards}.dyn-fly{animation:dynFly var(--dur,5s) linear forwards}.dyn-rise{animation:dynRise var(--dur,4.4s) ease-out forwards}.dyn-bounce{animation:dynBounce var(--dur,4.2s) ease-in-out forwards}.dyn-orbit{animation:dynOrbit var(--dur,6s) linear forwards}.dyn-teleport{animation:dynTeleport var(--dur,3.4s) steps(8,end) forwards}.dyn-zigzag{animation:dynZigzag var(--dur,4.8s) ease-in-out forwards}.dyn-spin{animation:dynSpin var(--dur,4.5s) cubic-bezier(.33,.68,.52,1) forwards}.hero-scene.event-flash{animation:sceneFlash .55s ease-out}.cam-panel.camera-alert{animation:cameraAlert .8s ease-out}.auto-travel-toast{position:fixed;right:14px;bottom:14px;z-index:75;display:flex;align-items:center;gap:8px;background:rgba(5,14,20,.9);border:1px solid rgba(83,255,183,.24);box-shadow:0 8px 28px rgba(0,0,0,.4);padding:8px 10px;backdrop-filter:blur(8px);pointer-events:none;opacity:.78}.auto-travel-toast small{display:block;font:700 .54rem ui-monospace,monospace;color:#6e9da4}.auto-travel-toast b{display:block;font:900 .66rem ui-monospace,monospace;color:#caffd1;margin-top:2px}.auto-travel-pulse{width:8px;height:8px;border-radius:50%;background:#69ff7a;box-shadow:0 0 12px #69ff7a;animation:pulse 1.3s infinite}.auto-focus{outline:1px solid rgba(255,221,75,.65)!important;box-shadow:0 0 0 1px rgba(255,221,75,.18),0 0 30px rgba(255,221,75,.16)!important;transition:box-shadow .35s ease,outline .35s ease}.room-view.active{animation:roomEnter .38s ease-out}.incident-feed,.case-file-list,.queue-list,.dispatch-list{scroll-behavior:smooth}
@keyframes dynFall{0%{transform:translate3d(0,-80px,0) rotate(0deg);opacity:0}12%{opacity:1}100%{transform:translate3d(var(--dx,80px),520px,0) rotate(var(--rot,320deg));opacity:0}}
@keyframes dynFly{0%{transform:translate3d(-120px,var(--sy,20px),0) rotate(-12deg);opacity:0}10%{opacity:1}100%{transform:translate3d(calc(100vw + 180px),var(--ey,-30px),0) rotate(var(--rot,90deg));opacity:0}}
@keyframes dynRise{0%{transform:translate3d(0,420px,0) scale(.6);opacity:0}18%{opacity:1}100%{transform:translate3d(var(--dx,-40px),-120px,0) scale(1.25) rotate(var(--rot,-70deg));opacity:0}}
@keyframes dynBounce{0%{transform:translate3d(0,0,0) scale(.3);opacity:0}15%{opacity:1}35%{transform:translate3d(var(--dx,60px),-80px,0) scale(1.2)}62%{transform:translate3d(calc(var(--dx,60px)*.2),60px,0) scale(.9)}100%{transform:translate3d(var(--dx2,-70px),-50px,0) scale(.5);opacity:0}}
@keyframes dynOrbit{0%{transform:translate3d(0,0,0) rotate(0deg) scale(.4);opacity:0}15%{opacity:1}50%{transform:translate3d(var(--dx,120px),var(--dy,90px),0) rotate(360deg) scale(1.25)}100%{transform:translate3d(var(--dx2,-100px),var(--dy2,40px),0) rotate(720deg) scale(.5);opacity:0}}
@keyframes dynTeleport{0%,12%,24%,36%,48%,60%,72%,84%,100%{opacity:0}6%,18%,30%,42%,54%,66%,78%,90%{opacity:1}0%{transform:translate3d(0,0,0) scale(.2)}35%{transform:translate3d(var(--dx,120px),var(--dy,50px),0) scale(1.4)}70%{transform:translate3d(var(--dx2,-90px),var(--dy2,100px),0) scale(.8)}100%{transform:translate3d(var(--dx3,40px),var(--dy3,-80px),0) scale(.1)}}
@keyframes dynZigzag{0%{transform:translate3d(-80px,20px,0);opacity:0}10%{opacity:1}30%{transform:translate3d(100px,-80px,0) rotate(30deg)}55%{transform:translate3d(240px,100px,0) rotate(-35deg)}80%{transform:translate3d(420px,-30px,0) rotate(20deg)}100%{transform:translate3d(620px,90px,0);opacity:0}}
@keyframes dynSpin{0%{transform:translate3d(0,0,0) rotate(0) scale(.2);opacity:0}15%{opacity:1}100%{transform:translate3d(var(--dx,230px),var(--dy,120px),0) rotate(var(--rot,900deg)) scale(1.3);opacity:0}}
@keyframes sceneFlash{0%{filter:brightness(1)}35%{filter:brightness(1.75) saturate(1.5)}100%{filter:brightness(1)}}@keyframes cameraAlert{0%{filter:brightness(1)}40%{filter:brightness(1.55);transform:scale(1.012)}100%{filter:brightness(1);transform:scale(1)}}@keyframes roomEnter{from{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1250px){.public-launch-bar{position:static;grid-template-columns:1fr}.director-strip{top:auto}.public-links{justify-content:flex-start}.launch-mini-status{text-align:left}}
@media(max-width:720px){.public-launch-bar{grid-template-columns:1fr}.launch-ca-wrap{grid-template-columns:auto 1fr auto}.auto-travel-toast{right:8px;bottom:8px;max-width:75vw}}

/* ================================================================
   V8 LIVE-STATION MODE
   Single-screen control room: no page scrolling, slower dwell,
   persistent launch info, manual rooms become fixed overlays.
   ================================================================ */
:root{
  --v8-topbar:54px;
  --v8-alert:27px;
  --v8-launch:42px;
  --v8-director:34px;
  --v8-notice:31px;
  --v8-top:calc(var(--v8-topbar) + var(--v8-alert) + var(--v8-launch) + var(--v8-director));
}
html,body{height:100%;overflow:hidden}
body{min-height:100vh}
.topbar{position:fixed;left:0;right:0;top:0;height:var(--v8-topbar);z-index:60;padding:6px 12px;grid-template-columns:minmax(275px,auto) 1fr auto;gap:10px;overflow:hidden}
.brand-block{gap:8px}.seal{width:38px;height:38px;font-size:.72rem;border-width:2px}.brand-block h1{font-size:.92rem;white-space:nowrap}.brand-block p{font-size:.52rem;margin-top:1px}.nav-tabs{gap:5px;flex-wrap:nowrap;min-width:0;overflow:hidden}.tab{padding:6px 8px;font-size:.56rem;white-space:nowrap}.top-status{gap:7px;white-space:nowrap}.top-status strong{font-size:.72rem}.top-status small{font-size:.49rem}.clock-block span{font-size:.84rem}.clock-block small{font-size:.48rem}.auto-dot{width:8px;height:8px}
.alert-strip{position:fixed;left:0;right:0;top:var(--v8-topbar);height:var(--v8-alert);z-index:58;grid-template-columns:1fr 1.05fr 1.15fr 1.1fr;font-size:.56rem}.alert-strip>div{padding:7px 10px}.warn-icon{width:14px;height:14px;margin-right:4px}
.public-launch-bar{position:fixed!important;left:0;right:0;top:calc(var(--v8-topbar) + var(--v8-alert))!important;height:var(--v8-launch);z-index:57;padding:5px 10px;grid-template-columns:auto minmax(250px,1fr) auto auto;gap:8px;overflow:hidden}.launch-brand b{font-size:.58rem}.launch-brand small{font-size:.46rem}.launch-live-dot{width:7px;height:7px}.launch-ca-wrap{padding:5px 7px;gap:6px}.launch-ca-wrap>span{font-size:.5rem}.launch-ca-wrap>b{font-size:.57rem}.launch-copy-btn{padding:3px 5px;font-size:.48rem}.public-links{gap:4px;flex-wrap:nowrap}.public-links a{padding:4px 6px;font-size:.49rem}.launch-mini-status span{font-size:.44rem}.launch-mini-status b{font-size:.54rem;white-space:nowrap}
.director-strip{position:fixed!important;left:0;right:0;top:calc(var(--v8-topbar) + var(--v8-alert) + var(--v8-launch))!important;height:var(--v8-director);z-index:56;padding:5px 10px;grid-template-columns:.95fr 1.3fr 1fr;gap:8px;font-size:.57rem;overflow:hidden}.director-left,.director-center,.director-right{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.director-center{justify-content:center}.director-center #liveLoreLine{overflow:hidden;text-overflow:ellipsis;color:#dff8b8}.director-right{justify-content:flex-end;gap:7px}.director-next{color:#769ca8}.director-next b{color:#ffe36a}.hidden-director-label{display:none!important}.director-cursor,.auto-travel-toast{display:none!important}

.room-view.active{position:fixed!important;left:0;right:0;top:var(--v8-top);bottom:var(--v8-notice);height:auto!important;min-height:0!important;margin:0!important;overflow:hidden!important;z-index:20;background:radial-gradient(circle at 50% 0,#0d1624,#050911 55%,#03070c)}
.room-view:not(.active){display:none!important}
#view-dashboard.dashboard-layout{padding:7px!important;display:grid!important;grid-template-columns:270px minmax(0,1fr) 286px!important;grid-template-rows:minmax(0,1fr) 142px!important;gap:7px!important;grid-template-areas:"feed center stats" "feed scan dispatch"!important;align-items:stretch!important}
.incident-feed-panel{grid-area:feed;min-height:0!important;height:100%!important;display:flex;flex-direction:column}.incident-feed{padding:3px 0!important;max-height:none!important;height:100%!important;overflow:hidden!important}.feed-row{grid-template-columns:58px 1fr;gap:6px;padding:5px 8px;font-size:.61rem;line-height:1.25}.feed-row:nth-child(n+16){display:none}
.main-center{grid-area:center;min-height:0;height:100%;display:block}.portal-grid{height:100%!important;display:grid!important;grid-template-columns:116px minmax(0,1fr) 116px!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:5px!important}.hero-panel{grid-column:2;grid-row:1/span 3;min-height:0!important;height:100%;display:flex;flex-direction:column}.hero-head{padding:6px 8px;font-size:.56rem;flex:0 0 auto}.hero-meta{font-size:.48rem;gap:1px}.hero-scene{height:auto!important;min-height:0;flex:1}.cam-panel{min-height:0!important;height:100%;display:flex;flex-direction:column}.cam-head{padding:5px 6px;font-size:.48rem;flex:0 0 auto}.mini-scene{height:auto!important;min-height:0;flex:1}.cam-caption{left:4px;right:4px;bottom:4px;padding:2px 4px;font-size:.42rem;line-height:1.08}.ghost{font-size:30px}.ghost-two{font-size:18px}.ocean-scene .whale-mini{font-size:31px}.duck-mini{font-size:14px}.dino-scene .dino-mini{font-size:31px}.sky-scene .comet{width:58px;height:6px}.meteor-clash{width:12px;height:12px}.orbit-scene .earth-mini{width:48px;height:48px}.glitch-scene .glitch-box{width:18px;height:18px}.pixel-smile{font-size:1rem}
.space-earth{width:150px;height:150px;right:-38px;top:12px}.portal-ring.outer{width:175px;height:175px;border-width:4px}.portal-ring.middle{width:134px;height:184px}.portal-ring.inner{width:92px;height:154px}.portal-glow{width:225px;height:225px}.anomaly{font-size:38px}.dino{font-size:39px}.cat{font-size:33px}.debris{font-size:18px}.teleport{font-size:21px}.teleport-ring{width:30px;height:30px}.exit-sign{padding:3px 6px;font-size:.72rem}.quote{font-size:.62rem}.hero-popup{left:8px;top:8px;padding:5px 7px;font-size:.48rem;max-width:180px}.scene-footer{padding:5px 7px;font-size:.46rem}.laser{width:84px;height:3px}.fighter{font-size:18px}
.stats-column{grid-area:stats;min-height:0;height:100%;display:grid!important;grid-template-rows:1.08fr .92fr .9fr!important;gap:6px!important;overflow:hidden}.stats-column>.launch-panel,.stats-column>.protocol-panel{display:none!important}.stat-panel,.counts-panel,.map-panel{min-height:0;height:100%}.panel-title{padding:6px 8px;font-size:.55rem}.big-stat{padding:7px 9px 0}.big-stat span{font-size:2.3rem}.big-stat b{font-size:.58rem}#stabilityGraph{height:58px;padding:0 8px 6px}.counts-panel{padding:0}.count-row{padding:5px 8px;font-size:.58rem}.count-row b{font-size:1.15rem}.world-map{height:100%!important;min-height:0}.map-outline{inset:7px 6px}.dot{width:7px;height:7px}
.cases-panel,.queue-panel{display:none!important}.scan-panel{grid-area:scan!important;min-height:0!important;height:100%!important;overflow:hidden}.dispatch-panel{grid-area:dispatch!important;min-height:0!important;height:100%!important;overflow:hidden}.scan-wrap{height:calc(100% - 28px);display:grid!important;grid-template-columns:112px 1fr!important;gap:6px!important;padding:5px!important;align-items:center}.radar{width:106px;height:106px}.radar::before{inset:8px}.radar::after{inset:24px}.radar-ring.r1{inset:38px}.radar-ring.r2{inset:47px}.radar-entity{font-size:13px}.e1{left:16px;top:18px}.e2{left:18px;top:65px}.e3{right:14px;top:60px}.e4{right:22px;top:17px}.e5{left:48px;bottom:10px}.e6{right:33px;bottom:25px}.scan-stats{grid-template-columns:repeat(4,1fr)!important;gap:4px!important}.scan-stats>div{padding:5px}.scan-stats b{font-size:1.05rem}.scan-stats span{font-size:.41rem}.scan-stats p{grid-column:1/-1;padding:4px 6px;font-size:.43rem;line-height:1.2}.dispatch-list{padding:2px 0}.dispatch-item{grid-template-columns:54px 1fr auto;padding:5px 7px;gap:5px}.dispatch-id{font-size:.55rem}.dispatch-status{font-size:.51rem}.dispatch-eta{font-size:.48rem}

.notice-strip{position:fixed;left:0;right:0;bottom:0;height:var(--v8-notice);z-index:55;margin:0!important;grid-template-columns:auto 1fr auto}.notice-label,.notice-state{padding:7px 10px;font-size:.56rem}.notice-scroll{padding:7px 0;font-size:.55rem}
.desk-footer,.deep-lore-strip{display:none!important}

/* Manual rooms are overlays, not long pages. */
.room-page{padding:9px 12px!important;overflow:hidden!important;display:flex!important;flex-direction:column;gap:8px}.room-header{min-height:62px!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important;gap:12px!important;margin:0!important}.room-header h2{font-size:1.4rem!important;margin:2px 0 4px!important}.room-header p{font-size:.66rem!important;line-height:1.35!important;max-width:900px;margin:0!important}.room-kicker{font-size:.52rem!important}.room-stat b{font-size:1.25rem!important}.room-stat span{font-size:.47rem!important}.room-grid,.case-archive-grid,.anomaly-wall,.tech-room-grid,.archive-grid-v5,.ops-wall,.about-grid-v5{min-height:0!important;flex:1!important;overflow:hidden!important;margin:0!important}.room-grid.two-col{display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:8px!important}.room-panel{min-height:0!important;overflow:hidden!important}.history-list{height:100%!important;overflow:hidden!important}.history-row{padding:5px 7px!important;font-size:.53rem!important;grid-template-columns:55px 54px 1fr!important}.history-row:nth-child(n+18){display:none}.engine-cards{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.engine-cards>div{padding:8px!important}.engine-cards b{font-size:1.2rem!important}.engine-note{font-size:.63rem!important;line-height:1.4!important}
.case-archive-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-auto-rows:1fr!important;gap:8px!important}.case-archive-card{padding:9px!important}.case-archive-card:nth-child(n+9){display:none!important}.case-archive-card h3{font-size:.82rem!important;margin:6px 0!important}.case-archive-card p{font-size:.57rem!important;line-height:1.3!important}.file-id{font-size:.56rem!important}.status-pill{font-size:.48rem!important;padding:3px 5px!important}
.anomaly-wall{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:8px!important}.anomaly-chamber{min-height:0!important;padding:7px!important}.chamber-head{font-size:.52rem!important}.chamber-stage{height:auto!important;min-height:0!important;flex:1!important}.anomaly-chamber p{font-size:.56rem!important;margin:5px 0 0!important}.big-whale,.big-cat,.big-dino,.big-ghost{font-size:2.2rem!important}
.tech-room-grid{display:grid!important;grid-template-columns:1.15fr .85fr!important;grid-template-rows:1fr .72fr!important;gap:8px!important}.tech-room-grid .wide{grid-column:1/-1!important}.tool-grid{grid-template-columns:repeat(3,1fr)!important;gap:5px!important}.tool-grid>div{padding:6px!important}.tool-grid b{font-size:.48rem!important}.tool-grid span{font-size:.64rem!important}.field-notes{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important}.field-note{padding:6px!important;font-size:.55rem!important;line-height:1.25!important}
.archive-grid-v5{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.archive-card-v5{min-height:0!important;padding:8px!important}.archive-visual{height:86px!important}.archive-card-v5 h3{font-size:.82rem!important;margin:6px 0!important}.archive-card-v5 p{font-size:.56rem!important;line-height:1.3!important}.archive-status{font-size:.47rem!important}.archive-number{font-size:.54rem!important}
.ops-wall{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:8px!important}.ops-card{min-height:0!important;padding:8px!important}.ops-card h3{font-size:.62rem!important}.ops-card p{font-size:.54rem!important;line-height:1.25!important}.ops-visual{height:70px!important}.tiny-arena{height:70px!important}.weather-orb,.moon-object{font-size:2rem!important}
.about-grid-v5{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr .7fr!important;gap:8px!important}.about-grid-v5 .wide{grid-column:1/-1!important}.manual-copy{padding:8px!important}.manual-copy h3{font-size:1rem!important}.manual-copy p{font-size:.62rem!important;line-height:1.4!important;margin:5px 0!important}.tagline-cloud{padding:7px!important;gap:5px!important}.tagline-cloud span{font-size:.54rem!important;padding:5px 7px!important}

/* Camera realism + persistent activity layers. */
.mini-scene::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 42%,rgba(0,0,0,.22) 100%);pointer-events:none;z-index:12}.mini-scene::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(140,220,255,.035) 2px 3px);pointer-events:none;z-index:13}.cam-time{position:absolute;right:5px;top:4px;font:700 .39rem ui-monospace,monospace;color:#8fffd5;z-index:18;text-shadow:0 0 7px rgba(95,255,206,.45)}.cam-micro-layer{position:absolute;inset:0;z-index:9;pointer-events:none}.cam-sprite{position:absolute;font-size:16px;filter:drop-shadow(0 0 7px rgba(255,255,255,.35));will-change:transform,opacity}.cam-streak{position:absolute;height:2px;width:54px;background:linear-gradient(90deg,transparent,#ffb0f7,#fff);box-shadow:0 0 8px #ff82dc;transform-origin:left center;will-change:transform,opacity}.cam-impact{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff9a0;box-shadow:0 0 8px #fff9a0,0 0 18px #ff8b38;animation:camImpact 1.2s ease-out forwards}.cam-alert-line{position:absolute;left:6px;right:6px;top:5px;height:1px;background:linear-gradient(90deg,transparent,#ff635e,transparent);opacity:.8;animation:camAlertLine 1.6s linear infinite}
@keyframes camImpact{0%{transform:scale(.2);opacity:0}25%{opacity:1}100%{transform:scale(3.2);opacity:0}}@keyframes camAlertLine{0%{transform:translateY(0)}100%{transform:translateY(70px)}}
@keyframes camCrossA{0%{transform:translate(-40px,60px) rotate(-20deg);opacity:0}10%{opacity:1}100%{transform:translate(170px,-40px) rotate(15deg);opacity:0}}@keyframes camCrossB{0%{transform:translate(150px,-25px) rotate(25deg);opacity:0}10%{opacity:1}100%{transform:translate(-70px,70px) rotate(-10deg);opacity:0}}@keyframes camFloat{0%,100%{transform:translate(0,0) rotate(-7deg)}50%{transform:translate(20px,-15px) rotate(8deg)}}@keyframes camDrop{0%{transform:translateY(-55px) rotate(0);opacity:0}15%{opacity:1}100%{transform:translateY(130px) rotate(260deg);opacity:0}}@keyframes camTeleport{0%,16%,34%,52%,70%,88%,100%{opacity:.08;transform:scale(.4)}8%,25%,43%,61%,79%,96%{opacity:1;transform:scale(1.15)}}

/* Full-screen emergency events hold long enough to read. */
.event-overlay{z-index:90!important}.event-overlay .event-card{max-width:760px!important}.event-overlay:not(.hidden){animation:eventIn .45s ease-out}

@media(max-width:1500px){
  #view-dashboard.dashboard-layout{grid-template-columns:240px minmax(0,1fr) 260px!important}.portal-grid{grid-template-columns:100px minmax(0,1fr) 100px!important}.feed-row{font-size:.56rem}.quote{font-size:.55rem}
}
@media(max-width:1180px){
  :root{--v8-topbar:68px;--v8-top:calc(var(--v8-topbar) + var(--v8-alert) + var(--v8-launch) + var(--v8-director))}.topbar{height:var(--v8-topbar);grid-template-columns:1fr auto;grid-template-rows:auto auto}.nav-tabs{grid-column:1/-1;justify-content:flex-start}.public-launch-bar{grid-template-columns:minmax(0,1fr) auto}.launch-brand,.launch-mini-status{display:none}.public-links{display:none}#view-dashboard.dashboard-layout{grid-template-columns:220px minmax(0,1fr) 240px!important}.portal-grid{grid-template-columns:88px minmax(0,1fr) 88px!important}.director-center{display:none}.director-strip{grid-template-columns:1fr 1fr}.room-header p{display:none}.case-archive-grid{grid-template-columns:repeat(3,1fr)!important}.case-archive-card:nth-child(n+7){display:none!important}
}

/* V9 — human-like auto operator is intentionally visible on stream */
.director-cursor{display:block!important;z-index:130!important;width:20px!important;height:25px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;transition-property:left,top,opacity!important;transition-timing-function:cubic-bezier(.2,.72,.2,1)!important}
.director-cursor::before{content:"";position:absolute;left:0;top:0;width:0;height:0;border-left:8px solid transparent;border-right:3px solid transparent;border-bottom:18px solid #effff7;transform:rotate(-38deg);filter:drop-shadow(0 0 4px rgba(108,255,190,.8))}
.director-cursor::after{content:""!important;position:absolute!important;left:7px!important;top:12px!important;width:8px!important;height:8px!important;background:#5dffae!important;border:2px solid #06100d!important;border-radius:50%!important;transform:none!important;box-shadow:0 0 12px rgba(93,255,174,.7)}
.director-cursor span{left:20px!important;top:18px!important;background:rgba(4,12,14,.94)!important;border-color:rgba(93,255,174,.38)!important;color:#8bffc3!important;font-size:.52rem!important}
.director-cursor.clicking::after{animation:v9CursorClick .34s ease-out}
@keyframes v9CursorClick{0%{transform:scale(.5);box-shadow:0 0 0 0 rgba(255,220,74,.8)}60%{transform:scale(1.8);box-shadow:0 0 0 12px rgba(255,220,74,0)}100%{transform:scale(1)}}
.auto-travel-toast{display:flex!important;opacity:.82!important;z-index:90!important}
.auto-hover{outline:1px solid rgba(122,255,199,.7)!important;box-shadow:0 0 0 3px rgba(122,255,199,.08),0 0 25px rgba(122,255,199,.18)!important;transition:box-shadow .22s ease,outline .22s ease,transform .22s ease!important;transform:translateY(-1px)}
.auto-clicked{animation:v9AutoClick .55s ease-out!important}
@keyframes v9AutoClick{0%{filter:brightness(1)}35%{filter:brightness(1.65)}100%{filter:brightness(1)}}
.interactive-panel{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.interactive-panel:hover{transform:translateY(-2px);border-color:rgba(123,255,203,.4)!important;box-shadow:0 0 0 1px rgba(123,255,203,.1),0 0 24px rgba(123,255,203,.11)!important}
.generic-inspection{font-size:72px!important;background:radial-gradient(circle at center,rgba(89,255,173,.12),rgba(79,77,255,.06) 45%,#050d14 72%)!important;animation:v9InspectionFloat 3.8s ease-in-out infinite}
@keyframes v9InspectionFloat{50%{transform:translateY(-5px) scale(1.03);filter:drop-shadow(0 0 18px rgba(96,255,193,.28))}}
.cam-random-object{position:absolute;z-index:8;font-size:clamp(16px,1.8vw,30px);filter:drop-shadow(0 0 7px rgba(255,255,255,.25));pointer-events:none;will-change:transform,opacity}
.cam-life-a{animation:v9CamA var(--dur,7s) linear forwards}.cam-life-b{animation:v9CamB var(--dur,8s) ease-in-out forwards}.cam-life-c{animation:v9CamC var(--dur,6s) cubic-bezier(.3,.7,.4,1) forwards}.cam-life-d{animation:v9CamD var(--dur,7s) steps(12,end) forwards}
@keyframes v9CamA{0%{transform:translate(-80px,50px) rotate(-12deg);opacity:0}15%{opacity:1}100%{transform:translate(220px,-70px) rotate(25deg);opacity:0}}
@keyframes v9CamB{0%{transform:translate(120px,-45px) rotate(18deg);opacity:0}15%{opacity:1}45%{transform:translate(10px,25px) rotate(-8deg)}100%{transform:translate(-180px,55px) rotate(-28deg);opacity:0}}
@keyframes v9CamC{0%{transform:translateY(90px) scale(.6);opacity:0}20%{opacity:1}55%{transform:translateY(-20px) scale(1.2)}100%{transform:translateY(100px) scale(.8);opacity:0}}
@keyframes v9CamD{0%,12%{opacity:0;transform:translate(0,0)}18%{opacity:1}38%{transform:translate(40px,-18px)}44%{opacity:.1}52%{opacity:1;transform:translate(-20px,15px)}88%{opacity:1}100%{opacity:0;transform:translate(85px,-35px)}}
.v9-camera-story{position:absolute;left:6px;right:6px;top:6px;z-index:12;background:rgba(4,10,15,.82);border:1px solid rgba(255,217,76,.26);padding:4px 6px;font:800 .52rem/1.2 ui-monospace,monospace;color:#ffe47c;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:v9StoryIn .35s ease-out}
@keyframes v9StoryIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.director-cursor,.auto-travel-toast{display:none!important}}

/* ================================================================
   V10 — MORE HUMAN, MORE READABLE, MORE ALIVE
   Bring back controlled scrolling, larger type, deeper lore, and
   visible motion inside every major box without losing the V9 system.
   ================================================================ */
html,body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:auto!important}
body{padding-bottom:var(--v8-notice)!important}
.room-view.active{
  position:relative!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  height:auto!important;min-height:calc(100vh - var(--v8-top) - var(--v8-notice))!important;
  margin:var(--v8-top) 0 0!important;
  overflow:visible!important;
  z-index:20!important;
  background:radial-gradient(circle at 50% 0,#0d1624,#050911 55%,#03070c)!important
}
.room-view:not(.active){display:none!important}
.notice-strip{position:fixed!important;z-index:70!important}

/* Dashboard now has a second scrollable layer instead of cramming everything into one screen. */
#view-dashboard.dashboard-layout{
  min-height:1080px!important;
  padding:12px 14px 24px!important;
  grid-template-columns:300px minmax(0,1fr) 315px!important;
  grid-template-rows:680px 220px 300px!important;
  gap:12px!important;
  grid-template-areas:
    "feed center stats"
    "feed scan dispatch"
    "lore lore lore"!important;
  align-items:stretch!important
}
.dashboard-lore-deck{grid-area:lore!important;min-height:0!important;height:auto!important}
.incident-feed-panel{height:912px!important;min-height:0!important}
.incident-feed{overflow:auto!important;max-height:none!important;height:100%!important;padding:6px 0!important}
.feed-row{grid-template-columns:72px 1fr!important;gap:8px!important;padding:8px 10px!important;font-size:.74rem!important;line-height:1.35!important}
.feed-row:nth-child(n+22){display:none!important}
.portal-grid{grid-template-columns:135px minmax(0,1fr) 135px!important;grid-template-rows:repeat(3,1fr)!important;gap:8px!important}
.hero-head{padding:8px 10px!important;font-size:.7rem!important}.hero-meta{font-size:.59rem!important;gap:2px!important}
.cam-head{padding:7px 8px!important;font-size:.61rem!important}.cam-caption{left:5px!important;right:5px!important;bottom:5px!important;padding:4px 5px!important;font-size:.54rem!important;line-height:1.2!important}
.panel-title{padding:8px 10px!important;font-size:.68rem!important}.big-stat{padding:10px 12px 2px!important}.big-stat span{font-size:2.8rem!important}.big-stat b{font-size:.7rem!important}.count-row{padding:8px 10px!important;font-size:.72rem!important}.count-row b{font-size:1.45rem!important}
.scan-wrap{grid-template-columns:145px 1fr!important;gap:9px!important;padding:8px!important}.radar{width:136px!important;height:136px!important}.scan-stats{gap:6px!important}.scan-stats>div{padding:7px!important}.scan-stats b{font-size:1.35rem!important}.scan-stats span{font-size:.52rem!important}.scan-stats p{font-size:.53rem!important;line-height:1.3!important;padding:7px!important}
.dispatch-item{grid-template-columns:66px 1fr auto!important;padding:7px 9px!important;gap:7px!important}.dispatch-id{font-size:.67rem!important}.dispatch-status{font-size:.64rem!important}.dispatch-eta{font-size:.58rem!important}

/* Manual rooms are real pages again: readable and intentionally scrollable. */
.room-page{padding:16px 18px 28px!important;overflow:visible!important;display:block!important;min-height:1050px!important}
.room-header{min-height:0!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important;gap:20px!important;margin:0 0 16px!important}
.room-header h2{font-size:clamp(1.9rem,3vw,3.1rem)!important;margin:4px 0 8px!important;line-height:1!important}.room-header p{display:block!important;font-size:.88rem!important;line-height:1.55!important;max-width:920px!important;margin:0!important}.room-kicker{font-size:.67rem!important}.room-stat{padding:10px 14px!important}.room-stat b{font-size:1.65rem!important}.room-stat span{font-size:.58rem!important}
.room-grid,.case-archive-grid,.anomaly-wall,.tech-room-grid,.archive-grid-v5,.ops-wall,.about-grid-v5{overflow:visible!important;margin:0!important;min-height:0!important;height:auto!important}
.room-grid.two-col{display:grid!important;grid-template-columns:1.25fr .75fr!important;gap:14px!important}.room-panel{overflow:visible!important;min-height:260px!important}
.history-list{height:auto!important;max-height:620px!important;overflow:auto!important}.history-row{padding:9px 10px!important;font-size:.72rem!important;grid-template-columns:70px 72px 1fr!important}.history-row:nth-child(n+18){display:grid!important}.engine-cards{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.engine-cards>div{padding:14px!important;min-height:94px!important}.engine-cards b{font-size:1.65rem!important}.engine-note{font-size:.84rem!important;line-height:1.55!important;padding:12px!important}
.case-archive-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:14px!important}.case-archive-card{padding:14px!important;min-height:210px!important}.case-archive-card:nth-child(n+9){display:block!important}.case-archive-card h3{font-size:1.02rem!important;margin:9px 0!important}.case-archive-card p{font-size:.78rem!important;line-height:1.45!important}.file-id{font-size:.7rem!important}.status-pill{font-size:.58rem!important;padding:4px 7px!important}
.anomaly-wall{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;gap:14px!important}.anomaly-chamber{min-height:260px!important;padding:12px!important}.chamber-head{font-size:.68rem!important}.chamber-stage{height:175px!important;min-height:175px!important}.anomaly-chamber p{font-size:.78rem!important;line-height:1.45!important;margin:9px 0 0!important}.big-whale,.big-cat,.big-dino,.big-ghost{font-size:3rem!important}
.tech-room-grid{display:grid!important;grid-template-columns:1.1fr .9fr!important;grid-template-rows:auto auto!important;gap:14px!important}.tech-room-grid .wide{grid-column:1/-1!important}.tool-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.tool-grid>div{padding:12px!important;min-height:105px!important}.tool-grid b{font-size:.67rem!important}.tool-grid span{font-size:.88rem!important}.field-notes{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.field-note{padding:12px!important;font-size:.76rem!important;line-height:1.45!important;min-height:120px!important}
.archive-grid-v5{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.archive-card-v5{min-height:315px!important;padding:14px!important}.archive-visual{height:150px!important}.archive-card-v5 h3{font-size:1.05rem!important;margin:10px 0!important}.archive-card-v5 p{font-size:.78rem!important;line-height:1.48!important}.archive-status{font-size:.58rem!important}.archive-number{font-size:.66rem!important}
.ops-wall{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;gap:14px!important}.ops-card{min-height:245px!important;padding:13px!important}.ops-card h3{font-size:.78rem!important}.ops-card p{font-size:.74rem!important;line-height:1.42!important}.ops-visual,.tiny-arena{height:132px!important}.weather-orb,.moon-object{font-size:3rem!important}
.about-grid-v5{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;gap:14px!important}.about-grid-v5 .wide{grid-column:1/-1!important}.manual-copy{padding:14px!important}.manual-copy h3{font-size:1.2rem!important}.manual-copy p{font-size:.82rem!important;line-height:1.58!important;margin:8px 0!important}.tagline-cloud{padding:12px!important;gap:8px!important}.tagline-cloud span{font-size:.72rem!important;padding:8px 10px!important}

/* Lore decks add the requested deeper-world feeling and give the auto operator a reason to scroll. */
.room-lore-deck{margin-top:18px;padding:14px;border:1px solid rgba(102,210,255,.18);background:linear-gradient(180deg,rgba(8,18,28,.94),rgba(5,10,17,.96));box-shadow:var(--shadow);position:relative;overflow:hidden}
.room-lore-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;font:900 .72rem ui-monospace,monospace;letter-spacing:.1em;color:#ffe36f}.room-lore-head small{color:#78a8b7;font-size:.58rem}
.room-lore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lore-fragment{position:relative;min-height:150px;padding:12px 13px;background:rgba(6,13,21,.86);border:1px solid rgba(102,210,255,.12);overflow:hidden}.lore-fragment b{display:block;margin-bottom:7px;font:900 .72rem ui-monospace,monospace;color:#93ffc4}.lore-fragment p{margin:0;font:700 .78rem/1.5 ui-monospace,monospace;color:#b9d1dd}.lore-fragment small{display:block;margin-top:9px;font:700 .58rem ui-monospace,monospace;color:#698b9b}.lore-fragment::after{content:"";position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(116,255,211,.05),transparent);animation:v10LoreSweep 9s linear infinite}
@keyframes v10LoreSweep{to{left:140%}}

/* Every major box has at least a subtle living layer. */
.v10-alive-box{position:relative!important;isolation:isolate}.v10-box-life{position:absolute;right:7px;bottom:7px;z-index:3;font-size:clamp(12px,1.15vw,21px);opacity:.34;filter:drop-shadow(0 0 6px rgba(132,255,209,.28));pointer-events:none;animation:v10BoxFloat var(--life-dur,7s) ease-in-out infinite}.v10-box-life.life-b{right:auto;left:7px;bottom:9px;animation-name:v10BoxOrbit}.v10-box-life.life-c{right:42%;bottom:5px;font-size:10px;animation-name:v10BoxBlink}
@keyframes v10BoxFloat{0%,100%{transform:translate(0,0) rotate(-5deg);opacity:.24}50%{transform:translate(-12px,-9px) rotate(7deg);opacity:.58}}
@keyframes v10BoxOrbit{0%{transform:translate(0,0)}25%{transform:translate(14px,-5px)}50%{transform:translate(24px,6px)}75%{transform:translate(9px,12px)}100%{transform:translate(0,0)}}
@keyframes v10BoxBlink{0%,42%,100%{opacity:.1}50%,72%{opacity:.65;transform:scale(1.25)}}

/* Cursor movement is rAF-driven in JS; disable old CSS hop transitions. */
.director-cursor{transition:none!important;will-change:left,top,opacity!important;filter:drop-shadow(0 0 5px rgba(112,255,194,.28))}
.director-cursor span{font-size:.58rem!important}

/* Richer matched camera events. */
.v10-camera-story{position:absolute;left:6px;right:6px;top:6px;z-index:19;background:rgba(3,9,14,.88);border:1px solid rgba(255,220,84,.3);padding:5px 7px;font:900 .56rem/1.2 ui-monospace,monospace;color:#ffe57e;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:v10StoryReveal .38s ease-out}
@keyframes v10StoryReveal{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.v10-cam-object{position:absolute;z-index:10;font-size:clamp(18px,2.4vw,36px);will-change:transform,opacity;filter:drop-shadow(0 0 8px rgba(255,255,255,.3));pointer-events:none}.v10-cam-cross{animation:v10CamCross var(--dur,8s) linear forwards}.v10-cam-loop{animation:v10CamLoop var(--dur,8s) ease-in-out forwards}.v10-cam-fall{animation:v10CamFall var(--dur,7s) cubic-bezier(.26,.69,.34,1) forwards}.v10-cam-tele{animation:v10CamTele var(--dur,8s) steps(14,end) forwards}
@keyframes v10CamCross{0%{transform:translate(-120px,55px) rotate(-12deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translate(260px,-55px) rotate(18deg);opacity:0}}
@keyframes v10CamLoop{0%{transform:translate(0,35px) scale(.7);opacity:0}18%{opacity:1}45%{transform:translate(40px,-15px) scale(1.1)}70%{transform:translate(-20px,4px) scale(.95)}100%{transform:translate(20px,40px) scale(.75);opacity:0}}
@keyframes v10CamFall{0%{transform:translateY(-100px) rotate(0);opacity:0}14%{opacity:1}100%{transform:translateY(210px) rotate(300deg);opacity:0}}
@keyframes v10CamTele{0%,15%,30%,45%,60%,75%,100%{opacity:.08;transform:scale(.45)}7%,22%,37%,52%,67%,88%{opacity:1;transform:scale(1.18)}}

/* Slightly larger fixed utility bars; still leave most vertical space for content. */
:root{--v8-topbar:58px;--v8-alert:30px;--v8-launch:46px;--v8-director:38px;--v8-top:calc(var(--v8-topbar) + var(--v8-alert) + var(--v8-launch) + var(--v8-director))}
.topbar{height:var(--v8-topbar)!important}.tab{font-size:.62rem!important;padding:7px 9px!important}.brand-block h1{font-size:1rem!important}.brand-block p{font-size:.57rem!important}.top-status strong{font-size:.76rem!important}.top-status small{font-size:.53rem!important}
.alert-strip{height:var(--v8-alert)!important;font-size:.61rem!important}.public-launch-bar{height:var(--v8-launch)!important}.director-strip{height:var(--v8-director)!important;font-size:.62rem!important}

@media(max-width:1500px){
  #view-dashboard.dashboard-layout{grid-template-columns:270px minmax(0,1fr) 285px!important}.portal-grid{grid-template-columns:120px minmax(0,1fr) 120px!important}.feed-row{font-size:.69rem!important}
}
@media(max-width:1180px){
  html,body{overflow-y:auto!important}.public-links{display:flex!important}.room-header p{display:block!important}.room-lore-grid{grid-template-columns:1fr 1fr}.case-archive-grid{grid-template-columns:repeat(2,1fr)!important}#view-dashboard.dashboard-layout{grid-template-columns:240px minmax(0,1fr) 260px!important}
}
@media(max-width:820px){
  #view-dashboard.dashboard-layout{display:block!important;min-height:0!important}.incident-feed-panel,.main-center,.stats-column,.scan-panel,.dispatch-panel,.dashboard-lore-deck{margin-bottom:12px!important;height:auto!important}.portal-grid{grid-template-columns:1fr 1fr!important;height:auto!important}.hero-panel{grid-column:1/-1!important;grid-row:auto!important;min-height:430px!important}.room-lore-grid{grid-template-columns:1fr}.case-archive-grid,.anomaly-wall,.archive-grid-v5,.ops-wall{grid-template-columns:1fr!important}.tech-room-grid,.about-grid-v5,.room-grid.two-col{grid-template-columns:1fr!important}.field-notes{grid-template-columns:1fr!important}
}
.public-launch-bar{font-size:.66rem!important}.launch-brand b{font-size:.69rem!important}.launch-brand small{font-size:.54rem!important}.launch-ca-wrap>span{font-size:.59rem!important}.launch-ca-wrap>b{font-size:.69rem!important}.launch-copy-btn{font-size:.56rem!important}.public-links a{font-size:.59rem!important;padding:5px 8px!important}.launch-mini-status span{font-size:.53rem!important}.launch-mini-status b{font-size:.64rem!important}.director-center #liveLoreLine{font-size:.65rem!important}.director-left,.director-right{font-size:.61rem!important}

/* ======================= V11 COMBINATORIAL LIFE LAYER ======================= */
.story-chain{margin-top:14px;border-color:rgba(255,213,61,.28)}
.story-chain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
.story-chain-grid>div{min-height:68px;padding:10px;background:linear-gradient(180deg,rgba(10,20,29,.95),rgba(5,11,18,.95));border:1px solid rgba(98,214,255,.12);position:relative;overflow:hidden}
.story-chain-grid>div:after{content:"";position:absolute;left:-20%;bottom:0;width:34%;height:1px;background:linear-gradient(90deg,transparent,#55f5ff,transparent);animation:v11Scan 6s linear infinite}
.story-chain-grid span{display:block;font:800 .64rem/1.2 ui-monospace,monospace;color:#7fa9ba;letter-spacing:.11em;margin-bottom:6px}
.story-chain-grid b{display:block;font:800 .76rem/1.35 ui-monospace,monospace;color:#dff3ff;overflow-wrap:anywhere}
.v11-hero-story{position:absolute;right:16px;top:18px;z-index:23;width:min(310px,44%);padding:10px 12px;background:rgba(4,10,17,.88);border:1px solid rgba(255,213,61,.52);box-shadow:0 0 28px rgba(255,213,61,.12),inset 0 0 25px rgba(68,239,255,.03);animation:v11StoryIn .5s cubic-bezier(.2,.8,.2,1),v11StoryPulse 2.4s ease-in-out infinite}
.v11-hero-story b{display:block;font:900 .76rem ui-monospace,monospace;color:#ffe279;text-transform:uppercase;letter-spacing:.06em}
.v11-hero-story span{display:block;margin-top:4px;font:800 .68rem ui-monospace,monospace;color:#8de8ff;text-transform:uppercase}
.v11-hero-story small{display:block;margin-top:7px;font:700 .68rem/1.35 ui-monospace,monospace;color:#b8ced9}
.v11-camera-story{max-width:92%;white-space:normal!important;line-height:1.18!important}
.v11-cam-chase{animation:v11Chase var(--dur,9s) var(--delay,0s) cubic-bezier(.45,.03,.5,.96) forwards!important}
.v11-cam-collide{animation:v11Collide var(--dur,8s) var(--delay,0s) ease-in-out forwards!important}
.v11-panel-event{position:absolute;left:var(--px);top:var(--py);z-index:4;font-size:clamp(15px,1.4vw,24px);opacity:.0;pointer-events:none;filter:drop-shadow(0 0 6px rgba(113,242,255,.35));animation:v11PanelDrift var(--pdur,10s) ease-in-out forwards}
.v11-panel-event:after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;border:1px dashed rgba(103,233,255,.22);border-radius:50%;transform:translate(-50%,-50%);animation:v11Ring 2.6s linear infinite}
.engine-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.engine-cards>div{min-height:78px!important}
.engine-cards>div:nth-child(n+5){border-color:rgba(255,213,61,.16)}
#antiRepeatCount{color:#79ff63!important}
@keyframes v11Scan{to{transform:translateX(430%)}}
@keyframes v11StoryIn{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes v11StoryPulse{50%{box-shadow:0 0 34px rgba(255,213,61,.2),inset 0 0 30px rgba(68,239,255,.05)}}
@keyframes v11Chase{0%{transform:translate(-140px,40px) rotate(-10deg) scale(.8);opacity:0}12%{opacity:1}42%{transform:translate(35px,-10px) rotate(8deg) scale(1.05)}66%{transform:translate(-12px,20px) rotate(-5deg)}100%{transform:translate(190px,-35px) rotate(16deg) scale(.86);opacity:0}}
@keyframes v11Collide{0%{transform:translate(-110px,0) scale(.85);opacity:0}20%{opacity:1}48%{transform:translate(5px,3px) scale(1.25)}54%{filter:drop-shadow(0 0 18px #fff)}62%{transform:translate(-12px,-8px) scale(1)}100%{transform:translate(145px,30px) rotate(18deg);opacity:0}}
@keyframes v11PanelDrift{0%{opacity:0;transform:translate(-18px,12px) scale(.65) rotate(-15deg)}15%{opacity:.55}50%{opacity:.72;transform:translate(18px,-8px) scale(1) rotate(4deg)}86%{opacity:.45}100%{opacity:0;transform:translate(54px,12px) scale(.8) rotate(16deg)}}
@keyframes v11Ring{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:900px){.story-chain-grid{grid-template-columns:1fr}.v11-hero-story{width:58%;right:10px;top:12px}.engine-cards{grid-template-columns:1fr 1fr!important}}

/* V11 overlay interlock controls */
.event-card,.spotlight-card{position:relative}
.overlay-dismiss-btn{position:absolute;right:12px;top:10px;z-index:6;width:32px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(4,10,16,.86);color:#eef8ff;font:900 .9rem/1 ui-monospace,monospace;cursor:pointer;box-shadow:0 0 16px rgba(0,0,0,.32)}
.overlay-dismiss-btn:hover,.overlay-dismiss-btn.auto-hover{border-color:rgba(255,213,61,.75);color:#ffe26a;box-shadow:0 0 18px rgba(255,213,61,.18)}
.event-overlay.v11-waiting-dismiss .event-card,.spotlight-overlay.v11-waiting-dismiss .spotlight-card,.case-modal.v11-waiting-dismiss .case-modal-card{box-shadow:0 24px 80px rgba(0,0,0,.65),0 0 0 1px rgba(255,213,61,.22),0 0 36px rgba(255,213,61,.08)}

/* ============================================================================
   V12 — INTERACTION ENGINE + EXPANDING PROJECT LORE
   ============================================================================ */
.v12-interaction-layer{position:absolute;inset:0;z-index:15;pointer-events:none;overflow:hidden}
.v12-actor{position:absolute;z-index:16;font-size:clamp(28px,4vw,58px);filter:drop-shadow(0 0 12px rgba(255,255,255,.2));will-change:transform,opacity}
.mini-scene .v12-actor{font-size:27px;z-index:18}
.v12-interaction-label{position:absolute;left:50%;top:8px;transform:translateX(-50%);z-index:24;max-width:78%;padding:5px 8px;border:1px solid rgba(255,213,61,.4);background:rgba(4,9,15,.8);color:#ffe983;font:800 .58rem/1.25 ui-monospace,monospace;text-align:center;letter-spacing:.05em;box-shadow:0 0 18px rgba(255,213,61,.08)}
.hero-scene .v12-interaction-label{font-size:.7rem;top:46px}
.v12-impact{position:absolute;left:50%;top:48%;width:24px;height:24px;border-radius:50%;transform:translate(-50%,-50%);background:#fff7b8;box-shadow:0 0 18px #fff,0 0 48px #ffb82e,0 0 78px rgba(255,88,38,.75);opacity:0;z-index:20;animation:v12Impact 4.8s ease-in-out forwards}
.v12-beam{position:absolute;left:28%;top:47%;height:4px;width:0;z-index:17;transform-origin:left center;background:linear-gradient(90deg,#ff453f,#ff50d8,#fff);box-shadow:0 0 10px #ff4dbf,0 0 24px rgba(255,45,154,.6);animation:v12Beam 5.4s ease-in-out forwards}
.v12-abduct-beam{position:absolute;left:48%;top:22%;width:90px;height:180px;transform:translateX(-50%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(130,255,255,.48),rgba(100,255,191,.04));filter:drop-shadow(0 0 14px rgba(117,255,234,.35));opacity:0;z-index:14;animation:v12AbductBeam 7s ease-in-out forwards}
.mini-scene .v12-abduct-beam{height:100px;width:55px;top:7%}
.v12-portal-pop{position:absolute;left:50%;top:47%;width:90px;height:90px;border-radius:50%;transform:translate(-50%,-50%) scale(.1);border:3px solid #7bff97;box-shadow:0 0 20px #74ff94,0 0 45px rgba(95,255,182,.35);opacity:0;animation:v12PortalPop 6.6s ease-in-out forwards;z-index:14}
.mini-scene .v12-portal-pop{width:54px;height:54px}
.v12-prop{position:absolute;left:49%;top:53%;z-index:15;font-size:30px;transform:translate(-50%,-50%);animation:v12PropTug 6.4s ease-in-out forwards}
.mini-scene .v12-prop{font-size:20px}

.v12-chase-a{left:4%;top:38%;animation:v12ChaseA 6.8s cubic-bezier(.25,.7,.35,1) forwards}
.v12-chase-b{left:60%;top:42%;animation:v12ChaseB 6.8s cubic-bezier(.2,.65,.38,1) forwards}
.v12-collide-a{left:-8%;top:37%;animation:v12CollideA 5.1s ease-in-out forwards}
.v12-collide-b{right:-8%;top:44%;animation:v12CollideB 5.1s ease-in-out forwards}
.v12-abduct-a{left:43%;top:12%;animation:v12UfoHover 7s ease-in-out forwards}
.v12-abduct-b{left:45%;bottom:10%;animation:v12Abducted 7s ease-in-out forwards}
.v12-laser-a{left:17%;top:38%;animation:v12CatBrace 5.4s ease-in-out forwards}
.v12-laser-b{right:16%;top:43%;animation:v12LaserTarget 5.4s ease-in-out forwards}
.v12-orbit-a{left:46%;top:40%;animation:v12OrbitA 7.8s linear forwards}
.v12-orbit-b{left:46%;top:40%;animation:v12OrbitB 7.8s linear forwards}
.v12-tug-a{left:16%;top:43%;animation:v12TugA 6.4s ease-in-out forwards}
.v12-tug-b{right:17%;top:43%;animation:v12TugB 6.4s ease-in-out forwards}
.v12-pass-a{left:-10%;top:38%;animation:v12PassThrough 6.2s ease-in-out forwards}
.v12-pass-b{left:50%;top:42%;animation:v12GlitchVictim 6.2s ease-in-out forwards}
.v12-portal-a{left:10%;top:40%;animation:v12PortalEnter 6.6s ease-in-out forwards}
.v12-portal-b{right:8%;top:42%;animation:v12PortalExit 6.6s ease-in-out forwards}
.v12-bump-a{left:-16%;top:24%;animation:v12WhaleBump 7.2s ease-in-out forwards}
.v12-bump-b{left:52%;top:47%;animation:v12Bumped 7.2s ease-in-out forwards}
.v12-race-a{left:-8%;top:31%;animation:v12RaceA 5.8s linear forwards}
.v12-race-b{left:-16%;top:56%;animation:v12RaceB 5.8s cubic-bezier(.05,.8,.18,1) forwards}

.v12-project-memory{margin-top:14px}
.v12-memory-panel{min-height:150px}
.v12-memory-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:16px}
.v12-memory-grid>div:first-child>span{display:block;font:800 .65rem ui-monospace,monospace;color:var(--muted);letter-spacing:.12em}
.v12-memory-grid b{display:block;margin:6px 0;font:900 clamp(.9rem,1.7vw,1.25rem)/1.2 ui-monospace,monospace;color:#ffe36a}
.v12-memory-grid p{margin:0;color:#a9c4d2;font:700 .82rem/1.5 ui-monospace,monospace}
.v12-memory-icons{display:flex;gap:12px;font-size:35px;align-items:center}
.v12-memory-icons span{display:inline-grid;place-items:center;width:56px;height:56px;border:1px solid rgba(95,208,255,.15);background:#07111a;animation:v12MemoryFloat 5s ease-in-out infinite}
.v12-memory-icons span:nth-child(2){animation-delay:-1.5s}.v12-memory-icons span:nth-child(3){animation-delay:-3s}
.v12-panel-interaction{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}
.v12-panel-sprite{position:absolute;font-size:22px;z-index:6;will-change:transform;filter:drop-shadow(0 0 8px rgba(255,255,255,.18))}
.v12-panel-sprite.a{left:-12%;top:28%;animation:v12PanelCrossA var(--v12pd,8s) ease-in-out forwards}
.v12-panel-sprite.b{right:-12%;top:56%;animation:v12PanelCrossB var(--v12pd,8s) ease-in-out forwards}
.v12-panel-spark{position:absolute;left:50%;top:46%;width:12px;height:12px;border-radius:50%;background:#fff5aa;box-shadow:0 0 12px #fff5aa,0 0 26px #ff6f2e;opacity:0;animation:v12PanelSpark var(--v12pd,8s) ease-in-out forwards}

@keyframes v12ChaseA{0%{transform:translate(0,0) rotate(-8deg);opacity:0}10%{opacity:1}45%{transform:translate(210px,-18px) rotate(5deg)}72%{transform:translate(360px,32px) rotate(-3deg)}100%{transform:translate(610px,-12px) rotate(8deg);opacity:0}}
@keyframes v12ChaseB{0%{transform:translate(0,0);opacity:0}8%{opacity:1}32%{transform:translate(40px,-22px)}60%{transform:translate(120px,28px)}100%{transform:translate(430px,-5px);opacity:0}}
@keyframes v12CollideA{0%{transform:translateX(0) rotate(-15deg);opacity:0}12%{opacity:1}48%{transform:translateX(360px) rotate(15deg)}58%{transform:translateX(410px) rotate(55deg)}100%{transform:translate(610px,-100px) rotate(180deg);opacity:0}}
@keyframes v12CollideB{0%{transform:translateX(0) rotate(15deg);opacity:0}12%{opacity:1}48%{transform:translateX(-360px) rotate(-15deg)}58%{transform:translateX(-410px) rotate(-55deg)}100%{transform:translate(-610px,90px) rotate(-180deg);opacity:0}}
@keyframes v12Impact{0%,43%{opacity:0;transform:translate(-50%,-50%) scale(.2)}52%{opacity:1;transform:translate(-50%,-50%) scale(2.4)}64%{opacity:.35;transform:translate(-50%,-50%) scale(4)}100%{opacity:0;transform:translate(-50%,-50%) scale(.4)}}
@keyframes v12UfoHover{0%{transform:translateY(-50px);opacity:0}15%{opacity:1}35%,70%{transform:translateY(0) rotate(3deg)}100%{transform:translateY(-120px);opacity:0}}
@keyframes v12Abducted{0%,30%{transform:translateY(0) scale(1);opacity:0}38%{opacity:1}70%{transform:translateY(-130px) scale(.8);opacity:1}100%{transform:translateY(-220px) scale(.3);opacity:0}}
@keyframes v12AbductBeam{0%,24%{opacity:0}36%,72%{opacity:.8}100%{opacity:0}}
@keyframes v12CatBrace{0%{transform:translateX(-30px);opacity:0}15%{opacity:1}38%,76%{transform:translateX(18px) rotate(-6deg)}100%{transform:translateX(-20px);opacity:0}}
@keyframes v12LaserTarget{0%{opacity:0;transform:translate(40px,0)}18%{opacity:1}52%{transform:translate(-20px,-10px) rotate(10deg)}75%{transform:translate(20px,20px) rotate(-14deg)}100%{transform:translate(150px,-80px) rotate(30deg);opacity:0}}
@keyframes v12Beam{0%,25%{width:0;opacity:0}35%{width:48%;opacity:1}55%{width:52%;opacity:1}75%{width:18%;opacity:.7}100%{width:0;opacity:0}}
@keyframes v12OrbitA{0%{transform:rotate(0deg) translateX(90px) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:rotate(720deg) translateX(90px) rotate(-720deg);opacity:0}}
@keyframes v12OrbitB{0%{transform:rotate(180deg) translateX(90px) rotate(-180deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:rotate(-540deg) translateX(90px) rotate(540deg);opacity:0}}
@keyframes v12TugA{0%{transform:translateX(-50px);opacity:0}15%{opacity:1}40%{transform:translateX(90px) rotate(-8deg)}55%{transform:translateX(70px) rotate(10deg)}70%{transform:translateX(100px) rotate(-8deg)}100%{transform:translateX(-80px) rotate(-30deg);opacity:0}}
@keyframes v12TugB{0%{transform:translateX(50px);opacity:0}15%{opacity:1}40%{transform:translateX(-90px) rotate(8deg)}55%{transform:translateX(-70px) rotate(-10deg)}70%{transform:translateX(-100px) rotate(8deg)}100%{transform:translateX(80px) rotate(30deg);opacity:0}}
@keyframes v12PropTug{0%{opacity:0}20%{opacity:1}40%{transform:translate(-70%,-50%) rotate(-20deg)}55%{transform:translate(-30%,-50%) rotate(20deg)}70%{transform:translate(-70%,-50%) rotate(-20deg)}100%{transform:translate(-50%,50px) rotate(70deg);opacity:0}}
@keyframes v12PassThrough{0%{transform:translateX(0);opacity:0}10%{opacity:.8}55%{transform:translateX(360px);opacity:.95}100%{transform:translateX(680px);opacity:0}}
@keyframes v12GlitchVictim{0%,34%{filter:none;transform:translate(0,0)}48%{filter:hue-rotate(130deg);transform:translate(9px,-7px) skewX(15deg)}52%{transform:translate(-8px,5px) skewX(-14deg)}60%{filter:hue-rotate(280deg);transform:translate(5px,-3px)}100%{filter:none;transform:translate(0,0);opacity:.4}}
@keyframes v12PortalEnter{0%{transform:translateX(0) scale(1);opacity:0}15%{opacity:1}58%{transform:translateX(260px) scale(1)}72%{transform:translateX(330px) scale(.1);opacity:.2}100%{opacity:0}}
@keyframes v12PortalExit{0%,52%{transform:translateX(0) scale(.1);opacity:0}66%{opacity:1;transform:translateX(-120px) scale(1.2)}100%{transform:translateX(-330px) scale(1);opacity:0}}
@keyframes v12PortalPop{0%,25%{opacity:0;transform:translate(-50%,-50%) scale(.1)}42%,76%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.1)}}
@keyframes v12WhaleBump{0%{transform:translateX(-40px) rotate(-10deg);opacity:0}12%{opacity:1}62%{transform:translateX(420px) rotate(5deg)}100%{transform:translateX(760px) rotate(18deg);opacity:0}}
@keyframes v12Bumped{0%,47%{transform:translate(0,0) rotate(0)}61%{transform:translate(80px,-35px) rotate(110deg)}100%{transform:translate(280px,120px) rotate(460deg);opacity:0}}
@keyframes v12RaceA{0%{transform:translateX(0);opacity:0}8%{opacity:1}100%{transform:translateX(720px);opacity:0}}
@keyframes v12RaceB{0%{transform:translateX(0);opacity:0}6%{opacity:1}55%{transform:translateX(640px)}100%{transform:translateX(920px);opacity:0}}
@keyframes v12MemoryFloat{50%{transform:translateY(-7px) rotate(4deg);box-shadow:0 0 18px rgba(95,208,255,.08)}}
@keyframes v12PanelCrossA{0%{transform:translateX(0) rotate(-8deg);opacity:0}12%{opacity:1}52%{transform:translateX(140px) rotate(8deg)}100%{transform:translateX(300px) rotate(28deg);opacity:0}}
@keyframes v12PanelCrossB{0%{transform:translateX(0) rotate(8deg);opacity:0}12%{opacity:1}52%{transform:translateX(-140px) rotate(-8deg)}100%{transform:translateX(-300px) rotate(-28deg);opacity:0}}
@keyframes v12PanelSpark{0%,42%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(2)}68%{opacity:.3;transform:scale(3)}100%{opacity:0}}

/* V13 fixes: safer event overlay layout + visual token rendering */
.event-overlay{
  display:grid!important;
  place-items:center!important;
  padding:clamp(14px,2vh,24px)!important;
  overflow:auto!important;
}
.event-card{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(820px,92vw)!important;
  max-height:min(46vh,340px)!important;
  overflow:auto!important;
  margin-top:min(40vh,320px)!important;
}
.event-card h2{
  font-size:clamp(1.45rem,3.2vw,3.25rem)!important;
  line-height:1.02!important;
  word-break:break-word;
}
.event-card p{
  font-size:clamp(.82rem,1.3vw,1rem)!important;
}
.event-card small{padding-bottom:2px}
.event-rift{top:44%!important;width:min(44vw,560px)!important;height:min(58vh,560px)!important}
.event-object{display:grid;place-items:center;min-width:72px;min-height:72px}
.event-object .token-emoji{font-size:clamp(44px,7vw,110px);line-height:1}
.token-toaster,.token-printer,.token-skate-dino,.token-laser-cat,.token-whale-portal{
  position:relative;display:inline-block;
}
.token-toaster{width:92px;height:74px}
.token-toaster .body{position:absolute;left:12px;right:12px;bottom:8px;top:18px;background:linear-gradient(180deg,#dbe2e8,#939ca8);border-radius:18px 18px 20px 20px;box-shadow:0 0 18px rgba(255,255,255,.18), inset 0 -8px 0 rgba(0,0,0,.12)}
.token-toaster .slot{position:absolute;left:22px;right:22px;top:20px;height:8px;background:#39424a;border-radius:4px}
.token-toaster .bread{position:absolute;left:28px;top:0;width:36px;height:26px;background:linear-gradient(180deg,#f7d48d,#e6b969);border:2px solid rgba(104,58,17,.18);border-bottom:none;border-radius:16px 16px 7px 7px;box-shadow:0 0 10px rgba(255,220,150,.18)}
.token-toaster .lever{position:absolute;right:6px;top:34px;width:10px;height:22px;background:#8b94a0;border-radius:4px}
.token-printer{width:96px;height:70px}
.token-printer .printer-body{position:absolute;left:12px;right:12px;bottom:12px;top:20px;background:linear-gradient(180deg,#d7e0ea,#8e98a4);border-radius:10px;box-shadow:inset 0 -8px 0 rgba(0,0,0,.12)}
.token-printer .paper{position:absolute;left:26px;right:26px;top:0;height:28px;background:#fff;border-radius:4px 4px 0 0}
.token-printer .paper::after{content:"";position:absolute;left:8px;right:8px;top:8px;height:2px;background:#b8c3cf;box-shadow:0 6px 0 #b8c3cf,0 12px 0 #b8c3cf}
.token-printer .tray{position:absolute;left:24px;right:24px;bottom:2px;height:12px;background:#7a838d;border-radius:0 0 6px 6px}
.token-skate-dino{width:108px;height:88px}
.token-skate-dino .dino{position:absolute;left:18px;top:0;font-size:56px;line-height:1}
.token-skate-dino .board{position:absolute;left:18px;right:16px;bottom:18px;height:10px;background:linear-gradient(90deg,#ff4e58,#ffd356,#4fd6ff);border-radius:10px;box-shadow:0 0 14px rgba(255,213,86,.22)}
.token-skate-dino .wheel{position:absolute;bottom:10px;width:12px;height:12px;border-radius:50%;background:#7fd2ff;box-shadow:0 0 6px rgba(127,210,255,.25)}
.token-skate-dino .w1{left:28px}.token-skate-dino .w2{right:28px}
.token-laser-cat{width:112px;height:76px}.token-laser-cat .cat{position:absolute;left:10px;bottom:8px;font-size:52px;line-height:1}.token-laser-cat .beam{position:absolute;left:54px;top:28px;width:48px;height:4px;background:#ff4f5a;box-shadow:0 0 12px #ff4f5a}
.token-whale-portal{width:114px;height:90px}.token-whale-portal .whale{position:absolute;left:10px;top:24px;font-size:56px;line-height:1}.token-whale-portal .portal{position:absolute;right:10px;top:12px;width:42px;height:60px;border:4px solid #72ff7a;border-radius:50%;filter:drop-shadow(0 0 10px #72ff7a)}
.v10-cam-object .token-toaster,.v10-cam-object .token-printer,.v10-cam-object .token-skate-dino,.v10-cam-object .token-laser-cat,.v10-cam-object .token-whale-portal{transform:scale(.56);transform-origin:center center}
@media (max-height:760px){
  .event-card{max-height:min(50vh,320px)!important;margin-top:min(42vh,300px)!important;padding:14px 16px!important}
  .event-rift{top:40%!important}
}

/* V14 HOTFIX — keep event overlay hidden until an event actually opens */
.event-overlay.hidden{display:none!important;}
.event-overlay:not(.hidden){display:grid!important;}

/* ============================================================================
   V16 FIX — manual nav reliability + real visual assets (no bracket placeholders)
   ============================================================================ */
.topbar{z-index:180!important;pointer-events:auto!important}
.nav-tabs{position:relative;z-index:182!important;pointer-events:auto!important}
.nav-tabs .tab{position:relative;z-index:183!important;pointer-events:auto!important;cursor:pointer!important;user-select:none}
.nav-tabs .tab:active{transform:translateY(1px)}
.nav-tabs .tab.manual-selected{box-shadow:0 0 0 1px rgba(108,255,187,.4),0 0 18px rgba(108,255,187,.18)!important}
.event-overlay{z-index:310!important}.spotlight-overlay{z-index:312!important}.case-modal{z-index:314!important}
.screen-noise,.scanlines{z-index:350!important;pointer-events:none!important}

.rich-visual{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(108,224,255,.2));pointer-events:none}
.event-object .rich-visual{width:clamp(86px,9vw,150px);height:clamp(68px,8vw,125px)}
.v10-cam-object .rich-visual,.dynamic-anomaly .rich-visual,.cam-sprite .rich-visual{width:62px;height:52px;max-width:none;max-height:none}
.v11-hero-story .rich-visual{width:42px;height:36px;display:inline-block;vertical-align:middle;margin-right:7px}
.visual-fallback{font-size:inherit;line-height:1}

/* keep user-facing text readable and prevent semantic markers from ever looking like UI copy */
.visual-token-label{display:none!important}

/* V18 living workload counters */
.count-row b.v18-count-change{animation:v18CountPulse .7s ease-out}
@keyframes v18CountPulse{0%{transform:scale(1);filter:none}35%{transform:scale(1.18);filter:brightness(1.8)}100%{transform:scale(1);filter:none}}
.count-row b{display:inline-block}

/* ==========================================================================
   V19 — VISITOR IDENTITY / COMMUNITY ACTIVITY / INTERACTIVE COMPLETIONS
   ========================================================================== */
.visitor-badge{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-color:rgba(120,235,255,.34)!important}
.visitor-badge span{color:#7fe7ff}
.community-panel{min-height:190px}
.community-feed{display:grid;gap:7px;max-height:235px;overflow:auto;padding-right:4px}
.community-event{border:1px solid rgba(96,205,232,.12);background:linear-gradient(90deg,rgba(20,47,61,.34),rgba(8,17,25,.15));padding:8px 9px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:start}
.community-event .ce-icon{font-size:1rem;line-height:1.2}
.community-event .ce-body{min-width:0}
.community-event .ce-head{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font:800 .66rem/1.2 ui-monospace,monospace;color:#93c8d8;letter-spacing:.04em}
.community-event .ce-head b{color:#fff}
.community-event .ce-text{margin-top:3px;font:700 .72rem/1.35 ui-monospace,monospace;color:#c8dce5;word-break:break-word}
.community-event.egg{border-color:rgba(255,214,96,.25);background:linear-gradient(90deg,rgba(74,56,12,.26),rgba(8,17,25,.12))}
.community-event.case_complete{border-color:rgba(102,255,161,.22);background:linear-gradient(90deg,rgba(12,68,42,.25),rgba(8,17,25,.12))}
.community-empty{font:700 .7rem/1.45 ui-monospace,monospace;color:#7593a1;padding:10px;border:1px dashed rgba(122,168,188,.16)}
.community-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font:800 .58rem/1.2 ui-monospace,monospace;color:#698896;letter-spacing:.05em}
.community-foot span{min-width:0}

.visitor-profile-overlay.hidden{display:none}
.visitor-profile-overlay{position:fixed;inset:0;z-index:118;display:grid;place-items:center;background:rgba(1,5,9,.82);backdrop-filter:blur(5px);padding:18px;overflow:auto}
.visitor-profile-card{position:relative;width:min(620px,94vw);background:linear-gradient(180deg,#0b1722,#061019);border:1px solid rgba(100,213,244,.32);box-shadow:0 26px 90px rgba(0,0,0,.72);padding:22px}
.visitor-kicker{font:900 .65rem ui-monospace,monospace;letter-spacing:.16em;color:#70dffb}
.visitor-profile-card h2{margin:8px 0 8px;font:900 clamp(1.5rem,4vw,2.7rem)/1 "Arial Black",Impact,sans-serif;color:#fff}
.visitor-profile-card>p{margin:0 0 18px;color:#9fb8c5;font:700 .78rem/1.5 ui-monospace,monospace}
.visitor-profile-card label{display:block;margin-bottom:6px;color:#ffdd69;font:900 .62rem ui-monospace,monospace;letter-spacing:.1em}
.visitor-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.visitor-name-row input{min-width:0;background:#061019;border:1px solid rgba(106,219,244,.24);color:#fff;padding:11px 12px;font:800 .9rem ui-monospace,monospace;outline:none}
.visitor-name-row input:focus{border-color:rgba(110,231,255,.7);box-shadow:0 0 0 2px rgba(110,231,255,.08)}
.visitor-name-row button,.visitor-action-btn{border:1px solid rgba(100,235,170,.32);background:linear-gradient(180deg,#0d3a2c,#0a281f);color:#baffd7;padding:10px 14px;font:900 .68rem ui-monospace,monospace;letter-spacing:.06em;cursor:pointer}
.visitor-name-row button:hover,.visitor-action-btn:hover{border-color:rgba(127,255,194,.75)}
.visitor-name-note{margin-top:7px;min-height:16px;color:#6f8d9a;font:700 .62rem/1.3 ui-monospace,monospace}
.visitor-name-note.warn{color:#ffb06c}.visitor-name-note.success{color:#83efb5}
.visitor-progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}
.visitor-progress-grid>div{border:1px solid rgba(115,184,209,.14);background:#07111a;padding:10px;text-align:center;min-width:0}
.visitor-progress-grid span{display:block;color:#698b9b;font:800 .55rem ui-monospace,monospace;letter-spacing:.08em}
.visitor-progress-grid b{display:block;margin-top:5px;color:#fff;font:900 .83rem ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis}
.visitor-relics{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.visitor-relic{border:1px solid rgba(255,214,96,.2);background:rgba(72,56,16,.22);color:#ffe58d;padding:6px 8px;font:800 .6rem ui-monospace,monospace}
.visitor-relic.empty{color:#6e8792;border-color:rgba(110,135,146,.14);background:transparent}
.visitor-case-actions{margin-top:14px;padding-top:12px;border-top:1px solid rgba(99,190,224,.12);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.visitor-case-actions span{font:700 .65rem/1.35 ui-monospace,monospace;color:#7d9aa7}
.visitor-action-btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.4)}
.v19-interactive-hint{cursor:pointer!important}
.v19-egg-flash{animation:v19EggFlash .8s ease-out both}
@keyframes v19EggFlash{0%{filter:brightness(1)}35%{filter:brightness(2.2) drop-shadow(0 0 18px #ffe16c)}100%{filter:brightness(1)}}
@media(max-width:850px){.visitor-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visitor-name-row{grid-template-columns:1fr}.community-feed{max-height:210px}}

/* V21 existing-art animated token emblem */
.token-seal{overflow:hidden;padding:0;background:#05070a!important;animation:tokenSealPulse 2.1s ease-in-out infinite}.token-seal img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}@keyframes tokenSealPulse{0%,100%{box-shadow:0 0 12px rgba(255,213,61,.18)}50%{box-shadow:0 0 24px rgba(255,213,61,.42)}}