/* One editorial anchor and one flexible visual stage for every Tukini scene. */
*{box-sizing:border-box}html{scroll-snap-type:y mandatory;scroll-behavior:auto}body{margin:0;background:#080d24;color:#edf5ff;font-family:system-ui,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit}button{font:inherit;cursor:pointer;touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #64dbd8;outline-offset:3px}button{color:inherit}::selection{background:#6851ac;color:#fff}[hidden]{display:none!important}
.tk-skip{position:fixed;z-index:20;top:8px;left:8px;transform:translateY(-180%);padding:12px;background:#fff;color:#102537}.tk-skip:focus{transform:none}
.tk-header{position:fixed;z-index:8;inset:0 0 auto;height:72px;display:flex;align-items:center;gap:28px;padding:10px max(32px,calc((100% - 1280px)/2));background:linear-gradient(#080d24f8,#080d24e8 80%,transparent)}
.tk-brand{display:flex;flex-shrink:0}.tk-brand img{display:block;width:124px;height:auto}.tk-header nav{display:flex;gap:24px;margin-left:auto;align-items:center}.tk-header nav a,.tk-language{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;text-decoration:none;color:#c3d1eb}.tk-header nav a[aria-current=step]{color:#a2fff6;text-decoration:underline;text-underline-offset:7px}.tk-language{min-width:40px;border-left:1px solid #44506a;padding-left:20px}
.tk-scene{--scene-overflow-native:1;--visual-height:calc(100dvh - 148px);height:100vh;height:100dvh;min-height:520px;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:minmax(0,1fr);column-gap:64px;padding:108px max(40px,calc((100% - 1184px)/2)) 32px;position:relative;isolation:isolate}
.tk-editorial{min-width:0;align-self:start}.tk-eyebrow{font-size:10px;line-height:1.4;letter-spacing:1.6px;font-weight:650;color:#9ee8ee;margin:0 0 12px}.tk-editorial h1,.tk-editorial h2{font-size:clamp(40px,4vw,56px);line-height:1.05;letter-spacing:-.05em;font-weight:540;margin:0 0 18px}.tk-editorial h1 span{color:#80eeec}.tk-intro{font-size:17px;line-height:1.6;color:#b8c4dd;max-width:38ch;margin:0}.tk-scene-visual{min-height:0;min-width:0;height:100%;align-self:stretch}
.tk-hero{background:radial-gradient(ellipse at 75% 50%,#313e7e66,transparent 65%),#080d24}.tk-friends{background:radial-gradient(ellipse at 15% 80%,#50336a55,transparent 65%),#11132d}.tk-games{background:radial-gradient(ellipse at 90% 50%,#7969cf66,transparent 65%),#25234b}
.tk-playground{display:grid;grid-template-rows:48px minmax(100px,1fr) 44px;gap:8px;position:relative;min-height:0;min-width:0;text-align:center}.tk-bubble{align-self:center;justify-self:end;max-width:100%;margin:0;padding:8px 12px;font-size:12px;line-height:1.4;border:1px solid #57718b;border-radius:16px 16px 0 16px;background:#192b46;color:#d9f9ff;pointer-events:none}.tk-stage{position:relative;min-height:0;height:100%;isolation:isolate}.tk-orbit{position:absolute;inset:auto 8% 6%;width:84%;height:auto;aspect-ratio:1.2;max-height:80%;z-index:-1;border:1px solid #77e4f430;border-radius:50%;background:radial-gradient(ellipse,#4e79bf2e,transparent 68%);transform:rotate(-10deg)}.tk-pet{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent}.tk-pet img,.tk-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.tk-canvas canvas{display:block}.tk-pet[data-ready=true] img{visibility:hidden}
.tk-controlbar{display:flex;justify-content:center;align-items:center;gap:8px}.tk-call,.tk-actions button,.tk-video-toggle{min-height:44px;padding:10px 16px;border:1px solid #9e83dc;border-radius:28px;background:#6851ac;color:#fff;font-size:13px;white-space:nowrap}.tk-call{border:0;background:#7aefec;color:#102537;font-weight:650}.tk-actions{display:flex;justify-content:center}.tk-actions button span{display:none}.tk-pause,.tk-voice{width:44px;height:44px;display:grid;place-items:center;padding:0;flex-shrink:0;border:1px solid #4c6289;border-radius:50%;background:#121d37;color:#9eeee9}.tk-pause{font-size:19px}.tk-voice[aria-pressed=true]{border-color:#ecd1ff;color:#ecd1ff}.tk-voice-note{position:absolute;right:0;bottom:48px;max-width:44%;margin:0;font-size:10px;color:#b2a2ce;text-align:right;pointer-events:none}
.tk-cast{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px}.tk-cast-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tk-cast-choices button{min-width:0;min-height:44px;border:1px solid #454266;border-radius:18px;background:#21263e;color:#cbd4ed;padding:8px 2px}.tk-cast-choices img{display:block;width:100%;max-height:84px;aspect-ratio:1;object-fit:contain}.tk-cast-choices span{display:block;font-size:12px;margin-top:3px}.tk-cast-choices button[aria-pressed=true]{border-color:var(--friend);background:#333254;box-shadow:0 0 18px color-mix(in srgb,var(--friend) 14%,transparent)}
.tk-games-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}.tk-game-picker{min-width:0}.tk-game-choices{display:grid}.tk-game-choices button{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 0;border:0;border-bottom:1px solid #62598a;background:none;color:#c0b7df;font-size:20px;text-align:left}.tk-game-choices button>span:first-child{font-size:10px;color:#b5a5df}.tk-game-choices button>span:last-child{margin-left:auto}.tk-game-choices button[aria-pressed=true]{color:#99f9f0;border-color:#8ee9ee}.tk-game-description{font-size:13px;line-height:1.5;color:#c7c4e2;margin:20px 0 0;min-height:60px}
.tk-phone{width:min(100%,280px,calc((var(--visual-height) - 36px)*.614));margin:0 auto;min-width:0}.tk-phone>img,.tk-phone video{display:block;width:100%;height:auto;aspect-ratio:540/879;border:6px solid #070c1b;border-radius:26px;box-shadow:14px 22px 50px #09082744}.tk-phone figcaption{font-size:10px;line-height:1.4;color:#c7c0e6;text-align:center;margin-top:10px}
.tk-app{background:#9ee9e4;color:#15393e;grid-template-rows:minmax(0,1fr) auto;row-gap:18px;--visual-height:calc(100dvh - 190px)}.tk-app .tk-eyebrow{color:#276c72}.tk-app .tk-intro{color:#31575b}.tk-app-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}.tk-app-actions{display:grid;justify-items:center;align-content:center;gap:14px;min-width:0;text-align:center}.tk-app-mark{display:block;width:min(100%,220px);height:auto;object-fit:contain}.tk-video-toggle{background:#15192e;border-color:#66629c;color:#d8ebff;padding-inline:14px}.tk-status{font-size:12px;line-height:1.5;color:#31575b;margin:0}.tk-app-actions>a{font-size:13px;min-height:40px;display:flex;align-items:center;text-underline-offset:4px}.tk-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #34707344;padding-top:12px;font-size:12px;line-height:1.4}.tk-footer p{margin:0}.tk-footer a{min-height:28px;display:inline-flex;align-items:center;text-underline-offset:4px}.tk-footer p a{font-weight:650;text-decoration:none}
@media(max-width:1023px){
.tk-header{height:64px;padding:8px 28px;gap:20px}.tk-header nav{gap:20px}.tk-brand img{width:112px}
.tk-scene{padding:92px 32px 24px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:20px;--visual-height:calc(100dvh - 292px)}
.tk-editorial h1,.tk-editorial h2{font-size:42px;margin-bottom:12px}.tk-eyebrow{margin-bottom:8px}.tk-intro{max-width:48ch;font-size:16px}.tk-scene-visual{max-width:660px;justify-self:center;width:100%}
.tk-app{grid-template-rows:auto minmax(0,1fr) auto;--visual-height:calc(100dvh - 332px)}.tk-app-mark{width:min(100%,240px)}.tk-app-visual{max-width:600px}.tk-footer{font-size:11px}.tk-phone{width:min(100%,260px,calc((var(--visual-height) - 36px)*.614))}
}
@media(max-width:650px){
.tk-header{height:56px;padding:6px 16px;gap:8px}.tk-header .tk-brand img{width:84px}.tk-header nav{gap:0;margin-left:auto}.tk-header nav a{width:34px;min-height:40px}.tk-header nav a span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tk-header nav a::after{content:"";width:6px;height:6px;border-radius:10px;background:#8b9bb8}.tk-header nav a[aria-current=step]::after{width:17px;background:#a2fff6}.tk-language{font-size:11px;min-width:34px;padding-left:8px;min-height:40px}
.tk-scene{padding:82px 20px 20px;min-height:480px;gap:16px;--visual-height:calc(100dvh - 250px)}.tk-editorial h1,.tk-editorial h2{font-size:32px;line-height:1.07;margin:0 0 10px}.tk-eyebrow{font-size:9px;letter-spacing:1.3px;line-height:1.4;margin-bottom:8px}.tk-intro{font-size:15px;line-height:1.5;max-width:44ch}.tk-playground{grid-template-rows:44px minmax(80px,1fr) 44px;gap:6px}.tk-bubble{font-size:12px;padding:7px 10px}.tk-controlbar{gap:6px}.tk-call,.tk-actions button{font-size:12px;padding:9px 12px}.tk-cast{gap:12px}.tk-cast-choices{gap:5px}.tk-cast-choices button{padding:5px 0 7px;border-radius:14px}.tk-cast-choices img{max-height:52px}.tk-cast-choices span{font-size:10px;margin-top:0}
.tk-games-visual{gap:20px}.tk-game-choices button{font-size:16px;min-height:48px;gap:9px}.tk-game-description{font-size:12px;min-height:54px;margin-top:16px}.tk-phone{width:min(100%,190px,calc((var(--visual-height) - 28px)*.614))}.tk-phone>img,.tk-phone video{border-width:4px;border-radius:18px}.tk-phone figcaption{font-size:9px;margin-top:8px}
.tk-app{--visual-height:calc(100dvh - 294px);row-gap:14px}.tk-app-visual{gap:16px}.tk-app-mark{width:min(100%,180px)}.tk-app-actions{gap:8px}.tk-video-toggle{font-size:12px;padding:9px 12px;white-space:normal}.tk-status{font-size:11px}.tk-app-actions>a{font-size:12px;min-height:32px}.tk-footer{padding-top:8px;gap:10px;font-size:10px}
}
@media(max-width:370px){.tk-scene{padding-inline:16px}.tk-editorial h1,.tk-editorial h2{font-size:30px}.tk-intro{font-size:14px}.tk-controlbar{gap:5px}.tk-call,.tk-actions button{padding-inline:10px}.tk-app-visual{gap:12px}}
@media(max-height:620px) and (min-width:651px){.tk-scene{padding-top:84px;min-height:480px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:24px;--visual-height:calc(100dvh - 122px)}.tk-editorial h1,.tk-editorial h2{font-size:34px}.tk-intro{font-size:14px}.tk-app{grid-template-rows:minmax(0,1fr) auto;--visual-height:calc(100dvh - 170px)}.tk-cast-choices img{max-height:40px}.tk-app-mark{max-width:130px}.tk-game-choices button{min-height:44px;font-size:16px}.tk-game-description{font-size:12px}.tk-phone{width:min(100%,calc((var(--visual-height) - 30px)*.614))}}
@media(max-height:500px){html{scroll-snap-type:y proximity}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}