#home-modes.cloud-modes { position: relative; }
#home-mode-sequence { position: absolute; left: calc(0px - var(--homefx-pad, 18px)); right: calc(0px - var(--homefx-pad, 18px)); top: -200px; height: calc(100% + 200px); z-index: 5; pointer-events: none; overflow: hidden; }
#home-mode-sequence .homefx-stage { position: absolute; left: var(--homefx-left, -19px); top: var(--homefx-top, -317px); width: 390px; height: 844px; transform: scale(var(--homefx-scale, 1)); transform-origin: top left; pointer-events: none; }
#home-mode-sequence .effect { position: absolute; inset: 0; pointer-events: none; }
    
    .couple-portal-back, .couple-portal-lip { position: absolute; left: 247px; top: 500px; width: 111px; height: 50px; border-radius: 50%; transform: scale(0); opacity: 0; }
    .couple-portal-back { z-index: 1; background: radial-gradient(ellipse at 50% 62%, #592353 0 34%, #9e478a 57%, #f6abd2 71%, #ffe9f4 82%); box-shadow: 0 3px 13px #a53c8299, 0 0 0 3px #fff6; }
    .couple-portal-lip { z-index: 4; border: 7px solid #ffd8ea; border-top-color: transparent; box-shadow: inset 0 -3px 4px #bd5d9555, 0 4px 5px #913f6a55; clip-path: inset(46% -8px -8px -8px); }
    .couple-actor-slot { position: absolute; z-index: 3; left: 223px; top: 388px; width: 151px; height: 158px; overflow: hidden; }
    .couple-actor { position: absolute; left: 25px; top: -10px; width: 111px; height: 222px; background: url('assets/home-mode-animation/couple-boy.webp') 0 0 / 600% 100% no-repeat; transform-origin: 55% 72%; opacity: 0; filter: drop-shadow(0 4px 4px #8c386655); }
    .couple-flower { position: absolute; z-index: 5; left: 282px; top: 467px; width: 32px; height: 32px; opacity: 0; filter: drop-shadow(0 3px 3px #b8497070); }
    .couple-flower svg { display: block; width: 100%; height: 100%; }
    .couple-spark { position: absolute; z-index: 5; width: 5px; height: 5px; border-radius: 50%; opacity: 0; background: #fff7b5; box-shadow: 0 0 0 2px #fff9, 0 0 10px 4px #fbb6d8; }
    .couple-spark.one { left: 289px; top: 480px; }
    .couple-spark.two { left: 310px; top: 455px; }
    .couple-heart { position: absolute; z-index: 6; left: 255px; top: 442px; opacity: 0; color: var(--color, #e95a91); font: 700 var(--size, 15px)/1 Georgia, serif; text-shadow: 0 2px 4px #9e346f66, 0 0 8px #fff9; }
    .couple-heart::before { content: '♥'; }
    .home-sequence-playing .couple-portal-back, .home-sequence-playing .couple-portal-lip { animation: open-hole 6.2s ease-in-out both; }
    .home-sequence-playing .couple-actor { animation: emerge-couple 6.2s ease-in-out both, couple-poses 6.2s steps(1,end) both; }
    .home-sequence-playing .couple-flower { animation: flower-left 6.2s ease-in-out both; }
    .home-sequence-playing .couple-spark { animation: sparkle-left 6.2s ease-out both; }
    .home-sequence-playing .couple-heart { animation: heart-float 2.6s ease-out var(--delay) both; }
    @keyframes open-hole { 0%, 6% { opacity: 0; transform: scale(.02,.08); } 15% { opacity: 1; transform: scale(.7,.55); } 22%, 80% { opacity: 1; transform: scale(1); } 92% { opacity: 1; transform: scale(.55,.45); } 100% { opacity: 0; transform: scale(.02,.08); } }
    @keyframes emerge-couple { 0%, 12% { opacity: 0; transform: translateY(120px) scale(.86); } 19% { opacity: 1; transform: translateY(80px) scale(.92); } 32% { opacity: 1; transform: translateY(12px) scale(1); } 43%, 77% { opacity: 1; transform: translateY(0) rotate(0); } 84% { opacity: 1; transform: translateY(20px) rotate(4deg); } 96%, 100% { opacity: 0; transform: translateY(119px) scale(.88); } }
    @keyframes couple-poses { 0%, 16% { background-position: 0% 0; } 17%, 29% { background-position: 20% 0; } 30%, 42% { background-position: 40% 0; } 43%, 55% { background-position: 60% 0; } 56%, 78% { background-position: 80% 0; } 79%, 100% { background-position: 100% 0; } }
    @keyframes flower-left { 0%, 55% { opacity: 0; transform: translate(0,0) scale(.25); } 59% { opacity: 1; transform: translate(-11px,-10px) scale(.9); } 73% { opacity: 1; transform: translate(-67px,-50px) scale(1.1) rotate(-35deg); } 88% { opacity: .85; transform: translate(-117px,-75px) scale(.95) rotate(-65deg); } 100% { opacity: 0; transform: translate(-155px,-93px) scale(.45) rotate(-95deg); } }
    @keyframes sparkle-left { 0%, 56%, 100% { opacity: 0; transform: scale(.2); } 62%, 78% { opacity: 1; transform: translate(-36px,-36px) scale(1); } }
    @keyframes heart-float { 0% { opacity: 0; transform: translate(0,0) rotate(-12deg) scale(.3); } 16% { opacity: .93; } 70% { opacity: .88; transform: translate(var(--dx),var(--dy)) rotate(var(--turn, 12deg)) scale(1.12); } 100% { opacity: 0; transform: translate(var(--dx),calc(var(--dy) - 20px)) rotate(var(--turn, 12deg)) scale(.58); } }
    
    .gk-book-glow, .gk-page-lip { position: absolute; left: 39px; top: 502px; width: 130px; height: 51px; border-radius: 50%; opacity: 0; transform: scale(.02,.1); }
    .gk-book-glow { z-index: 1; background: radial-gradient(ellipse, #4c347b 0 27%, #835eba 49%, #bba1e9 69%, #f8eeff 84%); box-shadow: 0 0 17px 6px #b582df88, 0 3px 6px #51357966; }
    .gk-page-lip { z-index: 4; border: 7px solid #f9f0ff; border-top-color: transparent; box-shadow: 0 4px 6px #6e4c9b66; clip-path: inset(46% -9px -8px -9px); }
    .gk-actor-slot { position: absolute; z-index: 3; left: 19px; top: 360px; width: 174px; height: 190px; overflow: hidden; }
    .gk-actor { position: absolute; left: 23px; top: -32px; width: 128px; height: 256px; background: url('assets/home-mode-animation/gk-think-v2.webp') 0 0 / 600% 100% no-repeat; opacity: 0; transform-origin: 52% 72%; filter: drop-shadow(0 5px 4px #4c347b66); }
    .gk-thought { position: absolute; z-index: 5; left: 150px; top: 432px; color: #8161be; font: 900 27px/1 Georgia, serif; opacity: 0; text-shadow: 0 2px 4px #fff, 0 0 8px #d6b7ff; }
    .gk-idea { position: absolute; z-index: 5; left: 145px; top: 418px; color: #ffda67; font: 900 36px/1 Georgia, serif; opacity: 0; text-shadow: 0 1px 1px #9c6f29, 0 0 12px #fff0a1, 0 0 23px #fbd173; }
    .gk-spark { position: absolute; z-index: 5; width: 7px; height: 7px; background: #ffe489; transform: rotate(45deg); box-shadow: 0 0 9px 3px #ffed9d; opacity: 0; }
    .gk-spark.one { left: 128px; top: 444px; }
    .gk-spark.two { left: 174px; top: 459px; width: 5px; height: 5px; }
    .home-sequence-playing .gk-book-glow, .home-sequence-playing .gk-page-lip { animation: open-book 5.8s ease-in-out 8.2s both; }
    .home-sequence-playing .gk-actor { animation: emerge-gk 5.8s ease-in-out 8.2s both, gk-poses 5.8s steps(1,end) 8.2s both; }
    .home-sequence-playing .gk-thought { animation: thinking 5.8s ease-in-out 8.2s both; }
    .home-sequence-playing .gk-idea { animation: eureka 5.8s ease-out 8.2s both; }
    .home-sequence-playing .gk-spark { animation: idea-spark 5.8s ease-out 8.2s both; }
    @keyframes open-book { 0%, 6% { opacity: 0; transform: scale(.03,.1); } 17% { opacity: 1; transform: scale(.8,.58); } 25%, 82% { opacity: 1; transform: scale(1); } 94% { opacity: .8; transform: scale(.42,.32); } 100% { opacity: 0; transform: scale(.02,.1); } }
    @keyframes emerge-gk { 0%, 10% { opacity: 0; transform: translateY(115px) scale(.87); } 20% { opacity: 1; transform: translateY(69px) scale(.93); } 35% { opacity: 1; transform: translateY(0) scale(1); } 48%, 82% { opacity: 1; transform: translateY(-4px) rotate(-2deg); } 89% { opacity: 1; transform: translateY(25px) rotate(3deg); } 98%, 100% { opacity: 0; transform: translateY(114px) scale(.87); } }
    @keyframes gk-poses { 0%, 17% { background-position: 0% 0; } 18%, 32% { background-position: 20% 0; } 33%, 47% { background-position: 40% 0; } 48%, 62% { background-position: 60% 0; } 63%, 82% { background-position: 80% 0; } 83%, 100% { background-position: 100% 0; } }
    @keyframes thinking { 0%, 26%, 66%, 100% { opacity: 0; transform: translateY(8px) rotate(-15deg) scale(.5); } 35%, 52% { opacity: .95; transform: translateY(-7px) rotate(8deg) scale(1); } }
    @keyframes eureka { 0%, 61%, 100% { opacity: 0; transform: translateY(12px) rotate(-35deg) scale(.1); } 70% { opacity: 1; transform: translateY(-6px) rotate(8deg) scale(1.2); } 83% { opacity: 1; transform: translateY(-13px) rotate(18deg) scale(1); } }
    @keyframes idea-spark { 0%, 63%, 100% { opacity: 0; transform: translateY(4px) rotate(45deg) scale(.1); } 74%, 86% { opacity: 1; transform: translateY(-22px) rotate(105deg) scale(1); } }
    
    .friends-glow, .friends-lip { position: absolute; left: 215px; top: 383px; width: 145px; height: 45px; border-radius: 50%; opacity: 0; transform: scale(.02,.1); }
    .friends-glow { z-index: 1; background: radial-gradient(ellipse, #9b5a29 0 30%, #e59352 55%, #ffe4ac 77%, #fff5df 90%); box-shadow: 0 0 15px 6px #ffc26f99; }
    .friends-lip { z-index: 4; border: 7px solid #ffe4b8; border-top-color: transparent; box-shadow: 0 4px 6px #ad683d77; clip-path: inset(48% -9px -8px -9px); }
    .friends-slot { position: absolute; z-index: 3; left: 197px; top: 249px; width: 178px; height: 176px; overflow: hidden; }
    .friends-svg { display: block; position: absolute; left: 4px; top: 3px; width: 170px; height: 170px; opacity: 0; overflow: visible; filter: drop-shadow(0 4px 4px #78442070); }
    .friends-svg .f-left, .friends-svg .f-right, .friends-svg .f-arm-left, .friends-svg .f-arm-right, .friends-svg .f-head-left, .friends-svg .f-head-right { transform-box: fill-box; transform-origin: center bottom; }
    .friends-svg .f-arm-left, .friends-svg .f-arm-right { transform-origin: 50% 8%; }
    .friends-svg .f-hug-arms { opacity: 0; }
    .friends-confetti { position: absolute; z-index: 5; left: var(--x); top: var(--y); width: var(--w, 7px); height: var(--h, 11px); background: var(--c); border-radius: 2px; opacity: 0; }
    .home-sequence-playing .friends-glow, .home-sequence-playing .friends-lip { animation: open-friends 5.8s ease-in-out 14.6s both; }
    .home-sequence-playing .friends-svg { animation: friends-emerge 5.8s ease-in-out 14.6s both; }
    .home-sequence-playing .f-left { animation: friends-left 5.8s ease-in-out 14.6s both; }
    .home-sequence-playing .f-right { animation: friends-right 5.8s ease-in-out 14.6s both; }
    .home-sequence-playing .f-head-left { animation: friends-head-left 5.8s ease-in-out 14.6s both; }
    .home-sequence-playing .f-head-right { animation: friends-head-right 5.8s ease-in-out 14.6s both; }
    .home-sequence-playing .f-arm-left { animation: friends-arm-left 5.8s ease-in-out 14.6s both; }
    .home-sequence-playing .f-arm-right { animation: friends-arm-right 5.8s ease-in-out 14.6s both; }
    .home-sequence-playing .f-hug-arms { animation: friends-hug-arms 5.8s ease-in-out 14.6s both; }
    .home-sequence-playing .friends-confetti { animation: confetti 2.1s ease-out var(--delay) both; }
    @keyframes open-friends { 0%, 5% { opacity: 0; transform: scale(.02,.1); } 17%, 80% { opacity: 1; transform: scale(1); } 95% { opacity: .7; transform: scale(.4,.35); } 100% { opacity: 0; transform: scale(.02,.1); } }
    @keyframes friends-emerge { 0%, 12% { opacity: 0; transform: translateY(126px) scale(.86); } 25% { opacity: 1; transform: translateY(63px) scale(.94); } 39%, 83% { opacity: 1; transform: translateY(0) scale(1); } 92% { opacity: 1; transform: translateY(34px) scale(.95); } 100% { opacity: 0; transform: translateY(126px) scale(.86); } }
    @keyframes friends-left { 0%, 31% { transform: translateX(-17px) rotate(-7deg); } 42% { transform: translateX(-10px) rotate(0); } 56%, 74% { transform: translateX(4px) rotate(3deg); } 82%, 100% { transform: translateX(0) rotate(-4deg); } }
    @keyframes friends-right { 0%, 31% { transform: translateX(17px) rotate(7deg); } 42% { transform: translateX(10px) rotate(0); } 56%, 74% { transform: translateX(-4px) rotate(-3deg); } 82%, 100% { transform: translateX(0) rotate(4deg); } }
    @keyframes friends-head-left { 0%, 34% { transform: rotate(-6deg); } 45% { transform: rotate(8deg); } 58%, 75% { transform: rotate(8deg); } 84%, 100% { transform: rotate(-4deg); } }
    @keyframes friends-head-right { 0%, 34% { transform: rotate(6deg); } 45% { transform: rotate(-8deg); } 58%, 75% { transform: rotate(-8deg); } 84%, 100% { transform: rotate(4deg); } }
    @keyframes friends-arm-left { 0%, 39% { transform: rotate(-43deg); } 54%, 76% { transform: rotate(47deg); } 84%, 100% { transform: rotate(-42deg); } }
    @keyframes friends-arm-right { 0%, 39% { transform: rotate(43deg); } 54%, 76% { transform: rotate(-47deg); } 84%, 100% { transform: rotate(42deg); } }
    @keyframes friends-hug-arms { 0%, 46%, 82%, 100% { opacity: 0; } 54%, 74% { opacity: 1; } }
    @keyframes confetti { 0% { opacity: 0; transform: translate(0,0) rotate(0) scale(.3); } 13% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; transform: translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(.8); } }
    
    .leader-glow, .leader-lip { position: absolute; left: 34px; top: 382px; width: 143px; height: 46px; border-radius: 50%; opacity: 0; transform: scale(.02,.1); }
    .leader-glow { z-index: 1; background: radial-gradient(ellipse, #2c786c 0 28%, #56bda3 56%, #c9ffe5 78%, #fffef0 91%); box-shadow: 0 0 15px 6px #7ee7be9a; }
    .leader-lip { z-index: 4; border: 7px solid #d2ffe4; border-top-color: transparent; box-shadow: 0 4px 6px #4c927380; clip-path: inset(48% -9px -8px -9px); }
    .leader-slot { position: absolute; z-index: 3; left: 15px; top: 238px; width: 176px; height: 187px; overflow: hidden; }
    .leader-svg { display: block; position: absolute; left: 0; top: 0; width: 176px; height: 180px; opacity: 0; overflow: visible; filter: drop-shadow(0 4px 4px #276e5b6b); }
    .leader-svg .support-left, .leader-svg .support-right, .leader-svg .leader-main, .leader-svg .cheer-left, .leader-svg .cheer-right, .leader-svg .leader-hand { transform-box: fill-box; transform-origin: center bottom; }
    .leader-svg .cheer-left, .leader-svg .cheer-right { transform-origin: 50% 95%; }
    .leader-svg .leader-hand { transform-origin: 50% 90%; }
    .leader-svg .leader-open-eyes { opacity: 0; }
    .leader-aura { position: absolute; z-index: 5; left: var(--x); top: var(--y); color: #fff3a3; font-size: var(--s, 15px); opacity: 0; text-shadow: 0 0 8px #e8db80; }
    .home-sequence-playing .leader-glow, .home-sequence-playing .leader-lip { animation: open-leader 5.8s ease-in-out 21s both; }
    .home-sequence-playing .leader-svg { animation: leader-emerge 5.8s ease-in-out 21s both; }
    .home-sequence-playing .support-left { animation: support-left 5.8s ease-in-out 21s both; }
    .home-sequence-playing .support-right { animation: support-right 5.8s ease-in-out 21s both; }
    .home-sequence-playing .leader-main { animation: leader-breathe 5.8s ease-in-out 21s both; }
    .home-sequence-playing .cheer-left { animation: cheer-left 5.8s ease-in-out 21s both; }
    .home-sequence-playing .cheer-right { animation: cheer-right 5.8s ease-in-out 21s both; }
    .home-sequence-playing .leader-hand { animation: leader-gratitude 5.8s ease-in-out 21s both; }
    .home-sequence-playing .leader-open-eyes { animation: leader-eye-change 5.8s steps(1,end) 21s both; }
    .home-sequence-playing .leader-closed-eyes { animation: leader-closed-eye-change 5.8s steps(1,end) 21s both; }
    .home-sequence-playing .leader-aura { animation: leader-spark 2.4s ease-out var(--delay) both; }
    @keyframes open-leader { 0%, 5% { opacity: 0; transform: scale(.02,.1); } 17%, 80% { opacity: 1; transform: scale(1); } 95% { opacity: .7; transform: scale(.4,.35); } 100% { opacity: 0; transform: scale(.02,.1); } }
    @keyframes leader-emerge { 0%, 12% { opacity: 0; transform: translateY(130px) scale(.88); } 25% { opacity: 1; transform: translateY(70px) scale(.94); } 38%, 85% { opacity: 1; transform: translateY(0) scale(1); } 93% { opacity: 1; transform: translateY(40px) scale(.96); } 100% { opacity: 0; transform: translateY(128px) scale(.88); } }
    @keyframes support-left { 0%, 34% { transform: translate(-10px,12px) rotate(-8deg); } 47% { transform: translate(0,0) rotate(6deg); } 58%, 78% { transform: translate(4px,-5px) rotate(-5deg); } 100% { transform: translate(0,0); } }
    @keyframes support-right { 0%, 34% { transform: translate(10px,12px) rotate(8deg); } 47% { transform: translate(0,0) rotate(-6deg); } 58%, 78% { transform: translate(-4px,-5px) rotate(5deg); } 100% { transform: translate(0,0); } }
    @keyframes leader-breathe { 0%, 32% { transform: translateY(4px) scale(.97); } 42%, 57% { transform: translateY(-2px) scale(1.01); } 64%, 84% { transform: translateY(0) scale(1); } 100% { transform: translateY(2px) scale(.99); } }
    @keyframes cheer-left { 0%, 38% { transform: rotate(-38deg); } 48%, 58%, 70%, 82% { transform: rotate(23deg); } 53%, 64%, 76% { transform: rotate(-35deg); } 100% { transform: rotate(-15deg); } }
    @keyframes cheer-right { 0%, 38% { transform: rotate(38deg); } 48%, 58%, 70%, 82% { transform: rotate(-23deg); } 53%, 64%, 76% { transform: rotate(35deg); } 100% { transform: rotate(15deg); } }
    @keyframes leader-gratitude { 0%, 58% { opacity: 0; transform: translateY(18px) rotate(22deg); } 68%, 84% { opacity: 1; transform: translateY(0) rotate(-7deg); } 100% { opacity: 0; transform: translateY(12px); } }
    @keyframes leader-eye-change { 0%, 57% { opacity: 0; } 58%, 100% { opacity: 1; } }
    @keyframes leader-closed-eye-change { 0%, 57% { opacity: 1; } 58%, 100% { opacity: 0; } }
    @keyframes leader-spark { 0% { opacity: 0; transform: translateY(8px) scale(.25) rotate(-20deg); } 20%, 72% { opacity: 1; } 100% { opacity: 0; transform: translateY(-28px) scale(.85) rotate(20deg); } }
    
    .gk-actor, .friends-svg { display: none; }
    .gk-portrait-stage, .friends-portrait-stage { position: absolute; inset: 0; opacity: 0; transform-origin: center bottom; }
    .gk-portrait, .friends-portrait { position: absolute; display: block; object-fit: contain; opacity: 0; pointer-events: none; }
    .gk-portrait { left: 13px; top: 15px; width: 148px; height: 178px; filter: drop-shadow(0 5px 4px #4c347b66); }
    .friends-portrait { left: 1px; top: 5px; width: 176px; height: 147px; filter: drop-shadow(0 4px 4px #78442070); }
    .home-sequence-playing .gk-portrait-stage { animation: emerge-gk 5.8s ease-in-out 8.2s both; }
    .home-sequence-playing .gk-portrait.think { animation: gk-think-frame 5.8s ease-in-out 8.2s both; }
    .home-sequence-playing .gk-portrait.adjust { animation: gk-adjust-frame 5.8s ease-in-out 8.2s both; }
    .home-sequence-playing .gk-portrait.solve { animation: gk-solve-frame 5.8s ease-in-out 8.2s both; }
    .home-sequence-playing .friends-portrait-stage { animation: friends-emerge 5.8s ease-in-out 14.6s both; }
    .home-sequence-playing .friends-portrait.open { animation: friends-open-frame 5.8s ease-in-out 14.6s both; }
    .home-sequence-playing .friends-portrait.hug { animation: friends-hug-frame 5.8s ease-in-out 14.6s both; }
    .home-sequence-playing .friends-portrait.cheer { animation: friends-cheer-frame 5.8s ease-in-out 14.6s both; }
    @keyframes gk-think-frame { 0%, 16% { opacity: 0; transform: translateY(7px) rotate(-3deg); } 25%, 45% { opacity: 1; transform: translateY(0) rotate(0); } 52%, 100% { opacity: 0; transform: translateY(-3px) rotate(2deg); } }
    @keyframes gk-adjust-frame { 0%, 44% { opacity: 0; transform: translateY(4px) rotate(-3deg); } 52%, 62% { opacity: 1; transform: translateY(0) rotate(0); } 69%, 100% { opacity: 0; transform: translateY(-2px) rotate(2deg); } }
    @keyframes gk-solve-frame { 0%, 61% { opacity: 0; transform: translateY(6px) scale(.97); } 70%, 84% { opacity: 1; transform: translateY(-2px) scale(1); } 92%, 100% { opacity: 0; transform: translateY(7px) scale(.97); } }
    @keyframes friends-open-frame { 0%, 16% { opacity: 0; transform: translateX(-5px) scale(.96); } 25%, 46% { opacity: 1; transform: translateX(0) scale(1); } 54%, 100% { opacity: 0; transform: translateX(4px) scale(1.02); } }
    @keyframes friends-hug-frame { 0%, 46% { opacity: 0; transform: scale(.94); } 54%, 70% { opacity: 1; transform: scale(1); } 77%, 100% { opacity: 0; transform: scale(1.03); } }
    @keyframes friends-cheer-frame { 0%, 70% { opacity: 0; transform: translateY(6px) scale(.97); } 78%, 86% { opacity: 1; transform: translateY(-2px) scale(1); } 94%, 100% { opacity: 0; transform: translateY(6px) scale(.97); } }


#home-mode-sequence.home-sequence-playing .couple-portal-back,
#home-mode-sequence.home-sequence-playing .couple-portal-lip,
#home-mode-sequence.home-sequence-playing .couple-flower,
#home-mode-sequence.home-sequence-playing .couple-spark { animation-delay: calc(0s - var(--home-mode-elapsed)); }
#home-mode-sequence.home-sequence-playing .couple-actor { animation-delay: calc(0s - var(--home-mode-elapsed)), calc(0s - var(--home-mode-elapsed)); }
#home-mode-sequence.home-sequence-playing .couple-heart,
#home-mode-sequence.home-sequence-playing .friends-confetti,
#home-mode-sequence.home-sequence-playing .leader-aura { animation-delay: calc(var(--delay) - var(--home-mode-elapsed)); }
#home-mode-sequence.home-sequence-playing .gk-book-glow,
#home-mode-sequence.home-sequence-playing .gk-page-lip,
#home-mode-sequence.home-sequence-playing .gk-thought,
#home-mode-sequence.home-sequence-playing .gk-idea,
#home-mode-sequence.home-sequence-playing .gk-spark,
#home-mode-sequence.home-sequence-playing .gk-portrait-stage,
#home-mode-sequence.home-sequence-playing .gk-portrait { animation-delay: calc(8.2s - var(--home-mode-elapsed)); }
#home-mode-sequence.home-sequence-playing .friends-glow,
#home-mode-sequence.home-sequence-playing .friends-lip,
#home-mode-sequence.home-sequence-playing .friends-portrait-stage,
#home-mode-sequence.home-sequence-playing .friends-portrait { animation-delay: calc(14.6s - var(--home-mode-elapsed)); }
#home-mode-sequence.home-sequence-playing .leader-glow,
#home-mode-sequence.home-sequence-playing .leader-lip,
#home-mode-sequence.home-sequence-playing .leader-svg,
#home-mode-sequence.home-sequence-playing .support-left,
#home-mode-sequence.home-sequence-playing .support-right,
#home-mode-sequence.home-sequence-playing .leader-main,
#home-mode-sequence.home-sequence-playing .cheer-left,
#home-mode-sequence.home-sequence-playing .cheer-right,
#home-mode-sequence.home-sequence-playing .leader-hand,
#home-mode-sequence.home-sequence-playing .leader-open-eyes,
#home-mode-sequence.home-sequence-playing .leader-closed-eyes { animation-delay: calc(21s - var(--home-mode-elapsed)); }
@media (prefers-reduced-motion: reduce) { #home-mode-sequence { display: none; } }