:root{--ink:#0b0908;--y:#fbfc7e;--pu:#5542e7;--pu2:#4635c9;--pu3:#2a1d9a;--pink:#ec187e;--cy:#00ffff;--ez:cubic-bezier(.22,1,.36,1);--pop:cubic-bezier(.34,1.56,.64,1);--z:1}
body{margin:0;overflow-x:clip}
#stage,#stage *{box-sizing:border-box}
#stage{color:var(--ink);font-family:Montserrat,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;background:var(--pu)}
#stage{width:1920px;zoom:var(--z);position:relative}
#stage section{position:relative;width:1920px;overflow:clip}
.L{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none;-webkit-user-drag:none}
.g{position:absolute;left:0;top:0;width:0;height:0}
.tx{position:absolute;left:0;top:0;transform-origin:0 0;margin:0;font-kerning:normal;font-feature-settings:"kern" 1;cursor:text}
.tx span{font-synthesis:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;white-space:nowrap}
canvas.gl{position:absolute;left:0;top:0;pointer-events:none;display:block}
button:focus-visible{outline:3px solid var(--y);outline-offset:5px}
::selection{background:rgba(251,252,126,.85);color:#2a1d9a}

/* buttons */
.cta{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;border-radius:3.2px;
  font:700 22.44px/1.2 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:0;
  transition:transform .4s var(--ez),box-shadow .4s var(--ez),background-color .3s var(--ez)}
.cta.y{background:var(--y);color:var(--pu2);border:3.6px solid var(--y);box-shadow:8px 8px 0 var(--pu2)}
.cta.y:hover{transform:scale(1.05);box-shadow:10px 10px 0 var(--pu3)}
.cta.m{background:var(--y);color:#d3086a;border:1.6px solid #d3086a;box-shadow:0 0 0 rgba(0,0,0,0)}
.cta.m:hover{transform:scale(1.05);box-shadow:6px 6px 0 #a0004c}
.cta:active{transform:scale(.98)}

/* reveal helpers (only when JS animation is on) */
.anim .rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ez),transform .9s var(--ez)}
.anim .rv.on{opacity:1;transform:none}
.anim .tl{opacity:0;transform:translateX(-46px);transition:opacity .9s var(--ez),transform 1s var(--ez)}
.anim .tl.r{transform:translateX(46px)}
.anim .tl.on{opacity:1;transform:none}
.anim .pp{opacity:0;transform:scale(.5);transition:opacity .45s var(--ez),transform .8s var(--pop)}
.anim .pp.on{opacity:1;transform:none}

/* HERO */
#hero{height:1513px;background:var(--pu)}
.anim #hero .star{opacity:0;transform:translateY(-240px) rotate(-70deg) scale(.5);transform-origin:968px 146px;transition:transform 1.05s var(--pop),opacity .4s var(--ez)}
.anim #hero .star.on{opacity:1;transform:none}
#hero .star.glow img{animation:glow 3.6s ease-in-out infinite}
@keyframes glow{0%,100%{filter:drop-shadow(0 0 8px rgba(255,209,2,.2))}50%{filter:drop-shadow(0 0 30px rgba(255,209,2,.7))}}
.anim #hero .arr img{clip-path:inset(-20% 100% -20% -20%);transition:clip-path .9s cubic-bezier(.45,.05,.3,1)}
.anim #hero .arr.rtl img{clip-path:inset(-20% -20% -20% 100%)}
.anim #hero .arr.on img{clip-path:inset(-20% -20% -20% -20%)}
.anim #hero .lab{opacity:0;transform:translateY(10px);transition:opacity .7s var(--ez) .25s,transform .8s var(--ez) .25s}
.anim #hero .lab.on{opacity:1;transform:none}
.anim #hero .pl{opacity:0;transform:translateY(48px) scale(.95);transition:opacity .7s var(--ez),transform .95s var(--pop)}
.anim #hero .pl.on{opacity:1;transform:none}
.anim #hero .medal{transform-origin:1447px 462px}
.flake{animation:flk 7s ease-in-out infinite}
@keyframes flk{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(18deg)}}
.twk{animation:twk 2.8s ease-in-out infinite}
@keyframes twk{0%,100%{opacity:1}50%{opacity:.35}}
.zm{position:absolute;display:none;z-index:80;pointer-events:none;background:#f6f5f2 center/100% 100% no-repeat;box-shadow:0 2px 4px rgba(0,0,0,.4);
  transition:transform .5s var(--ez),box-shadow .4s var(--ez)}
.zm.vis{display:block}.zm.on{box-shadow:0 30px 60px rgba(0,0,0,.5)}
#hero.hov{cursor:zoom-in}

/* PAIN */
#pain{height:1956px;margin-bottom:-2px;background:var(--pu)}
.tear{position:absolute;left:-240px;top:0;width:2400px;height:191px;transform-origin:30% 100%;pointer-events:none;will-change:transform}
.tear::before{content:"";position:absolute;left:0;right:0;bottom:189px;height:2600px;background:var(--pu)}
.tear img{position:absolute;left:240px;top:0;width:1920px;height:191px}
.anim #pain .sc{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ez),transform 1s var(--ez)}
.anim #pain .sc.on{opacity:1;transform:none}
.anim #pain .wo{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.25) rotate(var(--r));transform-origin:var(--ox) var(--oy);transition:opacity .25s var(--ez),transform .6s var(--pop)}
.anim #pain .wo.on{opacity:1;transform:none}
.anim #pain .cat{opacity:0;transform:translateY(90px);transition:opacity .6s var(--ez),transform 1s var(--pop)}
.anim #pain .cat.on{opacity:1;transform:none}
.logos{position:absolute;left:0;top:1706.65px;width:1920px;height:58px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.logos .row{display:flex;gap:80px;width:max-content;padding-left:19.5px;animation:marq 70s linear infinite}
.logos img{height:57.6px;width:4248px;display:block;pointer-events:none}
@keyframes marq{to{transform:translateX(-4328px)}}

/* QUIZ */
#quiz{height:1168px;background:var(--pink)}
.anim #quiz .qin{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ez),transform 1s var(--ez)}
.anim #quiz.on .qin{opacity:1;transform:none}
.prog{position:absolute;left:191px;top:401.2px;white-space:nowrap;font:400 15px/18px Montserrat,sans-serif;letter-spacing:-.45px;color:rgba(11,9,8,.55)}
.track{position:absolute;left:305px;top:408px;overflow:visible}
.timer{position:absolute;left:1655.2px;top:399.9px;font:700 20.8px/25px Montserrat,sans-serif;color:var(--pu);font-variant-numeric:tabular-nums}
#quiz.form .prog,#quiz.form .track,#quiz.form .timer{display:none}
.back{position:absolute;left:191px;top:930px;white-space:nowrap;font:600 15px/13.5px Montserrat,sans-serif;letter-spacing:-.15px;color:#000;background:none;border:0;padding:4px 0;cursor:pointer}
.back:hover{color:var(--pu)}
.qtitle{position:absolute;left:218.8px;top:455.2px;width:1482.4px;text-align:center;font:700 30px/37px Montserrat,sans-serif;text-transform:uppercase;color:var(--ink);margin:0}
.wg{position:absolute;left:0;top:0;overflow:visible;display:block}
.wg .f{fill:#f8f6f3;transition:fill .3s var(--ez)}.wg .s{fill:none;stroke:#000;stroke-width:1.23;stroke-linejoin:round}
.wg.so .f{display:none}
.qcard{position:absolute;left:143.13px;top:377.15px}
.qcard .wg{filter:drop-shadow(14.62px 14.62px 0 #d3086a)}
.qcard .st{display:none}#quiz.form .qcard .wl{display:none}#quiz.form .qcard .st{display:block}
.opt{position:absolute;top:542.16px;width:255.09px;height:350px;padding:0;border:0;background:none;cursor:pointer;transition:transform .35s var(--ez)}
.opt>*{position:absolute}.opt>.cb,.opt>.wg{left:0;top:0}
.opt .ph{left:0;top:0;width:255.09px;height:255.09px;border-radius:50%;overflow:hidden}
.opt img{position:absolute;display:block;max-width:none;pointer-events:none}
.opt .cb{filter:drop-shadow(4.62px 4.62px 0 #4635c9);transition:filter .3s var(--ez)}
.opt .lb{left:39.08px;top:290.65px;width:176.92px;height:58.93px}
.opt .lt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 23px;font:600 20px/18px Montserrat,sans-serif;letter-spacing:-.2px;color:var(--pu);text-align:center;transition:color .3s var(--ez)}
.opt:hover,.opt:focus-visible{transform:translateY(-4px)}
.opt:focus-visible{outline:none}
.opt:hover .cb,.opt:focus-visible .cb,.opt.sel .cb{filter:drop-shadow(4.62px 4.62px 0 #d3086a)}
.opt:hover .lb .f,.opt:focus-visible .lb .f,.opt.sel .lb .f{fill:var(--pink)}
.opt:hover .lt,.opt:focus-visible .lt,.opt.sel .lt{color:#f8f6f3}
.ftop{position:absolute;left:500px;top:438px;width:862px;text-align:center;font:600 20px/24px Montserrat,sans-serif;color:#0b0908;margin:0}
.chips{position:absolute;left:500px;top:492px;width:862px;height:41px}
.chips span{position:absolute;top:0;width:258px;height:41px;border:2px solid var(--pink);border-radius:3px;display:flex;align-items:center;justify-content:center;font:600 15px/18px Montserrat,sans-serif;color:#d3086a;white-space:nowrap}
.ftitle{position:absolute;left:191px;top:585px;width:1481px;text-align:center;font:600 33.34px/38.35px Montserrat,sans-serif;color:#000;margin:0}
.ff{position:absolute;top:669px;width:388px;height:80px}
.ff input{position:absolute;left:0;top:0;width:100%;height:80px;padding:0 10px;font:400 22.23px/26.7px Montserrat,sans-serif;color:#1e1611;background:transparent;border:0;border-bottom:1px solid #000;border-radius:0;outline:none}
.ff input::placeholder{color:#1e1611;opacity:1}
.ff input:focus{border-bottom-color:var(--pu)}
.ff .hint{position:absolute;left:177px;top:29px;font:400 18.06px/21.7px Montserrat,sans-serif;color:rgba(88,88,88,.65);pointer-events:none}
.ff input:not(:placeholder-shown)~.hint{display:none}
.ff .err{position:absolute;left:10px;top:86px;font:400 14px/1.2 Montserrat,sans-serif;color:#b3261e;white-space:nowrap}
.fbtn{position:absolute;left:757px;top:804px;width:348px;height:72px;background:var(--pink);border:3.6px solid var(--pink);border-radius:3.2px;box-shadow:6px 6px 0 #d3086a;font:700 22.44px/26.9px Montserrat,sans-serif;text-transform:uppercase;color:#fbfc7e;cursor:pointer;padding:0;transition:transform .35s var(--ez),box-shadow .35s var(--ez)}
.fbtn:hover{transform:scale(1.04);box-shadow:8px 8px 0 #a0004c}
.fbtn:active{transform:scale(.98)}
.deco{position:absolute;pointer-events:none;display:block}
.done p{position:absolute;left:191px;width:1481px;text-align:center;margin:0}
.fade{animation:fadeIn .55s var(--ez) both}
@keyframes fadeIn{from{opacity:0;transform:translateY(16px)}}

/* TABLE */
#tblw{background:var(--pink);overflow:visible}
#tst{position:sticky;top:0;width:1920px;overflow:clip;background:var(--pink)}
#tstrip{position:absolute;left:0;width:1920px;bottom:0;background:var(--cy)}
#tin{position:absolute;left:0;top:0;width:1920px;height:1268px;transform-origin:0 0}
#tin .ds,#tin .fd,#tin .end,#tin .arw,#tin .hd{will-change:opacity,transform}
.pl{position:absolute;background:#d3086a}
#tin .nxt,.mz .nxt{position:absolute;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;transition:transform .45s var(--ez),opacity .4s var(--ez)}
#tin .nxt img,.mz .nxt img{position:absolute;display:block;pointer-events:none}
#tin .nxt:hover,.mz .nxt:hover{transform:translateX(10px)}
#tin .nxt:focus-visible{outline:3px solid var(--y);outline-offset:6px}
#tin .nxt.off{opacity:0;pointer-events:none}
.mob #tin>.nxt{display:none}
#tin .end{opacity:0;transition:opacity .6s var(--ez),transform .6s var(--ez);transform:translateY(16px);pointer-events:none}
#tin .end.on{opacity:1;transform:none;pointer-events:auto}

/* METHOD «Очі в очі» (Figma 457:3675): pinned scene, 5 states driven by scroll */
#meth{background:var(--cy);overflow:visible}
#mst{position:sticky;top:0;width:1920px;overflow:clip;background:var(--cy)}
#mfr{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0}
#mfr p,#mfr h2{position:absolute;margin:0}
#mfr img{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none}
#mfr .mt{font:600 66px/64px Montserrat,sans-serif;text-transform:uppercase;white-space:nowrap;letter-spacing:0}
#mfr .sb{font:500 30px/31.5px Montserrat,sans-serif;color:#000;white-space:nowrap}
#mfr .sb b{font-weight:600}
#mfr .sb.c{text-align:center;white-space:normal}
#mfr .cd{position:absolute;width:473.11px;height:378.65px;will-change:transform,opacity}
#mfr .mpp{position:absolute;inset:0;background:#f8f6f3;border:1.6px solid #000;border-radius:2px;filter:url(#qrough)}
#mfr .cd p{font:600 24px/28.8px Montserrat,sans-serif;letter-spacing:-.24px;color:#0b0908;text-align:center}
#mfr .st{position:absolute;height:12px;overflow:visible;transform-origin:0 50%}
#mfr .st svg{display:block;width:100%;height:100%;overflow:visible}
#mfr .ly{position:absolute;left:723.45px;top:502.27px;width:473.11px;height:378.65px;transform-origin:50% 50%;will-change:transform}
#mfr .ly .mpp{background:var(--c)}
#mfr .ly p{font:500 24px/25.2px Montserrat,sans-serif;letter-spacing:-.24px;color:#000}
#mfr .ly p b{font-weight:700}
#mfr .pol{will-change:transform,opacity}
#mfr .lb{font:700 40px/28px Caveat,cursive;letter-spacing:-.4px;color:#000;text-align:center}
#mfr .ds{font:400 20px/20px Montserrat,sans-serif;letter-spacing:-.2px;color:#000;text-align:center}
#mfr .ar{filter:drop-shadow(1px 3px 0 #4635c9)}
.mob #mst{width:780px}
.mob #mfr,#mmz{display:none}
.mob #mmz{display:block}
#mmz{position:absolute;left:0;top:0;width:390px;height:835px;transform-origin:0 0}
#mmz p,#mmz h2{position:absolute;margin:0}
#mmz img{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none}
#mmz .mt{position:absolute;left:22.01px;top:36.67px;width:364px;font:600 25px/31.2px Montserrat,sans-serif;text-transform:uppercase;color:#000;white-space:pre}
#mmz .sb{font:500 15px/16.5px Montserrat,sans-serif;color:#000;white-space:nowrap}
#mmz .sb b{font-weight:700}#mmz .sb.s3 b{font-weight:600}
#mmz .sb.s3{line-height:15.75px}
#mmz .cd{position:absolute;width:255.66px;height:162.85px;transform-origin:0 0;will-change:transform,opacity}
#mmz .mpp{position:absolute;inset:0;background:#f8f6f3;border:1.2px solid #000;border-radius:2px;filter:url(#qrough)}
#mmz .cd p{font:600 15px/18px Montserrat,sans-serif;letter-spacing:-.15px;color:#0b0908;text-align:center}
#mmz .st{position:absolute;height:8px;transform-origin:0 50%}
#mmz .st svg{display:block;width:100%;height:100%;overflow:visible}
#mmz .ly{position:absolute;left:30.02px;top:410.35px;width:330.25px;height:211.49px;transform-origin:50% 50%;will-change:transform}
#mmz .ly .mpp{background:var(--c)}
#mmz .ly p{font:500 15px/15.75px Montserrat,sans-serif;letter-spacing:-.15px;color:#000}
#mmz .ly p b{font-weight:700}
#mmz .pol{will-change:transform,opacity}
#mmz .lb{font:700 20px/14px Caveat,cursive;letter-spacing:-.2px;color:#000;text-align:center}
#mmz .ds{font:400 10px/10px Montserrat,sans-serif;letter-spacing:-.1px;color:#000;text-align:center}
#mmz .ar{filter:drop-shadow(.5px 1.5px 0 #4635c9)}

/* BOARD */
#board{height:2354px;background:var(--cy) url(https://q-team-new-year-2027.vercel.app/img/v5/board2x.webp) 0 0/1920px 2354px no-repeat}
#board .bc{position:absolute;background-image:url(https://q-team-new-year-2027.vercel.app/img/v5/board2x.webp);background-size:1920px 2354px;background-repeat:no-repeat}
#board .rb{position:absolute;left:0;top:0;width:1920px;height:2354px;pointer-events:none}
#board .tape{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden}
#board .trk{position:absolute;display:flex;white-space:nowrap;font-family:Montserrat,sans-serif;font-weight:700;line-height:1;color:#1b1b1b;animation:tape 40s linear infinite}
#board .trk.rev{animation-direction:reverse}
#board .trk span{display:flex;flex:none;gap:var(--g);padding-right:var(--g)}
#board .trk b{font-weight:700;white-space:nowrap;flex:none}
@keyframes tape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#board .tedge{position:absolute;left:0;top:0;width:1920px;height:52px;pointer-events:none;max-width:none}
.mob #board .tedge{display:none}
#board .thr{position:absolute;left:0;top:0;width:1920px;height:2354px;pointer-events:none;max-width:none}
#board .hv,#board .ly{position:absolute}
#board .hv img,#board .ly img{display:block;width:100%;height:100%;pointer-events:none}
#board .hv{transition:transform .5s var(--ez);transform-origin:50% 30%}
#board .hv:hover{transform:rotate(var(--r))}
#board .bc{border:0;padding:0;cursor:pointer;font:700 22.4px/26.88px Montserrat,sans-serif;text-transform:uppercase;color:#0b0908;transition:transform .4s var(--ez)}
#board .bc:hover{transform:scale(1.05)}
#board .bc:active{transform:scale(.98)}


/* ===== MOBILE (< 1024px): 780-unit canvas = the 390 px Figma mobile frames (Page 4) x2.
   Every section gets its own Figma-ordered layers in .mz (drawn in Figma units, scaled x2). ===== */
.mz{position:absolute;left:0;top:0;width:390px;height:0;transform:scale(2);transform-origin:0 0;display:none;pointer-events:none}
.mob .mz{display:block}
.mz p,.mz img,.mz div,.mz button{position:absolute;margin:0}
.mz img{display:block;max-width:none;user-select:none;-webkit-user-drag:none}
.mz .t{white-space:pre-wrap;font-family:Montserrat,sans-serif;font-kerning:normal}
.mz .cv{font-family:Caveat,cursive}
.mz .nw{white-space:nowrap}
.mz .rt{transform-origin:50% 50%}
.mz .rough{filter:url(#qrough)}
.anim .mz .ph{opacity:0;translate:0 14px;transition:opacity .8s var(--ez),translate .9s var(--ez)}
.anim .mz .ph.st{translate:0 -70px;transition:opacity .4s var(--ez),translate 1.05s var(--pop)}
.anim .mz .ph.on{opacity:1;translate:0 0}
.mz .mlg{left:0;top:0;width:5865.74px;height:39.03px;animation:mlg 70s linear infinite}
@keyframes mlg{to{transform:translateX(-2932.87px)}}
.mz button{pointer-events:auto;cursor:pointer;padding:0;border-style:solid;font-family:Montserrat,sans-serif;transition:transform .4s var(--ez)}
.mz button:active{transform:scale(.97)}
.mob #stage,.mob #stage section{width:780px}
.mob #hero{height:2176px}
.mob #hero>:not(.mz):not(.gl):not(.sr):not(.zm),.mob #pain>:not(.mz):not(.sr),.mob #board>:not(.mz):not(.sr):not(ul){display:none}
.mob #hero>canvas.gl{top:280px}
.mob #pain{height:2638px;margin-bottom:0;background:#5542e7}
/* quiz: the working card is re-laid in Figma units x2 */
.mob #quiz{height:1560px}
.mob #quiz>:not(.qin):not(.mz):not(.sr){display:none}
.mob .qcard{left:20px;top:400px}
.mob .qcard .wl,.mob .qcard .st{display:none!important}
.qcard .wm{display:none}.mob .qcard .wm{display:block}
.mob .prog{left:50px;top:432px;font-size:15px;line-height:18px;letter-spacing:-.45px}
.mob .track{left:180px;top:437px;width:420px;height:10px}
.mob .track path:first-child{stroke-width:3.7;stroke:rgba(11,9,8,.2)}.mob #trackFill{stroke-width:9}
.mob .timer{left:640.2px;top:427.9px;font-size:20.8px;line-height:25px}
.mob .qtitle{left:40px;top:524px;width:700px;font-size:38px;line-height:46px}
.mob .opt{top:var(--ty)}
.mob .opt .ph,.mob .opt>.so{display:none}
.opt .mph{display:none}.mob .opt .mph{display:block;position:absolute;pointer-events:none}
.mob .opt .lt{font-size:24px;line-height:24px;letter-spacing:-.24px;padding:0 8px}
.mob .back{left:62.4px;top:1400px;font-size:20px;line-height:18px;letter-spacing:-.2px}
.mob .ftop{left:88.26px;top:515.1px;width:621.96px;font-size:30px;line-height:37px}
.mob .chips{left:130px;top:578px;width:542px;height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.mob .chips span{position:static;width:260.24px;height:41.2px;border-width:2.016px;border-radius:3px;font-size:16px;line-height:19px}
.mob .ftitle{left:40px;top:738.36px;width:700px;font-size:39.77px;line-height:45.7px}
.ftitle .pk{color:#d3086a}
.mob .ff{left:106px!important;width:568px;height:83.8px}
.mob .ff:nth-child(1){top:822.44px}.mob .ff:nth-child(2){top:946.44px}.mob .ff:nth-child(3){top:1070.44px}
.mob .ff input{height:83.8px;padding:0 10.47px;font-size:24px;line-height:28.8px;border-bottom-width:1.5px}
.mob .ff .hint{left:208px;top:29.9px;font-size:20px;line-height:24px}
.mob .ff .err{top:88px;font-size:18px}
.mob .fbtn{left:106px;top:1217.54px;width:547.14px;height:99.02px;font-size:36px;line-height:43.2px;border-width:4.74px;border-radius:4.2px}
.mob .deco{display:none}
.mdeco{display:none}.mob .mdeco{display:block;position:absolute;pointer-events:none;max-width:none}
.mob .okt{left:60px;width:660px}
.mob .okt.o1{top:560px!important;font-size:40px!important;line-height:48px!important}.mob .okt.o2{top:680px!important;font-size:28px!important;line-height:38px!important}.mob .okt.o3{top:840px!important;font-size:20px!important;line-height:28px!important}
.mob #again{top:1000px}
/* scenarios: one 390x763 Figma screen, pinned; the table camera follows the 7 Figma states */
.mob #tst,.mob #tstrip,.mob #tin{width:780px}
.mob #tstrip,.mob #tin>.hd,.mob #tin>.ds,.mob #tin>.flake,.mob #tin>.end{display:none}
.mob #tin{height:1526px}
.mob #tin .mz .fx{will-change:opacity,transform}
/* board */
.mob #board{height:3112px;background:#0ff}
@media (prefers-reduced-motion:reduce){*,*::before{transition-duration:0s!important;animation:none!important}}