/* Preserve the earlier phone styling; the lake browser lives inside it. */
.journey-rail{left:8px;right:auto;gap:4px;width:28px}.journey-rail a{width:28px;height:28px;flex:none}.journey-rail a span{left:calc(100% + 7px);right:auto;text-align:left}
.footer{padding-left:max(48px,6vw)}.footer>*{min-width:0}
.story-step.champions{height:auto;min-height:110svh}
.champions .step-frame{position:relative;height:auto;min-height:110svh;padding:120px 7% 80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);gap:35px 8%;align-items:center}
.champion-copy{position:relative;left:auto;right:auto;top:auto;max-width:700px}.champion-copy>p:not(.eyebrow){max-width:680px}.champion-aside,.champion-orbit{display:none}
.champions-preview{margin:0;align-self:center;justify-self:center}
.champions .next-scene{position:relative;left:auto;right:auto;bottom:auto;margin-top:0;grid-column:1/-1;justify-self:start}
[data-champions-preview] .phone-display{background:#0b2b22}
.champions-phone-heading{position:absolute;inset:0 0 auto;z-index:2;padding:29px 16px 16px;background:linear-gradient(#092a21,#0b2b22);color:#f1d8a3;text-align:left;pointer-events:none}
.champions-phone-heading>span{display:block;font:600 8px/1.4 var(--sans);letter-spacing:1.6px;color:#d8c18e}.champions-phone-heading strong{display:block;font:600 22px/1.2 var(--serif);margin-top:5px}
.lake-scroll{position:absolute;inset:89px 0 66px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ac9565 #0b2b22;scroll-behavior:auto;text-align:left;outline:none}
.lake-scroll:focus-visible{box-shadow:inset 0 0 0 2px #e4ca8b}
.lake-intro{padding:0 14px 12px;font:10px/1.6 var(--sans);color:#d0deca}
.lake-card{margin:0 10px 14px;overflow:hidden;border:1px solid #d8c18d3d;border-radius:4px;background:#14372b}
.lake-card img{display:block;width:100%;height:auto;object-fit:contain}
.lake-card figcaption{margin:0;padding:12px 12px 14px;text-align:left;text-shadow:none;font-style:normal}
.lake-card figcaption small{display:block;margin:0;font:600 7px/1.5 var(--sans);letter-spacing:1px;color:#cfba8b;max-width:none}
.lake-card h3{margin:5px 0 6px;font:600 18px/1.25 var(--serif);color:#f2dba8}.lake-card p{margin:0;font:10px/1.6 var(--sans);color:#dae5d2}
.champions-phone-controls{position:absolute;inset:auto 0 0;height:66px;display:flex;align-items:center;gap:11px;padding:11px 12px;border-top:1px solid #c6ac7644;background:#0a291ff5;z-index:3}
.lake-control{display:grid;place-items:center;flex:none;min-width:51px;min-height:40px;padding:7px 9px;border:1px solid #ddc28b88;border-radius:5px;background:#d9c08e;color:#14392c;cursor:pointer;font:700 10px/1.2 var(--sans)}
.lake-control:focus-visible{outline:2px solid #fff0bb;outline-offset:2px}
.lake-progress{height:2px;flex:1;background:#e1c59333;overflow:hidden}.lake-progress span{display:block;width:100%;height:100%;background:#dfc68f;transform-origin:left;transform:scaleX(0)}
.lake-position{font:9px/1.3 var(--sans);color:#e0cb9c;white-space:nowrap}
@media(max-width:900px){.champions .step-frame{display:block}.champions-preview{margin:38px auto 0}.champions .next-scene{margin-top:34px}}
@media(max-width:600px){.journey-rail{left:2px;right:auto;gap:4px}.journey-rail a:after{width:4px;height:4px}.champions .step-frame{padding:110px 37px 75px 42px}.champions-phone-heading strong{font-size:21px}.lake-card h3{font-size:17px}}