/* Ahaboo v2 explainer page: video first, labs below, age modes. Loaded after us.css. */
body.v2{background:var(--paper)}
.v2-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem clamp(.8rem,3vw,1.6rem);
  background:rgba(253,253,252,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(35,35,35,.07)}
.v2-logo{font:700 1.5rem/1 var(--display);text-decoration:none}
.v2-logo b{color:var(--coral)} .v2-logo i{font-style:normal;color:var(--sky)}
.age-sw{display:flex;align-items:center;gap:.25rem;padding:.2rem;border-radius:999px;background:#fff;box-shadow:0 0 0 1.5px rgba(35,35,35,.14)}
.age-l{font:400 1.25rem/1 var(--hand);color:var(--ink-2);padding:0 .4rem 0 .6rem}
.age-sw button{border:0;background:none;border-radius:999px;padding:.42rem .8rem;font:600 .9rem/1 var(--display);color:var(--ink-2)}
.age-sw button:hover{background:var(--sun-t)}
html[data-age="5"] .age-sw [data-age="5"],html[data-age="12"] .age-sw [data-age="12"],html[data-age="adult"] .age-sw [data-age="adult"]{background:var(--ink);color:#fff}
@media (max-width:560px){ .age-l{font-size:1.1rem;padding:0 .2rem 0 .45rem} .age-sw button{padding:.4rem .6rem;font-size:.85rem} }

/* per-age content: mark blocks with data-for="5 12" etc. */
[data-for]{display:none}
.lab[data-for]{display:none} /* .lab{display:grid} below must not override the age filter */
html[data-age="5"] [data-for~="5"],html[data-age="12"] [data-for~="12"],html[data-age="adult"] [data-for~="adult"]{display:revert}
html[data-age="5"] .lab[data-for~="5"],html[data-age="12"] .lab[data-for~="12"],html[data-age="adult"] .lab[data-for~="adult"]{display:grid}
@media (max-width:860px){ html[data-age] .lab[data-for]{grid-template-columns:1fr} }

/* ---------- the video: fills the first screen on every device ----------
   portrait (phones, iPad upright): title strip · picture (full width) · big captions · controls
   landscape (desktop, iPad sideways): title strip · picture fills the rest · captions · controls
   phone sideways / full screen: picture is the whole screen, captions + controls float and auto-hide */
:root{--hdr:3.35rem}
.v2-top{height:var(--hdr);padding-top:0;padding-bottom:0;transition:opacity .3s}
.v-player{position:relative;display:flex;flex-direction:column;height:calc(100svh - var(--hdr));min-height:320px;
  padding:0 clamp(0rem,1.6vw,1.4rem) env(safe-area-inset-bottom);background:var(--paper)}
.v-head{display:flex;align-items:baseline;justify-content:center;gap:.9rem;padding:.45rem 1rem .35rem;min-width:0}
.v-h-t{font:600 clamp(1.05rem,1.9vw,1.35rem)/1.15 var(--display);letter-spacing:-.01em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-h-ch{font:400 clamp(1.25rem,2vw,1.5rem)/1 var(--hand);color:var(--leaf);margin:0;white-space:nowrap}
.v-h-ch:empty{display:none}
.v-stage-wrap{position:relative;flex:1 1 auto;min-height:0;border-radius:18px;overflow:hidden;background:#fdfdfc;cursor:pointer;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 24px 60px -30px rgba(60,50,40,.45);outline:1px solid rgba(35,35,35,.08)}
.v-stage-wrap .stage{position:absolute;inset:0;aspect-ratio:auto;width:auto}
.v-stage-wrap .us-svg{position:absolute;inset:0;width:100%;height:100%}
.v-player .us-svg .hand{stroke-width:6px}
/* start card: only when autoplay is off (reduced motion); otherwise a quiet loading state */
.v-start,.v-end{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;text-align:center;padding:1rem;
  background:rgba(253,253,252,.8);backdrop-filter:blur(2px)}
.v-start h1{font:600 clamp(1.8rem,4.6vw,3.4rem)/1.05 var(--display);letter-spacing:-.02em;max-width:18ch}
.v-for{font:400 1.5rem/1 var(--hand);color:var(--ink-2)} .v-for b{color:var(--coral);font-weight:400}
.v-player.is-started .v-start{display:none}
html:not(.no-auto) .v-start .big-play,html:not(.no-auto) .v-start .v-for{display:none}
html:not(.no-auto) .v-start{background:rgba(253,253,252,.6)}
html:not(.no-auto) .v-start::after{content:"";width:46px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--coral) 0 40%,#e7e9f1 40%);background-size:200% 100%;animation:v-load 1s linear infinite}
@keyframes v-load{to{background-position:-100% 0}}
.v-end{display:none}
.v-player.is-ended .v-end{display:flex}
/* big play/pause flash in the middle */
.v-big-state{position:absolute;left:50%;top:50%;z-index:4;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;display:grid;place-items:center;
  background:rgba(35,35,35,.55);color:#fff;font-size:1.6rem;opacity:0;pointer-events:none;transition:opacity .25s}
.v-player.is-started:not(.is-playing):not(.is-ended) .v-big-state{opacity:1}
.v-big-state .i-pause,.v-btn.play .i-pause{display:none}
.v-player.is-playing .v-btn.play .i-play{display:none} .v-player.is-playing .v-btn.play .i-pause{display:inline}
/* playing without sound (browsers block sound until the first tap): a clear "tap for sound" */
.v-sound{position:absolute;z-index:6;left:50%;top:.8rem;transform:translateX(-50%);display:none;max-width:calc(100% - 1.2rem)}
.v-player.is-silent .v-sound{display:block}
.v-unmute,.v-who{display:flex;align-items:center;gap:.45rem;border:0;border-radius:999px;background:var(--ink);color:#fff;
  box-shadow:0 8px 24px -8px rgba(0,0,0,.45);font:600 clamp(.95rem,1.6vw,1.08rem)/1 var(--display);white-space:nowrap}
.v-unmute{padding:.7rem 1.15rem .7rem .95rem;animation:v-nudge 2.4s ease-in-out 1.5s 3}
.v-unmute svg,.v-who-l svg{width:1.35em;height:1.35em;flex:none}
@keyframes v-nudge{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.v-who{display:none;padding:.3rem;gap:.25rem;flex-wrap:wrap;justify-content:center}
.v-who{flex-wrap:nowrap}
.v-who-l{display:flex;align-items:center;gap:.4rem;padding:0 .35rem 0 .55rem}
@media (max-width:520px){ .v-who-l .t2{display:none} .v-who button{padding:.5rem .7rem;font-size:.9rem} .v-who-l{padding:0 .15rem 0 .45rem} }
.v-who button{border:0;border-radius:999px;padding:.55rem .85rem;background:#fff;color:var(--ink);font:600 .95rem/1 var(--display)}
.v-who button:hover{background:var(--sun-t)}
html.ask-age .v-player.is-silent .v-unmute{display:none}
html.ask-age .v-player.is-silent .v-who{display:flex}
/* captions: under the picture, never covering it */
.v-cap{flex:none;min-height:3.1em;max-width:62ch;margin:.6rem auto 0;padding-inline:1rem;text-align:center;font-size:clamp(1.02rem,1.8vw,1.22rem);line-height:1.45}
.v-cap .wd{color:rgba(35,35,35,.34);transition:color .15s}
.v-cap .wd.k-said{color:var(--ink)} .v-cap .wd.k-now{color:var(--coral)}
.v-player.no-cc .v-cap{visibility:hidden}
.v-player:not(.is-started) .v-cap{visibility:hidden}
html[data-age="5"] .v-cap{font-size:clamp(1.15rem,2.2vw,1.45rem)}
/* control bar */
.v-ctrl{flex:none;width:100%;max-width:1180px;margin:.2rem auto 0;padding:.1rem .4rem .35rem;transition:opacity .3s}
.v-scrub{position:relative;height:22px;display:flex;align-items:center;cursor:pointer;touch-action:none}
.v-track{position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;display:flex;gap:3px}
.v-seg{flex-basis:0;border-radius:4px;background:#e7e9f1;overflow:hidden;position:relative}
.v-seg .fill{position:absolute;inset:0;background:var(--coral);transform-origin:left;transform:scaleX(0)}
.v-scrub:hover .v-track{height:9px;margin-top:-4.5px}
.v-prog{position:absolute;left:0;top:50%;height:0;width:0}
.v-prog::after{content:"";position:absolute;right:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 3px #fff,0 2px 6px rgba(0,0,0,.25)}
.v-tip{position:absolute;bottom:24px;transform:translateX(-50%);white-space:nowrap;padding:.25rem .55rem;border-radius:8px;background:var(--ink);color:#fff;font:600 .78rem/1 var(--display);opacity:0;pointer-events:none;transition:opacity .15s}
.v-scrub:hover .v-tip{opacity:1}
.v-row{display:flex;align-items:center;gap:.25rem;flex-wrap:nowrap;min-width:0}
.v-btn{flex:none;border:0;background:none;min-width:2.4rem;height:2.4rem;border-radius:999px;display:inline-grid;place-items:center;font:600 .88rem/1 var(--display);padding:0 .5rem;color:var(--ink)}
.v-btn:hover{background:var(--sun-t)}
.v-btn.play{background:var(--ink);color:#fff;width:2.6rem;height:2.6rem;font-size:.9rem}
.v-btn[aria-pressed=true]{background:var(--sun-t)}
.v-btn.txt{padding:0 .75rem}
.v-row .time{flex:none;font:600 .85rem/1 var(--display);color:var(--ink-2);font-variant-numeric:tabular-nums;margin:0 .4rem}
.v-row .v-chtitle{font:400 1.35rem/1 var(--hand);color:var(--leaf);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}
.v-sp{flex:1}
.v-player .chap-pop{position:absolute;z-index:20;right:clamp(.5rem,2vw,1.4rem);bottom:5rem;left:auto;transform:none;display:none;max-height:calc(100% - 7rem);overflow:auto}
.v-player.pop-open .chap-pop{display:block}
.v-player:not(.is-started) .v-ctrl{opacity:.45}
/* the chapter name sits in the title strip, so the control bar doesn't repeat it */
.v-row .v-chtitle{display:none}

/* end screen: "watch next" cards take the stage */
.v-end{background:rgba(253,253,252,.93);gap:clamp(.5rem,1.6vh,1rem);overflow:auto}
.v-end .end-t{font:400 clamp(1.6rem,3.4vw,2.6rem)/1.1 var(--hand);margin:0}
.v-next{display:none;width:100%;max-width:760px}
.v-player.has-next .v-next{display:block}
.v-next-k{font:400 1.4rem/1 var(--hand);color:var(--ink-2);margin:0 0 .55rem}
.v-next-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.5rem,1.4vw,1rem)}
.v-next-c{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem .5rem .7rem;background:#fff;border:2px solid var(--ink);border-radius:16px;color:var(--ink);text-decoration:none;box-shadow:0 3px 0 var(--ink);transition:transform .15s,box-shadow .15s;min-width:0}
.v-next-c:hover,.v-next-c:focus-visible{transform:translateY(-2px) rotate(-.6deg);box-shadow:0 5px 0 var(--ink)}
.v-next-c.is-first{background:var(--sun-t)}
.v-next-c img{width:min(150px,72%);height:auto;aspect-ratio:1;border-radius:12px;object-fit:cover}
.v-next-tx{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.v-next-t{font:600 clamp(.85rem,1.4vw,1rem)/1.2 var(--display)}
.v-next-m{font:400 .8rem/1 var(--body);color:var(--ink-2)}
.v-next-cd{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;margin:0 0 .7rem;font:500 .95rem/1.3 var(--display);color:var(--ink-2)}
.v-next-cd[hidden]{display:none}
.v-next-cd b{color:var(--ink)} .v-cd-n{display:inline-block;min-width:1.2em;color:var(--coral)!important}
.v-cd-x{border:0;background:none;font:600 .9rem/1 var(--display);color:var(--ink);text-decoration:underline;text-underline-offset:3px;padding:.3rem}
.v-player.has-next .end-b .pill{padding:.5rem 1rem;font-size:.92rem}
/* small/short screens: cards become a compact list */
@media (max-width:520px),(max-height:540px){
  .v-end{justify-content:center;padding:.6rem .7rem}
  .v-player.has-next .v-end .end-t{font-size:1.45rem}
  .v-next-k{font-size:1.15rem;margin-bottom:.35rem}
  .v-next-c{padding:.4rem .3rem .5rem;border-radius:12px}
  .v-next-c img{width:70%}
  .v-next-t{font-size:.78rem}
  .v-next-m{display:none}
  .v-next-cd{font-size:.85rem;margin-bottom:.4rem}
}
.v-player.is-ended .v-sound{display:none}
.v-player.is-ov.is-ended .v-cap{display:none}
.v-player.is-ov .v-end{padding-top:calc(var(--hdr) + .4rem);padding-bottom:4.2rem}
.v-player.is-fs .v-end{padding-top:1rem}
@media (max-height:540px) and (orientation:landscape){ .v-next-c img{width:52px} .v-next-c{flex-direction:row;text-align:left} .v-next{max-width:680px} }

/* ----- portrait: the picture is as wide as the screen; captions get the room below ----- */
@media (orientation:portrait){
  .v-player{padding-inline:0}
  .v-head{flex-direction:column;align-items:center;gap:.1rem;padding:.5rem 1rem .5rem;text-align:center}
  .v-h-t{white-space:normal;font-size:clamp(1.2rem,4.6vw,1.9rem);max-width:22ch}
  /* the scene (sky, clouds, land) fills everything between the title and the captions */
  .v-stage-wrap{flex:1 1 auto;min-height:calc(100vw * .625);border-radius:0;box-shadow:none;outline:0}
  .v-cap{flex:none;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:0;height:calc(4 * 1.4em + 1.2rem);overflow:hidden;margin:0 auto;padding:.6rem 1.2rem;
    font-size:clamp(1.15rem,4.2vw,1.75rem);line-height:1.4;max-width:30ch}
  html[data-age="5"] .v-cap{font-size:clamp(1.3rem,4.8vw,2rem)}
  .v-cap .wd{white-space:pre}
  .v-ctrl{padding:.1rem .8rem .5rem}
  .v-player .us-svg .hand{stroke-width:8px}
}
@media (orientation:portrait) and (min-width:700px){ .v-ctrl{padding-inline:1.4rem} .v-btn{min-width:2.8rem;height:2.8rem} .v-btn.play{width:3rem;height:3rem} }
@media (max-width:640px){
  .v-btn[data-v=back],.v-btn[data-v=fwd]{display:none}
  .v-btn.txt{padding:0 .5rem}
  .v-btn[data-v=chapters]{font-size:0} .v-btn[data-v=chapters]::before{content:"☰";font-size:1.1rem}
}
@media (max-width:360px){ .v-btn[data-v=speed]{display:none} }

/* ----- overlay mode: phone sideways (short landscape) or full screen ----- */
html.v-ov .v2-top{position:fixed;left:0;right:0;top:0}
html.v-ov.v-ui-off .v2-top{opacity:0;pointer-events:none}
.v-player.is-ov{height:100svh;padding:0;display:block}
.v-player.is-ov .v-head{display:none}
.v-player.is-ov .v-stage-wrap{position:absolute;inset:0;border-radius:0;box-shadow:none;outline:0;aspect-ratio:auto;width:auto}
.v-player.is-ov .v-cap{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(4.4rem + env(safe-area-inset-bottom));z-index:6;margin:0;padding:.4rem 1rem;border-radius:14px;
  background:rgba(253,253,252,.88);max-width:min(900px,86vw);min-height:0;display:block;font-size:clamp(1rem,2.2vw,1.3rem);transition:bottom .3s}
.v-player.is-ov.is-playing:not(.show-ui) .v-cap{bottom:calc(.8rem + env(safe-area-inset-bottom))}
.v-player.is-ov .v-cap:empty{display:none}
.v-player.is-ov .v-ctrl{position:absolute;left:0;right:0;bottom:0;z-index:7;max-width:none;margin:0;
  padding:.8rem max(1rem,env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:linear-gradient(transparent,rgba(253,253,252,.95) 45%)}
.v-player.is-ov.is-playing:not(.show-ui) .v-ctrl{opacity:0;pointer-events:none}
.v-player.is-ov.is-playing:not(.show-ui){cursor:none}
.v-player.is-ov .v-row .v-chtitle{display:block}
.v-player.is-ov .v-sound{top:calc(var(--hdr) + .5rem)}
.v-player.is-fs .v-sound{top:.8rem}
.v-player.is-ov .chap-pop{bottom:4.4rem;max-height:calc(100% - 5.4rem)}
.v-player.is-fs{height:100vh;background:#fdfdfc}

/* ---------- labs ---------- */
.labs{max-width:1180px;margin:clamp(2.5rem,6vw,4.5rem) auto 0;padding-inline:clamp(1rem,3vw,1.6rem)}
.labs-h{text-align:center;margin-bottom:1.6rem}
.labs-h h2{font:600 clamp(1.7rem,3.6vw,2.5rem)/1.1 var(--display);letter-spacing:-.01em}
.labs-h p{color:var(--ink-2);max-width:56ch;margin:.5rem auto 0}
.lab:not([data-for]){display:grid}
.lab{grid-template-columns:minmax(0,1fr) 320px;gap:0;margin:0 0 clamp(1.6rem,4vw,2.6rem);border-radius:20px;overflow:hidden;background:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 50px -30px rgba(60,50,40,.45);outline:1px solid rgba(35,35,35,.08)}
.lab-stage{position:relative;aspect-ratio:16/10;background:#fdfdfc;overflow:hidden}
.lab-stage .us-svg{position:absolute;inset:0;width:100%;height:100%}
.lab-side{padding:1.3rem 1.3rem 1.2rem;display:flex;flex-direction:column;gap:.7rem;border-left:1px solid rgba(35,35,35,.07)}
.lab-n{font:400 1.5rem/1 var(--hand);color:var(--coral)}
.lab-side h3{font:600 1.3rem/1.15 var(--display);margin:0}
.lab-side .lab-q{color:var(--ink-2);font-size:.97rem;line-height:1.5;margin:0}
.lab-ctl{padding:0!important;background:transparent!important}
.lab-ctl .try{display:none}
.lab-ctl .row{display:flex;flex-direction:column;align-items:stretch;gap:.65rem}
.lab-ctl .chip{justify-content:center}
.lab-ctl .sl{display:grid;grid-template-columns:1fr auto;gap:.35rem .6rem;align-items:center}
.lab-ctl .sl .sl-l{grid-column:1/-1;font-size:.92rem}
.lab-ctl .sl input{width:100%}
.lab-ctl .stat{justify-content:space-between;border-top:1px dashed rgba(35,35,35,.15);padding-top:.55rem}
.lab-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.lab-foot .watch{font:600 .88rem/1 var(--display);color:var(--ink-2);text-decoration:none}
.lab-foot .watch:hover{color:var(--coral)}
.lab-reset{border:0;background:none;font:600 .85rem/1 var(--display);color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.lab .lab-note{font-size:.82rem;color:var(--ink-2);margin:0}
@media (max-width:860px){
  .lab{grid-template-columns:1fr}
  .lab-side{border-left:0;border-top:1px solid rgba(35,35,35,.07)}
}
/* ---------- article ---------- */
.v2-article{margin-top:clamp(2.5rem,6vw,4rem)}
.v2-article .xp-grid{padding-bottom:2rem}
html[data-age="5"] .v2-article .col{font-size:1.2rem;line-height:1.7}
.v2-article .kid-box{padding:1rem 1.2rem;border-radius:14px;background:var(--sun-t);margin:1rem 0}
.v2-article .safety{padding:.9rem 1.1rem;border-radius:12px;background:var(--coral-t);margin:1rem 0}
.lab-badge{display:inline-block;font:600 .75rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--leaf);background:var(--leaf-t);padding:.3rem .5rem;border-radius:6px}
/* hand-lettered labels (V2Paint.note) */
.us-svg .hl{font-family:var(--hand)}
/* sound pill: bottom of the picture, so it never covers scene titles (they sit at the top) */
.v-sound{top:auto;bottom:.8rem}
.v-player.is-ov .v-sound{top:auto;bottom:calc(4.6rem + env(safe-area-inset-bottom))}
.v-player.is-fs .v-sound{top:auto;bottom:4.6rem}
/* phone sideways: the caption owns the bottom; the sound pill moves to the top-right corner */
.v-player.is-ov .v-sound{bottom:auto;top:calc(var(--hdr) + .4rem);left:auto;right:max(.6rem,env(safe-area-inset-right));transform:none}
.v-player.is-ov .v-unmute{padding:.5rem .85rem .5rem .7rem;font-size:.9rem}

/* perf: only the live stage boils its hand lettering; frozen labs + a scrolled-away player use the still filter */
.lab:not(.is-live) g.hand-l,.v-player.is-off g.hand-l{filter:url(#hlstill)}
.lab-stage{contain:layout paint}
/* perf: each lab picture is its own cached layer, so scrolling moves a texture instead of re-painting filtered SVG */
.lab-stage>.us-svg{will-change:transform}

/* ----- kid flow end screen (DG 2026-10-09): two big tiles, next video starts in 5 s ----- */
.v-player.kid-next .v-next-row{grid-template-columns:1fr 1fr;max-width:560px;margin:0 auto;gap:clamp(.7rem,3vw,1.2rem)}
.kf-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;min-height:clamp(150px,30vh,230px);padding:.9rem .6rem 1rem;
  background:#fff;border:3px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink);color:var(--ink);text-decoration:none;min-width:0;
  transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
.kf-tile:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}
.kf-play{background:var(--sun-t);animation:kf-wig 2.6s ease-in-out .8s infinite}
@keyframes kf-wig{0%,86%,100%{transform:rotate(0)}90%{transform:rotate(-2.5deg)}95%{transform:rotate(2deg)}}
.kf-ic svg{width:clamp(70px,20vw,104px);height:auto;display:block}
.kf-pic{position:relative;display:block;width:clamp(78px,24vw,124px);aspect-ratio:1}
.kf-pic img{width:100%;height:100%;object-fit:cover;border-radius:14px;border:2px solid var(--ink)}
.kf-ring{position:absolute;right:-12px;bottom:-12px;width:clamp(44px,12vw,58px);height:auto}
.kf-ring .kf-n{font:700 15px/1 var(--display);fill:var(--ink);display:none}
.v-player.kf-counting .kf-ring .kf-n{display:block} .v-player.kf-counting .kf-ring .kf-go{display:none}
.kf-t{font:700 clamp(1.15rem,4.6vw,1.5rem)/1.1 var(--display)}
.kf-s{font:500 clamp(.78rem,3.2vw,.92rem)/1.2 var(--body);color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:20ch;text-align:center}
.v-player.kid-next .v-next-k{font-size:clamp(1.5rem,5.4vw,2rem)}
.v-player.kid-next .end-t{display:none}
.v-player.kid-next .end-b a[href="#labs"]{display:none}
.kf-stay{display:none} .v-player.kf-counting .kf-stay{display:inline-block}
.v-player.kid-next .v-next-cd{display:none!important}
@media (max-height:540px) and (orientation:landscape){ .kf-tile{min-height:120px;flex-direction:column} .kf-pic{width:70px} .kf-ic svg{width:64px} }