/* Scene 13 · Lời kết (LỆNH 5, 22/10): the badges of 12 drawn up, the intro's blueprint and journey in light, the three legs flying into
   the N's three bars, the mark built piece by piece, a sharp ring, the wordmark opening from behind the mark; the promise locked phrase by
   phrase; the end frame: the logo (largest, centre), the promise on one line (36 px), the line (24 px, dimmer), "Cảm ơn." (56 px) with
   room above it, "ARISE" (mono 20 px), 01's night world along the bottom. Everything inside the safe area, clear of the
   control bar (bottom centre, it hides itself). Motion: scene-outro13.js on the clock (transform, opacity, clip only). */
#s-outro .head .h1{display:none}
#s-outro .o13{position:absolute;inset:0;pointer-events:none;overflow:hidden}
#s-outro .o13-cards .tmc-card{will-change:transform,opacity}
/* the night world: a band along the bottom, its top edge melting into the stage */
#s-outro .o13-wl{position:absolute;left:0;top:640px;width:1920px;height:440px;overflow:hidden;opacity:0;will-change:opacity,transform;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 70px,#000 170px);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 70px,#000 170px)}
#s-outro .o13-wm{position:absolute;left:0;top:0;width:1920px;height:440px;transform-origin:50% 60%;will-change:transform}
#s-outro .o13-wi,#s-outro .o13-ws{position:absolute;left:0;top:0;width:1920px;height:440px;display:block}
#s-outro .o13-wi{object-fit:cover}
#s-outro .o13-ws{overflow:visible}
#s-outro .o13-ws path{fill:none;stroke-linecap:round;stroke-linejoin:round}
#s-outro .o13-ln{stroke:#3F7BF0;stroke-width:2.2;stroke-opacity:.72}
#s-outro .o13-lp{stroke:#A9CEFF;stroke-width:3.2;stroke-dasharray:.06 .94;stroke-opacity:.95}
/* the blueprint */
#s-outro .o13-bpw{position:absolute;left:0;top:0;width:1920px;height:1080px;opacity:0;will-change:opacity,transform}
#s-outro .o13-bp{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:visible}
#s-outro .o13-bp path{fill:none}
#s-outro .o13-g path{stroke:#66A8FF;stroke-width:1}
#s-outro .o13-g .g3{stroke-opacity:.05}#s-outro .o13-g .g4{stroke-opacity:.10}#s-outro .o13-g .g5{stroke-opacity:.26}
#s-outro .o13-bp .o13-fc{fill:#071229}
#s-outro .o13-bk{stroke:#7FAEF0;stroke-opacity:.62;stroke-width:1.25;stroke-linecap:round}
#s-outro .o13-jh{stroke:rgba(102,178,242,.18);stroke-width:12;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
#s-outro .o13-jr{stroke:#8CC4FF;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
#s-outro .o13-lgs{will-change:transform,opacity}
/* the legs in flight */
#s-outro .o13-mv{opacity:0}
#s-outro .o13-mh{stroke:rgba(120,170,255,.22);stroke-linecap:round;stroke-linejoin:round}
#s-outro .o13-mc{stroke:#7FB0FF;stroke-linecap:butt;stroke-linejoin:round}
/* the mark (its pieces: scene-outro13.js), the ring, the wordmark */
#s-outro .o13-mk{position:absolute;left:0;top:0;opacity:0;overflow:visible;filter:drop-shadow(0 0 16px rgba(90,143,246,.5));will-change:transform}
#s-outro .o13-ring{position:absolute;left:0;top:0;width:220px;height:220px;border-radius:50%;border:2px solid #A9CCFF;box-shadow:0 0 14px rgba(110,165,255,.55),inset 0 0 10px rgba(110,165,255,.35);opacity:0;will-change:transform,opacity}
#s-outro .o13-wt{position:absolute;left:0;top:0;opacity:0;white-space:nowrap;will-change:transform}
#s-outro .o13-wt span{display:block;font-size:116px;font-weight:700;line-height:1;letter-spacing:-.025em;color:#fff}
#s-outro .o13-wt em{font-style:normal;color:#6E9DF7}
/* the promise on one line, under the logo */
#s-outro .o13-line{position:absolute;left:0;right:0;top:426px;display:flex;justify-content:center;gap:30px;margin:0}
#s-outro .o13-ph{position:relative;padding:6px 14px 8px;opacity:0;--lk:1;--lo:0}
#s-outro .o13-ph b{display:block;font-size:36px;font-weight:700;line-height:1.15;color:#fff;white-space:nowrap}
#s-outro .o13-ph i{position:absolute;width:12px;height:12px;border:2px solid #8FBCFF;opacity:var(--lo)}
#s-outro .o13-ph .c1{left:0;top:0;border-right:0;border-bottom:0;transform:translate(calc(var(--lk) * -12px),calc(var(--lk) * -12px))}
#s-outro .o13-ph .c2{right:0;top:0;border-left:0;border-bottom:0;transform:translate(calc(var(--lk) * 12px),calc(var(--lk) * -12px))}
#s-outro .o13-ph .c3{right:0;bottom:0;border-left:0;border-top:0;transform:translate(calc(var(--lk) * 12px),calc(var(--lk) * 12px))}
#s-outro .o13-ph .c4{left:0;bottom:0;border-right:0;border-top:0;transform:translate(calc(var(--lk) * -12px),calc(var(--lk) * 12px))}
#s-outro .o13-tag{position:absolute;left:0;right:0;top:494px;margin:0;text-align:center;font-size:24px;font-weight:500;color:#9FB0CC;opacity:0}
#s-outro .o13-thx{position:absolute;left:0;right:0;top:586px;margin:0;text-align:center;font-size:56px;font-weight:700;line-height:1.1;letter-spacing:-.015em;color:#fff;opacity:0;text-shadow:0 2px 18px rgba(4,9,24,.7)}
#s-outro .o13-evt{position:absolute;left:0;right:0;top:662px;margin:0;text-align:center;font:500 20px/24px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.2em;color:#AFC0D8;opacity:0;text-shadow:0 1px 10px rgba(4,9,24,.8)}
/* warm-up (the scene's script): its end frame painted once at near-zero opacity while the scene before holds still */
#s-outro.o13-warm:not(.active){visibility:visible!important;opacity:.004!important;transition:none!important}
#s-outro.o13-warm *{transition:none!important}