:root {
  --p404-ink: #080c0d;
  --p404-panel: rgba(10, 16, 17, .84);
  --p404-cyan: #63d6d2;
  --p404-amber: #dca326;
  --p404-paper: #d8d3c7;
}

/* v1.3 — Central de Casos / protótipo livre, sem autenticação. */
body.p404-hub-open,
body.p404-dossier-open { overflow: hidden; }

.p404-case-hub {
  position: fixed;
  z-index: 99999;
  inset: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
  color: #e8e9e4;
  background: #070b0c;
  opacity: 1;
  transition: opacity .45s ease, transform .45s ease;
}

.p404-case-hub.is-leaving { opacity: 0; transform: scale(1.012); pointer-events: none; }
.p404-hub-backdrop { position: fixed; inset: 0; pointer-events: none; background: linear-gradient(90deg,#050809 0%,rgba(5,8,9,.9) 38%,rgba(5,8,9,.35) 100%),linear-gradient(0deg,#050809 0%,transparent 55%),url("../img/apartamento-404.png") 70% center/cover no-repeat; filter: saturate(.55) contrast(1.12); }
.p404-hub-backdrop::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 72% 35%,rgba(65,202,197,.12),transparent 28%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.14) 4px); }
.p404-hub-header { position:relative; z-index:2; min-height:76px; padding:18px 4.5vw; display:grid; grid-template-columns:220px 1fr 260px; align-items:center; border-bottom:1px solid rgba(113,150,146,.2); background:rgba(5,9,10,.74); backdrop-filter:blur(14px); }
.p404-hub-header nav { display:flex; justify-content:center; height:58px; }
.p404-hub-header nav button { border:0; border-bottom:2px solid transparent; background:transparent; padding:0 24px; font:700 8px var(--font-geist-mono),monospace; letter-spacing:.18em; color:#687572; }
.p404-hub-header nav button.is-active { color:#d7ddda; border-color:var(--p404-amber); }
.p404-prototype-state { justify-self:end; font:700 8px var(--font-geist-mono),monospace; letter-spacing:.15em; color:#8b9a96; }
.p404-prototype-state i,.p404-case-status i { display:inline-block; width:6px; height:6px; margin-right:8px; border-radius:50%; background:#62c7a0; box-shadow:0 0 12px #62c7a0; }
.p404-hub-main { position:relative; z-index:2; flex:1; width:min(1500px,91vw); margin:0 auto; padding:clamp(42px,6vh,76px) 0 48px; display:grid; grid-template-columns:minmax(300px,.7fr) minmax(620px,1.3fr); gap:clamp(40px,6vw,100px); align-items:center; }
.p404-hub-intro h1 { margin:18px 0 26px; font:300 clamp(58px,7vw,116px)/.78 Arial,sans-serif; letter-spacing:-.075em; }
.p404-hub-intro h1 em { font-style:normal; color:transparent; -webkit-text-stroke:1px var(--p404-cyan); }
.p404-hub-intro>p:not(.p404-kicker) { max-width:510px; color:#9ba6a2; font:16px/1.7 Georgia,serif; }
.p404-hub-metrics { display:flex; gap:25px; margin-top:38px; color:#64706d; font:700 8px var(--font-geist-mono),monospace; letter-spacing:.15em; }
.p404-hub-metrics b { color:#c6ceca; font-size:13px; margin-right:6px; }
.p404-cases { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.p404-case-card { grid-column:1/-1; position:relative; height:min(50vh,500px); min-height:380px; padding:0; overflow:hidden; text-align:left; border:1px solid rgba(115,184,180,.34); background:#091011; color:#e8e9e4; cursor:pointer; box-shadow:0 38px 110px rgba(0,0,0,.58); }
.p404-case-card>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% center; filter:saturate(.6) contrast(1.12) brightness(.68); transition:transform .8s ease,filter .5s ease; }
.p404-case-card:hover>img { transform:scale(1.025); filter:saturate(.72) contrast(1.14) brightness(.76); }
.p404-case-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,8,9,.93),rgba(4,8,9,.55) 52%,rgba(4,8,9,.18)),linear-gradient(0deg,rgba(4,8,9,.9),transparent 55%); }
.p404-case-number { position:absolute; right:22px; top:16px; color:rgba(167,211,207,.28); font:italic 74px/1 Georgia,serif; }
.p404-case-status { position:absolute; top:26px; left:28px; font:700 8px var(--font-geist-mono),monospace; letter-spacing:.18em; }
.p404-case-copy { position:absolute; left:28px; right:28px; bottom:73px; }
.p404-case-copy small { display:block; margin-bottom:15px; color:var(--p404-cyan); font:700 8px var(--font-geist-mono),monospace; letter-spacing:.16em; }
.p404-case-copy strong { display:block; font:300 clamp(39px,4.4vw,67px)/.82 Arial,sans-serif; letter-spacing:-.06em; }
.p404-case-copy strong em { color:transparent; font-style:normal; -webkit-text-stroke:1px #ddd; }
.p404-case-copy>span { display:block; margin-top:20px; color:#939f9b; font:700 8px var(--font-geist-mono),monospace; letter-spacing:.16em; text-transform:uppercase; }
.p404-case-action { position:absolute; left:0; right:0; bottom:0; height:54px; display:flex; align-items:center; justify-content:space-between; padding:0 28px; border-top:1px solid rgba(117,161,157,.26); background:rgba(4,9,10,.64); color:#dce3df; font:800 9px var(--font-geist-mono),monospace; letter-spacing:.18em; }
.p404-case-action b { color:var(--p404-amber); font-size:18px; }
.p404-case-locked { min-height:92px; display:grid; grid-template-columns:55px 1fr auto; align-items:center; gap:16px; padding:15px 18px; border:1px solid rgba(117,144,141,.16); background:rgba(10,15,16,.64); color:#596461; }
.p404-case-locked>span { font:italic 28px Georgia,serif; color:#48524f; }
.p404-case-locked>b { font:500 10px/1.3 Arial,sans-serif; letter-spacing:.12em; }
.p404-case-locked>small { font:700 7px var(--font-geist-mono),monospace; letter-spacing:.14em; }
.p404-back-central { border:0; background:transparent; color:#7d8a87; cursor:pointer; font:700 8px var(--font-geist-mono),monospace; letter-spacing:.17em; }
.p404-back-central:hover { color:#d9ddda; }
.p404-central-shortcut { position:fixed; z-index:9999; left:18px; bottom:18px; border:1px solid rgba(104,161,157,.36); background:rgba(6,11,12,.86); color:#9eaaa6; padding:11px 14px; cursor:pointer; backdrop-filter:blur(10px); font:700 7px var(--font-geist-mono),monospace; letter-spacing:.14em; }
.p404-central-shortcut:hover { color:#fff; border-color:var(--p404-cyan); }

@media(max-width:960px){.p404-hub-header{grid-template-columns:1fr auto}.p404-hub-header nav{display:none}.p404-hub-main{grid-template-columns:1fr;align-items:start}.p404-hub-intro h1{font-size:68px}.p404-case-card{height:430px}.p404-cases{max-width:760px}.p404-case-locked{grid-template-columns:48px 1fr}.p404-case-locked>small{display:none}}
@media(max-width:560px){.p404-hub-header{padding:16px 20px}.p404-prototype-state{font-size:6px}.p404-hub-main{width:auto;padding:38px 20px}.p404-hub-intro h1{font-size:54px}.p404-hub-metrics{flex-wrap:wrap}.p404-cases{display:block}.p404-case-card{height:420px;min-height:0}.p404-case-locked{margin-top:10px}.p404-case-copy strong{font-size:42px}.p404-case-number{font-size:48px}.p404-dossier-header{grid-template-columns:1fr auto}.p404-dossier-security{display:none}.p404-back-central{font-size:7px}}

/* HOME — fotografia atmosférica no fundo; painel preservado como protagonista. */
.opening {
  isolation: isolate;
  background: #070a0b !important;
  overflow: hidden;
}

.opening::before {
  content: "";
  position: absolute;
  z-index: -3;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4, 7, 8, .97) 0%, rgba(4, 7, 8, .85) 35%, rgba(4, 7, 8, .28) 68%, rgba(4, 7, 8, .76) 100%),
    linear-gradient(0deg, rgba(4, 7, 8, .93), transparent 45%, rgba(4, 7, 8, .62)),
    url("../img/apartamento-404.png") center 46% / cover no-repeat;
  filter: saturate(.72) contrast(1.08);
  transform: scale(1.015);
}

.opening::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 43%, rgba(73, 181, 181, .11), transparent 26%),
    repeating-linear-gradient(90deg, transparent 0 159px, rgba(94, 213, 208, .025) 160px);
}

.caseIntro {
  position: relative;
  z-index: 2;
  padding: clamp(24px, 3vw, 48px);
  margin-left: clamp(-48px, -2.5vw, -16px);
  background: linear-gradient(115deg, rgba(7, 11, 12, .86), rgba(7, 11, 12, .34) 76%, transparent);
  backdrop-filter: blur(2px);
}

.apartmentScene {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) !important;
  grid-template-rows: minmax(0, 1.2fr) minmax(0, .8fr) !important;
  overflow: hidden;
  background: rgba(8, 14, 15, .72) !important;
  border: 1px solid rgba(108, 206, 202, .28) !important;
  box-shadow: 0 35px 90px rgba(0,0,0,.58), inset 0 0 55px rgba(66,183,180,.05) !important;
  /* Não aplicar blur no painel: o filtro também atingia o HUD dos feeds. */
  backdrop-filter: none;
}

/* Os quatro quadrantes permanecem como painel técnico, agora com feeds reais. */
.apartmentScene .room {
  display: block !important;
  visibility: visible !important;
  min-width: 0;
  min-height: 0;
  isolation: isolate;
  overflow: hidden;
  /* Sobrescreve o efeito de entrada do build, que permanecia nos feeds 02–04. */
  filter: none !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
  background-color: #071011 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  border-color: rgba(99, 214, 210, .25) !important;
  color: rgba(211, 231, 228, .62) !important;
  text-shadow: 0 1px 8px #000;
}

.apartmentScene .roomA { grid-area: 1 / 1 / 2 / 2 !important; }
.apartmentScene .roomB { grid-area: 1 / 2 / 2 / 3 !important; }
.apartmentScene .roomC { grid-area: 2 / 1 / 3 / 2 !important; }
.apartmentScene .roomD { grid-area: 2 / 2 / 3 / 3 !important; }

.apartmentScene .roomA {
  background-image: url("../img/apartamento-404.png") !important;
  background-position: 61% center !important;
}

.apartmentScene .roomB {
  background-image: url("../img/acesso-remoto.png") !important;
  background-position: 68% center !important;
}

.apartmentScene .roomC {
  background-image: url("../img/camera-corredor.png") !important;
  background-position: 70% center !important;
}

.apartmentScene .roomD {
  background-image: url("../img/porta-404.png") !important;
  background-position: 72% center !important;
}

.apartmentScene .room::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(3, 8, 9, .72), rgba(3, 8, 9, .44) 45%, rgba(3, 8, 9, .76)),
    linear-gradient(90deg, rgba(1, 5, 6, .46), transparent 62%);
  box-shadow: inset 0 0 60px rgba(0, 0, 0, .62);
}

.apartmentScene .room::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: .24;
  background: repeating-linear-gradient(
    0deg,
    transparent 0 3px,
    rgba(0, 0, 0, .42) 4px
  );
  mix-blend-mode: multiply;
}

.apartmentScene .room > span,
.apartmentScene .room > i {
  display: block !important;
  visibility: visible !important;
  position: relative;
  z-index: 3;
  filter: none !important;
  opacity: 1 !important;
}

.apartmentScene .room > i {
  position: absolute;
  color: rgba(139, 182, 178, .34) !important;
}

.apartmentScene::before {
  content: "PLANTA / UNIDADE 404";
  position: absolute;
  z-index: 4;
  top: 22px;
  left: 25px;
  color: rgba(194, 220, 217, .48);
  letter-spacing: .22em;
  font: 8px var(--font-geist-mono), monospace;
}

.apartmentScene > img {
  opacity: .46 !important;
  filter: grayscale(.25) contrast(1.13) brightness(.74);
  mix-blend-mode: luminosity;
}

.apartmentScene .scanline {
  opacity: .8;
}

.apartmentScene .stamp {
  z-index: 6;
  background: linear-gradient(90deg, rgba(5, 9, 10, .18), rgba(5, 9, 10, .88));
  box-shadow: 18px 0 30px rgba(0, 0, 0, .45);
}

/* INTERROGATÓRIO — rosto ancorado à direita em todos os recortes. */
.witnessPortrait {
  overflow: hidden;
  background: #080c0d;
}

.witnessPortrait > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 82% center !important;
  filter: saturate(.88) contrast(1.04);
}

.avatar.photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 78% center !important;
}

/* MURAL — arquivo visual, assimétrico e editorial. */
.boardWrap {
  min-height: calc(100vh - 74px);
  background:
    radial-gradient(circle at 22% 24%, rgba(45, 119, 116, .08), transparent 32%),
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
    #090d0e;
  background-size: auto, 32px 32px, 32px 32px, auto;
}

.board {
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: clamp(30px, 4vw, 64px) !important;
}

.cards {
  grid-template-columns: repeat(12, 1fr) !important;
  grid-auto-rows: 118px;
  gap: 16px !important;
  perspective: 1200px;
}

.cards button {
  grid-column: span 4;
  grid-row: span 2;
  height: auto !important;
  min-height: 236px;
  padding: 0 !important;
  overflow: hidden;
  position: relative;
  color: #f0eee7 !important;
  background: #111718 !important;
  border: 1px solid rgba(134, 160, 156, .26) !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.38) !important;
  transform: rotate(-.35deg) !important;
}

.cards button:nth-child(2),
.cards button:nth-child(5) {
  grid-column: span 5;
}

.cards button:nth-child(3),
.cards button:nth-child(6) {
  grid-column: span 3;
}

.cards button:nth-child(even) {
  transform: translateY(12px) rotate(.45deg) !important;
}

.cards button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(5,8,9,.08) 24%, rgba(5,8,9,.88) 100%);
  pointer-events: none;
}

.boardCardImage {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72% center;
  filter: saturate(.72) contrast(1.06) brightness(.78);
  transition: transform .55s ease, filter .35s ease;
}

.cards button:hover .boardCardImage {
  transform: scale(1.045);
  filter: saturate(.9) contrast(1.08) brightness(.9);
}

.cards button small,
.cards button b,
.cards button span {
  position: absolute;
  z-index: 2;
  left: 18px;
  right: 18px;
}

.cards button small {
  top: 16px;
  color: rgba(236,240,235,.7) !important;
  letter-spacing: .12em;
}

.cards button b {
  bottom: 34px;
  margin: 0 !important;
  font-size: clamp(17px, 1.35vw, 22px) !important;
}

.cards button span {
  bottom: 16px;
  color: var(--p404-cyan);
}

.cards button.picked {
  outline: 1px solid var(--p404-amber) !important;
  box-shadow: 0 0 0 5px rgba(220,163,38,.09), 0 28px 60px rgba(0,0,0,.56) !important;
  transform: translateY(-7px) rotate(0deg) !important;
}

.connectionPanel {
  background: rgba(12, 18, 19, .78);
  border: 1px solid rgba(115, 145, 141, .18) !important;
  padding: 26px !important;
  align-self: start;
  position: sticky;
  top: 98px;
  box-shadow: 0 24px 60px rgba(0,0,0,.28);
}

.slots div {
  background: rgba(3,7,8,.56);
}

@media (max-width: 1080px) {
  .cards button,
  .cards button:nth-child(2), .cards button:nth-child(3),
  .cards button:nth-child(5), .cards button:nth-child(6) { grid-column: span 6; }
}

@media (max-width: 850px) {
  .caseIntro { margin-left: 0; }
  .board { grid-template-columns: 1fr !important; }
  .connectionPanel { position: static; }
}

@media (max-width: 560px) {
  .cards { grid-template-columns: 1fr !important; grid-auto-rows: auto; }
  .cards button,
  .cards button:nth-child(n) { grid-column: 1 !important; min-height: 230px; }
}

/* Painel v7: elementos reais independentes. Não depende das classes .room do build. */
.apartmentScene[data-camera-panel="ready"] {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) !important;
  grid-template-rows: minmax(0, 1.2fr) minmax(0, .8fr) !important;
}

.p404-feed {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(99, 214, 210, .22);
  background: #071011;
}

.p404-feed-image,
.p404-feed-shade,
.p404-feed-hud {
  position: absolute;
  inset: 0;
}

.p404-feed-image {
  z-index: 1;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  opacity: .72 !important;
  filter: saturate(.7) contrast(1.08) brightness(.7) !important;
  mix-blend-mode: normal !important;
}

.p404-feed-shade {
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(2,7,8,.46), rgba(2,7,8,.18) 48%, rgba(2,7,8,.64));
  box-shadow: inset 0 0 54px rgba(0,0,0,.52);
}

.p404-feed-hud {
  z-index: 3;
  pointer-events: none;
  padding: 18px;
  color: rgba(206, 229, 226, .72);
  letter-spacing: .22em;
  font: 700 9px/1 Arial, sans-serif;
  text-shadow: 0 1px 8px #000;
}

.p404-feed-hud i {
  position: absolute;
  right: 14px;
  bottom: 10px;
  color: rgba(151, 194, 190, .5);
  font: italic 42px/1 Georgia, serif;
}

.p404-feed-hud b {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  opacity: .44;
}

.p404-feed-hud b::before,
.p404-feed-hud b::after {
  content: "";
  position: absolute;
  background: rgba(130, 219, 214, .65);
}

.p404-feed-hud b::before { left: 0; right: 0; top: 50%; height: 1px; }
.p404-feed-hud b::after { top: 0; bottom: 0; left: 50%; width: 1px; }

.p404-panel-title {
  position: absolute;
  z-index: 7;
  top: 20px;
  left: 24px;
  color: rgba(211, 231, 228, .58);
  letter-spacing: .22em;
  font: 700 8px/1 Arial, sans-serif;
  pointer-events: none;
}

.p404-panel-scanline {
  position: absolute;
  z-index: 6;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--p404-cyan);
  opacity: .72;
  box-shadow: 0 0 18px var(--p404-cyan);
  animation: scan 5s linear infinite;
  pointer-events: none;
}

.p404-panel-stamp {
  position: absolute;
  z-index: 8;
  right: 28px;
  bottom: 26px;
  padding: 11px 14px;
  border-left: 2px solid #d65a4f;
  color: rgba(166, 184, 181, .7);
  background: rgba(5, 9, 10, .78);
  letter-spacing: .18em;
  font: 700 8px/1.3 Arial, sans-serif;
  pointer-events: none;
}

.p404-panel-stamp strong {
  display: block;
  margin-top: 6px;
  color: #d7dbd5;
  font-size: 16px;
}

/* Abertura do dossiê */
body.p404-dossier-open { overflow: hidden !important; }

.p404-dossier {
  --dossier-cyan: #77d9d4;
  --dossier-red: #f04e45;
  position: fixed;
  z-index: 99999;
  inset: 0;
  min-height: 100vh;
  overflow: auto;
  color: #e7e8e2;
  background:
    radial-gradient(circle at 78% 30%, rgba(31,91,91,.2), transparent 31%),
    linear-gradient(110deg, #06090a 0 55%, #081011 100%);
  font-family: Geist, Arial, sans-serif;
  transition: opacity .65s ease, visibility .65s ease;
}

.p404-dossier-noise {
  position: fixed; inset: 0; pointer-events: none; opacity: .18;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 28px 28px;
}

.p404-dossier-header, .p404-dossier-footer {
  position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between;
  padding: 22px clamp(24px,4vw,68px); border-color: rgba(151,186,182,.15); border-style: solid; border-width: 0 0 1px;
  color: rgba(206,224,220,.5); font: 700 9px/1 Geist Mono, monospace; letter-spacing: .2em;
}
.p404-dossier-footer { border-width: 1px 0 0; }
.p404-dossier-brand { display:flex; align-items:baseline; gap:9px; color:#e8e9e3; font-size:14px; letter-spacing:.08em; }
.p404-dossier-brand b { color:var(--dossier-red); font-size:23px; }
.p404-dossier-security i { display:inline-block; width:6px; height:6px; border-radius:50%; margin-right:8px; background:var(--dossier-red); box-shadow:0 0 12px var(--dossier-red); }

.p404-dossier-layout { position:relative; z-index:2; display:grid; grid-template-columns:minmax(380px,.85fr) minmax(430px,1.15fr); min-height:calc(100vh - 113px); }
.p404-dossier-copy { align-self:center; padding:clamp(38px,6vw,92px) clamp(30px,6vw,104px); }
.p404-kicker { color:var(--dossier-cyan); font:700 10px/1 Geist Mono,monospace; letter-spacing:.25em; }
.p404-dossier-copy h1 { margin:20px 0 24px; font:600 clamp(50px,6.5vw,106px)/.82 Geist,Arial,sans-serif; letter-spacing:-.075em; text-transform:uppercase; }
.p404-dossier-copy h1 em { color:var(--dossier-red); font-style:normal; }
.p404-dossier-lead { max-width:610px; color:rgba(229,233,226,.68); font-size:clamp(15px,1.25vw,20px); line-height:1.6; }
.p404-case-data { display:grid; grid-template-columns:1fr 1fr; gap:1px; max-width:650px; margin:34px 0; background:rgba(125,167,162,.16); }
.p404-case-data div { padding:16px 18px; background:rgba(7,13,14,.94); }
.p404-case-data small,.p404-objective span { display:block; margin-bottom:8px; color:rgba(145,188,183,.55); font:700 8px/1 Geist Mono,monospace; letter-spacing:.18em; }
.p404-case-data strong { font-size:13px; font-weight:550; }
.p404-objective { max-width:650px; padding:18px 20px; border-left:2px solid var(--dossier-red); background:rgba(255,255,255,.025); }
.p404-objective p { margin:0; color:rgba(227,232,225,.78); font-size:13px; line-height:1.55; }
.p404-accept { margin-top:30px; padding:17px 22px; border:0; color:#061011; background:var(--dossier-cyan); font:800 10px/1 Geist Mono,monospace; letter-spacing:.17em; cursor:pointer; transition:transform .2s,background .2s; }
.p404-accept:hover { transform:translateY(-2px); background:#a3f1ed; }
.p404-accept span { margin-left:24px; font-size:15px; }

.p404-dossier-visual { position:relative; min-height:620px; overflow:hidden; border-left:1px solid rgba(138,180,176,.13); }
.p404-dossier-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#060a0b 0,transparent 28%),linear-gradient(0deg,rgba(4,8,9,.82),transparent 45%); pointer-events:none; }
.p404-davi { width:100%; height:100%; object-fit:cover; object-position:72% center; filter:saturate(.7) contrast(1.08) brightness(.62); }
.p404-file-index { position:absolute; z-index:3; top:36px; right:38px; color:rgba(199,220,216,.55); font:700 9px/1 Geist Mono,monospace; letter-spacing:.18em; }
.p404-file-index b { display:block; margin-top:8px; color:rgba(207,230,226,.18); font:italic 72px/.8 Georgia,serif; text-align:right; }
.p404-intercept { position:absolute; z-index:4; right:clamp(24px,5vw,80px); bottom:clamp(34px,8vh,92px); width:min(440px,70%); padding:22px 24px; border:1px solid rgba(108,211,204,.28); background:rgba(3,10,11,.82); backdrop-filter:blur(12px); box-shadow:0 26px 65px rgba(0,0,0,.5); }
.p404-intercept div { display:flex; justify-content:space-between; color:var(--dossier-cyan); font:700 8px/1 Geist Mono,monospace; letter-spacing:.18em; }
.p404-intercept p { margin:20px 0; color:#e4e6df; font:italic 18px/1.45 Georgia,serif; }
.p404-intercept small { color:var(--dossier-red); font:700 8px/1 Geist Mono,monospace; letter-spacing:.16em; }
.p404-target { position:absolute; z-index:3; left:22%; top:37%; width:34px; height:34px; border:1px solid rgba(117,221,214,.6); border-radius:50%; box-shadow:0 0 25px rgba(117,221,214,.25); }
.p404-target::before,.p404-target::after { content:""; position:absolute; background:rgba(117,221,214,.55); }
.p404-target::before { left:-12px; right:-12px; top:50%; height:1px; }.p404-target::after { top:-12px; bottom:-12px; left:50%; width:1px; }

.p404-auth { position:absolute; z-index:20; inset:0; display:grid; place-content:center; text-align:center; opacity:0; visibility:hidden; background:#05090a; transition:opacity .35s; }
.p404-auth-mark { color:#e8e9e3; font-weight:700; letter-spacing:.1em; }.p404-auth-mark b { color:var(--dossier-red); font-size:25px; }
.p404-auth p { margin:30px 0 16px; color:var(--dossier-cyan); font:700 10px/1 Geist Mono,monospace; letter-spacing:.22em; }
.p404-auth small { color:rgba(194,216,212,.4); font:700 8px/1 Geist Mono,monospace; letter-spacing:.16em; }
.p404-auth-track { width:min(420px,70vw); height:2px; margin:0 auto 18px; overflow:hidden; background:rgba(117,217,212,.13); }
.p404-auth-track i { display:block; width:0; height:100%; background:var(--dossier-cyan); box-shadow:0 0 16px var(--dossier-cyan); }
.p404-dossier.is-authenticating .p404-auth { opacity:1; visibility:visible; }
.p404-dossier.is-authenticating .p404-auth-track i { animation:p404-auth 1.35s ease forwards; }
.p404-dossier.is-complete { opacity:0; visibility:hidden; }
@keyframes p404-auth { to { width:100%; } }

@media(max-width:860px){
  .p404-dossier-layout{grid-template-columns:1fr;}.p404-dossier-copy{padding:44px 24px 38px}.p404-dossier-visual{min-height:58vh;border-left:0;border-top:1px solid rgba(138,180,176,.13)}
  .p404-dossier-copy h1{font-size:clamp(52px,16vw,86px)}.p404-dossier-footer{display:none}.p404-dossier-header{padding:18px 20px}.p404-dossier-security{font-size:7px}.p404-intercept{width:calc(100% - 48px);right:24px}
}
@media(max-width:520px){.p404-case-data{grid-template-columns:1fr}.p404-dossier-lead{font-size:15px}.p404-dossier-visual{min-height:520px}.p404-davi{object-position:68% center}}

/* Portal 404 v1.5 — Caso 002 */
.p404-case-hub,.p404-dossier,.p404-case2{isolation:isolate}
.p404-case-card{position:relative;z-index:2;overflow:hidden;text-align:left}
.p404-case-card>*{position:relative;z-index:3}.p404-case-card>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}.p404-case-card>.p404-case-shade{position:absolute;inset:0;z-index:1;pointer-events:none}
.p404-case-two{--case-accent:#e0ad52}.p404-case-two em{color:#e0ad52!important}.p404-case-two .p404-case-status i{background:#e0ad52!important;box-shadow:0 0 12px #e0ad52!important}.p404-case2-shade{background:linear-gradient(90deg,rgba(4,8,10,.93),rgba(4,8,10,.36)),linear-gradient(0deg,rgba(4,8,10,.86),transparent 65%)!important}
.p404-dossier-two{--dossier-cyan:#e0ad52}.p404-dossier-two .p404-dossier-copy h1 em{color:#e0ad52}.p404-dossier-two .p404-accept{background:#e0ad52}.p404-lara{object-position:70% center!important}
body.p404-case2-open{overflow:hidden!important;background:#05090a!important}
.p404-case2{--c2:#e0ad52;position:fixed;inset:0;z-index:2147483200;display:grid;grid-template-rows:64px minmax(0,1fr) 38px;color:#e8e9e3;background:#05090a;font-family:Geist,Arial,sans-serif;overflow:hidden}
.p404-case2:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 78% 38%,rgba(33,74,73,.22),transparent 42%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.p404-case2 button{font:inherit;color:inherit}.p404-case2-header,.p404-case2-footer,.p404-case2-main{position:relative;z-index:2}
.p404-case2-header{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:34px;padding:0 28px;border-bottom:1px solid rgba(126,178,173,.17);background:rgba(4,8,9,.88)}
.p404-case2-header .p404-back-central{padding:9px 12px;border:1px solid rgba(129,176,171,.24);background:transparent;color:#9db0ad;font:700 8px/1 Geist Mono,monospace;letter-spacing:.14em;cursor:pointer}
.p404-case2-header nav{display:flex;justify-content:center;gap:5px;height:100%}.p404-case2-header nav button{padding:0 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:#6c7e7c;font:700 9px/1 Geist Mono,monospace;letter-spacing:.16em;cursor:pointer}.p404-case2-header nav button.is-active{color:var(--c2);border-color:var(--c2)}
.p404-case2-code{color:#71817f;font:700 8px/1 Geist Mono,monospace;letter-spacing:.16em}.p404-case2-main{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.55fr) minmax(270px,.65fr);min-height:0;overflow:hidden}
.p404-case2-footer{display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-top:1px solid rgba(126,178,173,.17);color:#6d7d7b;background:#05090a;font:700 8px/1 Geist Mono,monospace;letter-spacing:.15em}.p404-progress{color:var(--c2)}
.p404-map-copy{align-self:center;padding:48px clamp(28px,4vw,76px)}.p404-map-copy h1,.p404-section-title h1,.p404-report-hero h1{margin:20px 0 24px;font:600 clamp(54px,5.6vw,96px)/.83 Geist,sans-serif;letter-spacing:-.075em}.p404-map-copy h1 em,.p404-section-title h1 em,.p404-report-hero h1 em{color:var(--c2);font-style:normal}.p404-map-copy>p:not(.p404-kicker),.p404-section-title>p:not(.p404-kicker),.p404-report-hero>p:not(.p404-kicker){max-width:510px;color:#82918f;font-size:14px;line-height:1.65}
.p404-map-legend{display:flex;gap:22px;margin-top:38px;color:#687a78;font:700 8px/1 Geist Mono,monospace;letter-spacing:.12em}.p404-map-legend i{display:inline-block;width:7px;height:7px;margin-right:8px;border:1px solid #60706e;border-radius:50%}.p404-map-legend i.seen{border-color:var(--c2);background:var(--c2);box-shadow:0 0 10px var(--c2)}
.p404-map{position:relative;overflow:hidden;border-width:0 1px;border-style:solid;border-color:rgba(127,175,170,.13);background:#071011}.p404-map>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.23;filter:saturate(.65) contrast(1.15)}.p404-map:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,9,10,.45),transparent 20%,transparent 80%,rgba(5,9,10,.35)),radial-gradient(circle at center,transparent 25%,rgba(4,8,9,.46))}.p404-map-grid{position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(110,167,161,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(110,167,161,.09) 1px,transparent 1px);background-size:60px 60px}
.p404-map-pin{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:7px 10px;border:0;background:rgba(5,11,12,.82);color:#91a29f;font:700 8px/1 Geist Mono,monospace;letter-spacing:.12em;cursor:pointer;transform:translate(-50%,-50%);transition:.2s}.p404-map-pin:hover{color:#fff;transform:translate(-50%,-50%) scale(1.05)}.p404-map-pin b{display:grid;place-items:center;width:31px;height:31px;border:1px solid #59706d;border-radius:50%;color:#a9b7b5}.p404-map-pin.is-seen b{border-color:var(--c2);color:#0b1010;background:var(--c2);box-shadow:0 0 22px rgba(224,173,82,.45)}.pin-1{left:26%;top:24%}.pin-2{left:47%;top:36%}.pin-3{left:70%;top:22%}.pin-4{left:78%;top:56%}.pin-5{left:55%;top:69%}.pin-6{left:31%;top:79%}
.p404-location-panel{position:relative;z-index:5;align-self:stretch;padding:40px 30px;background:rgba(4,8,9,.94);transition:.3s}.p404-location-panel>p{color:var(--c2);font:700 8px/1 Geist Mono,monospace;letter-spacing:.18em}.p404-location-panel>strong{display:block;margin:20px 0 10px;font-size:23px}.p404-location-panel>span{color:#73817f;font-size:13px;line-height:1.6}.p404-location-panel>img{width:100%;height:34%;min-height:190px;object-fit:cover;filter:saturate(.65)}.p404-location-body{padding-top:26px}.p404-location-body small{color:var(--c2);font:700 8px/1 Geist Mono,monospace;letter-spacing:.18em}.p404-location-body h2{margin:12px 0 4px;font-size:28px;letter-spacing:-.035em}.p404-location-body time{color:#77908d;font:700 10px Geist Mono,monospace}.p404-location-body p{margin:22px 0;color:#a2aeac;font-size:13px;line-height:1.65}.p404-location-body>b{display:block;padding:12px;border-left:2px solid var(--c2);color:var(--c2);background:rgba(224,173,82,.06);font:700 8px/1 Geist Mono,monospace;letter-spacing:.14em}.p404-location-body button{width:100%;margin-top:24px;padding:14px;border:1px solid rgba(224,173,82,.4);background:transparent;color:var(--c2);font:700 8px/1 Geist Mono,monospace;letter-spacing:.15em;cursor:pointer}
.p404-section-title{padding:54px clamp(30px,5vw,86px);border-right:1px solid rgba(127,175,170,.13)}.p404-timeline{grid-column:2/4;overflow:auto;padding:55px clamp(30px,5vw,90px)}.p404-timeline article{display:grid;grid-template-columns:70px 26px 1fr;gap:18px;min-height:130px;opacity:.38}.p404-timeline article.is-known{opacity:1}.p404-timeline time{padding-top:2px;color:var(--c2);font:700 13px Geist Mono,monospace}.p404-timeline article>i{position:relative;width:9px;height:9px;border:1px solid #76908c;border-radius:50%}.p404-timeline article>i:after{content:"";position:absolute;top:12px;left:3px;width:1px;height:106px;background:#263432}.p404-timeline article:last-child>i:after{display:none}.p404-timeline small{color:#687b78;font:700 8px Geist Mono,monospace;letter-spacing:.15em}.p404-timeline h2{margin:6px 0 9px;font-size:23px}.p404-timeline p{max-width:700px;color:#8d9a98;font-size:13px;line-height:1.55}
.p404-people{grid-column:2/4;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:auto;background:rgba(130,175,171,.13)}.p404-people article{position:relative;min-width:240px;overflow:hidden;background:#071011}.p404-people article>img{width:100%;height:48%;object-fit:cover;object-position:70% center;filter:saturate(.55);opacity:.72}.p404-people article>span{position:absolute;top:17px;left:17px;color:var(--c2);font:700 12px Geist Mono,monospace}.p404-people article>div{padding:26px}.p404-people small{color:var(--c2);font:700 8px Geist Mono,monospace;letter-spacing:.13em}.p404-people h2{margin:10px 0 16px;font-size:27px}.p404-people p{color:#879592;font-size:12px;line-height:1.65}.p404-people button{margin-top:20px;padding:11px 0;border:0;border-bottom:1px solid #495b58;background:transparent;color:#91a29f;font:700 8px Geist Mono,monospace;letter-spacing:.14em}
.p404-report-hero{grid-column:1/2;align-self:center;padding:54px clamp(30px,5vw,86px)}.p404-report-card{grid-column:2/4;align-self:center;max-width:900px;margin:50px;padding:clamp(34px,5vw,72px);border:1px solid rgba(224,173,82,.24);background:linear-gradient(135deg,rgba(224,173,82,.07),rgba(8,16,17,.88));box-shadow:0 40px 100px rgba(0,0,0,.3)}.p404-report-score{display:flex;align-items:end;gap:14px}.p404-report-score b{color:var(--c2);font-size:74px;line-height:.8}.p404-report-score span{color:#6f807d;font:700 9px/1.5 Geist Mono,monospace;letter-spacing:.12em}.p404-report-card h2{margin:38px 0 14px;font-size:32px}.p404-report-card>p{max-width:760px;color:#a0adaa;font-size:14px;line-height:1.75}.p404-report-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.p404-report-tags span{padding:8px 10px;border:1px solid #30413f;color:#78908c;font:700 8px Geist Mono,monospace;letter-spacing:.12em}.p404-report-action{padding:16px 20px;border:0;background:var(--c2);color:#101312!important;font:800 9px Geist Mono,monospace;letter-spacing:.16em;cursor:pointer}
@media(max-width:1100px){.p404-case2-main{grid-template-columns:310px 1fr}.p404-location-panel{position:absolute;right:0;top:0;bottom:0;width:min(380px,88vw);transform:translateX(105%);box-shadow:-30px 0 60px rgba(0,0,0,.45)}.p404-location-panel.is-open{transform:translateX(0)}.p404-timeline,.p404-people{grid-column:2}.p404-people{grid-template-columns:1fr}.p404-report-card{grid-column:2;margin:30px}.p404-case2-header{gap:14px}.p404-case2-code{display:none}}
@media(max-width:760px){.p404-case2{grid-template-rows:58px 1fr 32px}.p404-case2-header{grid-template-columns:auto 1fr;padding:0 14px}.p404-case2-header>.p404-dossier-brand{display:none}.p404-case2-header nav{overflow-x:auto;justify-content:flex-start}.p404-case2-header nav button{padding:0 10px;font-size:7px}.p404-case2-main{display:block;overflow:auto}.p404-map-copy{padding:30px 22px}.p404-map-copy h1,.p404-section-title h1,.p404-report-hero h1{font-size:54px}.p404-map{height:600px;border-width:1px 0}.p404-map-pin span{display:none}.p404-map-pin{padding:4px}.p404-location-panel{position:fixed;top:58px;bottom:32px}.p404-section-title,.p404-report-hero{padding:32px 22px}.p404-timeline{padding:30px 20px}.p404-people{display:block}.p404-people article{min-height:620px}.p404-report-card{margin:0 20px 30px;padding:30px}.p404-case2-footer{padding:0 12px}.p404-case2-footer span:first-child,.p404-case2-footer span:last-child{display:none}}

/* Portal 404 v1.6 — refinamento do mural / mesa de investigação */
.game:has(.boardWrap){
  --violet:#7554ff;
  --ice:#78dfff;
  background:
    radial-gradient(ellipse 44% 34% at 20% 18%,rgba(116,83,255,.18),transparent 70%),
    radial-gradient(ellipse 42% 28% at 78% 24%,rgba(64,180,255,.14),transparent 72%),
    radial-gradient(ellipse 30% 40% at 50% 90%,rgba(90,67,220,.09),transparent 76%),
    #070b0d;
}
.game:has(.boardWrap)::before{
  content:"";position:fixed;inset:74px 0 0;pointer-events:none;z-index:0;
  background:
    linear-gradient(rgba(116,166,180,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(116,166,180,.025) 1px,transparent 1px),
    radial-gradient(circle at 22% 25%,rgba(125,91,255,.22),transparent 12%),
    radial-gradient(circle at 74% 42%,rgba(79,196,255,.15),transparent 13%);
  background-size:44px 44px,44px 44px,auto,auto;
  mix-blend-mode:screen;
}
.boardWrap{position:relative;z-index:1;min-height:calc(100vh - 74px);padding:38px clamp(34px,5vw,92px) 70px;background:linear-gradient(180deg,rgba(5,10,12,.38),rgba(5,9,11,.1));overflow:hidden}
.boardWrap::before,.boardWrap::after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(24px);opacity:.62;mix-blend-mode:screen}
.boardWrap::before{width:520px;height:300px;left:-120px;top:85px;background:radial-gradient(ellipse,rgba(112,76,255,.24),transparent 68%);transform:rotate(-18deg)}
.boardWrap::after{width:460px;height:280px;right:4%;top:110px;background:radial-gradient(ellipse,rgba(86,204,255,.18),transparent 68%);transform:rotate(14deg)}
.boardHeader{position:relative;z-index:3;padding:2px 0 27px;border-bottom-color:rgba(128,165,173,.17)}
.boardHeader::after{content:"SELEÇÃO  /  CRUZAMENTO  /  DESCOBERTA";position:absolute;right:0;bottom:-24px;color:rgba(141,179,184,.32);font:700 7px/1 Geist Mono,monospace;letter-spacing:.22em}
.boardHeader h2{font-size:clamp(30px,2.5vw,42px);letter-spacing:-.025em}.boardHeader>p{max-width:420px;color:rgba(175,190,188,.55)}
.board{position:relative;z-index:2;grid-template-columns:minmax(0,1fr) 330px;gap:clamp(28px,4vw,62px);max-width:1540px;margin:54px auto 0;align-items:start}
.cards{grid-template-columns:repeat(12,1fr);gap:clamp(18px,2.2vw,34px);padding:8px 0 70px;align-items:start}
.cards button,.cards button:nth-child(n){grid-column:span 6;position:relative;height:auto;min-height:255px;padding:0;border:1px solid rgba(159,180,178,.26);background:#0a1012!important;color:#e9ece7;transform:none!important;box-shadow:0 28px 70px rgba(0,0,0,.42);overflow:hidden;isolation:isolate}
.cards button:nth-child(3n+2){margin-top:38px}.cards button:nth-child(3n){margin-top:4px}
.cards button::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(2,6,8,.08) 20%,rgba(3,7,9,.86) 78%,#05090a 100%);pointer-events:none}
.cards button::after{content:"SELECIONAR  +";z-index:4;position:absolute;top:14px;right:14px;width:auto;height:auto;padding:7px 9px;border:1px solid rgba(128,219,233,.24);background:rgba(4,9,11,.66);color:rgba(166,224,230,.65);font:700 7px/1 Geist Mono,monospace;letter-spacing:.16em;opacity:1}
.boardCardImage{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.84;filter:saturate(.92) contrast(1.14) brightness(.92);transition:transform .55s ease,filter .35s ease,opacity .35s ease}
.cards button small,.cards button b,.cards button span{position:absolute;z-index:3;left:20px;right:20px;margin:0;text-shadow:0 2px 10px #000}
.cards button small{top:18px;color:rgba(207,219,216,.64);font:700 8px/1 Geist Mono,monospace;letter-spacing:.16em}
.cards button b{bottom:43px;color:#f2f0e9;font:500 clamp(19px,1.5vw,25px)/1.1 Georgia,serif}
.cards button span{bottom:20px;color:#79d7e7;font:700 7px/1 Geist Mono,monospace;letter-spacing:.2em}
.cards button:hover{border-color:rgba(121,218,235,.62);box-shadow:0 34px 90px rgba(0,0,0,.52),0 0 38px rgba(83,185,229,.08)}
.cards button:hover .boardCardImage{transform:scale(1.035);filter:saturate(1.02) contrast(1.16) brightness(1.02);opacity:.96}
.cards button.picked{outline:0;border-color:#9b82ff;box-shadow:0 0 0 1px rgba(155,130,255,.7),0 0 38px rgba(117,84,255,.28),0 32px 80px rgba(0,0,0,.6)}
.cards button.picked::after{content:"SELECIONADA  ✓";border-color:rgba(160,137,255,.7);color:#cabdff;background:rgba(25,18,54,.86)}
.cards button.picked .boardCardImage{filter:saturate(1.04) contrast(1.17) brightness(1.04);opacity:.98}
.connectionPanel{position:sticky;top:108px;padding:28px;border:1px solid rgba(131,168,172,.2);border-left:2px solid #8a6dff;background:linear-gradient(145deg,rgba(13,20,25,.9),rgba(7,12,15,.82));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(0,0,0,.46),0 0 60px rgba(99,80,210,.08);overflow:hidden}
.connectionPanel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 0,rgba(120,87,255,.16),transparent 34%),radial-gradient(circle at 100% 38%,rgba(74,202,255,.11),transparent 38%)}
.connectionPanel>*{position:relative;z-index:1}.connectionPanel .sectionLabel{color:#b6a8ff}
.slots{display:grid;grid-template-columns:1fr 20px 1fr;gap:10px;margin:28px 0 18px}
.slots div{width:auto;height:88px;border:1px dashed rgba(141,190,197,.34);background:rgba(3,8,10,.42);color:#c9bcff;font:500 25px Georgia,serif;transition:.25s}
.slots div:not(:last-child){box-shadow:inset 0 0 28px rgba(106,78,255,.04)}.slots span{text-align:center;color:rgba(219,228,225,.55)}
.slots+button{width:100%;padding:15px 18px;border-color:rgba(122,207,223,.34);background:rgba(100,204,229,.04);transition:.25s}.slots+button:not(:disabled){border-color:#82d7e8;color:#bdeef7;box-shadow:0 0 25px rgba(92,199,226,.08)}.slots+button:not(:disabled):hover{background:#85dcea;color:#071014}
.discoveries{margin-top:22px}.discoveries article{padding:18px;border:1px solid rgba(117,196,196,.18);border-left:2px solid #78d5e3;background:rgba(72,164,177,.04)}
.discoveries article>b{color:#8fe5ef}.discoveries h3{font-size:19px}.discoveries p{color:#9eaaa7}
@media(max-width:1050px){.board{grid-template-columns:1fr}.connectionPanel{position:relative;top:auto;max-width:none}.cards{padding-bottom:12px}}
@media(max-width:700px){.boardWrap{padding:28px 18px 48px}.boardHeader{display:block}.boardHeader>p{margin-top:18px}.boardHeader::after{display:none}.board{margin-top:30px}.cards{grid-template-columns:1fr}.cards button,.cards button:nth-child(n){grid-column:1;min-height:230px;margin-top:0}.connectionPanel{padding:22px}.slots div{height:72px}}