h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; font-size: inherit; font-weight: inherit; }
header, nav, main, section, article, aside, footer, figure, figcaption, search, hgroup { margin: 0; padding: 0; border: 0; }
/* LP11: three opaque color variants share the intact LP08 event engine.
   This layer owns only the opening panel and its color-dependent controls.
   The imported company layout, copy and canonical dot-art remain unchanged.
   thoughtcraft/state are permanent, size-coupled visual layers: no context
   elements may be inserted between their absolute positioning boxes. */
.surface_paper .a_plus {
  --surface_panel: #f4ecd8;
  --surface_ink: #213a35;
  --surface_muted: #49665e;
  --surface_accent: #2d7564;
  --surface_line: #526f625c;
  --surface_floor: #3c6b613d;
  --surface_control: #fcf7e9f2;
  --surface_control_hover: #fffaf0;
  --surface_shadow: #294a3418;
}
.surface_blue .a_plus {
  --surface_panel: #274d67;
  --surface_ink: #f5f3e8;
  --surface_muted: #c7d7dc;
  --surface_accent: #a8e3d2;
  --surface_line: #bdd9df66;
  --surface_floor: #b8d9e33d;
  --surface_control: #183b52ee;
  --surface_control_hover: #315e78;
  --surface_shadow: #1027372e;
}
.surface_red .a_plus {
  --surface_panel: #572d35;
  --surface_ink: #fff0df;
  --surface_muted: #e9c9c4;
  --surface_accent: #f4c89a;
  --surface_line: #e6c0b866;
  --surface_floor: #e3b8b43d;
  --surface_control: #48252dee;
  --surface_control_hover: #70414b;
  --surface_shadow: #27151b2e;
}
.a_plus .brand_link,
.a_plus .brand_link * { cursor: pointer; user-select: none; }
.a_plus .brand_link:focus-visible { outline: 3px solid #287159; outline-offset: 7px; }

/* All three choices use the same bordered panel on the same A paper. */
.a_plus .a_plus_experience_outer {
  padding: 102px clamp(18px, 3.5vw, 58px) 28px;
  background: var(--paper);
  overflow-anchor: none;
}
.a_plus .a_plus_frame {
  max-width: 1740px;
  border: 1px solid #35515766;
  border-radius: 16px;
  background: var(--surface_panel);
  box-shadow: 0 16px 34px #1b2d2317;
}
.a_plus .a_plus_frame_face { border-radius: 15px; }
.a_plus .experience_stage {
  --stage_height: max(560px, calc(100svh - 132px));
  min-height: var(--stage_height);
  background: var(--surface_panel);
}
.a_plus .experience_stage .space_veil { background: none; }
.a_plus .experience_stage .space_grain { opacity: .012; mix-blend-mode: normal; }

/* The complete image canvas must stay fixed: scaling or rotating an opaque
   rectangle exposes its edge. Preserve the original opacity transitions,
   animated CRT/keys, signal, characters, dialogue, game and optional music. */
.a_plus .experience_stage .thoughtcraft {
  width: min(calc(100% - 32px), 1120px, calc((var(--stage_height) - 80px) * 1.777778));
  aspect-ratio: 16 / 9;
  filter: none;
  transform: translate(-50%, -50%);
  transition: opacity 780ms ease;
  background: var(--surface_panel);
}
.a_plus .experience_stage .thoughtcraft_state {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transform: none;
  filter: none;
  mix-blend-mode: normal;
  mask-image: none;
  clip-path: none;
  transition: opacity 980ms ease;
}
.a_plus .experience_stage .thoughtcraft_scan { mix-blend-mode: normal; }
.a_plus .experience_stage .thoughtcraft_signal { filter: none; }
/* LP10's approved second image has a larger composition than the source.
   Place the live CRT on its actual screen, not the old black-image position. */
.a_plus .scene_thought_002 .thoughtcraft_crt {
  top: 20.25%;
  left: 79.15%;
  width: 7.05%;
  transform: perspective(320px) rotateX(2deg) rotateY(-8deg) rotateZ(1deg);
}
.a_plus .scene_thought_002 .typewriter_keys {
  top: 75.4%;
  left: 46.2%;
  width: 20%;
  opacity: .42;
}
/* The floor lives behind the opaque image. Fade it out during the machine
   scenes so its rings do not end abruptly at the image's rectangular edge. */
.a_plus .space_canvas,
.a_plus .space_floor { transition: opacity 600ms ease; }
.a_plus :is(.scene_thought_001, .scene_thought_002, .scene_thought_003) .space_canvas,
.a_plus :is(.scene_thought_001, .scene_thought_002, .scene_thought_003) .space_floor { opacity: 0; }
.a_plus .experience_stage .game_rift_line { border-color: var(--surface_accent); }
.a_plus .experience_stage .game_rift_prompt,
.a_plus .experience_stage .jump_guide,
.a_plus .experience_stage .inline_game_score { color: var(--surface_ink); text-shadow: none; }
.a_plus .experience_stage .jump_control,
.a_plus .experience_stage .inline_game_exit { color: var(--surface_ink); border-color: var(--surface_line); background: var(--surface_control); }
.a_plus .experience_stage .jump_control:focus-visible,
.a_plus .experience_stage .inline_game_exit:focus-visible { outline: 2px solid var(--surface_accent); outline-offset: 4px; }

@media (max-width: 767px) {
  .a_plus .a_plus_experience_outer { padding: 88px 14px 20px; }
  .a_plus .experience_stage { --stage_height: max(540px, calc(100svh - 114px)); }
  .a_plus .experience_stage .thoughtcraft { width: calc(100% - 16px); }
  .a_plus .entry_selection { margin-left: -30px; }
  .a_plus .portal_control { width: calc(100vw - 124px); }
  .a_plus .stage_sound_control { right: 12px; top: 50%; }
}
@media (prefers-reduced-motion: reduce) {
  .a_plus .experience_stage .thoughtcraft,
  .a_plus .experience_stage .thoughtcraft_state,
  .a_plus .space_canvas,
  .a_plus .space_floor { transition: none; }
}