.maze-cinema{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border-radius:8px;isolation:isolate;color:#f5f1fa;contain:layout paint}
.maze-canvas,.maze-fallback,.maze-shade,.maze-world-labels{position:absolute;inset:0;width:100%;height:100%}.maze-canvas{display:block;opacity:0}.maze-cinema[data-state=ready] .maze-canvas{opacity:1}.maze-cinema[data-state=ready] .maze-fallback{display:none}.maze-fallback svg{width:100%;height:100%;opacity:.75}.maze-static-dollar{position:absolute;top:17%;left:49%;color:#e9c87f;font-size:32px}.maze-static-brand{position:absolute;bottom:14%;left:0;width:100%;text-align:center;display:grid;gap:8px}.maze-static-brand strong{font-size:clamp(24px,5vw,60px)}.maze-static-brand span{font-size:11px;letter-spacing:.2em}.maze-shade{background:#000;pointer-events:none;opacity:0}.maze-world-labels{pointer-events:none;overflow:hidden}.maze-checkpoint{position:absolute;top:0;left:0;display:grid;justify-items:center;gap:5px;color:#b0a8b9;font:700 9px/1.2 Arial,sans-serif;letter-spacing:.12em;will-change:transform;opacity:0}.maze-checkpoint svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6}.maze-checkpoint.active{color:#d9b8fc;filter:drop-shadow(0 0 7px #aa7ed388)}.maze-objective{color:#efd394;font:500 clamp(25px,4vw,60px)/1 Arial,sans-serif;text-shadow:0 0 20px #d8ad5688}.maze-barrier-label{font-size:10px;letter-spacing:.23em;color:#ada9b6}.maze-chapter{position:absolute;top:7%;left:5%;display:grid;gap:10px;pointer-events:none}.maze-chapter-no{font:600 10px/1 Arial,sans-serif;letter-spacing:.2em;color:#aa7ed3}.maze-chapter-name{font:600 clamp(12px,1.5vw,20px)/1.1 Arial,sans-serif;letter-spacing:.18em}.maze-end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;opacity:0;pointer-events:none;background:radial-gradient(ellipse,#160e2380,transparent 65%)}.maze-end strong{font-size:clamp(52px,9vw,120px);font-weight:600;letter-spacing:-.075em;line-height:1}.maze-end span{font-size:clamp(10px,1.4vw,18px);letter-spacing:.24em;font-weight:600}.maze-controls{position:absolute;inset:auto 4% 3%;display:flex;align-items:center;gap:14px;color:#ddd3e8}.maze-controls button{min-height:36px;padding:5px 8px;background:#0008;font-size:11px;letter-spacing:.06em;border-radius:3px;border:1px solid #ffffff25;color:#eee}.maze-controls input{min-width:0;flex:1;height:24px;accent-color:#aa7ed3;cursor:pointer}.maze-controls button:focus-visible,.maze-controls input:focus-visible{outline:2px solid #aa7ed3;outline-offset:3px}.maze-accessible{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.relocated-main-video video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:8px}.maze-cinema[data-reduced=true] .maze-controls,.maze-cinema[data-reduced=true] .maze-chapter{display:none}.maze-cinema[data-state=fallback] .maze-controls{display:none}
@media(max-width:600px){.maze-cinema{aspect-ratio:4/3}.maze-checkpoint{font-size:10px;letter-spacing:.04em}.maze-checkpoint svg{width:18px;height:18px}.maze-chapter{top:7%;gap:6px}.maze-chapter-name{font-size:10px;letter-spacing:.1em}.maze-chapter-no{font-size:8px}.maze-controls{gap:8px;bottom:2%}.maze-controls button{font-size:10px;min-height:28px;padding:2px 5px}.maze-end{gap:12px}.maze-barrier-label{font-size:8px}}

@media(max-width:600px){.maze-objective{font-size:26px}}
.maze-controls button{width:58px;flex:0 0 58px}.maze-chapter{width:85%;height:58px;contain:layout}@media(max-width:600px){.maze-controls button{width:46px;flex-basis:46px}.maze-chapter{height:42px}}

/* R2: large legible checkpoints and energetic activation. */
.maze-checkpoint svg{width:48px;height:48px;stroke-width:1.8}.maze-checkpoint{color:#d2c6de}.maze-checkpoint.active{color:#fff0ff;filter:drop-shadow(0 0 9px #aa7ed3) drop-shadow(0 0 20px #aa7ed3)}.maze-objective{color:#ffe8a5;text-shadow:0 0 16px #ffda77,0 0 36px #d8b56b}.maze-end{justify-content:flex-end;padding-bottom:13%;background:linear-gradient(transparent 40%,#0008)}@media(max-width:600px){.maze-checkpoint svg{width:36px;height:36px}.maze-checkpoint{font-size:9px}.maze-end{padding-bottom:19%}}