.hero{padding:16px 0 96px}.hero .grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;display:grid}.hero h1{margin:0 0 20px;font-size:64px;line-height:1.04}.hero h1 span{display:block}.hero .lede{max-width:480px;margin-bottom:28px}.duo{justify-content:center;align-items:center;padding:24px 0;display:flex}.duo .back{--dw:216px;order:2;margin-left:-56px;transform:rotate(6deg)}.duo .front{--dw:250px;z-index:2;position:relative;transform:rotate(-3deg)}@media (max-width:760px){.hero{padding:8px 0 64px}.hero .grid{grid-template-columns:minmax(0,1fr);gap:20px}.hero h1{font-size:44px}.duo .front{--dw:178px}.duo .back{--dw:154px;margin-left:-34px}}.score .head{max-width:640px;margin-bottom:48px}.score h2{margin:0 0 16px;font-size:44px;line-height:1.1}.line{grid-template-columns:repeat(3,1fr);column-gap:20px;max-width:980px;margin:0 auto;display:grid}.line figure{grid-template-rows:auto auto;align-content:start;justify-items:center;row-gap:30px;margin:0;display:grid}.line .device{--dw:226px}.line figcaption{text-align:center;max-width:270px}.line h3{font:400 25px/1.2 var(--display);margin:0 0 6px}.line h3 span{background:linear-gradient(transparent 58%, var(--yellow) 58%);padding:0 4px}.line p{color:var(--ink-2);margin:0;font-size:16.5px;line-height:1.5}.alsos{border-top:2px solid var(--ink);text-align:center;max-width:560px;margin:52px auto 0;padding-top:28px}.alsos p{color:var(--ink-2);margin:0;font-size:16.5px;line-height:1.5}.alsos b{font:400 21px/1.3 var(--display);color:var(--ink);margin-bottom:4px;display:block}@media (max-width:860px){.line .device{--dw:190px}}@media (max-width:760px){.score .head{margin-bottom:36px}.score h2{margin-bottom:14px;font-size:32px}.line{grid-template-columns:minmax(0,1fr);row-gap:40px}.line figure{grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr);place-items:center start;column-gap:22px}.line figure:nth-child(2n){grid-template-columns:minmax(0,1fr) auto}.line figure:nth-child(2n) .device{order:2}.line .device{--dw:128px;box-shadow:0 5px #0d0d0de6,0 22px 40px -18px #0d0d0d66}.line figcaption{text-align:left;max-width:none}.line h3{font-size:22px}.line p{font-size:16px}.alsos{text-align:left;margin-top:40px;padding-top:24px}}.stats{padding:64px 0}.lay{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:44px;display:grid}.stats .head{text-align:left;max-width:none;margin:0}.stats h2{margin:0 0 16px;font-size:44px;line-height:1.1}.protag{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;margin:0 0 14px;font-size:13px;font-weight:700;display:flex}.rail{grid-template-columns:270px 380px;gap:32px;display:grid}.side{grid-template-rows:1fr 1fr;gap:20px;display:grid}.tile{border:2px solid var(--ink);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--sh-lg);flex-direction:column;padding:20px 22px;display:flex}.tile.big{box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0}.tile.big .device{--dw:244px;margin-top:16px}.tile.big h3{text-align:center}.tile h3{font:400 22px/1.2 var(--display);margin:0}.crop{background:url(/shots/stats-ttr.webp) 0 0/112.2% no-repeat;margin-top:14px}.crop.place{aspect-ratio:820/470;background-position:50% 47.71%}.crop.scores{aspect-ratio:820/450;background-position:50% 81.42%}.railwrap{min-width:0;max-width:100%}@media (max-width:1040px){.lay{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:36px}.stats .head{text-align:center;max-width:600px}.protag{justify-content:center}}@media (max-width:760px){.stats{padding:68px 0}.lay{display:block}.railwrap{width:100%}.stats .head{margin-bottom:30px}.stats h2{margin-bottom:12px;font-size:32px}.rail{grid-template-columns:minmax(0,1fr);gap:34px}.side{grid-template-rows:none;gap:16px}.tile{padding:16px 18px 18px}.tile h3{font-size:20px}.tile.big{padding:0}.tile.big .device{--dw:188px;margin-top:16px;box-shadow:0 5px #0d0d0de6,0 22px 40px -18px #0d0d0d66}.crop{margin-top:12px}}.protag.big{color:var(--ink);gap:12px;margin-bottom:18px;font-size:15px}.protag.big .seal{width:56px;height:56px}.owned{padding:72px 0}.owned .grid{grid-template:"f h""f p"/auto minmax(0,1fr);align-content:center;gap:32px 88px;max-width:980px;display:grid}.owned h2{grid-area:h;align-self:end}.focus{grid-area:f}.focus .device{--dw:264px}.pts{grid-area:p;align-self:start;gap:16px;max-width:540px;display:grid}.pts .pt{background:var(--bg);border:2px solid var(--ink);border-radius:var(--r-md);box-shadow:var(--sh-md);padding:16px 20px 17px 16px}.pt{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:16px;display:grid}.ic{background:var(--yellow);border:2px solid var(--ink);width:46px;height:46px;box-shadow:0 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.ic svg{fill:none;width:24px;height:24px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.owned h2{margin:0;font-size:44px;line-height:1.1}.focus{justify-content:center;display:flex}.pt b{font:400 21px/1.2 var(--display);margin:0 0 4px;display:block}.pt p{color:var(--ink-2);margin:0;font-size:16.5px;line-height:1.5}@media (max-width:760px){.owned{padding:68px 0}.owned h2{text-align:center;font-size:32px}.owned .grid{flex-direction:column;align-items:stretch;gap:34px;display:flex}.focus .device{--dw:220px;box-shadow:0 5px #0d0d0de6,0 22px 40px -18px #0d0d0d66}.pt b{font-size:20px}.pt p{font-size:16px}}.js .pts .pt{opacity:0}.js .pts.in .pt{animation:.75s cubic-bezier(.3,.7,.3,1) both plop;animation-delay:calc(var(--i) * .16s + .12s);transform-origin:50% 0}@keyframes plop{0%{opacity:0;box-shadow:0 0 0 var(--ink);transform:perspective(900px)translateY(-44px)rotateX(-105deg)}45%{opacity:1;transform:perspective(900px)translateY(7px)rotateX(10deg)scale(1.02,.97)}68%{transform:perspective(900px)translateY(-4px)rotateX(-4deg)}84%{transform:perspective(900px)translateY(2px)rotateX(1.5deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.js .pts .pt{opacity:1}.js .pts.in .pt{animation:none}}.pro{padding:52px 0 60px}.pro .head{max-width:620px;margin-bottom:44px}.dicey{width:96px;height:auto;margin:0 auto 6px;display:block}.pay{grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:center;column-gap:44px;max-width:880px;margin:0 auto;display:grid}.then{text-align:center;margin-top:20px}.pro h2{margin:0 0 16px;font-size:44px;line-height:1.12}.ticket{background:var(--paper);border:2px solid var(--ink);box-shadow:var(--sh-lg);border-radius:18px;padding:5px 22px;position:relative}.ticket .seal{width:60px;height:60px;position:absolute;top:-26px;right:-20px}.perk{align-items:center;gap:15px;padding:12px 0;display:flex}.perk+.perk{border-top:2px dashed #0d0d0d24}.pi{fill:none;width:27px;height:27px;stroke:var(--red);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.perk b{font-size:17px;font-weight:700;line-height:1.25;display:block}.perk p{color:var(--muted);margin:1px 0 0;font-size:14.5px;font-weight:500;line-height:1.35}.plans{gap:12px;display:grid}.plan{background:var(--paper);border:2px solid var(--ink);box-shadow:var(--sh-md);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px 12px;display:flex;position:relative}.plan.on{background:var(--yellow)}.plan .l b{letter-spacing:.06em;text-transform:uppercase;font-size:14.5px;font-weight:700;line-height:1.25;display:block}.plan .l p{color:var(--muted);margin:1px 0 0;font-size:14px;font-weight:500}.plan.on .l p{color:var(--ink-2);font-weight:600}.plan .r{text-align:right;flex:none}.plan .r small{color:var(--ink-2);margin-bottom:2px;font-size:12.5px;font-weight:600;display:block}.plan .r b{font:400 23px/1.15 var(--display);display:block}.plan .r span{color:var(--muted);font-size:12.5px;font-weight:600;display:block}.plan.on .r span{color:var(--ink-2)}.savetag{background:var(--red);color:#fff;border:2px solid var(--ink);font:400 12px/1.2 var(--display);letter-spacing:.04em;text-transform:uppercase;border-radius:8px;padding:4px 9px 3px;position:absolute;top:-13px;left:18px}.then{color:var(--ink-2);margin-bottom:0;font-size:15.5px;line-height:1.5}@media (max-width:860px){.pay{grid-template-columns:minmax(0,1fr);row-gap:30px;max-width:460px}}@media (max-width:760px){.pro{padding:52px 0 68px}.pro .head{margin-bottom:36px}.pro h2{margin-bottom:12px;font-size:32px}.dicey{width:88px}.ticket{padding:4px 18px}.ticket .seal{width:54px;height:54px;top:-24px;right:-8px}.perk{gap:13px;padding:11px 0}.perk b{font-size:16.5px}.plan{padding:13px 15px 11px}}.end{background:var(--yellow);border-block:2px solid var(--ink);padding:104px 0 100px;position:relative;overflow:hidden}.end .sunburst{opacity:.5;mix-blend-mode:normal;background:repeating-conic-gradient(#fff5d8 0deg 11.25deg,#0000 11.25deg 22.5deg)}.end .wrap{position:relative}.end .fine{color:var(--ink-2)}.end{text-align:center}.end h2{max-width:620px;margin:0 auto 30px;font-size:44px;line-height:1.12}.end .stores{justify-content:center}@media (max-width:760px){.end h2{margin-bottom:26px;font-size:32px}.end .stores{flex-direction:column;align-items:center}.end .store{width:200px}.end{padding:72px 0 68px}}.end .mark{--h:96px;height:var(--h);justify-content:center;align-items:flex-start;margin:0 auto 14px;display:flex}.roll{width:var(--h);height:var(--h);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;padding:0;position:relative}.roll img{width:100%;height:100%;display:block}.mark .word{width:calc(var(--h) * 2.549);height:auto;margin:calc(var(--h) * .226) 0 0 calc(var(--h) * .096)}.end{padding-top:76px}@media (max-width:760px){.end .mark{--h:78px}.end{padding-top:56px}}.end h2{text-wrap:balance}.duo .front{--rot:-3deg}.duo .back{--rot:6deg}.js .duo .device{animation:.95s cubic-bezier(.3,.7,.3,1) both drop}.js .duo .front{animation-delay:.15s}.js .duo .back{animation-delay:.38s}@keyframes drop{0%{opacity:0;transform:translateY(-150px) rotate(calc(var(--rot) * 4))}52%{opacity:1;transform:translateY(9px) rotate(calc(var(--rot) * .3)) scale(1.02, .98)}72%{transform:translateY(-7px) rotate(calc(var(--rot) * 1.5))}88%{transform:translateY(2px) rotate(calc(var(--rot) * .85))}to{opacity:1;transform:rotate(var(--rot))}}@media (min-width:761px){.line figure:nth-child(2),.side .tile:nth-child(2){--i:1}.line figure:nth-child(3){--i:2}}.js .line .device,.js .tile.big .device{opacity:0}.js .line figure.in .device,.js .tile.big.in .device{animation:.7s cubic-bezier(.3,.7,.3,1) both rise;animation-delay:calc(var(--i,0) * .15s)}@keyframes rise{0%{opacity:0;transform:translateY(70px)scale(.94)}60%{opacity:1;transform:translateY(-9px)}82%{transform:translateY(3px)}to{opacity:1;transform:none}}.js .line h3 span{transition:background-size .5s ease-out;transition-delay:calc(var(--i,0) * .15s + .45s);background-repeat:no-repeat;background-size:0% 100%}.js .line figure.in h3 span{background-size:100% 100%}.js .side .tile{opacity:0}.js .side .tile.in{animation:.75s cubic-bezier(.3,.7,.3,1) both plop;animation-delay:calc(var(--i,0) * .16s + .12s);transform-origin:50% 0}.js .pro .head.in .dicey{transform-origin:50% 90%;animation:.9s cubic-bezier(.3,.7,.3,1) .1s both cheer}@keyframes cheer{0%{transform:none}25%{transform:translateY(6px)scale(1.06,.92)}50%{transform:translateY(-22px)rotate(-8deg)}72%{transform:translateY(3px)rotate(4deg)scale(1.04,.95)}88%{transform:translateY(-5px)rotate(-2deg)}to{transform:none}}.js .ticket .seal{opacity:0}.js .ticket.in .seal{animation:.5s cubic-bezier(.3,.8,.4,1) .35s both stamp}.js .ticket.in{animation:.28s ease-out .6s jolt}@keyframes stamp{0%{opacity:0;transform:scale(2.8)rotate(-30deg)}55%{opacity:1;transform:scale(.86)rotate(7deg)}78%{transform:scale(1.08)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes jolt{0%{transform:none}40%{transform:translate(-2px,4px)rotate(-.4deg)}to{transform:none}}.js .roll img{animation:4.5s 2.5s infinite nudge}.js .roll.rolling img{animation:.85s cubic-bezier(.3,.6,.3,1) roll}@keyframes nudge{0%,86%,to{transform:none}89%{transform:rotate(-10deg)}93%{transform:rotate(8deg)}97%{transform:rotate(-4deg)}}@keyframes roll{0%{transform:none}12%{transform:translateY(6px)scale(1.08,.9)}42%{transform:translateY(-52px)rotate(330deg)}72%{transform:translateY(0)rotate(700deg)scale(1.08,.9)}86%{transform:translateY(-9px)rotate(726deg)}to{transform:rotate(720deg)}}@media (prefers-reduced-motion:reduce){.js .duo .device,.js .line .device,.js .tile.big .device,.js .side .tile,.js .ticket,.js .ticket .seal,.js .pro .dicey,.js .roll img{opacity:1!important;animation:none!important}.js .line h3 span{background-size:100% 100%;transition:none}}@media (max-width:760px){.score h2,.stats h2,.owned h2,.pro h2,.pt b,.perk p{text-wrap:balance}}.sticky-get{display:none}@media (max-width:760px){.sticky-get{z-index:55;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:2px solid var(--ink);visibility:hidden;justify-content:space-between;align-items:center;gap:14px;transition:transform .28s cubic-bezier(.3,.7,.3,1),visibility 0s .28s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.sticky-get.show{visibility:visible;transition-delay:0s;transform:none}.sticky-get p{color:var(--muted);margin:0;font-size:13.5px;font-weight:500;line-height:1.3}.sticky-get p b{color:var(--ink);display:block}.sticky-get .btn{flex:none}}@media (prefers-reduced-motion:reduce){.sticky-get{transition:none}}
