:root{--op-black:#020405;--op-blue:#23bff5;--op-cyan:#63dcff;--op-red:#ef2c2c;--op-line:rgba(75,191,235,.25);--op-display:"Arial Narrow","Roboto Condensed",Impact,sans-serif}
html,body{background:var(--op-black);color:#eef4f5}button{touch-action:manipulation}button:focus-visible{outline:2px solid var(--op-cyan)!important;outline-offset:3px}
.p404-case-hub,.p404-dossier,.p404-case2,.opening{background:#020405!important}
.p404-case-hub:after,.p404-dossier:after,.p404-case2:after{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;background:linear-gradient(rgba(43,155,201,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(43,155,201,.035) 1px,transparent 1px),radial-gradient(circle at 72% 36%,rgba(25,177,232,.1),transparent 31%);background-size:80px 80px,80px 80px,auto}
.p404-case-hub:before,.p404-dossier:before,.p404-case2:before{content:"";position:fixed;z-index:4;left:0;right:0;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--op-cyan),transparent);opacity:.65;animation:ops 7s linear infinite}@keyframes ops{to{transform:translateY(100vh)}}
.p404-hub-header,.p404-dossier-header,.p404-case2-header{min-height:76px!important;padding:0 clamp(24px,3vw,54px)!important;border-bottom:1px solid var(--op-line)!important;background:rgba(1,4,6,.9)!important;backdrop-filter:blur(20px);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.p404-dossier-brand{font:700 20px/1 var(--op-display);letter-spacing:.26em;color:#fff!important}.p404-dossier-brand b{color:var(--op-red)!important;margin-left:8px}.p404-kicker{color:var(--op-cyan)!important;font:700 9px/1.4 var(--font-geist-mono),monospace!important;letter-spacing:.24em!important}.p404-back-central{min-height:42px;padding:0 16px!important;border:1px solid var(--op-line)!important;color:#b4c3cb!important}.p404-back-central:hover{border-color:var(--op-cyan)!important;color:#fff!important;background:rgba(42,183,235,.08)!important}
/* Central cinematográfica */
.p404-hub-backdrop{opacity:.42;filter:saturate(.35) contrast(1.25) brightness(.54)!important}.p404-hub-backdrop:after{background:linear-gradient(90deg,#020405 4%,rgba(2,4,5,.94) 34%,rgba(2,4,5,.36) 74%,#020405),repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.2) 4px)!important}.p404-hub-header{grid-template-columns:240px 1fr 260px!important;z-index:6!important}.p404-hub-header nav button{height:76px!important;color:#657782!important}.p404-hub-header nav button.is-active{color:#fff!important;border-color:var(--op-red)!important}.p404-prototype-state i,.p404-case-status i{background:var(--op-blue)!important;box-shadow:0 0 16px var(--op-blue)!important}
.p404-hub-main{z-index:2!important;width:min(1600px,92vw)!important;grid-template-columns:minmax(280px,.68fr) minmax(670px,1.5fr)!important;gap:clamp(44px,6vw,120px)!important;padding-top:clamp(44px,7vh,96px)!important}.p404-hub-intro{position:relative;padding-left:24px}.p404-hub-intro:before{content:"404";position:absolute;left:0;top:5px;writing-mode:vertical-rl;color:#43535c;font:700 7px var(--font-geist-mono);letter-spacing:.45em}.p404-hub-intro h1{font-family:var(--op-display)!important;font-weight:800!important;letter-spacing:-.045em!important;line-height:.79!important}.p404-hub-intro h1 em{color:var(--op-red)!important;-webkit-text-stroke:0!important}.p404-hub-intro>p:not(.p404-kicker){font-family:Arial,sans-serif!important;font-size:14px!important;line-height:1.8!important}.p404-hub-metrics{padding-top:24px;border-top:1px solid var(--op-line)}
.p404-cases{grid-template-columns:1.18fr .82fr!important;grid-template-rows:1fr auto!important;gap:12px!important}.p404-case-card{grid-column:auto!important;height:min(58vh,570px)!important;min-height:470px!important;border-color:var(--op-line)!important;box-shadow:0 50px 110px rgba(0,0,0,.72)!important}.p404-case-card:before{content:"";position:absolute;z-index:3;inset:12px;border:1px solid rgba(102,204,244,.14);pointer-events:none}.p404-case-card>img{filter:saturate(.45) contrast(1.15) brightness(.6)!important}.p404-case-card:hover>img{filter:saturate(.65) contrast(1.12) brightness(.77)!important;transform:scale(1.035)!important}.p404-case-two{transform:translateY(54px)}.p404-case-shade{background:linear-gradient(180deg,rgba(2,5,8,.06),rgba(2,5,8,.3) 42%,rgba(2,5,8,.98)),linear-gradient(90deg,rgba(1,4,6,.7),transparent)!important}.p404-case-number{z-index:4!important;color:rgba(255,255,255,.18)!important;font-family:var(--op-display)!important;font-style:normal!important;font-weight:800!important}.p404-case-copy{z-index:4!important;bottom:82px!important}.p404-case-copy strong{font-family:var(--op-display)!important;font-weight:800!important;line-height:.88!important}.p404-case-copy strong em{color:var(--op-red)!important;-webkit-text-stroke:0!important}.p404-case-action{z-index:5!important;background:rgba(2,6,9,.9)!important;border-top-color:var(--op-line)!important}.p404-case-action b{color:var(--op-red)!important}.p404-case-card:hover .p404-case-action{background:var(--op-red)!important;color:#fff!important}.p404-case-locked{grid-column:2;transform:translateY(54px);border-color:var(--op-line)!important;background:rgba(5,12,17,.82)!important}
/* Dossiês */
.p404-dossier{background:radial-gradient(circle at 75% 38%,rgba(21,121,162,.12),transparent 29%),#020405!important}.p404-dossier-header{z-index:5!important}.p404-dossier-layout{z-index:2!important;width:100%!important;max-width:none!important;grid-template-columns:minmax(470px,37%) 1fr!important;gap:0!important;padding:0!important}.p404-dossier-copy{padding:clamp(50px,7vh,86px) clamp(42px,5vw,92px)!important;border-right:1px solid var(--op-line);background:linear-gradient(90deg,rgba(2,4,5,.98),rgba(2,4,5,.9))}.p404-dossier-copy h1{font-family:var(--op-display)!important;font-size:clamp(62px,6vw,112px)!important;font-weight:800!important;line-height:.78!important;letter-spacing:-.045em!important}.p404-dossier-copy h1 em{color:var(--op-red)!important;-webkit-text-stroke:0!important}.p404-dossier-lead{color:#aebbc2!important;font:14px/1.7 Arial,sans-serif!important}.p404-case-data{border-color:var(--op-line)!important}.p404-case-data>div{border-color:var(--op-line)!important;background:rgba(7,17,24,.55)}.p404-case-data small{color:var(--op-cyan)!important}.p404-objective{border-left:2px solid var(--op-red)!important;background:linear-gradient(90deg,rgba(239,44,44,.08),transparent)!important}.p404-accept{border:1px solid var(--op-blue)!important;background:rgba(9,29,42,.45)!important;color:var(--op-cyan)!important;transition:.25s ease!important}.p404-accept:hover{background:var(--op-red)!important;border-color:var(--op-red)!important;color:#fff!important;box-shadow:0 16px 45px rgba(239,44,44,.24)}
.p404-dossier-visual{min-height:calc(100vh - 120px)!important;background:#03070a!important;overflow:hidden!important}.p404-dossier-visual:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(2,4,5,.6),transparent 35%),linear-gradient(0deg,rgba(2,4,5,.7),transparent 42%);pointer-events:none}.p404-davi{filter:saturate(.6) contrast(1.12) brightness(.72)!important;object-position:70% center!important}.p404-intercept{z-index:5!important;right:clamp(28px,4vw,72px)!important;bottom:clamp(46px,7vh,88px)!important;width:min(520px,52vw)!important;border:1px solid rgba(91,194,234,.35)!important;background:rgba(2,6,9,.88)!important;backdrop-filter:blur(16px);box-shadow:0 28px 70px rgba(0,0,0,.58)!important}.p404-intercept span,.p404-intercept time{color:var(--op-cyan)!important}.p404-intercept small{color:var(--op-red)!important}.p404-target{z-index:3!important;border-color:rgba(57,194,245,.32)!important}
/* Caso 002 */
.p404-case2-header{z-index:6!important}.p404-case2-header nav button.is-active{color:#fff!important;border-bottom-color:var(--op-red)!important}.p404-case2-main{z-index:2!important;background:transparent!important}.p404-map-copy h1,.p404-section-title h1,.p404-report-hero h1{font-family:var(--op-display)!important;font-weight:800!important;line-height:.8!important}.p404-map-copy h1 em,.p404-section-title h1 em,.p404-report-hero h1 em{color:var(--op-red)!important;-webkit-text-stroke:0!important}.p404-map{border-color:var(--op-line)!important;background:#040a0e!important;box-shadow:0 35px 90px rgba(0,0,0,.62)}.p404-map:before{content:"MAPA OPERACIONAL / LIVE";position:absolute;z-index:6;top:15px;left:18px;color:var(--op-cyan);font:700 7px var(--font-geist-mono);letter-spacing:.2em}.p404-map>img{filter:saturate(.52) contrast(1.15) brightness(.6)!important}.p404-map-pin b{background:#05121a!important;border-color:var(--op-blue)!important;color:var(--op-cyan)!important}.p404-map-pin:hover b,.p404-map-pin.is-seen b{background:var(--op-red)!important;border-color:var(--op-red)!important;color:#fff!important}.p404-location-panel{border-color:var(--op-line)!important;background:rgba(3,9,13,.96)!important}.p404-location-body b{color:var(--op-cyan)!important}.p404-timeline article.is-known i{background:var(--op-red)!important;border-color:var(--op-red)!important}.p404-people article,.p404-report-card{border-color:var(--op-line)!important;background:rgba(4,10,14,.9)!important}.p404-report-score b{color:var(--op-red)!important}.p404-report-action{background:var(--op-red)!important;color:#fff!important;border-color:var(--op-red)!important}
/* Caso 001 e mural */
.brand b,.opening h1 em{color:var(--op-red)!important}.primary{background:var(--op-red)!important;border-color:var(--op-red)!important;color:#fff!important}.apartmentScene,.p404-feed{border-color:var(--op-line)!important}.p404-feed-hud span{color:var(--op-cyan)!important}.p404-feed-hud b{background:var(--op-red)!important;box-shadow:0 0 10px var(--op-red)!important}.boardWrap{background:radial-gradient(circle at 15% 24%,rgba(73,42,190,.17),transparent 31%),radial-gradient(circle at 72% 18%,rgba(35,191,245,.15),transparent 28%),radial-gradient(circle at 82% 84%,rgba(80,65,220,.12),transparent 26%),linear-gradient(rgba(62,184,229,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(62,184,229,.035) 1px,transparent 1px),#03070a!important;background-size:auto,auto,auto,72px 72px,72px 72px,auto!important}.boardWrap:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 34%,rgba(109,88,255,.08) 51%,transparent 66%)}.boardTop h1,.documents h1,.interrogation h1{font-family:var(--op-display)!important;font-weight:800!important}.cards button,.connectionPanel,.docCard,.chatPanel,.witnessPortrait{border-color:var(--op-line)!important;background:rgba(4,10,14,.88)!important}.cards button:hover,.cards button.selected{border-color:var(--op-cyan)!important;transform:translateY(-5px)!important}.documents,.interrogation{background:radial-gradient(circle at 75% 25%,rgba(35,191,245,.09),transparent 30%),#030608!important}
@media(max-width:1100px){.p404-hub-main{grid-template-columns:1fr!important}.p404-cases{max-width:none!important}.p404-dossier-layout{grid-template-columns:1fr!important;overflow:auto!important}.p404-dossier-copy{border-right:0!important}.p404-dossier-visual{min-height:620px!important}.p404-case-two,.p404-case-locked{transform:none}}
@media(max-width:720px){.p404-cases{display:block!important}.p404-case-card{width:100%;height:440px!important;margin-bottom:14px}.p404-hub-intro{padding-left:0}.p404-hub-intro:before{display:none}.p404-dossier-copy{padding:44px 22px!important}.p404-dossier-copy h1{font-size:58px!important}.p404-intercept{width:auto!important;left:18px!important;right:18px!important}}

/* v1.7.1 — títulos dimensionados pelo card, sem colisão entre camadas */
.p404-case-card {
  container-type: inline-size;
}

.p404-case-card .p404-case-number {
  z-index: 3 !important;
  top: 18px;
  right: 20px;
  max-width: 42%;
  overflow: hidden;
  color: rgba(255,255,255,.10) !important;
  font-size: clamp(42px, 13cqi, 72px) !important;
  line-height: .86 !important;
  pointer-events: none;
}

.p404-case-card .p404-case-copy {
  z-index: 5 !important;
  left: clamp(20px, 5cqi, 32px);
  right: clamp(20px, 5cqi, 32px);
  min-width: 0;
}

.p404-case-card .p404-case-copy strong {
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  white-space: normal;
  font-size: clamp(34px, 10.4cqi, 67px) !important;
  line-height: .86 !important;
  letter-spacing: -.045em !important;
}

.p404-case-two .p404-case-copy strong {
  font-size: clamp(33px, 10.1cqi, 58px) !important;
}

.p404-case-card .p404-case-copy small,
.p404-case-card .p404-case-copy > span {
  max-width: 100%;
  line-height: 1.45;
}

@media (max-width:1100px) and (min-width:721px) {
  .p404-cases {
    grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr) !important;
  }
  .p404-case-card {
    min-width: 0;
  }
  .p404-case-copy {
    bottom: 78px !important;
  }
  .p404-case-copy > span {
    margin-top: 14px;
    letter-spacing: .12em;
  }
}

@media (max-width:720px) {
  .p404-case-card .p404-case-copy strong,
  .p404-case-two .p404-case-copy strong {
    font-size: clamp(38px, 11.5cqi, 58px) !important;
  }
}