/* A shared intro layer: the field sits behind navigation, typography and art. */
.abx-interactive-header { position: relative; --abx-scene:#beffca; --abx-scene-soft:#74dccb; }
.abx-interactive-header[data-scene="1"] { --abx-scene:#9be9e8; --abx-scene-soft:#bdc7ff; }
.abx-interactive-header[data-scene="2"] { --abx-scene:#d0c5ff; --abx-scene-soft:#a8f1d3; }
.abx-intro-backdrop {
  position:absolute; left:0; top:0; width:100%; height:960px; z-index:0;
  overflow:hidden; pointer-events:none;
  background:radial-gradient(ellipse at 78% 43%,#24654b21,transparent 43%),
             radial-gradient(ellipse at 38% 8%,#20444d20,transparent 50%);
}
#abx-intro-canvas { display:block; width:100%; height:100%; pointer-events:none; }
.abx-interactive-header .lab-header {
  background:#081115a6; border-bottom:1px solid #c7ffe51a;
  backdrop-filter:blur(18px) saturate(125%); -webkit-backdrop-filter:blur(18px) saturate(125%);
  box-shadow:0 8px 36px #00000015;
}
.abx-interactive-header .lab-brand { transition:filter .3s; }
.abx-interactive-header .lab-brand:hover { filter:drop-shadow(0 0 10px #c0ffd52c); }
.abx-interactive-header .lab-brand small { font-size:8px; letter-spacing:2.2px; color:#a8c1b5; }
.abx-interactive-header .lab-nav>a { text-underline-offset:7px; }
.abx-interactive-header .lab-nav>a:hover { color:var(--abx-scene); }
.abx-interactive-header .lab-contact-link { border-color:#8ebda63b; background:#10251a42; }
.abx-interactive-header .lab-hero { isolation:auto; overflow:visible; background:none; padding-top:0; }
.abx-interactive-header .lab-hero::before {
  display:block; z-index:0; pointer-events:none; background:linear-gradient(90deg,#080f14bf 0%,#080f1475 38%,transparent 68%);
  mask-image:none; -webkit-mask-image:none;
}
.abx-interactive-header .lab-hero-layout { min-height:676px; grid-template-columns:minmax(0,1fr) minmax(0,1.04fr); z-index:1; }
.abx-interactive-header .lab-hero-copy { padding:62px 0 66px; pointer-events:auto; }
.abx-interactive-header .lab-hero-copy>.lab-eyebrow { font-size:10px; line-height:1.8; color:#b6d9c7; letter-spacing:1.3px; margin-bottom:27px; }
.abx-interactive-header .lab-hero-copy h1 {
  margin:0 -34px 28px 0; font-family:Oxanium,Space,Arial,sans-serif;
  font-size:clamp(65px,6.6vw,107px); font-weight:600; line-height:1.07; letter-spacing:-.055em;
  text-shadow:0 6px 42px #0009;
}
.abx-title-primary,.abx-title-secondary { display:block; }
.abx-title-primary { color:#f0f9f4; animation:abx-title-arrive .85s cubic-bezier(.2,.65,.2,1) both; }
.abx-title-secondary {
  color:#beffca; -webkit-text-stroke:0;
  background:linear-gradient(105deg,var(--abx-scene) 8%,#f4fff7 28%,var(--abx-scene-soft) 45%,var(--abx-scene) 70%);
  background-size:240% 100%; -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; text-shadow:none;
  animation:abx-title-arrive 1s .08s cubic-bezier(.2,.65,.2,1) both,abx-title-sheen 13s ease-in-out infinite;
}
.abx-interactive-header .lab-hero-deck { font-size:17px; line-height:1.85; max-width:410px; color:#b7cac2; text-shadow:0 2px 12px #080f14; }
.abx-interactive-header .lab-hero-deck strong { color:#edf8f1; }
.abx-interactive-header .lab-actions { gap:24px; align-items:center; }
.abx-interactive-header .lab-button {
  border-radius:7px; padding:19px 22px; border:1px solid #e4ffde55;
  box-shadow:0 6px 26px #bfffca16,inset 0 1px #ffffff70; font-size:13px;
  transition:transform .2s,box-shadow .2s;
}
.abx-interactive-header .lab-button:hover { transform:translateY(-3px); box-shadow:0 12px 36px #bfffca28; }
.abx-interactive-header .lab-hero .lab-text-link { font-size:13px; color:#c1ddcf; }
.abx-interactive-header .lab-hero-note { margin-top:32px; color:#a6c4b4; gap:12px; }
.abx-interactive-header .lab-hero-note p { font-size:10px; line-height:1.85; }
.abx-interactive-header .lab-note-cross { color:var(--abx-scene); }
.abx-interactive-header .lab-specimen { height:550px; margin:0; pointer-events:none; }
.abx-interactive-header .lab-specimen-top,.abx-interactive-header .lab-specimen-bottom {
  left:18px; right:0; font-size:9px; letter-spacing:1.1px; color:#99b6a8;
}
.abx-interactive-header .lab-specimen-top { top:20px; align-items:center; }
.abx-interactive-header .lab-specimen-bottom { bottom:23px; line-height:1.9; }
.abx-interactive-header .lab-live { color:#c1e4d2; border:1px solid #bfffca24; border-radius:20px; padding:6px 10px; background:#0a1c1366; }
.abx-interactive-header .lab-live i { background:var(--abx-scene); box-shadow:0 0 9px #beffca50; }
.abx-interactive-header .lab-coordinate { font-size:9px; color:#94b7a6; line-height:2; letter-spacing:.5px; }
.abx-interactive-header .lab-coordinate-a { left:10px; top:35%; }
.abx-interactive-header .lab-coordinate-b { right:0; bottom:18%; }
.abx-interactive-header .lab-coordinate-b b { color:#c6ead5; }
.abx-interactive-header .lab-core-fallback { opacity:.8; transition:opacity .6s; }
.abx-interactive-header.abx-field-ready .lab-core-fallback { opacity:0; }
.abx-interactive-header .lab-core-controls {
  position:relative; z-index:2; gap:22px; padding:16px 20px; margin-bottom:14px;
  border:1px solid #a6e3bb26; border-radius:12px; background:#0c1a17c7;
  box-shadow:0 14px 50px #0002,inset 0 1px #ffffff06;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
}
.abx-interactive-header .lab-core-modes { gap:7px; }
.abx-interactive-header .lab-core-modes button {
  display:flex; gap:9px; align-items:center; min-height:44px; padding:11px 14px;
  border-radius:7px; color:#abc3b7; transition:background .2s,border-color .2s,color .2s;
}
.abx-interactive-header .lab-core-modes button span { margin:0; font-size:10px; opacity:.65; }
.abx-interactive-header .lab-core-modes button b { font:600 14px/1.35 Oxanium,Space,Arial,sans-serif; letter-spacing:.01em; }
.abx-interactive-header .lab-core-modes button:hover { background:#c9ffda0a; color:#effff4; }
.abx-interactive-header .lab-core-modes button.is-active { background:#bfffca10; border-color:#bfffca50; color:var(--abx-scene); box-shadow:inset 0 0 24px #bfffca05; }
.abx-interactive-header .lab-energy { font-size:10px; color:#9bb8a8; letter-spacing:.06em; gap:10px; }
.abx-interactive-header .lab-energy input { accent-color:var(--abx-scene); width:100px; }
.abx-interactive-header .lab-energy output { font-size:11px; min-width:32px; color:#e0f5e7; }
.abx-interactive-header .lab-motion { min-height:44px; font-size:12px; color:#cce7d6; white-space:nowrap; }
.abx-interactive-header .lab-motion:hover { color:#fff; }
.abx-interactive-header .lab-hero-baseline { position:relative; z-index:1; padding:16px 0 29px; color:#9ebbac; font-size:9px; gap:20px; }
.abx-interactive-header .lab-hero-baseline a { font-size:10px; color:#d2ebdc; }
.abx-scene-description { color:#b1cbbb; }
@keyframes abx-title-arrive { from { opacity:.4; transform:translateY(12px); filter:blur(3px); } to { opacity:1; transform:none; filter:none; } }
@keyframes abx-title-sheen { 0%,100% { background-position:0 50%; } 50% { background-position:100% 50%; } }
@media (min-width:1700px) {
  .abx-interactive-header .lab-hero-layout { min-height:745px; }
  .abx-interactive-header .lab-specimen { height:620px; }
}
@media (max-width:1100px) {
  .abx-interactive-header .lab-hero-copy h1 { font-size:clamp(64px,7.6vw,84px); }
  .abx-interactive-header .lab-hero-deck { font-size:16px; max-width:360px; }
  .abx-interactive-header .lab-hero-layout { min-height:630px; }
  .abx-interactive-header .lab-specimen { height:510px; }
  .abx-interactive-header .lab-core-controls { gap:14px; padding:14px; flex-wrap:wrap; }
  .abx-interactive-header .lab-core-modes button { padding:10px 11px; }
  .abx-interactive-header .lab-core-modes button b { font-size:13px; }
  .abx-interactive-header .lab-specimen-top { font-size:8px; }
}
@media (max-width:850px) and (min-width:721px) {
  .abx-interactive-header .lab-hero-layout { grid-template-columns:1.1fr .9fr; }
  .abx-interactive-header .lab-hero-copy h1 { font-size:67px; }
  .abx-interactive-header .lab-hero .lab-text-link { font-size:12px; }
  .abx-interactive-header .lab-actions { gap:16px; flex-wrap:wrap; }
  .abx-interactive-header .lab-specimen-top .lab-live { display:none; }
  .abx-interactive-header .lab-specimen-bottom { font-size:8px; }
}
@media (max-width:720px) {
  .abx-intro-backdrop { height:1160px; }
  .abx-interactive-header .lab-header { background:#081115dc; }
  .abx-interactive-header .lab-nav.is-open { background:#0a1618fa; border:1px solid #bfffca26; border-radius:0 0 12px 12px; }
  .abx-interactive-header .lab-brand small { font-size:7px; letter-spacing:1.6px; }
  .abx-interactive-header .lab-hero-layout { display:grid; grid-template-columns:1fr; min-height:0; }
  .abx-interactive-header .lab-hero-copy { padding:48px 0 0; }
  .abx-interactive-header .lab-hero-copy>.lab-eyebrow { font-size:9px; margin-bottom:22px; letter-spacing:1px; }
  .abx-interactive-header .lab-hero-copy h1 { font-size:clamp(55px,12vw,78px); margin:0 0 23px; line-height:1.08; }
  .abx-interactive-header .lab-hero-deck { font-size:16px; line-height:1.8; max-width:480px; }
  .abx-interactive-header .lab-actions { gap:19px; flex-wrap:wrap; }
  .abx-interactive-header .lab-hero .lab-text-link { font-size:12px; }
  .abx-interactive-header .lab-hero-note { display:none; }
  .abx-interactive-header .lab-specimen { height:360px; width:100%; margin:22px 0 0; }
  .abx-interactive-header .lab-specimen-top { top:17px; left:0; right:0; font-size:8px; }
  .abx-interactive-header .lab-specimen-bottom { left:0; right:0; bottom:15px; font-size:8px; }
  .abx-interactive-header .lab-coordinate-a { font-size:8px; left:0; }
  .abx-interactive-header .lab-coordinate-b { font-size:8px; right:0; }
  .abx-interactive-header .lab-live { padding:5px 7px; font-size:7px; }
  .abx-interactive-header .lab-core-controls { display:grid; grid-template-columns:1fr auto; padding:12px; gap:16px; margin-bottom:8px; }
  .abx-interactive-header .lab-core-modes { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
  .abx-interactive-header .lab-core-modes button { min-height:60px; flex-direction:column; justify-content:center; gap:3px; padding:7px 3px; }
  .abx-interactive-header .lab-core-modes button b { font-size:12px; }
  .abx-interactive-header .lab-core-modes button span { font-size:9px; }
  .abx-interactive-header .lab-energy { display:flex; flex-wrap:wrap; gap:8px; }
  .abx-interactive-header .lab-energy input { width:72px; }
  .abx-interactive-header .lab-motion { font-size:11px; }
  .abx-interactive-header .lab-hero-baseline { align-items:flex-start; padding:19px 0 28px; font-size:8px; letter-spacing:.5px; line-height:1.8; }
  .abx-interactive-header .lab-hero-baseline>span { max-width:200px; font-size:9px; }
  .abx-interactive-header .lab-hero-baseline>a { font-size:8px; padding-top:2px; }
}
@media (prefers-reduced-motion:reduce) {
  .abx-interactive-header .abx-title-primary,.abx-interactive-header .abx-title-secondary { animation:none; opacity:1; transform:none; filter:none; }
  .abx-interactive-header .lab-button,.abx-interactive-header .lab-brand { transition:none; }
  .abx-interactive-header .lab-button:hover { transform:none; }
}

/* Same mint palette, transparent geometry and circuitry as the editorial header. */
.abx-interactive-header .lab-hero-layout{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);column-gap:24px;padding-top:28px;align-items:center}
.abx-interactive-header .lab-hero-copy h1{font-size:clamp(60px,6.3vw,100px);margin-right:-20px}
.abx-arcade{position:relative;min-width:0;padding:24px 0 6px;color:#e2f5e8;z-index:2;--arcade-mint:#beffca;--arcade-teal:#80dac4}
.abx-arcade-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.abx-arcade .abx-arcade-kicker{margin:0 0 6px;font:10px/1.5 Plex,monospace;letter-spacing:.1em;color:#a4c6b4}
.abx-arcade h2{margin:0;font:600 clamp(25px,2.6vw,37px)/1.1 Oxanium,Space,sans-serif;letter-spacing:-.025em;color:#eaffee;text-shadow:0 2px 18px #07110ce6}
.abx-arcade h2>span{color:#a6ffbf;margin-left:3px}
.abx-arcade-live{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #beffca30;border-radius:20px;padding:7px 9px;font:9px/1.3 Plex,monospace;letter-spacing:.06em;background:#0c28154d;color:#bfffca}
.abx-arcade-live i{height:5px;width:5px;background:#beffca;box-shadow:0 0 10px #94ffb7;border-radius:100%}
.abx-game-tabs{display:grid;grid-template-columns:.7fr 1.25fr 1fr;gap:7px;margin-bottom:13px}
.abx-game-tabs button,.abx-game-actions button,.abx-game-touch button{appearance:none;color:#c4dfcd;background:#0c211a66;border:1px solid #87c69d40;border-radius:7px;cursor:pointer;font:600 13px/1.4 Oxanium,Space,sans-serif;min-height:44px;transition:background .18s,border-color .18s,box-shadow .18s}
.abx-game-tabs button{padding:9px 8px;white-space:nowrap}
.abx-game-tabs button span{font:10px Plex,monospace;color:#86b49b;margin-right:5px}
.abx-game-tabs button.is-active{background:#9cffbb13;border-color:#bfffca9c;color:#ecfff0;box-shadow:inset 0 0 24px #beffca08,0 0 14px #bfffca09}
.abx-game-tabs button:hover,.abx-game-actions button:hover,.abx-game-touch button:hover{border-color:#beffca;background:#1c3e2d99;color:#fff}
.abx-game-surface{position:relative;isolation:isolate;background:linear-gradient(125deg,#10251b36,#07151014);border:1px solid #a3e5b64d;border-radius:12px;box-shadow:0 22px 65px #0003,inset 0 0 40px #8bffae06;overflow:hidden}
.abx-game-surface::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#beffca05 4px);opacity:.5;z-index:3}
.abx-game-hud{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:35px;padding:7px 14px;border-bottom:1px solid #bfffca1a;font:10px/1.4 Plex,monospace;letter-spacing:.05em;color:#c2efce;background:#07191040}
#abx-game-canvas{position:relative;width:100%;height:auto;aspect-ratio:800/460;display:block;outline:none;touch-action:pan-y;background:none}
#abx-game-canvas:focus-visible{outline:2px solid #c4ffd0;outline-offset:-4px}
.abx-arcade[data-state="running"] #abx-game-canvas{touch-action:none}
.abx-game-overlay{position:absolute;bottom:20px;left:18px;right:18px;display:flex;flex-direction:column;gap:4px;padding:13px 16px;border-left:2px solid #beffca;background:linear-gradient(90deg,#081911e8,#0819119c 80%,#08191100);pointer-events:none;text-shadow:0 2px 9px #000;z-index:4}
.abx-game-overlay[hidden]{display:none}
.abx-game-overlay>span:first-child{font:9px/1.4 Plex,monospace;letter-spacing:.16em;color:#bcffcc}
.abx-game-overlay strong{font:600 clamp(17px,1.65vw,23px)/1.25 Oxanium,Space,sans-serif;color:#f1fff4}
.abx-game-overlay>span:last-child{font:12px/1.5 Space,sans-serif;color:#b4d1c1}
.abx-game-corner{position:absolute;width:28px;height:28px;border-color:#beffca8f;border-style:solid;pointer-events:none}
.abx-game-corner-a{left:0;top:0;border-width:2px 0 0 2px;border-top-left-radius:12px}
.abx-game-corner-b{bottom:0;right:0;border-width:0 2px 2px 0;border-bottom-right-radius:12px}
.abx-game-actions{display:flex;gap:9px;margin-top:13px}
.abx-game-actions button{padding:10px 14px;min-height:44px}
.abx-game-actions .abx-game-primary{flex:1;display:flex;gap:12px;justify-content:space-between;align-items:center;background:#bfffca;color:#092818;border-color:#c9ffd3;box-shadow:0 6px 24px #a2ffb419;font-size:14px}
.abx-game-actions .abx-game-primary:hover{background:#d8ffe0;color:#092818;box-shadow:0 7px 27px #a2ffb42c}
.abx-game-actions button:disabled{opacity:.38;cursor:default}
.abx-arcade .abx-game-help{margin:12px 0 7px;font:11px/1.65 Plex,monospace;letter-spacing:0;color:#acc4b6}
.abx-arcade .abx-game-status{margin:0;min-height:1.5em;font:11px/1.5 Space,sans-serif;color:#c8e5d1}
.abx-game-touch{display:none;gap:8px;margin:10px 0;touch-action:none}
.abx-game-touch[hidden]{display:none!important}
.abx-game-touch button{flex:1;min-height:48px;user-select:none;-webkit-user-select:none;touch-action:none;font-size:18px}
.abx-game-touch button:last-child{font-size:13px;color:#beffca;flex:1.4}
.abx-game-touch button.is-held{background:#bfffca;color:#092818}
.abx-interactive-header .abx-arcade-effects{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:16px;background:#0c1a1759;border-color:#a6e3bb24;padding:12px 16px}
.abx-arcade-effects>span{display:flex;gap:10px;align-items:center;color:#a8c6b4;font:10px/1.5 Plex,monospace;letter-spacing:.1em}
.abx-interactive-header .lab-hero-baseline{padding-top:14px}
.abx-arcade button:focus-visible,.abx-arcade-effects button:focus-visible{outline:2px solid #d5ffdf;outline-offset:4px}
@media(max-width:1100px){.abx-interactive-header .lab-hero-layout{column-gap:25px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.abx-arcade-live{display:none}.abx-game-tabs button{font-size:12px}.abx-game-tabs button span{display:none}.abx-game-hud{font-size:9px;padding:7px 9px}.abx-game-actions button{padding:9px 10px}.abx-game-actions #abx-game-restart span{display:none}}
@media(max-width:850px){.abx-interactive-header .lab-hero-layout{grid-template-columns:1fr}.abx-interactive-header .lab-hero-copy{padding:30px 0 10px}.abx-interactive-header .lab-hero-copy h1{font-size:clamp(56px,10vw,85px);margin-right:0}.abx-interactive-header .lab-hero-deck{max-width:580px}.abx-interactive-header .lab-hero-note{display:none}.abx-arcade{padding:20px 0 4px}.abx-game-surface{max-width:100%}.abx-arcade-live{display:flex}.abx-game-tabs button{font-size:14px}.abx-game-tabs button span{display:inline}.abx-game-hud{font-size:11px}.abx-game-overlay strong{font-size:22px}}
@media(max-width:480px){.abx-interactive-header .lab-hero-layout{padding-top:6px}.abx-arcade h2{font-size:27px}.abx-arcade .abx-arcade-kicker{font-size:8px}.abx-arcade-live{font-size:7px;padding:6px}.abx-game-tabs button{font-size:12px;padding:9px 3px}.abx-game-tabs button span{display:none}.abx-game-hud{font-size:8px}.abx-game-overlay{left:12px;right:12px;bottom:12px;padding:10px}.abx-game-overlay strong{font-size:17px}.abx-game-overlay>span:last-child{font-size:10px}.abx-game-actions .abx-game-primary{font-size:13px}.abx-arcade-effects>span{font-size:8px;letter-spacing:.03em}.abx-interactive-header .abx-arcade-effects{padding:9px;gap:10px}}
@media(pointer:coarse){.abx-game-touch:not([hidden]){display:flex}}
@media(max-width:850px){.abx-game-touch:not([hidden]){display:flex}}
@media(prefers-reduced-motion:reduce){.abx-arcade button{transition:none}}

.abx-game-preferences{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin:0 0 12px}
.abx-game-preferences label{display:flex;align-items:center;gap:9px;color:#a8cbbb;font:10px/1.4 Plex,monospace;letter-spacing:.06em}
.abx-game-preferences select{flex:1;min-width:0;min-height:37px;border:1px solid #91cfa54a;border-radius:7px;background:#0e211bbb;color:#e6f9ec;font:600 12px/1.4 Oxanium,Space,sans-serif;padding:7px;color-scheme:dark}
.abx-game-options{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.abx-game-options button{min-height:36px;border:1px solid #87c69d45;background:#10271c66;border-radius:7px;padding:8px 11px;color:#b5d6c3;font:11px/1.4 Space,sans-serif;cursor:pointer}
.abx-game-options button[aria-pressed="true"]{border-color:#bfffca99;color:#d6ffdf;background:#14332288}
.abx-arcade .abx-controller-status{font:10px/1.5 Plex,monospace;color:#9ab8a8;margin:10px 0 7px;min-height:1.5em}
.abx-arcade-library-link{display:inline-flex;align-items:center;min-height:34px;gap:9px;font:600 12px Space,sans-serif;color:#beffca;text-decoration:none;border-bottom:1px solid #beffca66;margin-top:6px}
.abx-interactive-header .abx-arcade-effects{margin-top:14px}
.abx-arcade-library-note{font:12px/1.8 Plex,monospace;color:#99bba9;margin:27px 0 0}
.abx-arcade-gallery{position:relative;padding-top:65px;padding-bottom:70px;z-index:1}
.abx-arcade-gallery>h2{font:600 clamp(42px,5vw,66px)/1.1 Oxanium,Space,sans-serif;letter-spacing:-.04em;margin:10px 0 15px;color:#edf9f1}
.abx-gallery-intro{max-width:630px;font-size:17px;line-height:1.7;color:#b6cec0;margin:0 0 32px}
.abx-game-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.abx-gallery-card{background:linear-gradient(145deg,#10271b66,#0b171b);border:1px solid #72987c4d;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}
.abx-gallery-card:hover{transform:translateY(-4px);border-color:#beffca8c;box-shadow:0 16px 45px #0005}
.abx-gallery-art{aspect-ratio:400/220;background:radial-gradient(ellipse at center,#258d5220,transparent 80%);border-bottom:1px solid #9fe5b02b}
.abx-gallery-art svg{display:block;width:100%;height:100%}
.abx-gallery-card-copy{padding:23px;display:flex;flex-direction:column;flex:1}
.abx-gallery-card-copy>p{color:#a6d8ba;font:10px/1.5 Plex,monospace;letter-spacing:.11em;margin:0 0 9px}
.abx-gallery-card h3{font:600 28px/1.15 Oxanium,Space,sans-serif;color:#eefbf2;margin:0 0 13px}
.abx-gallery-description{color:#b8d1c1;font-size:15px;line-height:1.7;flex:1;margin-bottom:24px}
.abx-gallery-card button{display:flex;justify-content:space-between;align-items:center;width:100%;background:#bfffca;color:#092819;border:1px solid #dcffe4;border-radius:7px;min-height:44px;padding:11px 14px;font:600 14px Oxanium,Space,sans-serif;cursor:pointer}
.abx-gallery-card button:hover{background:#e0ffe7}
.abx-gallery-card button:focus-visible,.abx-game-preferences select:focus-visible,.abx-game-options button:focus-visible{outline:3px solid #beffca;outline-offset:4px}
.abx-arcade-controller-guide{margin-top:35px;padding:28px;background:#10231b66;border:1px solid #6a94794d;border-radius:12px}
.abx-arcade-controller-guide h2{font:600 30px Oxanium,Space,sans-serif;margin:0 0 12px;color:#e4f7eb}
.abx-arcade-controller-guide p{font-size:16px;line-height:1.8;color:#b4cabb;max-width:850px}
@media(min-width:851px){.abx-interactive-header .lab-hero-copy{padding-top:35px;padding-bottom:35px}.abx-interactive-header .lab-hero-deck{max-width:100%}}
@media(max-width:1100px){.abx-game-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.abx-game-preferences label{font-size:9px;gap:5px}.abx-game-preferences select{font-size:11px}}
@media(max-width:580px){.abx-game-gallery-grid{grid-template-columns:1fr}.abx-game-preferences{grid-template-columns:1fr 1fr;gap:8px}.abx-game-preferences label{display:block;font-size:9px}.abx-game-preferences select{display:block;width:100%;margin-top:5px;min-height:40px;font-size:12px}.abx-game-options button{padding:8px;font-size:10px}.abx-gallery-card h3{font-size:27px}.abx-arcade-gallery{padding-top:42px}.abx-arcade-controller-guide{padding:20px}.abx-game-touch button{font-size:16px}}
@media(prefers-reduced-motion:reduce){.abx-gallery-card{transition:none}.abx-gallery-card:hover{transform:none}}

/* Align the copy with the player and remove redundant vertical framing. */
.abx-interactive-header .lab-hero-layout{align-items:start;min-height:0;padding-top:16px}
.abx-interactive-header .lab-hero-copy{align-self:start;padding-top:24px;padding-bottom:20px}
.abx-interactive-header .abx-arcade{padding-top:24px}
.abx-interactive-header .abx-arcade-effects{padding:0;margin:0;background:none;border-width:1px 0 0;border-radius:0;box-shadow:none;backdrop-filter:none}
.abx-arcade-library-hero .lab-hero-baseline{display:none}
.abx-arcade-gallery{padding-top:28px;padding-bottom:45px;display:grid;grid-template-columns:1fr 1.2fr;column-gap:35px;align-items:end}
.abx-arcade-gallery>.lab-eyebrow{grid-column:1/-1;margin-bottom:8px}
.abx-arcade-gallery>h2{font-size:clamp(38px,4.5vw,56px);margin:0 0 24px}
.abx-gallery-intro{margin:0 0 24px;font-size:16px;line-height:1.65}
.abx-game-gallery-grid,.abx-arcade-controller-guide{grid-column:1/-1}
.abx-controller-banner{display:flex;gap:12px;align-items:center;background:#1335226b;border:1px solid #bfffca55;border-radius:9px;padding:10px 12px;margin-bottom:12px;color:#d8f7e2}
.abx-controller-banner>svg{flex:0 0 27px;color:#beffca}
.abx-controller-banner>div{flex:1;min-width:0}
.abx-controller-banner strong{display:block;font:600 13px/1.4 Oxanium,Space,sans-serif;color:#d8ffe3}
.abx-controller-banner small{display:block;font:10px/1.5 Space,sans-serif;color:#aecaB8}
.abx-controller-banner button{flex-shrink:0;min-height:36px;border:1px solid #beffca80;border-radius:6px;color:#beffca;background:#0b2017;padding:7px 10px;font:600 11px/1.4 Space,sans-serif;cursor:pointer}
.abx-controller-banner button[aria-pressed="true"]{background:#bfffca;color:#092818}
.abx-controller-banner button:focus-visible{outline:2px solid #beffca;outline-offset:4px}
.abx-arcade-library-note strong{display:block;font:600 15px/1.6 Oxanium,Space,sans-serif;color:#beffca}
.abx-game-actions #abx-game-fullscreen{white-space:nowrap;font-size:12px;padding:9px 11px;color:#c9f4d5}
.abx-arcade:fullscreen{box-sizing:border-box;width:100vw;height:100dvh;margin:0;padding:14px 22px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,1fr) auto auto auto auto;gap:8px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#173f2c,#071510 80%);max-width:none}
.abx-arcade:fullscreen .abx-arcade-heading,.abx-arcade:fullscreen .abx-game-tabs,.abx-arcade:fullscreen .abx-game-preferences,.abx-arcade:fullscreen .abx-controller-banner,.abx-arcade:fullscreen .abx-controller-status,.abx-arcade:fullscreen .abx-arcade-library-link,.abx-arcade:fullscreen .abx-game-status{display:none}
.abx-arcade:fullscreen .abx-game-surface{height:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;grid-row:1}
.abx-arcade:fullscreen .abx-game-hud{box-sizing:border-box;flex:0 0 36px;width:100%;font-size:12px}
.abx-arcade:fullscreen #abx-game-canvas{flex:none;margin:auto;max-width:100%;max-height:none}
.abx-arcade:fullscreen .abx-game-actions,.abx-arcade:fullscreen .abx-game-help,.abx-arcade:fullscreen .abx-game-options,.abx-arcade:fullscreen .abx-game-touch{margin:0}
.abx-arcade:fullscreen .abx-game-help{min-height:0;font-size:11px}
.abx-arcade:fullscreen .abx-game-overlay{left:24px;right:24px;bottom:24px}
.abx-arcade:-webkit-full-screen{background:#091c13;width:100vw;height:100vh}
@media(max-width:850px){.abx-interactive-header .lab-hero-layout{padding-top:5px}.abx-interactive-header .lab-hero-copy{padding-top:24px;padding-bottom:4px}.abx-interactive-header .abx-arcade{padding-top:18px}.abx-arcade-gallery{padding-top:24px;gap:0;grid-template-columns:1fr}.abx-arcade-gallery>h2{margin-bottom:12px}.abx-gallery-intro{margin-bottom:23px}.abx-game-actions #abx-game-fullscreen{padding:8px;font-size:11px}.abx-game-actions #abx-game-restart{padding:8px}}
@media(max-width:480px){.abx-controller-banner{gap:8px;padding:9px}.abx-controller-banner strong{font-size:12px}.abx-controller-banner small{font-size:9px}.abx-controller-banner button{font-size:10px;padding:6px}.abx-game-actions{flex-wrap:wrap}.abx-game-actions .abx-game-primary{min-width:50%}.abx-game-actions #abx-game-fullscreen{flex:1}.abx-arcade:fullscreen{padding:9px;gap:6px}.abx-arcade:fullscreen .abx-game-hud{font-size:9px}.abx-arcade:fullscreen .abx-game-actions{gap:5px}.abx-arcade:fullscreen .abx-game-primary{min-width:40%}}

/* One compact utility row between the live hero and the featured tutorial. */
.home.abx-interactive-header .lab-hero>.lab-hero-baseline{display:none}
.home.abx-interactive-header .world-featured-tutorial{padding-top:8px}