/* Local cinema palette extends the existing brand opening, never the app theme. */
.wt-film {--wt-bg:#1d2026;--wt-panel:#292d34;--wt-ink:#fff7f1;--wt-muted:#c2bcb7;--wt-accent:#ff9257;position:fixed;inset:0;z-index:11000;display:flex;flex-direction:column;background:var(--wt-bg);color:var(--wt-ink);padding:calc(20px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow:auto;font-family:var(--jf-ui-font,system-ui,-apple-system,"Segoe UI",sans-serif);isolation:isolate}
body.wt-open {overflow:hidden}
.wt-film * {box-sizing:border-box}
.wt-film button {font:inherit;cursor:pointer;min-height:44px;padding:10px 15px;border:1px solid #ffffff28;border-radius:12px;background:transparent;color:var(--wt-ink);box-shadow:none;white-space:normal}
.wt-film button:hover {background:#ffffff12;border-color:var(--wt-accent)}
.wt-film .wt-next:hover {background:#ffab7e;color:#24150c}
.wt-film button:focus-visible {outline:3px solid var(--wt-accent);outline-offset:4px}
.wt-film button:disabled {opacity:.35;cursor:default}
.wt-film button:active:not(:disabled) {transform:translateY(1px)}
.wt-film .jf-brand {color:var(--wt-ink)}
.wt-top,.wt-bottom {width:100%;max-width:1280px;margin-inline:auto;flex-shrink:0}
.wt-top {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;letter-spacing:normal;color:var(--wt-muted)}
.wt-top>div {display:flex;gap:8px;letter-spacing:0;font-size:12px}
.wt-top button {border:0}
.wt-body {display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);align-items:center;gap:50px;width:100%;max-width:1180px;margin:auto;flex:1;min-height:450px;padding:44px 0}
.wt-copy {max-width:470px;animation:wt-copy .5s ease both}
.wt-count {margin-left:12px;font-size:12px;color:var(--wt-muted);font-weight:400}
.wt-copy h1 {font-size:clamp(34px,4.1vw,58px);font-weight:600;line-height:1.15;letter-spacing:-.025em;margin:22px 0;color:var(--wt-ink);text-wrap:balance}
.wt-copy h1:focus {outline:none}
.wt-copy>p {font-size:17px;line-height:1.65;color:var(--wt-muted);max-width:38ch;margin:0}
.wt-demo-label {display:block;margin-top:30px;font-size:11px;color:#aaa9ac;line-height:1.5}
.wt-stage {min-width:0;min-height:400px;display:grid;place-items:center;position:relative;overflow:clip;padding:8px}
.wt-stage>div {width:100%;max-width:530px;position:relative}
.wt-stage img {object-fit:contain;max-width:100%}
.wt-stage p,.wt-stage small {color:var(--wt-muted);font-size:12px;line-height:1.5}
.wt-stage strong {color:var(--wt-ink)}
.wt-stage .mc {width:140px;height:140px}
.wt-joy {position:absolute;z-index:2;width:140px;height:140px}
.wt-card {background:var(--wt-panel);border:1px solid #ffffff15;border-radius:18px;padding:18px 20px;text-align:left}
.wt-card>span {display:block;color:var(--wt-muted);font-size:12px;margin-bottom:7px}
.wt-card>strong {font-size:19px;font-weight:650}
.wt-timeline {display:flex;gap:7px;margin-bottom:12px}
.wt-timeline button {height:20px;min-height:20px;flex:1;padding:0;border:none;border-radius:0;position:relative}
.wt-timeline button::after {content:'';position:absolute;left:0;right:0;top:8px;height:3px;background:#ffffff25;border-radius:3px}
.wt-timeline button.passed::after {background:var(--wt-accent)}
.wt-controls {display:flex;justify-content:space-between;align-items:center;gap:16px}
.wt-controls .wt-auto {margin-left:auto;font-size:12px;color:var(--wt-muted);border:0}
.wt-controls .wt-next {background:var(--wt-accent);color:#24150c;border:0;min-width:190px;font-weight:750;padding:15px 24px}
.wt-footer {display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--wt-muted);gap:20px;margin-top:8px}
.wt-footer button {border:0;font-size:12px;padding-inline:0;color:var(--wt-muted)}
.wt-invitation {display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;margin-top:18px;flex-wrap:wrap}
.wt-invitation>div {flex:1;min-width:150px}.wt-invitation p {font-size:13px;color:var(--t2);margin:5px 0}.wt-profile-entry {margin-top:18px}
/* 01. The wordmark has its own reveal; Joy walks into the light. */
.wt-opening {height:420px;display:grid;place-items:center}
.wt-wordmark .jf-brand {--brand-size:clamp(60px,8vw,110px)!important}
.wt-opening .wt-wordmark {z-index:2;transform:translateY(-25px)}
.wt-light {position:absolute;width:90%;height:2px;background:linear-gradient(90deg,transparent,#ff9257,transparent);top:44%;animation:wt-light 2s ease both}
.wt-opening .wt-joy {bottom:8px;left:calc(50% - 70px);animation:wt-arrive 1.5s cubic-bezier(.2,.7,.2,1) both}
.wt-orbit {position:absolute;width:90px;animation:wt-orbit 1.8s ease both;opacity:.9}.wt-o1 {top:12px;left:18px}.wt-o2 {top:5px;right:10px;width:125px}.wt-o3 {bottom:35px;right:12px;width:120px;border-radius:50%}
/* 02. A profile assembled, with no private fields. */
.wt-profile {display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:28px 0 60px}.wt-profile .wt-avatar {grid-column:1/-1;justify-self:center;background:var(--wt-accent);color:#24150c;width:75px;height:75px;border-radius:50%;display:grid;place-items:center;font-size:36px;font-weight:800;margin-bottom:12px}
.wt-profile .wt-card {animation:wt-build .65s ease both}.wt-profile .wt-card:nth-child(3){animation-delay:.25s}.wt-profile .wt-card:nth-child(4){animation-delay:.5s}.wt-profile .wt-card:nth-child(5){animation-delay:.75s}.wt-profile .wt-joy {right:-5px;bottom:-10px;transform:rotate(-9deg);width:90px;height:90px}.wt-profile .mc {width:90px;height:90px}
/* 03. Faithful feature hierarchy from the current Home. */
.wt-home {border:1px solid #ffffff20;border-radius:26px;padding:22px;background:#22262d;transform:perspective(1000px) rotateY(-6deg);animation:wt-home .9s ease both}.wt-mini-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--wt-muted);gap:12px}.wt-home-main{display:flex;align-items:center;margin:18px 0;background:#423027;border-radius:18px;padding:12px;gap:16px}.wt-home-main img{width:110px;height:110px;border-radius:50%}.wt-home-main strong,.wt-home-main span{display:block;margin-top:7px}.wt-home-main strong{font-size:23px}.wt-home-main span{font-size:12px}.wt-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wt-home-grid .wt-card{padding:12px}.wt-home-grid strong{font-size:14px}.wt-home-grid .wt-card{animation:wt-highlight 1s ease both}.wt-home-grid .wt-card:nth-child(2){animation-delay:.5s}.wt-home-grid .wt-card:nth-child(3){animation-delay:1s}.wt-home-grid .wt-card:nth-child(4){animation-delay:1.5s}
/* 04. Plate placement and a nutrient receipt. */
.wt-food{display:flex;align-items:center;gap:20px}.wt-plate{width:48%;border-radius:50%;animation:wt-plate 1.3s ease both}.wt-food-lines{flex:1}.wt-food-lines .wt-card{margin-bottom:10px;animation:wt-food-line .7s both}.wt-food-lines .wt-card:nth-child(2){animation-delay:.5s}.wt-food-lines .wt-total{animation-delay:1s;border-color:var(--wt-accent)}.wt-food-lines .wt-card strong{font-size:16px}
/* 05. Coffee steam and real interactive conversion. */
.wt-measures{text-align:center}.wt-coffee{height:165px;width:150px;margin:0 auto;position:relative}.wt-cup{position:absolute;bottom:0;width:120px;height:100px;background:#f6e5d4;border-radius:8px 8px 50px 50px;border-top:12px solid #6b3a1e;box-shadow:0 24px 0 -18px #ff9257}.wt-cup:after{content:'';position:absolute;width:33px;height:44px;border:9px solid #f6e5d4;border-left:0;border-radius:0 30px 30px 0;right:-28px;top:10px}.wt-coffee>span{position:absolute;width:3px;height:35px;left:32px;top:17px;background:#fff5;border-radius:50%;animation:wt-steam 3s ease 2}.wt-coffee>span:nth-child(2){left:60px;animation-delay:.35s}.wt-coffee>span:nth-child(3){left:88px;animation-delay:.7s}.wt-demo-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:18px 0}.wt-measures output{display:block;padding:18px;background:var(--wt-panel);border-radius:14px;font-size:15px;margin-bottom:12px}.wt-measures small{display:block;max-width:340px;margin:auto}
/* 06. A fill represents quantity, not an ornamental ring. */
.wt-water{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}.wt-water>img{width:140px;height:230px;animation:wt-bottle 1s ease both}.wt-vessel{height:230px;width:150px;border:2px solid #6cc8ed88;border-radius:16px 16px 45px 45px;position:relative;overflow:hidden;background:#349bd112}.wt-vessel>div{position:absolute;bottom:0;width:100%;height:65%;background:#349bd1;animation:wt-fill 2.5s cubic-bezier(.2,.6,.3,1) both}.wt-vessel strong{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:32px;text-shadow:0 1px 4px #0008}.wt-vessel span{font-size:12px;margin-top:7px}.wt-water-adds{display:flex;gap:10px;width:100%;justify-content:center;flex-wrap:wrap}.wt-water-adds span{padding:10px 14px;border-radius:25px;background:#349bd126;font-size:12px;animation:wt-drop .8s both}.wt-water-adds span:nth-child(2){animation-delay:1s}.wt-water-adds span:nth-child(3){animation-delay:2s}
/* 07. Training equipment settles, then the week is assembled. */
.wt-workout>img{display:block;height:140px;width:220px;margin:0 auto;animation:wt-lift 1.5s ease both}.wt-week{display:flex;gap:6px;margin:24px 0}.wt-week span{flex:1;text-align:center;padding:12px 0;font-size:10px;border-radius:12px;background:var(--wt-panel);animation:wt-build 1s both}.wt-week b{display:block;margin-top:8px;font-size:18px}.wt-week .active{background:#ff925724;color:var(--wt-accent)}.wt-check{font-size:13px;text-align:center;margin-top:15px;color:#82d4b8;animation:wt-check 1s 1.4s both}
/* 08. A persistent-time feature, accelerated only here. */
.wt-fast{width:300px!important;text-align:center}.wt-fast svg{width:100%;height:auto;transform:rotate(-90deg)}.wt-fast circle{fill:none;stroke:#ffffff14;stroke-width:7}.wt-fast .wt-clock{stroke:var(--wt-accent);stroke-linecap:round;stroke-dasharray:641;animation:wt-clock 5s linear both}.wt-fast>div{position:absolute;top:90px;left:0;right:0}.wt-fast small{font-size:9px}.wt-fast strong{display:block;font-size:45px;letter-spacing:-.06em;margin:12px}.wt-fast span{font-size:12px;color:var(--wt-muted)}
/* 09. Trace distinct observations. */
.wt-progress{padding:25px 0}.wt-sunrise{position:absolute;inset:0;width:100%;height:100%;opacity:.18}.wt-progress svg{position:relative;width:100%;overflow:visible}.wt-gridline{stroke:#ffffff15;fill:none}.wt-chartline{fill:none;stroke:var(--wt-accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:500;animation:wt-chart 2.5s ease both}.wt-progress circle{fill:#fff;stroke:var(--wt-accent);stroke-width:3;animation:wt-check .8s 1.8s both}.wt-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--wt-muted);margin-top:20px}.wt-progress p{text-align:center}
/* 10. An actual level-five collectible emerges from the chest. */
.wt-rewards{text-align:center;padding-top:90px}.wt-chest{width:220px;height:170px;animation:wt-chest 1.2s ease both}.wt-unlock{position:absolute;top:0;left:calc(50% - 70px);width:140px;height:140px;animation:wt-unlock 1.6s .6s both}.wt-xp{height:7px;background:#ffffff1a;border-radius:8px;margin:20px auto;width:70%;overflow:hidden}.wt-xp i{display:block;width:100%;height:100%;background:var(--wt-accent);transform-origin:left;animation:wt-xp 2s ease both}.wt-rewards strong,.wt-rewards small{display:block;margin:12px}
/* 11. Frame equips around initials; the artwork itself is never warped. */
.wt-cosmetics{text-align:center}.wt-equipped{position:relative;width:210px;height:210px;margin:auto;display:grid;place-items:center}.wt-equipped span{width:72%;height:72%;border-radius:50%;background:#49415a;display:grid;place-items:center;font-size:64px}.wt-equipped img{position:absolute;inset:0;width:100%;height:100%;animation:wt-equip 1.6s ease both}.wt-cosmetic-pair{display:flex;justify-content:center;gap:30px;margin-top:18px}.wt-cosmetic-pair img{width:100px;height:100px;animation:wt-badges 1s .8s both}
/* 12. Private circle positions settle into a list. */
.wt-ranking>img{display:block;width:200px;height:120px;margin:0 auto 12px}.wt-rank-row{display:flex;align-items:center;gap:15px;padding:14px 18px;border-radius:14px;background:var(--wt-panel);margin:7px 0;animation:wt-rank 1.2s ease both}.wt-rank-row:nth-child(3){animation-delay:.3s}.wt-rank-row:nth-child(4){animation-delay:.6s}.wt-rank-row b{color:var(--wt-accent)}.wt-rank-row small{margin-left:auto;font-size:10px}.wt-invite{border:1px dashed var(--wt-accent);padding:12px;border-radius:12px;margin-top:16px;text-align:center;font-size:13px;animation:wt-invite .8s 1s both}.wt-ranking p{text-align:center}
/* 13. A vertical memory composition; no pretend share integration. */
.wt-memories{text-align:center}.wt-story{width:220px;height:340px;border:1px solid #ffffff35;border-radius:22px;padding:24px;background:#332923;margin:auto;display:flex;align-items:center;flex-direction:column;justify-content:space-between;animation:wt-story 1.5s ease both;box-shadow:-24px 10px 0 -5px #ffffff06,24px -10px 0 -5px #ffffff06}.wt-story>span{font-size:12px;letter-spacing:normal;color:var(--wt-accent)}.wt-story img{width:100%;height:80px}.wt-story strong{font-size:18px}.wt-story small{font-size:11px}.wt-share{font-size:12px;margin-top:20px;animation:wt-check 1s 1s both}
/* 14. A goal slider changes its indicator. */
.wt-goals{padding-bottom:100px}.wt-slider{height:7px;background:#ffffff20;margin:30px 15px;position:relative}.wt-slider i{display:block;height:100%;width:70%;background:var(--wt-accent);transform-origin:left;animation:wt-goal 2s both}.wt-slider b{position:absolute;left:70%;top:-6px;width:20px;height:20px;background:#fff;border-radius:50%;animation:wt-knob 2s both}.wt-goals .wt-joy{bottom:-25px;right:0;transform:rotate(7deg)}.wt-goals>p{max-width:65%}
/* 15. Device aperture reshapes without scaling the logo. */
.wt-devices{text-align:center;padding-bottom:60px}.wt-device{height:260px;width:210px;margin:auto;background:#11151b;border:5px solid #53565d;border-radius:28px;padding:10px;animation:wt-device 1.8s ease both}.wt-device>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;border-radius:18px;background:#292d34}.wt-device span{font-size:11px}.wt-notification{position:relative;width:310px;max-width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:#3a3d43;padding:12px;border:1px solid #ffffff2a;border-radius:18px;margin:-35px auto 0;animation:wt-notice .8s 1.8s both}.wt-notification .mc{width:42px;height:42px;flex-shrink:0}.wt-notification b{display:block;font-size:11px;margin-bottom:5px}.wt-notification span{font-size:11px}.wt-devices>p{max-width:300px;margin:20px auto 0}
/* 16. The feature art folds into a final brand composition. */
.wt-ending{text-align:center;padding-top:170px}.wt-finale-art{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;gap:30px}.wt-finale-art img{width:100px;height:100px;animation:wt-final-art 1.4s both}.wt-finale-art img:nth-child(2){border-radius:50%;animation-delay:.2s}.wt-finale-art img:nth-child(3){animation-delay:.4s}.wt-ending .wt-joy{left:calc(50% - 70px);top:70px;animation:wt-bow 2s 1s both}.wt-ending .wt-wordmark{margin:40px auto 20px}.wt-ending>span{font-size:13px;color:var(--wt-muted)}
@keyframes wt-copy{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes wt-light{0%{transform:translateX(-20%) scaleX(0);opacity:0}50%{opacity:1}100%{transform:translateX(0) scaleX(1);opacity:.2}}
@keyframes wt-arrive{from{opacity:0;transform:translate(-120px,30px) rotate(-12deg)}to{opacity:1;transform:none}}
@keyframes wt-orbit{from{opacity:0;transform:translateY(-35px) rotate(-15deg)}to{opacity:.9;transform:none}}
@keyframes wt-build{from{opacity:0;transform:translateY(35px) scale(.94)}to{opacity:1;transform:none}}
@keyframes wt-home{from{opacity:0;transform:perspective(1000px) rotateY(-25deg) translateX(35px)}to{opacity:1;transform:perspective(1000px) rotateY(-6deg)}}
@keyframes wt-highlight{50%{border-color:#ff9257;background:#493329}}
@keyframes wt-plate{from{opacity:0;transform:rotate(-30deg) scale(.7)}to{opacity:1;transform:none}}
@keyframes wt-food-line{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes wt-steam{0%{opacity:0;transform:translateY(15px)}50%{opacity:.7}100%{opacity:0;transform:translateY(-22px)}}
@keyframes wt-bottle{from{transform:rotate(-15deg) translateY(-20px)}to{transform:none}}
@keyframes wt-fill{from{height:0}to{height:65%}}
@keyframes wt-drop{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}
@keyframes wt-lift{0%{transform:translateY(30px) rotate(-8deg)}60%{transform:translateY(-20px) rotate(4deg)}100%{transform:none}}
@keyframes wt-check{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes wt-clock{from{stroke-dashoffset:641}to{stroke-dashoffset:0}}
@keyframes wt-chart{from{stroke-dashoffset:500}to{stroke-dashoffset:0}}
@keyframes wt-chest{0%,100%{transform:none}30%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}}
@keyframes wt-unlock{from{opacity:0;transform:translateY(130px) scale(.3)}to{opacity:1;transform:none}}
@keyframes wt-xp{from{transform:scaleX(.15)}to{transform:scaleX(1)}}
@keyframes wt-equip{from{opacity:0;transform:scale(1.5) rotate(-15deg)}to{opacity:1;transform:none}}
@keyframes wt-badges{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}
@keyframes wt-rank{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
@keyframes wt-invite{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes wt-story{from{opacity:0;transform:perspective(700px) rotateY(35deg) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes wt-goal{from{transform:scaleX(.4)}to{transform:scaleX(1)}}
@keyframes wt-knob{from{left:28%}to{left:70%}}
@keyframes wt-device{from{width:95%;border-radius:10px}to{width:210px;border-radius:28px}}
@keyframes wt-notice{from{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:none}}
@keyframes wt-final-art{from{opacity:0;transform:translateY(-40px) rotate(12deg)}to{opacity:1;transform:none}}
@keyframes wt-bow{0%,100%{transform:none}50%{transform:translateY(10px) rotate(8deg)}}
.wt-paused *,.wt-paused *::before,.wt-paused *::after{animation-play-state:paused!important}
@media(max-width:767px){
 .wt-film{padding:calc(12px + env(safe-area-inset-top)) 18px calc(10px + env(safe-area-inset-bottom))}.wt-top{font-size:12px;letter-spacing:normal}.wt-count{display:block;margin:4px 0 0;font-size:11px}.wt-top>div{gap:0}.wt-top button{font-size:10px;padding:6px 8px}.wt-body{grid-template-columns:1fr;gap:22px;padding:22px 0;min-height:0;flex:none}.wt-copy{max-width:100%}.wt-copy h1{font-size:clamp(30px,8vw,43px);margin:12px 0;max-width:15ch}.wt-copy>p{font-size:14px;line-height:1.55;max-width:42ch}.wt-demo-label{margin-top:12px;font-size:9px}.wt-stage{min-height:290px}.wt-stage>div{max-width:370px}.wt-bottom{margin-top:auto}.wt-controls{gap:8px;flex-wrap:wrap}.wt-controls>button{font-size:12px;padding:12px}.wt-controls .wt-next{min-width:0;flex:1}.wt-controls .wt-auto{order:3;width:100%;min-height:32px;padding:5px}.wt-timeline{gap:4px;margin-bottom:4px}.wt-footer{margin-top:0;gap:12px}.wt-footer span{font-size:9px;text-align:right}.wt-footer button{font-size:10px;flex-shrink:0}.wt-opening{height:300px}.wt-opening .wt-wordmark{transform:translateY(-25px)}.wt-wordmark .jf-brand{--brand-size:64px!important}.wt-orbit{width:64px}.wt-o2{width:90px}.wt-o3{width:85px;bottom:10px}.wt-opening .wt-joy{bottom:0}.wt-stage .wt-opening .mc{width:125px;height:125px}.wt-profile{padding-bottom:50px;gap:8px}.wt-profile .wt-card{padding:14px}.wt-profile .wt-card strong{font-size:16px}.wt-home{padding:14px;transform:none}.wt-home-main img{width:80px;height:80px}.wt-home-main strong{font-size:20px}.wt-home-main small{font-size:9px}.wt-food{gap:10px}.wt-food-lines .wt-card{padding:12px}.wt-food-lines .wt-card strong{font-size:13px}.wt-food-lines .wt-card span{font-size:10px}.wt-food-lines p{font-size:10px}.wt-water{gap:20px}.wt-water>img{width:100px;height:180px}.wt-vessel{height:180px;width:130px}.wt-water-adds{gap:5px}.wt-water-adds span{font-size:10px;padding:8px}.wt-fast{width:250px!important}.wt-fast>div{top:65px}.wt-fast strong{font-size:38px}.wt-workout>img{height:100px}.wt-week{margin:16px 0;gap:4px}.wt-week span{font-size:9px}.wt-workout .wt-card{padding:12px}.wt-workout .wt-card strong{font-size:16px}.wt-rewards{padding-top:60px}.wt-chest{height:145px}.wt-unlock{height:110px;width:110px;left:calc(50% - 55px)}.wt-equipped{width:165px;height:165px}.wt-cosmetic-pair img{width:75px;height:75px}.wt-story{width:180px;height:280px;padding:18px}.wt-story img{height:60px}.wt-ranking>img{height:90px}.wt-rank-row{padding:12px}.wt-device{height:230px}.wt-ending{padding-top:150px}.wt-finale-art{gap:15px}.wt-finale-art img{width:80px;height:80px}.wt-ending .wt-joy{top:50px}.wt-ending .wt-wordmark{margin-top:30px}
}
@media(max-height:600px) and (min-width:768px){.wt-body{min-height:350px;padding:20px 0;gap:35px}.wt-copy h1{font-size:38px}.wt-stage{min-height:320px}.wt-stage>div{transform:scale(.85)}.wt-film{padding-top:10px}}
@media(prefers-reduced-motion:reduce){.wt-film *,.wt-film *::before,.wt-film *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.wt-film .wt-light{opacity:.2}.wt-film .wt-coffee>span{opacity:.4}.wt-film .wt-home{transform:none}}