:root{--h-bg:#0d0f14;--h-bar:#161920;--h-line:#272c36;--h-ink:#eef2f6;--h-dim:#8b94a3;--h-accent:#ffc72c;--h-accent-ink:#04201b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--h-bg);color:var(--h-ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;font:13px/1.3 Barlow,ui-sans-serif,system-ui,sans-serif;overflow:hidden}button,select,input,textarea{font:inherit;color:inherit}.app{flex-direction:column;height:100%;display:flex}.app.full{position:fixed;inset:0}.standalone,.standalone body,.standalone #root{height:100lvh}.standalone .app.full{height:100lvh;bottom:auto}.bar{z-index:1000;background:var(--h-bar);border-bottom:1px solid var(--h-line);white-space:nowrap;scrollbar-width:none;flex:none;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex;position:relative;overflow-x:auto}.brand{letter-spacing:.06em;font:900 14px Big Shoulders Display,sans-serif}.brand small{color:var(--h-dim);margin-left:4px;font:600 11px Barlow,sans-serif}.field select{border:1px solid var(--h-line);cursor:pointer;background:#20242d;border-radius:999px;height:28px;padding:0 10px}.pills{border:1px solid var(--h-line);background:#20242d;border-radius:999px;flex:none;padding:2px;display:flex}.pills button,.toggle{height:22px;color:var(--h-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:12px;font-weight:700}.pills button.on{background:var(--h-accent);color:var(--h-accent-ink)}.toggle{border:1px solid var(--h-line);height:28px}.spacer{flex:1}.stage{background:radial-gradient(80% 70% at 50% 40%,#1d2330,#0d0f14);flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.bezel{background:#050608;border-radius:48px;place-items:center;display:grid;box-shadow:0 0 0 2px #2f3542,0 30px 80px #000c}.bezel.land{border-radius:40px}.screen-wrap{background:#000;border-radius:36px;position:relative;overflow:hidden;transform:translateZ(0)}.bezel.land .screen-wrap{border-radius:30px}.browser{transform-origin:50%;background:#111;border-radius:10px;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%;box-shadow:0 30px 80px #000c,0 0 0 1px #2f3542}.browser-bar{background:#1c2029;flex:none;align-items:center;gap:7px;height:36px;padding:0 14px;display:flex}.browser-bar i{background:#3a404d;border-radius:50%;width:11px;height:11px}.browser-bar span{color:var(--h-dim);background:#0f1218;border-radius:999px;margin-left:16px;padding:4px 14px;font-size:12px}.browser-body{flex:1;min-height:0;position:relative}.show-bar{z-index:1000;color:#fff8;cursor:pointer;background:#0008;border:0;border-radius:999px;padding:2px 10px;position:absolute;top:6px;right:6px}.sim-island,.sim-home{z-index:200;pointer-events:none;background:#000;position:absolute}.sim-island.port{left:50%;top:calc(var(--k) * 11px);width:calc(var(--k) * 126px);height:calc(var(--k) * 37px);border-radius:999px;translate:-50%}.sim-island.land{top:50%;left:calc(var(--k) * 11px);width:calc(var(--k) * 37px);height:calc(var(--k) * 126px);border-radius:999px;translate:0 -50%}.sim-home{left:50%;bottom:calc(var(--k) * 8px);width:calc(var(--k) * 134px);height:calc(var(--k) * 5px);background:#fffc;border-radius:999px;translate:-50%}.game{--teal:#ffc72c;--teal-d:#c99400;--ink:#0c0f14;--ink2:#151a22;--red:#ff2e4d;--purple:#1fa85a;--yellow:#ffd23a;--white:#f4f6f8;--dim:#9aa4b2;--wtf:#c8ff1e;--disp:"Big Shoulders Display", Impact, "Arial Narrow", sans-serif;--body:Barlow, system-ui, sans-serif;color:var(--white);font-family:var(--body);-webkit-user-select:none;user-select:none;touch-action:none;background:#0b0d12;position:absolute;inset:0;overflow:hidden;container-type:size}.game *{box-sizing:border-box}.game{--u:clamp(1px, calc(.13cqmin + .5px), 3.4px)}.stage3d{position:absolute;inset:0}.stage3d canvas.gl{display:block;position:absolute;inset:0}.stage3d canvas.stinger-gl{z-index:30;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.screen{z-index:20;position:absolute;inset:0}.btn{justify-content:center;align-items:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 50);padding:0 calc(var(--u) * 26);cursor:pointer;font:italic 900 calc(var(--u) * 22) / 1 var(--disp);letter-spacing:.04em;text-transform:uppercase;color:var(--white);isolation:isolate;background:0 0;border:0;text-decoration:none;display:inline-flex;position:relative}.btn:before{content:"";z-index:-1;border-radius:calc(var(--u) * 3);position:absolute;inset:0;transform:skew(-12deg)}.btn.primary{color:var(--ink)}.btn.primary:before{background:linear-gradient(180deg, #ffe08a, var(--teal));box-shadow:0 calc(var(--u) * 4) 0 var(--teal-d), 0 calc(var(--u) * 10) calc(var(--u) * 24) #ffc72c55}.btn.dark:before{box-shadow:inset 0 0 0 calc(var(--u) * 1.5) #fff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0f14d9}.btn.ghost:before{box-shadow:inset 0 0 0 calc(var(--u) * 1.5) #fff5}.btn.green:before{background:var(--wtf);box-shadow:0 0 calc(var(--u) * 24) #c8ff1e66}.btn:active{transform:translateY(calc(var(--u) * 2))}.btn:disabled{opacity:.35;cursor:default}.btn small{font:700 calc(var(--u) * 12) var(--body);letter-spacing:.02em;text-transform:none;opacity:.75}.soon{font:normal 800 calc(var(--u) * 10) var(--body);letter-spacing:.08em;padding:calc(var(--u) * 3) calc(var(--u) * 7);background:var(--yellow);color:var(--ink);transform:skew(-12deg)}.soon.big{font-size:calc(var(--u) * 12)}.logo{align-items:center;gap:calc(var(--u) * 4);filter:drop-shadow(0 calc(var(--u) * 8) calc(var(--u) * 18) #000c);flex-direction:column;display:flex}.logo-crest{width:calc(var(--u) * 170);height:calc(var(--u) * 170)}.logo-l .logo-tag{margin:0}.logo-words{flex-direction:column;align-items:flex-start;line-height:.82;display:flex}.logo-tag{font:800 calc(var(--u) * 9) var(--body);letter-spacing:.22em;color:var(--teal);white-space:nowrap}.logo-house{font:italic 900 calc(var(--u) * 26) var(--disp);letter-spacing:.18em;color:var(--white)}.logo-m4{font:italic 900 calc(var(--u) * 64) var(--disp);letter-spacing:.01em;color:var(--white);text-shadow:calc(var(--u) * 3) calc(var(--u) * 3) 0 var(--teal), calc(var(--u) * 6) calc(var(--u) * 6) 0 #0c0f14}.logo-cup{margin-top:calc(var(--u) * 6);padding:calc(var(--u) * 4) calc(var(--u) * 12);background:var(--red);transform:skew(-12deg)}.logo-cup i{font:normal 900 calc(var(--u) * 17) var(--disp);letter-spacing:.24em;color:var(--white);display:block;transform:skew(12deg)}.logo-m .logo-crest{width:calc(var(--u) * 64);height:calc(var(--u) * 64)}.logo-m .logo-m4{font-size:calc(var(--u) * 46)}.logo-m .logo-house{font-size:calc(var(--u) * 19)}.logo-m .logo-cup i{font-size:calc(var(--u) * 13)}.logo-s .logo-crest{width:calc(var(--u) * 40);height:calc(var(--u) * 40)}.logo-s .logo-m4{font-size:calc(var(--u) * 28)}.logo-s .logo-house{font-size:calc(var(--u) * 12)}.logo-s .logo-cup{display:none}.wtf-logo{height:calc(var(--u) * 30);width:auto;display:block}.wtf-leagues{height:calc(var(--u) * 32);width:auto;display:block}.sponsor{color:inherit;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 7) calc(var(--u) * 14);border-radius:calc(var(--u) * 4);background:#000c;border:1px solid #ffffff1c;text-decoration:none;display:inline-flex}.sponsor span{font:800 calc(var(--u) * 10) var(--body);letter-spacing:.18em;color:var(--dim)}.sponsor em{font:normal 900 calc(var(--u) * 11) var(--body);color:#000;background:var(--wtf);padding:calc(var(--u) * 1) calc(var(--u) * 5);border-radius:calc(var(--u) * 3)}.age{place-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(70% 60% at 50% 40%,#0c0f14aa,#0c0f14f2);grid-template-rows:auto 1fr;display:grid}.age-head{align-items:center;gap:calc(var(--u) * 12);display:flex}.age-crest{width:calc(var(--u) * 74);height:calc(var(--u) * 74)}.age h2{font:italic 900 calc(var(--u) * 34) var(--disp);letter-spacing:.04em;margin:0}.age-paths{gap:calc(var(--u) * 14);width:min(100%, calc(var(--u) * 760));grid-template-columns:1fr 1fr;align-self:stretch;display:grid}.path{align-content:center;justify-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 18) calc(var(--u) * 14);border-radius:calc(var(--u) * 12);color:var(--white);cursor:pointer;text-align:center;border:0;transition:transform .15s;display:grid;position:relative;overflow:hidden}.path:hover{transform:translateY(calc(var(--u) * -3))}.path.adult{box-shadow:inset 0 0 0 calc(var(--u) * 2) #0f0, 0 0 calc(var(--u) * 30) #0f03;background:radial-gradient(90% 80% at 50% 0,#6a00ff,#2a0a66 70%)}.path.kid{box-shadow:inset 0 0 0 calc(var(--u) * 2) var(--teal), 0 0 calc(var(--u) * 30) #ffc72c33;background:radial-gradient(90% 80% at 50% 0,#1d6b45,#0c2a1e 70%)}.path-big{font:italic 900 calc(var(--u) * 84) / .85 var(--disp);letter-spacing:.02em}.path.adult .path-big{color:#0f0;text-shadow:0 0 calc(var(--u) * 24) #c8ff1e66}.path.kid .path-big{color:var(--teal);text-shadow:0 0 calc(var(--u) * 24) #ffc72c55}.path-k{font:italic 900 calc(var(--u) * 26) var(--disp);letter-spacing:.04em}.path-by{font:800 calc(var(--u) * 10) var(--body);letter-spacing:.2em;color:#fffb}.path ul{gap:calc(var(--u) * 3);font:600 calc(var(--u) * 13) var(--body);color:#fffd;margin:0;padding:0;list-style:none;display:grid}.path-go{margin-top:calc(var(--u) * 6);padding:calc(var(--u) * 8) calc(var(--u) * 18);font:italic 900 calc(var(--u) * 18) var(--disp);letter-spacing:.06em;transform:skew(-10deg)}.path.adult .path-go{color:#000;background:#0f0}.path.kid .path-go{background:var(--teal);color:var(--ink)}.fine{font:500 calc(var(--u) * 12) / 1.4 var(--body);color:var(--dim);text-align:center;margin:0}@container (orientation:portrait){.age{align-content:center;gap:calc(var(--u) * 22);grid-template-rows:auto auto}.age-paths{gap:calc(var(--u) * 8);align-self:center}.path{padding:calc(var(--u) * 16) calc(var(--u) * 8)}.path-k{font-size:calc(var(--u) * 18)}.path ul{font-size:calc(var(--u) * 11)}.age h2{font-size:calc(var(--u) * 26)}.age-head{flex-direction:column}.age-crest{width:calc(var(--u) * 120);height:calc(var(--u) * 120)}}.title{pointer-events:none}.title>*{pointer-events:auto}.title:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0c0f14e6 0%,#0c0f1499 38%,#0c0f1400 62%),linear-gradient(#0c0f1400 70%,#0c0f14cc);position:absolute;inset:0}.title-top{left:calc(var(--u) * 28);top:calc(var(--u) * 24);position:absolute}.title-menu{left:calc(var(--u) * 34);bottom:calc(var(--u) * 78);gap:calc(var(--u) * 12);width:calc(var(--u) * 300);display:grid;position:absolute}.title-menu .btn{justify-content:flex-start;width:100%}.title-menu .btn.big{height:calc(var(--u) * 72);justify-content:center;align-items:flex-start;gap:calc(var(--u) * 4);flex-direction:column}.title-menu .btn.big span{font-size:calc(var(--u) * 38)}.title-menu .row2{gap:calc(var(--u) * 12);grid-template-columns:1fr auto;display:grid}.title-menu .btn.icon{width:calc(var(--u) * 58);justify-content:center;padding:0}.title-menu .btn.icon svg{width:calc(var(--u) * 22);height:calc(var(--u) * 22)}.title-menu .soon{margin-left:auto}.title-foot{left:calc(var(--u) * 34);right:calc(var(--u) * 24);bottom:calc(var(--u) * 20);align-items:center;gap:calc(var(--u) * 14);display:flex;position:absolute}.socials{gap:calc(var(--u) * 6);pointer-events:auto;margin-left:auto;display:flex}.socials a{align-items:center;gap:calc(var(--u) * 5);height:calc(var(--u) * 30);padding:0 calc(var(--u) * 10);color:var(--white);font:700 calc(var(--u) * 11) var(--body);background:#0c0f14cc;border-radius:999px;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #fff2}.socials a:hover{box-shadow:inset 0 0 0 1px var(--teal)}.socials svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15)}.title-foot .by{font:700 calc(var(--u) * 12) var(--body);color:var(--dim);letter-spacing:.06em;margin-left:auto}.title-hero{right:2%;bottom:calc(-1 * var(--sab));height:calc(96% + var(--sab));pointer-events:none;width:auto;filter:drop-shadow(0 0 calc(var(--u) * 30) #1fa85a55);animation:.8s cubic-bezier(.2,.8,.2,1) both heroIn;position:absolute}@keyframes heroIn{0%{opacity:0;transform:translate(8%)}to{opacity:1;transform:none}}.hero-tag{justify-items:end;display:grid;position:absolute;bottom:14%;right:5%;transform:skew(-8deg)}.hero-tag b{font:italic 900 calc(var(--u) * 56) / .85 var(--disp);color:var(--white);text-shadow:calc(var(--u) * 3) calc(var(--u) * 3) 0 var(--purple)}.hero-tag span{font:800 calc(var(--u) * 11) var(--body);letter-spacing:.2em;color:var(--ink);background:var(--yellow);padding:calc(var(--u) * 3) calc(var(--u) * 8)}@container (orientation:landscape) and (height<=960px){.title-top{top:calc(var(--u) * 14);left:calc(var(--u) * 20)}.title-top .logo-crest{width:calc(var(--u) * 96);height:calc(var(--u) * 96)}.title-top .logo-m4{font-size:calc(var(--u) * 44)}.title-top .logo-house{font-size:calc(var(--u) * 18)}.title-top .logo-tag{font-size:calc(var(--u) * 8);margin-bottom:calc(var(--u) * 3)}.title-top .logo-cup i{font-size:calc(var(--u) * 12)}.title-menu{left:calc(var(--u) * 24);bottom:calc(var(--u) * 58);gap:calc(var(--u) * 6);width:calc(var(--u) * 260)}.title-menu .btn{height:calc(var(--u) * 38);font-size:calc(var(--u) * 18)}.title-menu .btn.big{height:calc(var(--u) * 52)}.title-menu .btn.big span{font-size:calc(var(--u) * 30)}.title-menu .btn.icon{width:calc(var(--u) * 48)}.title-foot{left:calc(var(--u) * 24);bottom:calc(var(--u) * 12)}.sponsor{padding:calc(var(--u) * 5) calc(var(--u) * 10)}.sponsor .wtf-logo{height:calc(var(--u) * 24)}.hero-tag{bottom:16%;right:4%}.hero-tag b{font-size:calc(var(--u) * 44)}}@container (orientation:portrait){.title:before{background:linear-gradient(#0c0f14cc 0%,#0c0f1400 28% 52%,#0c0f14f2 74%)}.title-top{left:50%;top:calc(var(--u) * 26);translate:-50%}.title-top .logo-crest{width:calc(var(--u) * 120);height:calc(var(--u) * 120)}.title-top .logo-m4{font-size:calc(var(--u) * 50)}.title-menu{left:calc(var(--u) * 22);right:calc(var(--u) * 22);width:auto;bottom:calc(var(--u) * 116);gap:calc(var(--u) * 8)}.title-menu .btn{height:calc(var(--u) * 46)}.title-menu .btn.big{height:calc(var(--u) * 60)}.title-menu .btn.big span{font-size:calc(var(--u) * 32)}.title-menu .btn.icon{width:calc(var(--u) * 50)}.title-foot{left:calc(var(--u) * 22);right:calc(var(--u) * 22);align-items:stretch;gap:calc(var(--u) * 8);flex-direction:column}.socials{justify-content:center;margin:0}.socials span{display:none}.socials a{width:calc(var(--u) * 40);justify-content:center;padding:0}.title-hero{height:50%;margin:0 auto;bottom:34%;left:0;right:0}.hero-tag{top:34%;bottom:auto;right:5%}.hero-tag b{font-size:calc(var(--u) * 34)}}.squad{padding:calc(var(--u) * 14) calc(var(--u) * 18) calc(var(--u) * 14);background:linear-gradient(90deg,#0c0f14f0 0%,#0c0f14cc 55%,#0c0f1440 100%);grid-template-rows:auto 1fr auto;display:grid}.sq-head{align-items:center;gap:calc(var(--u) * 12);display:flex}.sq-head h2{font:italic 900 calc(var(--u) * 32) var(--disp);letter-spacing:.03em;margin:0}.sq-head h2 b{color:var(--teal)}.sq-head .head-diff{margin-left:auto}.sq-head .head-diff+.count{margin-left:calc(var(--u) * 14)}.sq-head .count{font:italic 900 calc(var(--u) * 24) var(--disp);color:var(--yellow);margin-left:auto}.back{width:calc(var(--u) * 40);height:calc(var(--u) * 40);color:var(--white);font:900 calc(var(--u) * 26) / 1 var(--disp);cursor:pointer;background:#ffffff14;border:0;border-radius:50%}.cards{grid-template-columns:repeat(3, calc(var(--u) * 150));align-self:center;gap:calc(var(--u) * 12);margin:calc(var(--u) * 10) 0;display:grid}.card{cursor:pointer;text-align:left;color:var(--white);border-radius:calc(var(--u) * 8);box-shadow:inset 0 0 0 calc(var(--u) * 1.5) #ffffff1a;background:linear-gradient(160deg,#222a36,#10141b);border:0;padding:0;transition:transform .12s;position:relative;overflow:hidden}.card.on{box-shadow:inset 0 0 0 calc(var(--u) * 3) var(--teal), 0 0 calc(var(--u) * 20) #ffc72c44;transform:translateY(calc(var(--u) * -3))}.card.hero{background:linear-gradient(160deg,#3a2f12,#15120a 70%)}.card.hero.on{box-shadow:inset 0 0 0 calc(var(--u) * 3) var(--yellow), 0 0 calc(var(--u) * 24) #ffd23a55}.card-img{height:calc(var(--u) * 118);background:radial-gradient(60% 70% at 50% 70%,#ffc72c33,#0000);place-items:end center;display:grid}.card.hero .card-img{background:radial-gradient(60% 70% at 50% 70%,#ffd23a44,#0000)}.card-img{overflow:hidden}.card-img img{object-fit:cover;width:118%;height:auto;margin-top:4%;display:block}.card-img .ph{background:#ffffff10;border-radius:50% 50% 0 0;width:60%;height:80%}.card-ovr{left:calc(var(--u) * 8);top:calc(var(--u) * 6);z-index:2;line-height:.85;display:grid;position:absolute}.card-ovr b{font:italic 900 calc(var(--u) * 30) var(--disp)}.card-ovr span{font:800 calc(var(--u) * 9) var(--body);letter-spacing:.15em;color:var(--dim)}.card-hero{right:0;top:calc(var(--u) * 8);z-index:2;font:italic 900 calc(var(--u) * 12) var(--disp);letter-spacing:.15em;background:var(--yellow);color:var(--ink);padding:calc(var(--u) * 3) calc(var(--u) * 8) calc(var(--u) * 3) calc(var(--u) * 10);clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);position:absolute}.card-n{right:calc(var(--u) * 8);top:calc(var(--u) * 8);z-index:2;width:calc(var(--u) * 26);height:calc(var(--u) * 26);background:var(--teal);color:var(--ink);font:900 calc(var(--u) * 15) var(--disp);border-radius:50%;place-items:center;display:grid;position:absolute}.card.hero .card-n{background:var(--yellow)}.card-name{padding:calc(var(--u) * 6) calc(var(--u) * 10) 0;display:grid}.card-name b{font:italic 900 calc(var(--u) * 24) / .95 var(--disp);letter-spacing:.02em}.card-name span{font:700 calc(var(--u) * 10) var(--body);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-stats{padding:calc(var(--u) * 6) calc(var(--u) * 8) calc(var(--u) * 9);gap:calc(var(--u) * 2);grid-template-columns:repeat(5,1fr);display:grid}.card-stats span{font:900 calc(var(--u) * 14) var(--disp);justify-items:center;display:grid}.card-stats i{font:normal 800 calc(var(--u) * 7.5) var(--body);color:var(--dim);letter-spacing:.06em}.sq-foot{align-items:center;gap:calc(var(--u) * 14);display:flex}.vs{align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 6) calc(var(--u) * 12) calc(var(--u) * 6) calc(var(--u) * 8);border-radius:calc(var(--u) * 6);background:#0c0f14cc;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.vs-l{font:italic 900 calc(var(--u) * 22) var(--disp);color:var(--red)}.vs img{width:calc(var(--u) * 38);height:calc(var(--u) * 38)}.vs div{display:grid}.vs b{font:italic 900 calc(var(--u) * 17) var(--disp);letter-spacing:.03em;white-space:nowrap}.vs span{font:600 calc(var(--u) * 10) var(--body);color:var(--dim);white-space:nowrap}.reroll{width:calc(var(--u) * 32);height:calc(var(--u) * 32);color:var(--white);font-size:calc(var(--u) * 17);cursor:pointer;background:#ffffff14;border:0;border-radius:50%}.game .pills{padding:calc(var(--u) * 3);gap:calc(var(--u) * 2);background:#0c0f14cc;border-radius:999px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.game .pills button{height:calc(var(--u) * 30);padding:0 calc(var(--u) * 13);color:var(--dim);font:800 calc(var(--u) * 12) var(--body);cursor:pointer;background:0 0;border:0;border-radius:999px}.game .pills button.on{background:var(--teal);color:var(--ink)}.sq-foot .go{min-width:calc(var(--u) * 190);height:calc(var(--u) * 56);font-size:calc(var(--u) * 28);margin-left:auto}@container (orientation:landscape){.squad{background:linear-gradient(#0c0f14f5,#0c0f14c7 24%,#0c0f14b3 60%,#0c0f14f0)}.cards{gap:calc(var(--u) * 8);grid-template-columns:repeat(7,1fr);width:100%}.sq-foot .vs{flex:0 auto;min-width:0}.sq-foot .vs div{min-width:0}.sq-foot .vs b{text-overflow:ellipsis;overflow:hidden}.sq-foot .go{min-width:calc(var(--u) * 150);flex:none}.sq-foot .foot-diff{display:none}}@container (orientation:landscape) and (height<=520px){.squad{padding:calc(var(--u) * 10) calc(var(--u) * 16)}.sq-head h2{font-size:calc(var(--u) * 26)}.card-img{height:calc(var(--u) * 108)}.card-name b{font-size:calc(var(--u) * 19)}.card-name span{font-size:calc(var(--u) * 8.5)}.card-ovr b{font-size:calc(var(--u) * 22)}.card-stats{padding:calc(var(--u) * 4) calc(var(--u) * 5) calc(var(--u) * 7)}.card-stats span{font-size:calc(var(--u) * 11)}.card-stats i{font-size:calc(var(--u) * 6.5)}.card-n{width:calc(var(--u) * 22);height:calc(var(--u) * 22);font-size:calc(var(--u) * 13)}.card-hero{font-size:calc(var(--u) * 10)}.sq-foot .go{height:calc(var(--u) * 48);font-size:calc(var(--u) * 24)}}@container (orientation:portrait){.squad{padding:calc(var(--u) * 12);background:linear-gradient(#0c0f14f5 0%,#0c0f14e6 10%,#0c0f1459 20%,#0c0f1440 30%,#0c0f14f2 44%)}.sq-head{align-self:start}.cards{align-self:end;gap:calc(var(--u) * 7);margin:0 0 calc(var(--u) * 10);grid-template-columns:repeat(3,1fr)}.card-img{height:calc(var(--u) * 84)}.card-name b{font-size:calc(var(--u) * 19)}.card-name span{font-size:calc(var(--u) * 8.5)}.card-ovr b{font-size:calc(var(--u) * 22)}.card-stats{padding:calc(var(--u) * 4) calc(var(--u) * 4) calc(var(--u) * 7)}.card-stats span{font-size:calc(var(--u) * 11)}.card-stats i{font-size:calc(var(--u) * 6.5)}.card-n{width:calc(var(--u) * 22);height:calc(var(--u) * 22);font-size:calc(var(--u) * 13)}.card-hero{font-size:calc(var(--u) * 10)}.sq-foot{gap:calc(var(--u) * 8);flex-wrap:wrap}.sq-head .head-diff{display:none}.vs,.sq-foot .flick{flex:100%}.sq-foot .flick-txt{flex:1}.sq-foot .pills{flex:none}.sq-foot .go{flex:1;min-width:0}}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(var(--u) * 16);z-index:60;background:#0c0f14b3;place-items:center;display:grid}.panel{width:min(100%, calc(var(--u) * 640));max-height:100%;padding:calc(var(--u) * 22) calc(var(--u) * 24);border-radius:calc(var(--u) * 10);box-shadow:inset 0 0 0 1px #ffffff1a, 0 calc(var(--u) * 20) calc(var(--u) * 60) #000a;scrollbar-width:none;background:linear-gradient(160deg,#1b212b,#0f1319);position:relative;overflow:auto}.panel h2{margin:0 0 calc(var(--u) * 12);font:italic 900 calc(var(--u) * 30) var(--disp);letter-spacing:.03em}.panel h3{margin:0 0 calc(var(--u) * 6);font:italic 900 calc(var(--u) * 17) var(--disp);letter-spacing:.06em;color:var(--teal)}.panel p,.panel li{font:500 calc(var(--u) * 13) / 1.45 var(--body);color:#d5dbe3}.panel p{margin:0 0 calc(var(--u) * 8)}.panel ul{padding-left:calc(var(--u) * 16);gap:calc(var(--u) * 4);margin:0;display:grid}.panel li b{font:900 calc(var(--u) * 13) var(--body);color:var(--white);margin-right:calc(var(--u) * 4)}.panel em.g{color:var(--teal);font-style:normal;font-weight:800}.panel em.y{color:var(--yellow);font-style:normal;font-weight:800}.x{right:calc(var(--u) * 12);top:calc(var(--u) * 12);width:calc(var(--u) * 34);height:calc(var(--u) * 34);color:var(--white);cursor:pointer;font-size:calc(var(--u) * 14);background:#ffffff14;border:0;border-radius:50%;position:absolute}.lead{color:var(--white)!important}.how-grid{gap:calc(var(--u) * 16);margin-top:calc(var(--u) * 6);grid-template-columns:1fr 1fr;display:grid}.how-grid .span2{grid-column:span 2}.items{grid-template-columns:repeat(auto-fill, minmax(calc(var(--u) * 170), 1fr));gap:calc(var(--u) * 8);display:grid}.items span{column-gap:calc(var(--u) * 8);padding:calc(var(--u) * 6) calc(var(--u) * 8);border-radius:calc(var(--u) * 6);background:#ffffff0a;grid-template-columns:auto 1fr;align-items:center;display:grid}.items b{font-size:calc(var(--u) * 24);grid-row:span 2}.items i{font:italic 900 calc(var(--u) * 14) var(--disp);letter-spacing:.05em}.items small{font:500 calc(var(--u) * 11) var(--body);color:var(--dim)}@container (orientation:portrait){.how-grid{grid-template-columns:1fr}.how-grid .span2{grid-column:auto}}.settings,.pause{width:min(100%, calc(var(--u) * 400))}.pause{gap:calc(var(--u) * 10);display:grid}.pause .btn{width:100%}.set-row{justify-content:space-between;align-items:center;gap:calc(var(--u) * 16);padding:calc(var(--u) * 12) 0;font:700 calc(var(--u) * 15) var(--body);border-top:1px solid #ffffff14;display:flex}.set-row small{font:500 calc(var(--u) * 11) var(--body);color:var(--dim);display:block}.switch{width:calc(var(--u) * 50);height:calc(var(--u) * 28);cursor:pointer;background:#fff2;border:0;border-radius:999px;flex:none;position:relative}.switch i{left:calc(var(--u) * 3);top:calc(var(--u) * 3);width:calc(var(--u) * 22);height:calc(var(--u) * 22);background:var(--white);border-radius:50%;transition:transform .15s;position:absolute}.switch.on{background:var(--teal)}.switch.on i{transform:translateX(calc(var(--u) * 22))}.hud{z-index:10;pointer-events:none;position:absolute;inset:0}.hud button{pointer-events:auto}.bug{left:calc(var(--u) * 14);top:calc(var(--u) * 12);filter:drop-shadow(0 calc(var(--u) * 4) calc(var(--u) * 10) #0008);grid-template-columns:auto auto;align-items:stretch;transition:opacity .2s;display:grid;position:absolute}.bug.dim{opacity:0}.bug-main{align-items:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 38);padding:0 calc(var(--u) * 10);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:linear-gradient(#1d2430,#0c0f14);display:flex}.bug-main img{width:calc(var(--u) * 26);height:calc(var(--u) * 26)}.bug-main .t{font:italic 900 calc(var(--u) * 18) var(--disp);letter-spacing:.06em;min-width:calc(var(--u) * 36);text-align:center}.bug-main .s{min-width:calc(var(--u) * 28);height:calc(var(--u) * 30);font:900 calc(var(--u) * 24) var(--disp);background:var(--white);color:var(--ink);place-items:center;display:grid}.bug-main .s+.s{margin-left:calc(var(--u) * -6);background:#dfe4ea}.bug-clock{min-width:calc(var(--u) * 64);padding:0 calc(var(--u) * 10);font:900 calc(var(--u) * 20) var(--disp);letter-spacing:.04em;background:var(--teal);color:var(--ink);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);padding-right:calc(var(--u) * 16);place-items:center;display:grid}.bug-clock.golden{background:var(--yellow);font-size:calc(var(--u) * 13)}.bug-sub{align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 4) 0 0;grid-column:span 2;display:flex}.aura{width:calc(var(--u) * 140);height:calc(var(--u) * 16);background:#0c0f14cc;position:relative;overflow:hidden;transform:skew(-12deg);box-shadow:inset 0 0 0 1px #fff2}.aura i{transform-origin:0;background:linear-gradient(90deg, #8a6a10, var(--yellow));transition:transform .25s;position:absolute;inset:0}.aura span{z-index:1;font:900 calc(var(--u) * 10) var(--body);letter-spacing:.2em;color:var(--white);text-shadow:0 1px 2px #000;place-items:center;display:grid;position:absolute;inset:0;transform:skew(12deg)}.aura.full{box-shadow:0 0 calc(var(--u) * 14) var(--yellow), inset 0 0 0 1px var(--yellow);animation:.8s infinite alternate pulse}.aura.full span{color:var(--ink);text-shadow:none}@keyframes pulse{to{filter:brightness(1.35)}}.opp-items{gap:calc(var(--u) * 3);font-size:calc(var(--u) * 15);display:flex}.opp-items span{width:calc(var(--u) * 22);height:calc(var(--u) * 22);background:#0c0f14aa;border-radius:50%;place-items:center;display:grid}.ctrl-card{margin-top:calc(var(--u) * 6);align-items:center;gap:calc(var(--u) * 7);height:calc(var(--u) * 26);padding-right:calc(var(--u) * 14);clip-path:polygon(0 0,100% 0,94% 100%,0 100%);background:linear-gradient(90deg,#0c0f14ee,#0c0f1488);grid-column:span 2;width:max-content;display:flex}.ctrl-card .num{height:100%;min-width:calc(var(--u) * 28);background:var(--teal);color:var(--ink);font:900 calc(var(--u) * 16) var(--disp);place-items:center;display:grid}.ctrl-card b{font:italic 900 calc(var(--u) * 16) var(--disp);letter-spacing:.06em}.pause-btn{right:calc(var(--u) * 14);top:calc(var(--u) * 12);width:calc(var(--u) * 40);height:calc(var(--u) * 40);color:var(--white);cursor:pointer;background:#0c0f14aa;border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.pause-btn svg{width:calc(var(--u) * 18);height:calc(var(--u) * 18)}@container (orientation:portrait){.bug{left:calc(var(--u) * 10)}}.tag{justify-items:center;gap:calc(var(--u) * 2);opacity:0;will-change:transform;display:grid;position:absolute;top:0;left:0}.tag b{font:italic 900 calc(var(--u) * 13) var(--disp);letter-spacing:.1em;color:var(--white);text-shadow:0 1px 3px #000,0 0 6px #000}.tag i{border-left:calc(var(--u) * 7) solid transparent;border-right:calc(var(--u) * 7) solid transparent;border-top:calc(var(--u) * 9) solid var(--red);filter:drop-shadow(0 1px 2px #000);width:0;height:0;animation:.6s ease-in-out infinite alternate bob}@keyframes bob{to{transform:translateY(calc(var(--u) * 3))}}.callout{pointer-events:none;justify-items:center;width:max-content;margin-inline:auto;animation:1.5s both callIn;display:grid;position:absolute;top:13%;left:0;right:0}.callout b{font:italic 900 calc(var(--u) * 28) / .95 var(--disp);letter-spacing:.03em;color:var(--white);padding:calc(var(--u) * 3) calc(var(--u) * 14);white-space:nowrap;background:#0c0f1499;transform:skew(-10deg)}.callout span{margin-top:calc(var(--u) * 3);font:800 calc(var(--u) * 10) var(--body);letter-spacing:.12em;text-transform:uppercase;padding:calc(var(--u) * 3) calc(var(--u) * 10);background:var(--teal);color:var(--ink);transform:skew(-10deg)}.callout.k-bad b{color:#ffd0d6}.callout.k-bad span{background:var(--red);color:var(--white)}.callout.k-item span{background:var(--yellow)}.callout.k-aura b{color:var(--ink);background:linear-gradient(90deg, #ffe680, var(--yellow), #ffb020);box-shadow:0 0 calc(var(--u) * 24) #ffd23a88;font-size:calc(var(--u) * 36)}.callout.k-aura span{background:var(--ink);color:var(--yellow)}.callout.k-info span{background:var(--white)}.callout.small{top:calc(var(--u) * 18);animation:1s both chipIn}@container (orientation:portrait){.callout.small{top:calc(var(--u) * 104)}.callout:not(.small){top:calc(var(--u) * 130)}}.callout.small b{font-size:calc(var(--u) * 17);padding:calc(var(--u) * 3) calc(var(--u) * 10);background:#0c0f1477}.callout.small.k-bad b{color:#ffb3bf}.callout.small.k-item b{color:var(--yellow)}@keyframes chipIn{0%{opacity:0;transform:translateY(30%)}15%,75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-20%)}}@keyframes callIn{0%{opacity:0;transform:scale(1.6)}10%{opacity:1;transform:scale(1)}80%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(var(--u) * -14))}}.kickoff{place-items:center;animation:1.2s both koIn;display:grid;position:absolute;inset:0}.kickoff b{font:italic 900 calc(var(--u) * 64) var(--disp);letter-spacing:.04em;padding:0 calc(var(--u) * 26);background:var(--teal);color:var(--ink);box-shadow:calc(var(--u) * 8) calc(var(--u) * 8) 0 var(--ink);transform:skew(-10deg)}.kickoff.ft b{background:var(--white);animation:none}.kickoff.ft{animation:none}@keyframes koIn{0%{opacity:0;transform:translate(-40%)}18%{opacity:1;transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translate(40%)}}.goal{align-content:center;place-items:center;gap:calc(var(--u) * 6);display:grid;position:absolute;inset:0;overflow:hidden}.goal-stripes{height:calc(var(--u) * 190);background:repeating-linear-gradient(-60deg, var(--teal) 0 calc(var(--u) * 26), #0c0f14 calc(var(--u) * 26) calc(var(--u) * 34));opacity:.92;animation:2.4s both stripes;position:absolute;top:50%;left:-20%;right:-20%;transform:skewY(-6deg)}.goal.them .goal-stripes{background:repeating-linear-gradient(-60deg, #5a6270 0 calc(var(--u) * 26), #0c0f14 calc(var(--u) * 26) calc(var(--u) * 34))}.goal.aura .goal-stripes{background:repeating-linear-gradient(-60deg, var(--yellow) 0 calc(var(--u) * 26), #3a2a00 calc(var(--u) * 26) calc(var(--u) * 34))}.goal-word{font:italic 900 min(calc(var(--u) * 150), 24cqw) / .8 var(--disp);color:var(--white);text-shadow:calc(var(--u) * 6) calc(var(--u) * 6) 0 var(--red), calc(var(--u) * 12) calc(var(--u) * 12) 0 var(--ink);padding:.04em .2em .12em;animation:2.4s both goalWord;position:relative}.goal-who{align-items:center;gap:calc(var(--u) * 8);animation:2.4s both goalWho;display:flex;position:relative}.goal-who .n{width:calc(var(--u) * 40);height:calc(var(--u) * 40);background:var(--white);color:var(--ink);font:900 calc(var(--u) * 24) var(--disp);place-items:center;display:grid}.goal-who b{font:italic 900 calc(var(--u) * 38) var(--disp);letter-spacing:.04em;padding:0 calc(var(--u) * 14);background:var(--ink);line-height:calc(var(--u) * 40)}.goal-who em{font:normal 900 calc(var(--u) * 14) var(--body);letter-spacing:.14em;background:var(--yellow);color:var(--ink);padding:calc(var(--u) * 6) calc(var(--u) * 10)}.goal-assist{font:800 calc(var(--u) * 13) var(--body);letter-spacing:.1em;color:var(--white);text-shadow:0 1px 3px #000;text-transform:uppercase;position:relative}@keyframes stripes{0%{transform:skewY(-6deg)scaleY(0)}12%{transform:skewY(-6deg)scaleY(1)}88%{opacity:.92;transform:skewY(-6deg)scaleY(1)}to{opacity:0;transform:skewY(-6deg)scaleY(0)}}@keyframes goalWord{0%{opacity:0;transform:scale(3)}14%{opacity:1;transform:scale(1)}20%{transform:scale(1.08)}26%{transform:scale(1)}88%{opacity:1}to{opacity:0;transform:scale(.9)}}@keyframes goalWho{0%,18%{opacity:0;transform:translateY(calc(var(--u) * 20))}30%{opacity:1;transform:none}88%{opacity:1}to{opacity:0}}.replay{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.replay:before{content:"";background:linear-gradient(#0000 72%,#000a);position:absolute;inset:0}.rp-bug{left:calc(var(--u) * 16);top:calc(var(--u) * 14);align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 6) calc(var(--u) * 14);background:#0c0f14e6;display:flex;position:absolute;transform:skew(-10deg)}.rp-bug b{font:italic 900 calc(var(--u) * 22) var(--disp);letter-spacing:.2em}.rec{width:calc(var(--u) * 10);height:calc(var(--u) * 10);background:var(--red);border-radius:50%;animation:.6s infinite alternate pulse}.replay.adult .rec{background:var(--wtf)}.rp-water{right:calc(var(--u) * 16);top:calc(var(--u) * 62);height:calc(var(--u) * 40);opacity:.85;position:absolute}.rp-water.crest{height:calc(var(--u) * 44);opacity:.7;width:auto}@container (orientation:portrait){.rp-water{top:calc(var(--u) * 110)}}.rp-skip{height:calc(var(--u) * 44);padding:0 calc(var(--u) * 20);color:var(--white);font:900 calc(var(--u) * 15) var(--body);letter-spacing:.1em;cursor:pointer;background:#0c0f14cc;border:0;border-radius:999px;flex:none;box-shadow:inset 0 0 0 1px #fff3}.rp-end{align-items:center;gap:calc(var(--u) * 10);margin-left:auto;display:flex}.walk .rp-skip{right:calc(var(--u) * 14);bottom:calc(var(--u) * 14);z-index:3;position:absolute}.rp-lower{left:calc(var(--u) * 16);right:calc(var(--u) * 16);bottom:calc(var(--u) * 16);justify-content:space-between;align-items:flex-end;gap:calc(var(--u) * 12);flex-wrap:wrap;display:flex;position:absolute}.rp-goal{align-items:center;gap:calc(var(--u) * 10);height:calc(var(--u) * 46);padding:0 calc(var(--u) * 16) 0 calc(var(--u) * 8);clip-path:polygon(0 0,100% 0,96% 100%,0 100%);background:#0c0f14ee;animation:.5s .2s both slideL;display:flex}.rp-goal img{width:calc(var(--u) * 32);height:calc(var(--u) * 32)}.rp-goal .lbl{font:900 calc(var(--u) * 11) var(--body);letter-spacing:.2em;background:var(--teal);color:var(--ink);padding:calc(var(--u) * 3) calc(var(--u) * 7)}.rp-goal b{font:italic 900 calc(var(--u) * 26) var(--disp);letter-spacing:.04em}.rp-goal .sc{font:800 calc(var(--u) * 13) var(--body);color:var(--dim);letter-spacing:.06em}.rp-sponsor{pointer-events:auto;color:inherit;align-items:center;gap:calc(var(--u) * 14);padding:calc(var(--u) * 10) calc(var(--u) * 18);border-top:calc(var(--u) * 3) solid var(--wtf);clip-path:polygon(4% 0,100% 0,100% 100%,0 100%);background:#000;text-decoration:none;animation:.5s .35s both slideR;display:flex}.rp-sponsor span{font:italic 900 calc(var(--u) * 16) / 1.1 var(--disp);letter-spacing:.12em;color:var(--white)}.rp-sponsor .wtf-logo{height:calc(var(--u) * 44)}.rp-sponsor.kid{border-top-color:var(--teal)}.rp-sponsor.kid .wtf-leagues{height:calc(var(--u) * 40)}@keyframes slideL{0%{transform:translate(-110%)}to{transform:none}}@keyframes slideR{0%{transform:translate(110%)}to{transform:none}}@container (orientation:portrait){.rp-lower{flex-direction:column;align-items:stretch}.rp-sponsor{clip-path:none;justify-content:center}.rp-end{margin-left:0}.rp-end .rp-sponsor{flex:1;min-width:0}.rp-goal{clip-path:none}}.st-logo{opacity:0;place-items:center;display:grid;position:absolute;inset:0}.st-logo .wtf-logo,.st-logo img{height:calc(var(--u) * 110);width:auto}@keyframes wipe{0%{left:-160%}45%,55%{left:-15%}to{left:130%}}.keys-hint{left:50%;bottom:calc(var(--u) * 10);gap:calc(var(--u) * 14);padding:calc(var(--u) * 6) calc(var(--u) * 14);font:600 calc(var(--u) * 11) var(--body);color:var(--dim);white-space:nowrap;background:#0c0f14aa;border-radius:999px;display:flex;position:absolute;translate:-50%}.keys-hint b{color:var(--white);margin-right:calc(var(--u) * 3);font-weight:900}.walk{z-index:15;cursor:pointer;background:linear-gradient(#0c0f1400 60%,#0c0f14cc);position:absolute;inset:0}.lower3{left:calc(var(--u) * 24);bottom:calc(var(--u) * 24);column-gap:calc(var(--u) * 14);grid-template-rows:auto auto auto;grid-template-columns:auto auto;align-items:center;animation:.45s both slideL;display:grid;position:absolute}.l3-hero{right:calc(100% + calc(var(--u) * -10));bottom:calc(var(--u) * -24);height:calc(var(--u) * 260);width:auto;display:none;position:absolute}.l3-num{font:italic 900 calc(var(--u) * 96) / .8 var(--disp);color:var(--teal);text-shadow:calc(var(--u) * 4) calc(var(--u) * 4) 0 var(--ink);grid-row:span 2}.lower3.opp img{width:calc(var(--u) * 80);height:calc(var(--u) * 80);grid-row:span 2}.l3-main{display:grid}.l3-role{font:800 calc(var(--u) * 11) var(--body);letter-spacing:.2em;color:var(--yellow)}.l3-main b{font:italic 900 calc(var(--u) * 64) / .9 var(--disp);letter-spacing:.02em}.l3-handle{font:600 calc(var(--u) * 13) var(--body);color:var(--dim)}.l3-stats{gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 8);grid-column:2;display:flex}.l3-stats span{min-width:calc(var(--u) * 40);padding:calc(var(--u) * 3) 0;background:#0c0f14cc;justify-items:center;display:grid}.l3-stats i{font:normal 800 calc(var(--u) * 8) var(--body);letter-spacing:.1em;color:var(--dim)}.l3-stats b{font:900 calc(var(--u) * 18) var(--disp)}.l3-sig{margin-top:calc(var(--u) * 6);font:800 calc(var(--u) * 10) var(--body);letter-spacing:.15em;color:var(--dim);grid-column:2}.l3-sig b{color:var(--white);font:italic 900 calc(var(--u) * 15) var(--disp);letter-spacing:.06em;margin-left:calc(var(--u) * 6)}.walk-wide{align-content:center;place-items:center;gap:calc(var(--u) * 6);animation:1.6s both koIn;display:grid;position:absolute;inset:0}.walk-wide b{font:italic 900 calc(var(--u) * 48) var(--disp);letter-spacing:.04em;padding:0 calc(var(--u) * 18);background:var(--ink)}.walk-wide span{font:italic 900 calc(var(--u) * 26) var(--disp);letter-spacing:.3em;color:var(--ink);background:var(--teal);padding:0 calc(var(--u) * 14)}@container (orientation:portrait){.lower3{left:calc(var(--u) * 16);right:calc(var(--u) * 16);bottom:calc(var(--u) * 28)}.l3-num{font-size:calc(var(--u) * 70)}.l3-main b{font-size:calc(var(--u) * 48)}.walk-wide b{font-size:calc(var(--u) * 30)}}.result{align-content:start;justify-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 18);scrollbar-width:none;background:radial-gradient(70% 60% at 50% 30%,#0c0f14d9,#0c0f14f2 70%);grid-template-rows:auto auto 1fr auto;display:grid;overflow:auto}.res-head{justify-items:center;display:grid}.res-head .ft{font:900 calc(var(--u) * 12) var(--body);letter-spacing:.3em;color:var(--dim)}.res-head h1{font:italic 900 min(calc(var(--u) * 72), 14.5cqw) / .9 var(--disp);letter-spacing:.02em;text-shadow:calc(var(--u) * 4) calc(var(--u) * 4) 0 var(--red);margin:0;padding:0 .16em .06em}.result.win .res-head h1{color:var(--white);text-shadow:calc(var(--u) * 4) calc(var(--u) * 4) 0 var(--teal), calc(var(--u) * 8) calc(var(--u) * 8) 0 var(--ink)}.res-score{align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 6) calc(var(--u) * 14);background:#0c0f14;display:flex;box-shadow:inset 0 0 0 1px #fff2}.res-score img{width:calc(var(--u) * 40);height:calc(var(--u) * 40)}.res-score b{font:italic 900 calc(var(--u) * 22) var(--disp);letter-spacing:.06em}.res-score .n{font:900 calc(var(--u) * 46) var(--disp);min-width:calc(var(--u) * 34);text-align:center}.res-score .dash{font:900 calc(var(--u) * 30) var(--disp);color:var(--dim)}.res-body{justify-content:center;align-items:stretch;gap:calc(var(--u) * 12);width:100%;max-width:calc(var(--u) * 900);flex-wrap:wrap;display:flex}.motm{align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 10) calc(var(--u) * 16) calc(var(--u) * 10) calc(var(--u) * 6);border-radius:calc(var(--u) * 8);box-shadow:inset 0 0 0 calc(var(--u) * 2) var(--yellow);background:linear-gradient(160deg,#3a2f12,#15120a 70%);display:flex}.motm img{height:calc(var(--u) * 86)}.motm div{display:grid}.motm span{font:900 calc(var(--u) * 10) var(--body);letter-spacing:.2em;color:var(--yellow)}.motm b{font:italic 900 calc(var(--u) * 38) / .95 var(--disp)}.motm small{font:700 calc(var(--u) * 12) var(--body);color:var(--dim)}.res-stats{gap:calc(var(--u) * 4);min-width:calc(var(--u) * 220);padding:calc(var(--u) * 10) calc(var(--u) * 14);border-radius:calc(var(--u) * 8);background:#0c0f14cc;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.res-stats div{grid-template-columns:calc(var(--u) * 34) 1fr calc(var(--u) * 34);text-align:center;align-items:center;display:grid}.res-stats b{font:900 calc(var(--u) * 20) var(--disp)}.res-stats span{font:700 calc(var(--u) * 12) var(--body);color:var(--dim);letter-spacing:.08em;text-transform:uppercase}.promo{gap:calc(var(--u) * 8);padding:calc(var(--u) * 14) calc(var(--u) * 16);border-radius:calc(var(--u) * 8);box-shadow:inset 0 0 0 calc(var(--u) * 2) var(--wtf), 0 0 calc(var(--u) * 30) #0f03;width:min(100%, calc(var(--u) * 340));background:#000;display:grid}.promo-top{align-items:center;gap:calc(var(--u) * 10);display:flex}.promo-top span{font:900 calc(var(--u) * 10) var(--body);letter-spacing:.2em;color:var(--dim)}.promo-top .wtf-logo{height:calc(var(--u) * 36)}.promo p{font:600 calc(var(--u) * 13) var(--body);margin:0}.code{align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 6) calc(var(--u) * 6) calc(var(--u) * 6) calc(var(--u) * 14);border:calc(var(--u) * 2) dashed var(--wtf);border-radius:calc(var(--u) * 6);color:var(--white);cursor:pointer;text-decoration:none;transition:background .15s;display:flex}.code:hover{background:#00ff0014}.code span{height:calc(var(--u) * 34);padding:0 calc(var(--u) * 12);border-radius:calc(var(--u) * 4);background:var(--wtf);color:#000;font:900 calc(var(--u) * 12) var(--body);letter-spacing:.08em;white-space:nowrap;flex:none;place-items:center;display:grid}.promo-mid{gap:calc(var(--u) * 6);display:grid}.result .promo:not(.tease){width:100%;max-width:calc(var(--u) * 760);align-items:center;column-gap:calc(var(--u) * 18);grid-template-columns:auto 1fr}.result .promo:not(.tease) .promo-top{align-items:flex-start;gap:calc(var(--u) * 4);flex-direction:column}.result .promo:not(.tease) small{grid-column:span 2}.code b{font:900 calc(var(--u) * 26) var(--disp);letter-spacing:.08em;color:var(--wtf);white-space:nowrap;flex:1}.promo .btn{width:100%;height:calc(var(--u) * 46)}.promo small{font:500 calc(var(--u) * 10) var(--body);color:var(--dim);text-align:center}.promo.tease{text-align:center;align-content:center;justify-items:center;box-shadow:inset 0 0 0 1px #0f05}.promo.tease .wtf-logo{height:calc(var(--u) * 34)}.promo.kid{background:#0c0f14cc;box-shadow:inset 0 0 0 1px #ffc72c55}.res-btns{gap:calc(var(--u) * 12);padding-top:calc(var(--u) * 6);flex-wrap:wrap;justify-content:center;display:flex}.versus{gap:calc(var(--u) * 12);padding:calc(var(--u) * 16) calc(var(--u) * 18);scrollbar-width:none;background:linear-gradient(90deg,#0c0f14f5,#0c0f14d9 60%,#0c0f1499);grid-template-rows:auto 1fr;display:grid;overflow:auto}.versus .sq-head .soon{margin-left:auto}.vs-body{gap:calc(var(--u) * 12);max-width:calc(var(--u) * 560);align-content:start;display:grid}@container (orientation:landscape){.vs-body{max-width:calc(var(--u) * 1000);grid-template-columns:1fr 1fr;align-items:start}}.vs-step{gap:calc(var(--u) * 12);padding:calc(var(--u) * 12) calc(var(--u) * 14);border-radius:calc(var(--u) * 8);background:#151a22d9;grid-template-columns:auto 1fr;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.vs-step .num{width:calc(var(--u) * 30);height:calc(var(--u) * 30);background:var(--teal);color:var(--ink);font:900 calc(var(--u) * 17) var(--disp);place-items:center;display:grid;transform:skew(-10deg)}.vs-step h3{margin:0 0 calc(var(--u) * 8);font:italic 900 calc(var(--u) * 18) var(--disp);letter-spacing:.04em}.vs-step input,.vs-step textarea{width:100%;padding:calc(var(--u) * 10) calc(var(--u) * 12);border-radius:calc(var(--u) * 6);color:var(--white);font:600 calc(var(--u) * 15) var(--body);resize:none;-webkit-user-select:text;user-select:text;background:#0c0f14;border:0;box-shadow:inset 0 0 0 1px #fff2}.vs-step input:focus,.vs-step textarea:focus{box-shadow:inset 0 0 0 calc(var(--u) * 2) var(--teal);outline:none}.chips{gap:calc(var(--u) * 6);margin-top:calc(var(--u) * 8);flex-wrap:wrap;display:flex}.chips button{padding:calc(var(--u) * 6) calc(var(--u) * 10);color:var(--white);font:600 calc(var(--u) * 12) var(--body);cursor:pointer;background:#ffffff12;border:0;border-radius:999px}.mini-squad{gap:calc(var(--u) * 8);display:flex}.mini-squad span{justify-items:center;display:grid}.mini-squad img{width:calc(var(--u) * 56);height:calc(var(--u) * 56);object-fit:cover;object-position:top;background:#ffc72c22;border-radius:50%}.mini-squad b{font:italic 900 calc(var(--u) * 13) var(--disp);letter-spacing:.06em}.link-card{gap:calc(var(--u) * 8);padding:calc(var(--u) * 12);border-radius:calc(var(--u) * 8);box-shadow:inset 0 0 0 calc(var(--u) * 2) var(--teal);background:#0c0f14;display:grid}.link-top{font:600 calc(var(--u) * 14) var(--body)}.link-top b{font:italic 900 calc(var(--u) * 18) var(--disp);color:var(--teal)}.link-top span{margin-top:calc(var(--u) * 3);font:italic 900 calc(var(--u) * 20) var(--disp);color:var(--yellow);display:block}.link{gap:calc(var(--u) * 6);align-items:center;display:flex}.link code{padding:calc(var(--u) * 8) calc(var(--u) * 10);border-radius:calc(var(--u) * 6);font:700 calc(var(--u) * 13) ui-monospace, monospace;color:var(--white);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0d;flex:1;overflow:hidden}.link button{height:calc(var(--u) * 34);padding:0 calc(var(--u) * 10);border-radius:calc(var(--u) * 6);color:var(--dim);font:900 calc(var(--u) * 11) var(--body);letter-spacing:.08em;background:#ffffff14;border:0}.link-card small{font:600 calc(var(--u) * 11) var(--body);color:var(--yellow)}.ctl{z-index:12;pointer-events:none;--cu:clamp(1px, calc(.13cqmin + .5px), 2.2px);position:absolute;inset:0}.ctl-zone{pointer-events:auto;touch-action:none;width:50%;position:absolute;top:18%;bottom:0;left:0}.ctl.keys .ctl-zone,.ctl.keys .ctl-base,.ctl.keys .ctl-btn{display:none}.ctl-base{left:calc(var(--cu) * 96);top:calc(100% - var(--cu) * 104);width:calc(var(--cu) * 112);height:calc(var(--cu) * 112);border:calc(var(--cu) * 2) solid #ffffff40;opacity:.55;background:radial-gradient(#0c0f1440,#0c0f1480);border-radius:50%;transition:opacity .15s;position:absolute;translate:-50% -50%}.ctl-base.live{opacity:1}.ctl-base.sprint{border-color:#ffd23a88}.ctl-arc{inset:calc(var(--cu) * -9);opacity:0;background:conic-gradient(from calc(var(--a,0deg) - 40deg), #fffa 0deg 80deg, transparent 80deg);-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--cu) * 5), #000 calc(50% - var(--cu) * 4.5));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--cu) * 5), #000 calc(50% - var(--cu) * 4.5));mask:radial-gradient(circle, transparent calc(50% - var(--cu) * 5), #000 calc(50% - var(--cu) * 4.5));pointer-events:none;border-radius:50%;transition:opacity .12s;position:absolute}.ctl-base.push .ctl-arc{opacity:.7}.ctl-base.sprint .ctl-arc{opacity:1;background:conic-gradient(from calc(var(--a,0deg) - 50deg), #ffd23a00 0deg, #ffd23a 25deg 75deg, #ffd23a00 100deg, transparent 100deg);-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--cu) * 9), #000 calc(50% - var(--cu) * 8));-webkit-mask:radial-gradient(circle, transparent calc(50% - var(--cu) * 9), #000 calc(50% - var(--cu) * 8));mask:radial-gradient(circle, transparent calc(50% - var(--cu) * 9), #000 calc(50% - var(--cu) * 8));filter:drop-shadow(0 0 calc(var(--cu) * 6) #ffd23a)}.ctl-knob{width:calc(var(--cu) * 48);height:calc(var(--cu) * 48);margin:calc(var(--cu) * -24) 0 0 calc(var(--cu) * -24);box-shadow:0 calc(var(--cu) * 3) calc(var(--cu) * 10) #0008;background:#f4f6f8dd;border-radius:50%;position:absolute;top:50%;left:50%}.ctl-btn{pointer-events:auto;touch-action:none;align-content:center;place-items:center;gap:calc(var(--cu) * 1);color:var(--white);box-shadow:inset 0 0 0 calc(var(--cu) * 2) #ffffff40;cursor:pointer;background:#0c0f14b3;border:0;border-radius:50%;padding:0;display:grid;position:absolute}.ctl-btn svg{width:64%;height:64%}.ctl-btn.big svg{width:60%;height:60%}.ctl-btn.item svg{opacity:.45;width:60%;height:60%}.ctl-btn span{font:900 calc(var(--cu) * 9) / 1 var(--body);letter-spacing:.08em}.ctl-btn.on{background:#ffc72c55;transform:scale(.92)}.ctl-btn.big{right:calc(var(--cu) * 22);bottom:calc(var(--cu) * 28);width:calc(var(--cu) * 92);height:calc(var(--cu) * 92);color:var(--ink);box-shadow:inset 0 0 0 calc(var(--cu) * 2) #fff6, 0 0 calc(var(--cu) * 18) #ffc72c55;background:#ffc72ccc}.ctl-btn.big span{font-size:calc(var(--cu) * 11)}.ctl.def .ctl-btn.big{color:var(--white);box-shadow:inset 0 0 0 calc(var(--cu) * 2) #fff6, 0 0 calc(var(--cu) * 18) #ff2e4d55;background:#ff2e4dcc}.ctl-btn.pass{right:calc(var(--cu) * 126);bottom:calc(var(--cu) * 22);width:calc(var(--cu) * 66);height:calc(var(--cu) * 66)}.ctl-btn.skill{right:calc(var(--cu) * 34);bottom:calc(var(--cu) * 134);width:calc(var(--cu) * 66);height:calc(var(--cu) * 66)}.ctl-btn.item{right:calc(var(--cu) * 118);bottom:calc(var(--cu) * 108);width:calc(var(--cu) * 58);height:calc(var(--cu) * 58);background:#0c0f1499}.ctl-btn.item b{font-size:calc(var(--cu) * 22);line-height:1}.ctl-btn.item i{right:calc(var(--cu) * -2);top:calc(var(--cu) * -2);width:calc(var(--cu) * 18);height:calc(var(--cu) * 18);background:var(--yellow);color:var(--ink);font:normal 900 calc(var(--cu) * 11) / calc(var(--cu) * 18) var(--body);border-radius:50%;position:absolute}.ctl-btn.item .none{font-size:calc(var(--cu) * 7.5);color:var(--dim);text-align:center;line-height:1.1}.ctl-btn.item.has{box-shadow:inset 0 0 0 calc(var(--cu) * 2) var(--yellow);background:#ffd23a33}.ctl-btn.item.flash{animation:.6s itemFlash}@keyframes itemFlash{0%{transform:scale(1.4)}to{transform:scale(1)}}.ctl-meter{width:calc(var(--cu) * 120);height:calc(var(--cu) * 14);opacity:0;background:#0c0f14cc;transition:opacity .1s;position:absolute;bottom:16%;left:50%;overflow:hidden;transform:skew(-12deg);box-shadow:inset 0 0 0 1px #fff4}.ctl-meter.show{opacity:1}.ctl-meter .fill{transform-origin:0;background:linear-gradient(90deg,#f4f6f8,#fff);position:absolute;inset:0}.ctl-meter .fill.over{background:var(--red)}.ctl-meter.chip .sweet{display:none}.ctl-meter.chip .fill{background:linear-gradient(90deg, #fff, var(--teal))}.ctl-meter .sweet{background:var(--teal);z-index:1;mix-blend-mode:difference;width:12.3077%;position:absolute;top:0;bottom:0;left:56.9231%}.ctl.keys .ctl-meter{bottom:12%}.ctl-led{left:50%;bottom:calc(16% + var(--cu) * 20);min-width:calc(var(--cu) * 64);padding:calc(var(--cu) * 1) calc(var(--cu) * 7);border-radius:calc(var(--cu) * 4);color:#ff3b30;font:700 calc(var(--cu) * 17) / 1.1 ui-monospace, "SF Mono", Menlo, monospace;letter-spacing:.06em;text-align:center;text-shadow:0 0 calc(var(--cu) * 8) currentColor;font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;background:#050607e6;transition:opacity .12s;position:absolute;translate:-50%;box-shadow:inset 0 0 0 1px #fff2}.ctl-led.show{opacity:1}.ctl-led.hit{color:var(--teal);animation:.35s ledPop}.ctl.keys .ctl-led{bottom:calc(12% + var(--cu) * 20)}@keyframes ledPop{40%{transform:scale(1.25)}}.ctl.keys .ctl-btn.item{right:calc(var(--cu) * 22);bottom:calc(var(--cu) * 22);pointer-events:none;display:grid}@container (orientation:portrait){.ctl-zone{top:45%}}.hud-pill{right:calc(var(--u) * 64);top:calc(var(--u) * 18);height:calc(var(--u) * 22);opacity:.9;filter:drop-shadow(0 2px 6px #0008);width:auto;position:absolute}@container (orientation:portrait){.keys-hint{display:none}.hud-pill{top:auto;left:50%;right:auto;bottom:calc(var(--u) * 8);height:calc(var(--u) * 16);opacity:.75;translate:-50%}}.flick{align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 50);padding:0 calc(var(--u) * 4);border-radius:calc(var(--u) * 6);background:#0c0f14cc;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.flick-arrow{width:calc(var(--u) * 26);height:calc(var(--u) * 40);color:var(--white);font:900 calc(var(--u) * 24) / 1 var(--disp);cursor:pointer;background:0 0;border:0}.flick-img{width:calc(var(--u) * 56);height:calc(var(--u) * 38);object-fit:cover;border-radius:calc(var(--u) * 4);background:#222}.flick-txt{min-width:calc(var(--u) * 110);display:grid}.flick-txt b{font:italic 900 calc(var(--u) * 15) var(--disp);letter-spacing:.04em;white-space:nowrap}.flick-txt span{font:700 calc(var(--u) * 8.5) var(--body);letter-spacing:.1em;color:var(--yellow);text-transform:uppercase;white-space:nowrap}.bug-label{margin-top:calc(var(--u) * 3);padding:calc(var(--u) * 2) calc(var(--u) * 8);background:var(--purple);color:var(--white);font:900 calc(var(--u) * 10) var(--body);letter-spacing:.18em;grid-column:span 2;justify-self:start;transform:skew(-10deg)}.cup-note{display:grid!important}.cup-note b{font:italic 900 calc(var(--u) * 17) var(--disp);color:var(--teal)}.cup-note span{font:600 calc(var(--u) * 10) var(--body);color:var(--dim)}.cup{gap:calc(var(--u) * 10);padding:calc(var(--u) * 14) calc(var(--u) * 18);background:radial-gradient(80% 70% at 50% 40%,#1a1040ee,#0c0f14f5);grid-template-rows:auto 1fr auto;display:grid}.cup-round{font:italic 900 calc(var(--u) * 16) var(--disp);letter-spacing:.08em;padding:calc(var(--u) * 4) calc(var(--u) * 12);background:var(--purple);margin-left:auto;transform:skew(-10deg)}.bracket{gap:calc(var(--u) * 14);grid-template-columns:repeat(3,1fr);align-items:center;min-height:0;display:grid}.b-col{gap:calc(var(--u) * 8);align-content:center;height:100%;display:grid}.b-name{font:900 calc(var(--u) * 11) var(--body);letter-spacing:.18em;color:var(--dim);display:grid}.b-name small{font:700 calc(var(--u) * 9) var(--body);color:var(--yellow);letter-spacing:.12em}.b-col.now .b-name{color:var(--teal)}.b-tie{border-radius:calc(var(--u) * 6);background:#0c0f14d9;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff18}.b-tie.ours{box-shadow:inset 0 0 0 calc(var(--u) * 2) var(--teal), 0 0 calc(var(--u) * 14) #ffc72c33}.b-row{justify-content:space-between;align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 4) calc(var(--u) * 8);opacity:.7;display:flex}.b-row.win{opacity:1}.b-row+.b-row{border-top:1px solid #ffffff12}.b-row i{font:normal 900 calc(var(--u) * 16) var(--disp)}.bt-team{align-items:center;gap:calc(var(--u) * 6);min-width:0;display:flex}.bt-team img{width:calc(var(--u) * 22);height:calc(var(--u) * 22);flex:none}.bt-team b{font:italic 900 calc(var(--u) * 12) var(--disp);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bt-team.us b{color:var(--teal)}.b-tbd{padding:calc(var(--u) * 14);text-align:center;font:800 calc(var(--u) * 11) var(--body);color:#fff4;letter-spacing:.2em}.cup-foot{align-items:center;gap:calc(var(--u) * 14);display:flex}.next{display:grid}.next span{font:800 calc(var(--u) * 10) var(--body);letter-spacing:.16em;color:var(--yellow)}.next b{font:italic 900 calc(var(--u) * 24) var(--disp)}.cup-foot .go{min-width:calc(var(--u) * 240);height:calc(var(--u) * 56);font-size:calc(var(--u) * 24);margin-left:auto}.champs{align-items:center;gap:calc(var(--u) * 14);width:100%;display:flex}.champs img{height:calc(var(--u) * 120);width:auto;filter:drop-shadow(0 0 calc(var(--u) * 20) #ffd23a66);animation:.8s both heroIn}.champs div{display:grid}.champs b{font:italic 900 calc(var(--u) * 34) var(--disp);color:var(--yellow)}.champs.out b{color:var(--red)}.champs span{font:600 calc(var(--u) * 13) var(--body);color:var(--dim)}.champs .btn{margin-left:auto}@container (orientation:portrait){.bracket{gap:calc(var(--u) * 8);grid-template-columns:1fr;overflow:auto}.b-col{height:auto}.cup-foot{gap:calc(var(--u) * 8);flex-wrap:wrap}.cup-foot>:first-child{flex:100%}.cup-foot .go{white-space:nowrap;flex:100%;min-width:0}}.title-menu .row3{gap:calc(var(--u) * 12);grid-template-columns:1fr 1fr;display:grid}.share-btn.tease{color:var(--yellow)}.title-menu .row3 .btn{white-space:nowrap;justify-content:center}.card.locked .card-img img{filter:brightness(0)drop-shadow(0 0 2px #ffc72c)}.card .lock{z-index:3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0 0 45%}.card.locked .card-name span{color:var(--yellow)}.card.locked .card-stats,.card.locked .card-ovr{opacity:.45}.card .lock b{font:italic 900 calc(var(--u) * 54) / 1 var(--disp);color:var(--yellow)}.card .lock i{font:normal 900 calc(var(--u) * 9) var(--body);letter-spacing:.12em;color:var(--white)}@container (orientation:landscape){.cards{grid-template-columns:repeat(7,1fr)}}@container (orientation:portrait){.cards{grid-template-columns:repeat(4,1fr)}}.score-panel{gap:calc(var(--u) * 8);padding:calc(var(--u) * 12) calc(var(--u) * 14);border-radius:calc(var(--u) * 8);min-width:calc(var(--u) * 280);background:#0c0f14e6;grid-template-columns:1fr auto;align-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.sp-lines{gap:calc(var(--u) * 2);display:grid}.sp-lines span{justify-content:space-between;gap:calc(var(--u) * 12);font:600 calc(var(--u) * 11) var(--body);color:var(--dim);display:flex}.sp-lines b{color:var(--white);font-weight:800}.sp-total{justify-items:end;display:grid}.sp-total small{font:900 calc(var(--u) * 9) var(--body);letter-spacing:.2em;color:var(--yellow)}.sp-total b{font:italic 900 calc(var(--u) * 40) / 1 var(--disp);color:var(--teal)}.sp-post{gap:calc(var(--u) * 8);grid-column:span 2;align-items:center;display:flex}.sp-post input{width:calc(var(--u) * 90);height:calc(var(--u) * 42);text-align:center;border-radius:calc(var(--u) * 6);color:var(--white);font:italic 900 calc(var(--u) * 26) var(--disp);letter-spacing:.25em;box-shadow:inset 0 0 0 calc(var(--u) * 2) var(--teal);-webkit-user-select:text;user-select:text;background:#000;border:0}.sp-post .btn{height:calc(var(--u) * 42);font-size:calc(var(--u) * 16)}.sp-post em{font:700 calc(var(--u) * 11) var(--body);color:var(--red);font-style:normal}.sp-rank{gap:calc(var(--u) * 12);font:800 calc(var(--u) * 11) var(--body);letter-spacing:.1em;color:var(--dim);flex-wrap:wrap;grid-column:span 2;display:flex}.sp-rank b{color:var(--teal);font:italic 900 calc(var(--u) * 18) var(--disp);margin-left:calc(var(--u) * 4)}.score-panel .share{height:calc(var(--u) * 40);font-size:calc(var(--u) * 16);grid-column:span 2}.board{width:min(100%, calc(var(--u) * 520))}.board .pills{margin-bottom:calc(var(--u) * 10);width:max-content}.lb{gap:calc(var(--u) * 3);margin:0;padding:0;list-style:none;display:grid}.lb li{grid-template-columns:calc(var(--u) * 28) 1fr auto calc(var(--u) * 70);align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 6) calc(var(--u) * 10);border-radius:calc(var(--u) * 5);font:600 calc(var(--u) * 13) var(--body);background:#ffffff08;display:grid}.lb li:nth-child(-n+3){background:#ffc72c14}.lb i{font:normal 900 calc(var(--u) * 15) var(--disp);color:var(--dim)}.lb .ini{font:italic 900 calc(var(--u) * 18) var(--disp);letter-spacing:.12em}.lb small{color:var(--dim);font-size:calc(var(--u) * 11)}.lb li>b{font:italic 900 calc(var(--u) * 18) var(--disp);color:var(--teal);justify-self:end}.race-hud{right:calc(var(--u) * 14);top:calc(var(--u) * 64);gap:calc(var(--u) * 4);justify-items:end;display:grid;position:absolute}.race-hud>b{font:italic 900 calc(var(--u) * 28) var(--disp);padding:0 calc(var(--u) * 12);background:var(--red);transform:skew(-10deg)}.race-hud ol{gap:calc(var(--u) * 2);margin:0;padding:0;list-style:none;display:grid}.race-hud li{gap:calc(var(--u) * 6);padding:calc(var(--u) * 2) calc(var(--u) * 10);font:italic 900 calc(var(--u) * 13) var(--disp);letter-spacing:.05em;background:#0c0f14cc;align-items:center;display:flex}.race-hud li.us{color:var(--teal);background:#ffc72c33}.race-hud li i{color:var(--yellow);font-style:normal}.settings.wide{width:min(100%, calc(var(--u) * 560))}.set-tabs{margin-bottom:calc(var(--u) * 8);width:max-content}.set-row.col{flex-direction:column;align-items:flex-start}.fine.left{text-align:left;margin-top:calc(var(--u) * 8)}.range{width:calc(var(--u) * 200);accent-color:var(--teal)}.ctl-guide{gap:calc(var(--u) * 4);display:grid}.cg-head,.cg-row{grid-template-columns:calc(var(--u) * 120) 1fr 1fr;gap:calc(var(--u) * 10);align-items:center;display:grid}.cg-head b{font:italic 900 calc(var(--u) * 13) var(--disp);letter-spacing:.1em;color:var(--teal)}.cg-head b+b{color:var(--red)}.cg-row{padding:calc(var(--u) * 6) 0;font:600 calc(var(--u) * 12) / 1.35 var(--body);color:#d5dbe3;border-top:1px solid #ffffff12}.cg-key{font:900 calc(var(--u) * 12) var(--body);color:var(--white);padding:calc(var(--u) * 4) calc(var(--u) * 8);border-radius:calc(var(--u) * 6);background:#ffffff12;width:max-content}.cg-key.big{background:var(--teal);color:var(--ink)}.coach{left:calc(var(--u) * 14);top:calc(var(--u) * 150);width:calc(var(--u) * 240);padding:calc(var(--u) * 10) calc(var(--u) * 12);border-radius:calc(var(--u) * 8);background:#0c0f14d9;position:absolute;box-shadow:inset 0 0 0 1px #ffffff1f}.coach>b{font:italic 900 calc(var(--u) * 14) var(--disp);letter-spacing:.2em;color:var(--teal)}.coach ol{margin:calc(var(--u) * 6) 0 0;gap:calc(var(--u) * 3);padding:0;list-style:none;display:grid}.coach li{gap:calc(var(--u) * 8);font:600 calc(var(--u) * 11) / 1.3 var(--body);color:var(--dim);align-items:baseline;display:flex}.coach li i{color:var(--dim);min-width:calc(var(--u) * 12);font-style:normal;font-weight:900}.coach li.now{color:var(--white)}.coach li.now i{color:var(--yellow)}.coach li.done{color:#ffc72c99;text-decoration:line-through}.coach li.done i{color:var(--teal)}.coach li:not(.now){display:none}.coach>b small{margin-left:calc(var(--u) * 8);font:800 calc(var(--u) * 11) var(--body);letter-spacing:.08em;color:var(--dim)}@container (orientation:portrait){.coach{top:auto;bottom:calc(var(--u) * 210);left:calc(var(--u) * 12);width:calc(var(--u) * 210);right:auto}}@container (orientation:landscape) and (height<=520px){.cup{padding:calc(var(--u) * 10) calc(var(--u) * 16);gap:calc(var(--u) * 6)}.cup .sq-head h2{font-size:calc(var(--u) * 24)}.b-col{gap:calc(var(--u) * 4)}.b-row{padding:calc(var(--u) * 2) calc(var(--u) * 8)}.bt-team img{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.bt-team b{font-size:calc(var(--u) * 10.5)}.b-row i{font-size:calc(var(--u) * 13)}.b-name{font-size:calc(var(--u) * 9)}.cup-foot .go{height:calc(var(--u) * 46);font-size:calc(var(--u) * 20)}.next b{font-size:calc(var(--u) * 18)}}.bracket{overflow:hidden}.walk .walk-bg{background:radial-gradient(80% 90% at 30% 60%,#2a0a5588,#0c0f14e6 70%);position:absolute;inset:0}.walk.wide .walk-bg{background:0 0}.w-tag{font:900 calc(var(--u) * 11) var(--body);letter-spacing:.24em;color:var(--yellow)}.w-intro{align-content:center;place-items:center;gap:calc(var(--u) * 10);animation:2s both koIn;display:grid;position:absolute;inset:0}.w-vs{align-items:center;gap:calc(var(--u) * 28);display:flex}.w-vs img{width:calc(var(--u) * 150);height:calc(var(--u) * 150);filter:drop-shadow(0 0 calc(var(--u) * 24) #ffc72c55)}.w-vs b{font:italic 900 calc(var(--u) * 70) var(--disp);color:var(--white);text-shadow:calc(var(--u) * 4) calc(var(--u) * 4) 0 var(--purple)}.w-names{gap:calc(var(--u) * 80);font:italic 900 calc(var(--u) * 24) var(--disp);letter-spacing:.05em;display:flex}.w-round{font:italic 900 calc(var(--u) * 18) var(--disp);letter-spacing:.12em;padding:calc(var(--u) * 4) calc(var(--u) * 16);background:var(--purple);transform:skew(-10deg)}.w-mate{position:absolute;inset:0;overflow:hidden}.w-hero{width:auto;height:104%;filter:drop-shadow(0 0 calc(var(--u) * 30) #1fa85a66);animation:1.7s cubic-bezier(.2,.8,.2,1) both wHero;position:absolute;bottom:0;left:8%}@keyframes wHero{0%{opacity:0;transform:translate(-30%)}18%{opacity:1;transform:none}to{opacity:1;transform:translate(3%)}}.w-big-num{font:italic 900 calc(var(--u) * 360) / .8 var(--disp);color:#0000;-webkit-text-stroke:calc(var(--u) * 3) #ffc72c55;animation:1.7s both wNum;position:absolute;top:50%;left:2%;translate:0 -50%}@keyframes wNum{0%{transform:translate(10%)}to{transform:translate(-6%)}}.w-sweep{background:linear-gradient(100deg,#0000 40%,#ffc72c30 46%,#ffffff40 50%,#1fa85a30 54%,#0000 60%);animation:1.7s ease-out both wSweep;position:absolute;inset:-20% -60%}@keyframes wSweep{0%{transform:translate(-60%)}to{transform:translate(60%)}}.w-info{gap:calc(var(--u) * 4);width:42%;animation:.5s .15s both slideR;display:grid;position:absolute;top:50%;right:7%;translate:0 -50%}.w-info>b{font:italic 900 calc(var(--u) * 96) / .85 var(--disp);letter-spacing:.01em;text-shadow:calc(var(--u) * 4) calc(var(--u) * 4) 0 var(--purple)}.w-role{font:800 calc(var(--u) * 14) var(--body);letter-spacing:.14em;color:var(--teal);text-transform:uppercase}.w-stats{gap:calc(var(--u) * 4);margin-top:calc(var(--u) * 8);display:grid}.w-stats span{grid-template-columns:calc(var(--u) * 36) 1fr calc(var(--u) * 30);gap:calc(var(--u) * 8);align-items:center;display:grid}.w-stats i{font:normal 900 calc(var(--u) * 11) var(--body);letter-spacing:.12em;color:var(--dim)}.w-stats em{height:calc(var(--u) * 8);background:#ffffff18;position:relative;overflow:hidden;transform:skew(-12deg)}.w-stats em:after{content:"";transform-origin:0;transform:scaleX(var(--v));background:linear-gradient(90deg, var(--teal), var(--yellow));animation:.8s .3s both wBar;position:absolute;inset:0}@keyframes wBar{0%{transform:scaleX(0)}}.w-stats b{font:italic 900 calc(var(--u) * 18) var(--disp)}.w-sig{margin-top:calc(var(--u) * 6);font:900 calc(var(--u) * 10) var(--body);letter-spacing:.18em;color:var(--dim)}.w-sig b{color:var(--white);font:italic 900 calc(var(--u) * 18) var(--disp);letter-spacing:.05em;margin-left:calc(var(--u) * 6)}.w-team{position:absolute;inset:0}.w-row{justify-content:center;align-items:flex-end;height:90%;display:flex;position:absolute;bottom:0;left:3%;right:30%}.w-card{flex:1 1 0;justify-content:center;min-width:0;height:100%;margin-right:-4%;animation:.6s both wCard;display:flex;position:relative}.w-card img{object-fit:contain;object-position:bottom;width:100%;height:100%;filter:drop-shadow(0 0 calc(var(--u) * 20) #1fa85a55)}.w-card span{z-index:1;gap:calc(var(--u) * 6);width:max-content;padding:calc(var(--u) * 3) calc(var(--u) * 12);font:italic 900 calc(var(--u) * 20) var(--disp);letter-spacing:.05em;white-space:nowrap;background:#0c0f14e6;align-items:center;margin-inline:auto;display:flex;position:absolute;bottom:8%;left:0;right:0;transform:skew(-10deg)}.w-card i{color:var(--teal);font-style:normal}@keyframes wCard{0%{opacity:0;transform:translateY(20%)}}.w-opp{justify-items:center;gap:calc(var(--u) * 6);text-align:center;width:24%;animation:.5s .3s both slideR;display:grid;position:absolute;top:50%;right:4%;translate:0 -50%}.w-opp b{font:italic 900 calc(var(--u) * 50) var(--disp);color:var(--red)}.w-opp img{width:calc(var(--u) * 110);height:calc(var(--u) * 110)}.w-opp span{font:italic 900 calc(var(--u) * 22) var(--disp)}.w-opp small{font:700 calc(var(--u) * 11) var(--body);color:var(--dim);max-width:calc(var(--u) * 200)}@container (orientation:portrait){.w-vs img{width:calc(var(--u) * 100);height:calc(var(--u) * 100)}.w-names{gap:calc(var(--u) * 20);font-size:calc(var(--u) * 16)}.w-hero{height:70%;left:-10%}.w-info{width:auto;padding:calc(var(--u) * 12);background:#0c0f14cc;inset:auto 5% 4%;translate:none}.w-info>b{font-size:calc(var(--u) * 60)}.w-big-num{font-size:calc(var(--u) * 220);top:30%}.w-row{height:56%;left:0;right:0}.w-card{margin-right:0}.w-card img{object-fit:cover;object-position:50% 0}.w-card span{font-size:calc(var(--u) * 16)}.w-opp{width:auto;top:6%;left:0;right:0;translate:none}}@keyframes blink{50%{opacity:.2}}@container (orientation:landscape) and (height<=640px){.result{gap:calc(var(--u) * 7);padding-top:calc(var(--u) * 10)}.res-head h1{font-size:calc(var(--u) * 46)}.res-head .ft{font-size:calc(var(--u) * 10)}.score-panel,.res-stats{padding-top:calc(var(--u) * 8);padding-bottom:calc(var(--u) * 8)}.res-stats b{font-size:calc(var(--u) * 17)}.score-panel .share{height:calc(var(--u) * 34)}.res-btns{padding-top:0}.res-score{padding:calc(var(--u) * 3) calc(var(--u) * 12)}.res-score .n{font-size:calc(var(--u) * 36)}.res-score img{width:calc(var(--u) * 32);height:calc(var(--u) * 32)}.motm img{height:calc(var(--u) * 70)}.result .promo:not(.tease){padding:calc(var(--u) * 10) calc(var(--u) * 14)}}@container (orientation:portrait){.result .promo:not(.tease){grid-template-columns:1fr}.result .promo:not(.tease) .promo-top{flex-direction:row;align-items:center}.result .promo:not(.tease) small{grid-column:auto}.code{padding-left:calc(var(--u) * 10)}.code b{font-size:calc(var(--u) * 20);letter-spacing:.04em}.code span{padding:0 calc(var(--u) * 8);font-size:calc(var(--u) * 10)}}@container (orientation:landscape){.title{justify-items:start;row-gap:calc(var(--u) * 10);padding:calc(var(--u) * 20) calc(var(--u) * 24) calc(var(--u) * 18) calc(var(--u) * 30);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.title>.title-top,.title>.title-menu,.title>.title-foot{position:relative;inset:auto;translate:none}.title>.title-menu{align-self:end}.title-top .logo-crest{width:min(calc(var(--u) * 170), 22cqh);height:min(calc(var(--u) * 170), 22cqh)}.title>.title-foot{width:100%}}.foot-row{align-items:center;gap:calc(var(--u) * 10);pointer-events:auto;margin-left:auto;display:flex}.foot-row .socials{margin-left:0}.foot-row .socials a{height:calc(var(--u) * 36)}@container (orientation:portrait){.foot-row .socials a{width:calc(var(--u) * 36)}}.orient{align-items:center;gap:calc(var(--u) * 7);height:calc(var(--u) * 36);padding:0 calc(var(--u) * 14) 0 calc(var(--u) * 6);background:#0c0f14cc;border-radius:999px;display:flex;box-shadow:inset 0 0 0 1px #ffc72c66}.orient svg{width:calc(var(--u) * 30);height:calc(var(--u) * 30);flex:none;overflow:visible}.orient .o-arrow{fill:none;stroke:var(--teal);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.orient .o-phone{fill:none;stroke:var(--white);stroke-width:2.4px;stroke-linecap:round;transform-origin:24px 24px;animation:3.2s cubic-bezier(.65,0,.35,1) infinite phoneTurn}.orient .o-screen{fill:#ffc72c44;stroke:none}.orient span{gap:calc(var(--u) * 1);display:grid}.orient b{font:800 calc(var(--u) * 11) / 1 var(--body);letter-spacing:.1em;color:var(--white);white-space:nowrap}.orient small{font:600 calc(var(--u) * 9.5) / 1 var(--body);color:var(--dim);white-space:nowrap}@keyframes phoneTurn{0%,30%{transform:rotate(0)}45%,75%{transform:rotate(90deg)}90%,to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.orient .o-phone{animation:none}}@container (orientation:portrait){.foot-row{justify-content:center;gap:calc(var(--u) * 8);margin:0}.orient{padding-right:calc(var(--u) * 12)}}.title-menu .tiles{gap:calc(var(--u) * 7);grid-template-columns:repeat(4,1fr);display:grid}.tile{align-content:center;justify-items:center;gap:calc(var(--u) * 4);height:calc(var(--u) * 58);border-radius:calc(var(--u) * 8);color:var(--white);cursor:pointer;background:#0c0f14d9;border:0;padding:0;transition:background .15s,box-shadow .15s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1c}.tile:hover{box-shadow:inset 0 0 0 1px var(--teal);background:#151a22}.tile svg{width:calc(var(--u) * 22);height:calc(var(--u) * 22)}.tile span{font:800 calc(var(--u) * 8.5) / 1 var(--body);letter-spacing:.1em;white-space:nowrap;color:#fffc}.tile em{font:italic 900 calc(var(--u) * 10) / 1 var(--body);letter-spacing:.08em;color:var(--ink);background:var(--yellow);padding:calc(var(--u) * 3) calc(var(--u) * 5);transform:skew(-8deg)}.tile.coming span{color:var(--dim)}.tile.tease{box-shadow:inset 0 0 0 1px #ffd23a88}.tile.tease span{color:var(--yellow)}.tile-emoji{font-style:normal;font-size:calc(var(--u) * 20);line-height:1}.orient{animation:.45s cubic-bezier(.2,.9,.3,1.2) both tipIn}.orient.home{cursor:pointer;color:var(--white);text-align:left;box-shadow:inset 0 0 0 1px var(--yellow), 0 0 calc(var(--u) * 16) #ffd23a33;border:0}.orient.home b{color:var(--yellow)}.o-add{width:calc(var(--u) * 30);height:calc(var(--u) * 30);color:var(--yellow);place-items:center;display:grid}.o-add svg{width:calc(var(--u) * 22);height:calc(var(--u) * 22)}@keyframes tipIn{0%{opacity:0;transform:rotateX(80deg)}}.a2hs-sheet{gap:calc(var(--u) * 12);max-width:calc(var(--u) * 380);display:grid}.a2hs-sheet h2{font:italic 900 calc(var(--u) * 26) var(--disp);margin:0}.a2hs-lead{font:600 calc(var(--u) * 13) / 1.4 var(--body);color:#fffc;margin:0}.a2hs-steps{gap:calc(var(--u) * 8);margin:0;padding:0;list-style:none;display:grid}.a2hs-steps li{grid-template-columns:calc(var(--u) * 24) calc(var(--u) * 26) 1fr;gap:calc(var(--u) * 8);font:700 calc(var(--u) * 13) var(--body);align-items:center;display:grid}.a2hs-n{width:calc(var(--u) * 24);height:calc(var(--u) * 24);background:var(--teal);color:var(--ink);font:900 calc(var(--u) * 13) var(--body);border-radius:50%;place-items:center;display:grid}.a2hs-ico svg{width:calc(var(--u) * 24);height:calc(var(--u) * 24);color:var(--yellow)}.rp-promo{height:calc(var(--u) * 70);max-width:calc(var(--u) * 470);flex:1 1 calc(var(--u) * 360);color:var(--white);box-shadow:0 calc(var(--u) * 8) calc(var(--u) * 24) #0008, inset 0 0 0 1px #ffffff1a;clip-path:polygon(0 0,100% 0,97% 100%,0 100%);pointer-events:auto;background:#0c0f14f2;align-items:stretch;text-decoration:none;animation:.5s both slideL;display:flex}.rp-promo-tag{width:calc(var(--u) * 46);background:var(--teal);color:var(--ink);flex:none;place-items:center;display:grid}.rp-promo.ig .rp-promo-tag{color:#fff;background:linear-gradient(45deg,#feda75,#fa7e1e 35%,#d62976 60%,#4f5bd5)}.rp-promo-tag svg{width:calc(var(--u) * 24);height:calc(var(--u) * 24)}.rp-promo-txt{align-content:center;gap:calc(var(--u) * 2);min-width:0;padding:0 calc(var(--u) * 14);flex:1;display:grid}.rp-promo-txt small{font:900 calc(var(--u) * 9.5) / 1 var(--body);letter-spacing:.22em;color:var(--teal)}.rp-promo-txt b{font:italic 900 calc(var(--u) * 26) / 1 var(--disp);letter-spacing:.03em;white-space:nowrap}.rp-promo-txt em{font:700 calc(var(--u) * 11) / 1 var(--body);color:#fffa;white-space:nowrap;font-style:normal}.rp-promo-thumb{aspect-ratio:16/9;height:100%;margin-right:calc(var(--u) * 14);background:#000;flex:none;position:relative;overflow:hidden}.rp-promo-thumb video{object-fit:cover;width:100%;height:100%;display:block}.rp-promo-thumb i{left:calc(var(--u) * 6);bottom:calc(var(--u) * 6);width:calc(var(--u) * 20);height:calc(var(--u) * 20);color:#fff;background:#0009;border-radius:50%;place-items:center;display:grid;position:absolute}.rp-promo-thumb i svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.rp-promo:hover{box-shadow:0 calc(var(--u) * 8) calc(var(--u) * 24) #0008, inset 0 0 0 calc(var(--u) * 2) var(--teal)}@container (orientation:landscape) and (height<=520px){.rp-promo{flex-basis:calc(var(--u) * 300);height:calc(var(--u) * 62)}.rp-promo-txt b{font-size:calc(var(--u) * 22)}.rp-sponsor{gap:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 14)}.rp-sponsor span{font-size:calc(var(--u) * 14)}.rp-sponsor .wtf-logo{height:calc(var(--u) * 38)}.rp-sponsor.kid .wtf-leagues{height:calc(var(--u) * 34)}}@container (orientation:portrait){.rp-promo{max-width:none;height:calc(var(--u) * 62);flex:none}.rp-promo-txt b{font-size:calc(var(--u) * 21)}}.result{justify-content:center;align-items:center;gap:calc(var(--u) * 14);padding:calc(var(--u) * 18) calc(var(--u) * 20) calc(var(--u) * 30);flex-direction:column;display:flex;overflow:hidden}.result .btn.cta{min-width:calc(var(--u) * 240);height:calc(var(--u) * 54);font-size:calc(var(--u) * 24)}.res-mid{gap:calc(var(--u) * 12);flex-wrap:wrap;justify-content:center;align-items:stretch;display:flex}.res-stats .hd{color:var(--dim)}.res-stats .hd b{font:900 calc(var(--u) * 11) var(--body);letter-spacing:.12em;color:var(--dim)}.res-btns{gap:calc(var(--u) * 10);flex-wrap:wrap;justify-content:center;padding:0;display:flex}.res-dots{left:50%;bottom:calc(var(--u) * 12);gap:calc(var(--u) * 6);display:flex;position:absolute;translate:-50%}.res-dots i{width:calc(var(--u) * 7);height:calc(var(--u) * 7);background:#fff3;border-radius:50%}.res-dots i.on{background:var(--teal);width:calc(var(--u) * 20);border-radius:999px}.reward{justify-items:center;gap:calc(var(--u) * 10);width:min(100%, calc(var(--u) * 480));padding:calc(var(--u) * 16) calc(var(--u) * 18) calc(var(--u) * 14);text-align:center;border-radius:calc(var(--u) * 12);background:#0c0f14f2;animation:.6s cubic-bezier(.2,.9,.3,1.3) both rewardIn;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.rw-head{justify-items:center;gap:calc(var(--u) * 4);display:grid}.rw-head span{font:900 calc(var(--u) * 11) var(--body);letter-spacing:.26em;color:var(--teal)}.rw-head p{font:600 calc(var(--u) * 13) var(--body);color:#fffc;margin:0}.rw-ad{justify-items:center;gap:calc(var(--u) * 4);width:100%;padding:calc(var(--u) * 14) calc(var(--u) * 18) calc(var(--u) * 12);text-align:center;border-radius:calc(var(--u) * 10);background:repeating-linear-gradient(135deg, #ffffff0d 0 calc(var(--u) * 10), transparent calc(var(--u) * 10) calc(var(--u) * 22)), radial-gradient(90% 80% at 50% 0%, #ffffff30, transparent 60%), linear-gradient(135deg, var(--ad-a), var(--ad-b));box-shadow:0 calc(var(--u) * 10) calc(var(--u) * 30) #0008, inset 0 0 0 1px #ffffff26;display:grid;position:relative;overflow:hidden}.rw-tag{right:calc(var(--u) * 10);top:calc(var(--u) * 10);font:800 calc(var(--u) * 9) var(--body);letter-spacing:.14em;text-transform:uppercase;color:#ffffffd9;padding:calc(var(--u) * 3) calc(var(--u) * 6);border-radius:calc(var(--u) * 4);background:#0006;font-style:normal;position:absolute}.rw-logo{height:calc(var(--u) * 40);width:auto}.rw-offer{margin-top:calc(var(--u) * 2);justify-items:center;line-height:.9;display:grid}.rw-offer b{font:italic 900 calc(var(--u) * 72) / .9 var(--disp);color:#fff;text-shadow:calc(var(--u) * 3) calc(var(--u) * 3) 0 #0007}.rw-offer span{margin-top:calc(var(--u) * 5);font:italic 900 calc(var(--u) * 17) var(--disp);letter-spacing:.04em;padding:calc(var(--u) * 3) calc(var(--u) * 10);color:#fff;box-shadow:inset 0 calc(var(--u) * -3) 0 var(--ad-x);background:#000;display:inline-block}.rw-line{margin-top:calc(var(--u) * 2);font:600 calc(var(--u) * 12) var(--body);color:#ffffffe6;font-style:normal}.rw-ad small{font:500 calc(var(--u) * 8.5) var(--body);color:#ffffffb3}.reward .btn.cta{width:100%}.rw-site{font:600 calc(var(--u) * 10) var(--body);color:var(--dim)}@keyframes rewardIn{0%{opacity:0;transform:scale(.9)}}.sc-total{justify-items:center;gap:calc(var(--u) * 2);display:grid}.sc-total small{font:900 calc(var(--u) * 11) var(--body);letter-spacing:.28em;color:var(--yellow)}.sc-total b{font:italic 900 calc(var(--u) * 76) / .95 var(--disp);color:var(--teal);text-shadow:calc(var(--u) * 4) calc(var(--u) * 4) 0 var(--ink)}.sc-total span{font:600 calc(var(--u) * 11) var(--body);color:var(--dim);text-align:center}.sc-post{justify-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 14) calc(var(--u) * 18);border-radius:calc(var(--u) * 10);background:#0c0f14e6;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.sc-post p{font:800 calc(var(--u) * 13) var(--body);letter-spacing:.04em;margin:0}.sc-row{gap:calc(var(--u) * 10);align-items:center;display:flex}.sc-row input{width:calc(var(--u) * 110);height:calc(var(--u) * 54);text-align:center;border-radius:calc(var(--u) * 8);color:var(--white);font:italic 900 calc(var(--u) * 32) var(--disp);letter-spacing:.25em;box-shadow:inset 0 0 0 calc(var(--u) * 2) var(--teal);-webkit-user-select:text;user-select:text;background:#000;border:0}.sc-row .btn.cta{min-width:calc(var(--u) * 190)}.sc-post em{font:600 calc(var(--u) * 11) var(--body);color:var(--red);font-style:normal}.sc-post em.hint{color:var(--dim)}.sc-skip{color:var(--dim);font:700 calc(var(--u) * 12) var(--body);cursor:pointer;padding:calc(var(--u) * 2);background:0 0;border:0;text-decoration:underline}.sc-done{justify-items:center;gap:calc(var(--u) * 10);display:grid}.sc-done .share{height:calc(var(--u) * 42);padding:0 calc(var(--u) * 22);font-size:calc(var(--u) * 16)}.res-next{gap:calc(var(--u) * 10);opacity:.75;flex-wrap:wrap;justify-content:center;transition:opacity .2s;display:flex}.res-next.ready{opacity:1}@container (orientation:landscape) and (height<=640px){.result{gap:calc(var(--u) * 9);padding-top:calc(var(--u) * 10);padding-bottom:calc(var(--u) * 26)}.result .btn.cta{height:calc(var(--u) * 46);font-size:calc(var(--u) * 21)}.rw-offer b{font-size:calc(var(--u) * 46)}.reward{gap:calc(var(--u) * 5);padding:calc(var(--u) * 10) calc(var(--u) * 16) calc(var(--u) * 8)}.rw-ad{padding-top:calc(var(--u) * 10);padding-bottom:calc(var(--u) * 9);gap:calc(var(--u) * 2)}.rw-logo{height:calc(var(--u) * 30)}.sc-total b{font-size:calc(var(--u) * 58)}}@container (orientation:portrait){.result{padding-left:calc(var(--u) * 14);padding-right:calc(var(--u) * 14)}.res-mid{flex-direction:column;align-items:stretch;width:100%}.result .btn.cta{width:100%;min-width:0}.res-btns,.res-next{width:100%}.res-next .btn{white-space:nowrap;flex:1}.res-next .btn.ghost{flex-basis:100%}.sc-row{width:100%}.sc-row .btn.cta{flex:1;min-width:0}.sc-post{width:100%}}.pl-splash{z-index:100;cursor:pointer;background:#101116;place-items:center;animation:.35s ease-in 1.15s both plOut;display:grid;position:absolute;inset:0}.pl-splash img{width:min(36cqw, calc(var(--u) * 220));filter:brightness(0)invert();opacity:.92;min-width:160px;height:auto;animation:.6s cubic-bezier(.2,.7,.2,1) .1s both plIn}@keyframes plIn{0%{opacity:0}to{opacity:.92}}@keyframes plOut{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.pl-splash img{animation:none}}.pl-splash{align-content:center}.pl-splash small{margin-top:calc(var(--u) * 14);font:600 max(11px, calc(var(--u) * 12)) var(--body);letter-spacing:.24em;text-transform:uppercase;color:#ffffff8c;animation:.6s cubic-bezier(.2,.7,.2,1) .3s both plIn}.pl-mark{right:calc(var(--u) * 16);top:calc(var(--u) * 14);justify-items:end;gap:calc(var(--u) * 3);opacity:.5;pointer-events:none;display:grid;position:absolute}.pl-mark img{height:calc(var(--u) * 13);filter:brightness(0)invert();width:auto;min-height:11px}.pl-mark small{font:600 max(7.5px, calc(var(--u) * 7.5)) / 1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#fff;white-space:nowrap}.pl-studio{font:600 calc(var(--u) * 10) var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}.pl-credit{justify-items:center;gap:calc(var(--u) * 6);margin-top:calc(var(--u) * 18);padding-top:calc(var(--u) * 16);text-align:center;border-top:1px solid #ffffff14;display:grid}.pl-credit img{filter:brightness(0)invert();opacity:.92;width:160px;height:auto}.pl-credit p{margin:calc(var(--u) * 4) 0 0;font:400 calc(var(--u) * 13) var(--body);color:#fffc}.pl-credit small{font:500 calc(var(--u) * 11) var(--body);color:var(--dim)}.game{--sat:var(--sim-sat,env(safe-area-inset-top,0px));--sar:var(--sim-sar,env(safe-area-inset-right,0px));--sab:var(--sim-sab,env(safe-area-inset-bottom,0px));--sal:var(--sim-sal,env(safe-area-inset-left,0px))}.screen,.hud,.ctl,.walk{border:0 solid #0000;border-width:var(--sat) var(--sar) var(--sab) var(--sal)}.title:before,.walk .walk-bg{inset:calc(-1 * var(--sat)) calc(-1 * var(--sar)) calc(-1 * var(--sab)) calc(-1 * var(--sal))}.tag{left:calc(-1 * var(--sal));top:calc(-1 * var(--sat))}.sponsor{gap:calc(var(--u) * 10);padding:calc(var(--u) * 6) calc(var(--u) * 12);background:#000000b3;border:1px solid #ffffff1f;border-radius:999px}.sponsor>span{font-size:calc(var(--u) * 9);letter-spacing:.22em}.sponsor>span:after{content:"";width:1px;height:calc(var(--u) * 16);margin-left:calc(var(--u) * 10);vertical-align:middle;background:#fff3;display:inline-block}.sponsor .wtf-logo,.sponsor .wtf-leagues{height:calc(var(--u) * 26)}.sponsor em{font-size:calc(var(--u) * 10)}@container (orientation:portrait){.title-foot{align-items:stretch;gap:calc(var(--u) * 8)}.title-foot .sponsor{height:calc(var(--u) * 40);padding:0 calc(var(--u) * 14);border-radius:calc(var(--u) * 8);justify-content:center;align-self:stretch}.foot-row{justify-content:stretch;display:grid}.foot-row .orient{width:100%;height:calc(var(--u) * 40);border-radius:calc(var(--u) * 8);justify-content:center;justify-self:stretch}}.unlock-sheet{grid-template-columns:calc(var(--u) * 150) 1fr;gap:calc(var(--u) * 20);max-width:calc(var(--u) * 560);padding:calc(var(--u) * 22);box-shadow:inset 0 0 0 calc(var(--u) * 1.5) #ffd23a66, 0 calc(var(--u) * 20) calc(var(--u) * 60) #000a;align-items:center;display:grid}.unlock-sheet.done{box-shadow:inset 0 0 0 calc(var(--u) * 1.5) var(--teal), 0 0 calc(var(--u) * 40) #ffc72c44}.ul-pic{aspect-ratio:3/4;border-radius:calc(var(--u) * 10);background:radial-gradient(80% 70% at 50% 30%,#ffd23a33,#0c0f14);place-items:center;display:grid;position:relative;overflow:hidden}.ul-pic img{object-fit:cover;object-position:50% 15%;width:100%;height:100%;transition:filter .5s;position:absolute;inset:0}.unlock-sheet:not(.done) .ul-pic img{filter:brightness(0)drop-shadow(0 0 2px #ffd23a)}.ul-pic b{font:italic 900 calc(var(--u) * 72) / 1 var(--disp);color:var(--yellow);text-shadow:0 0 calc(var(--u) * 20) #ffd23a88;position:relative}.ul-copy{justify-items:start;gap:calc(var(--u) * 10);display:grid}.ul-k{font:900 calc(var(--u) * 11) var(--body);letter-spacing:.22em;color:var(--yellow)}.unlock-sheet.done .ul-k{color:var(--teal)}.ul-copy h2{padding-right:calc(var(--u) * 30);font:italic 900 calc(var(--u) * 30) / .95 var(--disp);letter-spacing:.02em;margin:0}.ul-copy p{font:600 calc(var(--u) * 14) / 1.4 var(--body);color:#fffc;margin:0}.ul-cta{justify-items:center;gap:calc(var(--u) * 8);margin-top:calc(var(--u) * 4);display:grid}.ul-cta .btn{min-width:calc(var(--u) * 220)}@container (orientation:portrait){.unlock-sheet{text-align:center;padding:calc(var(--u) * 24) calc(var(--u) * 20);grid-template-columns:1fr;justify-items:center}.ul-pic{width:calc(var(--u) * 150)}.ul-copy{justify-items:center}.ul-copy h2{padding:0 calc(var(--u) * 10);font-size:calc(var(--u) * 28)}.ul-cta,.ul-cta .btn{width:100%}}.sound-q{top:calc(var(--u) * 12);right:calc(var(--u) * 62);z-index:6;align-items:center;gap:calc(var(--u) * 8);pointer-events:none;display:flex;position:absolute}.sound-btn{pointer-events:auto;width:calc(var(--u) * 40);height:calc(var(--u) * 40);color:var(--white);cursor:pointer;background:#0c0f14aa;border:0;border-radius:50%;place-items:center;display:grid}.sound-btn svg{width:calc(var(--u) * 20);height:calc(var(--u) * 20)}.sound-btn.m-sfx,.sound-btn.m-off{color:var(--yellow)}.sound-say{padding:calc(var(--u) * 7) calc(var(--u) * 12);font:900 calc(var(--u) * 11) var(--body);letter-spacing:.16em;white-space:nowrap;background:#0c0f14e0;border-radius:999px;animation:1.5s forwards sound-say;box-shadow:inset 0 0 0 1px #ffffff1f}@keyframes sound-say{0%{opacity:0;transform:translateX(calc(var(--u) * 8))}12%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}@container (orientation:portrait){.sound-q{right:calc(var(--u) * 14);top:calc(var(--u) * 60)}}.fb-pill{z-index:4;align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 32);padding:0 calc(var(--u) * 12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--white);font:900 calc(var(--u) * 11) var(--body);letter-spacing:.14em;cursor:pointer;background:#0c0f14b8;border:1px solid #ffffff2a;border-radius:999px;display:flex;position:relative}.fb-star{color:var(--yellow);font-size:calc(var(--u) * 14);letter-spacing:0}.fb-dot{right:calc(var(--u) * -2);top:calc(var(--u) * -2);width:calc(var(--u) * 10);height:calc(var(--u) * 10);background:var(--teal);box-shadow:0 0 0 calc(var(--u) * 2) #0c0f14;border-radius:50%;position:absolute}.fb-sheet{gap:calc(var(--u) * 14);width:min(100%, calc(var(--u) * 760));display:grid}.fb-tabs{justify-self:start}.fb-form{gap:calc(var(--u) * 10) calc(var(--u) * 12);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"h h h""s s s""l1 l2 l3""f b b";align-items:center;display:grid}.fb-h{font:900 calc(var(--u) * 11) var(--body);letter-spacing:.2em;color:var(--dim);grid-area:h}.fb-stars{gap:calc(var(--u) * 6);grid-area:s;display:flex}.fb-fine{grid-area:f}.fb-send{grid-area:b}.fb-stars button{width:calc(var(--u) * 46);height:calc(var(--u) * 46);border-radius:calc(var(--u) * 10);color:#ffffff40;font-size:calc(var(--u) * 26);cursor:pointer;background:#ffffff10;border:0;line-height:1;transition:transform .1s,color .1s}.fb-stars button.on{color:var(--yellow);background:#ffd23a1f}.fb-stars button:active{transform:scale(.92)}.fb-line{gap:calc(var(--u) * 5);display:grid}.fb-line span{font:800 calc(var(--u) * 13) var(--body)}.fb-line input{width:100%;min-width:0;height:calc(var(--u) * 40);padding:0 calc(var(--u) * 12);border-radius:calc(var(--u) * 8);color:var(--white);font:600 calc(var(--u) * 14) var(--body);background:#0c0f14;border:1px solid #fff2}.fb-line input:focus{border-color:var(--teal);outline:none}.fb-form .btn,.fb-new .btn,.fb-done .btn{justify-self:stretch}.fb-form .fine{text-align:left}.fb-done{justify-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 20) 0;text-align:center;display:grid}.fb-done b{font:italic 900 calc(var(--u) * 40) var(--disp);color:var(--teal)}.fb-done span{font:600 calc(var(--u) * 14) var(--body);color:#fffc}.fb-new{gap:calc(var(--u) * 12);display:grid}.fb-new-head{align-items:baseline;gap:calc(var(--u) * 10);display:flex}.fb-new-head b{font:italic 900 calc(var(--u) * 26) var(--disp)}.fb-new-head span{font:700 calc(var(--u) * 12) var(--body);color:var(--dim)}.fb-new ul{padding:0 0 calc(var(--u) * 18);-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - var(--u) * 34), #0000);-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - var(--u) * 34), #0000);mask-image:linear-gradient(180deg, #000 calc(100% - var(--u) * 34), #0000);gap:calc(var(--u) * 10);max-height:max(calc(var(--u) * 130), calc(100cqh - var(--u) * 290));scrollbar-width:thin;margin:0;list-style:none;display:grid;overflow:auto}.fb-new li{grid-template-columns:calc(var(--u) * 64) 1fr;gap:calc(var(--u) * 10);align-items:start;display:grid}.fb-new li i{padding:calc(var(--u) * 3) calc(var(--u) * 7);border-radius:calc(var(--u) * 4);font:normal 900 calc(var(--u) * 10) var(--body);letter-spacing:.12em;justify-self:start}.fb-new li i.new{background:var(--teal);color:var(--ink)}.fb-new li i.better{color:var(--white);background:#ffffff1f}.fb-new li b{font:800 calc(var(--u) * 14) var(--body);display:block}.fb-new li span{font:500 calc(var(--u) * 13) / 1.4 var(--body);color:#ffffffbf}.fb-pill.at-top{display:none}.title-foot .fb-pill{height:auto;padding:0 calc(var(--u) * 16);align-self:stretch}@container (orientation:portrait){.fb-pill.at-top{left:calc(var(--u) * 16);top:calc(var(--u) * 16);display:flex;position:absolute}.fb-pill.at-foot{display:none}.fb-sheet{width:min(100%, calc(var(--u) * 520))}.fb-form{grid-template-columns:1fr;grid-template-areas:"h""s""l1""l2""l3""f""b"}.fb-new ul{max-height:calc(var(--u) * 380)}}.replay:before,.goal,.w-mate,.w-team{inset:calc(-1 * var(--sat)) calc(-1 * var(--sar)) calc(-1 * var(--sab)) calc(-1 * var(--sal))}.w-hero{left:calc(8% + var(--sal))}.w-big-num{left:calc(2% + var(--sal))}.w-info{right:calc(7% + var(--sar))}.w-row{left:calc(3% + var(--sal));right:calc(30% + var(--sar))}.w-card span{bottom:calc(8% + var(--sab))}.w-opp{right:calc(4% + var(--sar))}@container (orientation:portrait){.w-hero{left:-10%}.w-info{left:calc(5% + var(--sal));right:calc(5% + var(--sar));bottom:calc(var(--u) * 70 + var(--sab))}.w-row{left:var(--sal);right:var(--sar)}.w-card span{bottom:calc(var(--u) * 70 + var(--sab))}.w-opp{left:var(--sal);right:var(--sar);top:calc(6% + var(--sat))}}@container (orientation:landscape) and (height<=520px){.pause{width:min(100%, calc(var(--u) * 560));grid-template-columns:1fr 1fr}.pause h2,.pause .btn.primary{grid-column:span 2}}.ctl.racing .ctl-btn,.ctl.racing .ctl-meter{display:none}.coach.in-bug{margin-top:calc(var(--u) * 8);grid-column:span 2;position:static}.coach.free{display:none}@container (orientation:portrait){.coach.in-bug{display:none}.coach.free{display:block}}@container (orientation:landscape){.card-stats span{font-size:calc(var(--u) * 11)}.card-stats i{font-size:calc(var(--u) * 6.5)}}.card.locked .card-name span{white-space:normal;line-height:1.1}.w-info{z-index:2}@container (orientation:landscape) and (aspect-ratio<=3/2){.w-hero{left:calc(-6% + var(--sal))}.w-info{width:44%;right:calc(4% + var(--sar))}}.title-crest{pointer-events:none;filter:drop-shadow(0 calc(var(--u) * 10) calc(var(--u) * 30) #000c);animation:.9s cubic-bezier(.2,.8,.2,1) both crestIn}@keyframes crestIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@container (orientation:landscape){.title>.title-crest{width:min(calc(var(--u) * 180), 26cqh);aspect-ratio:1;grid-row:1;height:auto;position:relative}.title>.title-menu{grid-row:2}.title>.title-foot{grid-row:3}.title{padding-bottom:calc(var(--u) * 10)}}@container (orientation:portrait){.title-crest{aspect-ratio:1;width:76%;height:auto;margin:0 auto;position:absolute;top:5%;left:0;right:0}.title-hero{bottom:28%}.hero-tag{top:45%}.title-foot{bottom:calc(var(--u) * 10)}.title-menu{bottom:calc(var(--u) * 106)}}.title-menu .btn.big{height:calc(var(--u) * 60);flex-direction:row;justify-content:space-between;align-items:center}.title-menu .btn.big small{text-align:right;line-height:1.15}@container (orientation:landscape) and (height<=960px){.title-menu .btn.big{height:calc(var(--u) * 46)}}@container (orientation:portrait){.title-menu .btn.big{height:calc(var(--u) * 52)}}.age-words{gap:calc(var(--u) * 4);display:grid}.age-tag{font:800 calc(var(--u) * 11) var(--body);letter-spacing:.22em;color:var(--teal);white-space:nowrap}@container (orientation:portrait){.age-words{text-align:center;justify-items:center}}.sponsor-logo{height:calc(var(--u) * 30);width:auto;display:block}.sponsor .sponsor-logo{height:calc(var(--u) * 26)}.rp-sponsor{border-top-color:#c8ff1e}.rp-sponsor .sponsor-logo{height:calc(var(--u) * 40)}.bug-main .s{min-width:calc(var(--u) * 44);flex-direction:column;justify-content:center;gap:0;line-height:.9;display:flex}.bug-main .s em{font:normal 800 calc(var(--u) * 10) var(--body);letter-spacing:.04em;color:#3a4250}.bug-main .s b{font:900 calc(var(--u) * 22) var(--disp)}.res-score .n{flex-direction:column;align-items:center;line-height:.9;display:flex}.res-score .n small{font:800 calc(var(--u) * 14) var(--body);color:var(--dim);letter-spacing:.04em}.cards.roster{grid-template-columns:repeat(7, calc(var(--u) * 112))}@container (orientation:landscape){.cards.roster{row-gap:calc(var(--u) * 8);grid-template-columns:repeat(7,1fr)}.cards.roster .card-img{height:calc(var(--u) * 92)}}@container (orientation:landscape) and (height<=520px){.cards.roster .card-img{height:calc(var(--u) * 64)}}@container (orientation:portrait){.cards.roster{grid-template-columns:repeat(5,1fr)}}.flick-img{display:block}.flick-img.ground-paddock{background:radial-gradient(120% 90% at 50% 120%,#b3612f,#6a3a22 60%),linear-gradient(#2c2a68,#e2673a)}.flick-img.ground-bondi{background:linear-gradient(#48a6ee 0 45%,#2bb5c4 45% 62%,#e6cf9c 62%)}.flick-img.ground-servo{background:radial-gradient(70% 60% at 50% 30%,#fff2dc,#ff5a1f 40%,#0a1028 75%)}.set-shot{left:50%;top:calc(var(--sat,0px) + var(--u) * 92);gap:calc(var(--u) * 10);padding:calc(var(--u) * 5) calc(var(--u) * 14);pointer-events:none;background:#0c0f14d9;align-items:center;animation:.3s both slideR;display:flex;position:absolute;transform:translate(-50%)skew(-10deg);box-shadow:inset 0 0 0 1px #ffffff26}.set-shot b{font:italic 900 calc(var(--u) * 16) var(--disp);letter-spacing:.08em;color:var(--white)}.set-shot span{font:800 calc(var(--u) * 11) var(--body);letter-spacing:.08em;color:var(--dim)}.set-shot.in b{color:var(--teal)}.set-shot.in span{color:#c8ff1e}.break-card{justify-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 18) calc(var(--u) * 28);box-shadow:0 calc(var(--u) * 14) calc(var(--u) * 40) #000a, inset 0 calc(var(--u) * 4) 0 var(--teal);z-index:12;background:linear-gradient(#0f7a3aee,#0b4a26ee);animation:.5s both koIn;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brk-label{font:italic 900 calc(var(--u) * 40) var(--disp);letter-spacing:.06em;color:var(--teal)}.brk-score{align-items:center;gap:calc(var(--u) * 10);display:flex}.brk-score img{width:calc(var(--u) * 34);height:calc(var(--u) * 34)}.brk-score>b{font:italic 900 calc(var(--u) * 22) var(--disp);letter-spacing:.06em}.brk-score>i{font:900 calc(var(--u) * 24) var(--disp);color:#fff8}.brk-score .s{min-width:calc(var(--u) * 50);flex-direction:column;align-items:center;line-height:.9;display:flex}.brk-score .s em{font:normal 800 calc(var(--u) * 12) var(--body);color:#fffa}.brk-score .s b{font:900 calc(var(--u) * 40) var(--disp);color:#fff}.brk-drinks{font:700 calc(var(--u) * 12) var(--body);color:#fffc;letter-spacing:.04em}.brk-drinks em{color:#c8ff1e;font-style:normal}.w-team.six .w-card{margin-right:-2%}.w-card .ph{width:100%;height:100%}.rw-ad.product .rw-logo{height:calc(var(--u) * 46);width:auto}.rw-ad.product .rw-offer b{font-size:calc(var(--u) * 46)}@container (orientation:portrait){.rw-ad.product .rw-offer b{font-size:calc(var(--u) * 34)}}.btn.green{color:#0c0f14}.ctl-led{display:none!important}.bug-main{height:calc(var(--u) * 42)}.bug-main .s{height:calc(var(--u) * 36);padding-top:calc(var(--u) * 2)}@container (orientation:portrait){.bug-main{gap:calc(var(--u) * 5);padding:0 calc(var(--u) * 7)}.bug-main img{width:calc(var(--u) * 20);height:calc(var(--u) * 20)}.bug-main .t{font-size:calc(var(--u) * 15);min-width:calc(var(--u) * 28)}.bug-main .s{min-width:calc(var(--u) * 36)}.bug-main .s b{font-size:calc(var(--u) * 19)}.bug{grid-template-columns:auto}.bug-clock{justify-self:start}.set-shot{top:auto;bottom:calc(var(--u) * 210)}}.cards.roster .card-n{top:auto;bottom:calc(100% - var(--u) * 64);right:calc(var(--u) * 6);width:calc(var(--u) * 20);height:calc(var(--u) * 20);font-size:calc(var(--u) * 12)}.cards.roster .card-ovr b{font-size:calc(var(--u) * 20)}.cards.roster .card-ovr span{font-size:calc(var(--u) * 7)}.cards.roster .card-name{padding:calc(var(--u) * 4) calc(var(--u) * 6) 0}.cards.roster .card-name b{font-size:calc(var(--u) * 16);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cards.roster .card-name span,.cards.roster .card-stats{font-size:calc(var(--u) * 7.5)}.cards.roster .card-stats span{font-size:calc(var(--u) * 11)}.title>.title-crest{aspect-ratio:auto}@container (orientation:landscape){.title>.title-crest{width:min(calc(var(--u) * 300), 40cqh * 1.41)}}@container (orientation:portrait){.title-crest{aspect-ratio:auto;width:86%;top:4%}}.title-menu .btn.big span{white-space:nowrap;font-size:calc(var(--u) * 26)}.title-menu .btn.big small{white-space:nowrap}.flick-img.ground-oval{background:repeating-linear-gradient(90deg,#3c8a34 0 10px,#46973c 10px 20px),#3c8a34;box-shadow:inset 0 -6px #fff5}.kick-target,.self-arrow{z-index:6;pointer-events:none;align-items:center;gap:calc(var(--u) * 2);will-change:transform;flex-direction:column;display:none;position:absolute;top:0;left:0}.kick-target.on,.kick-target.edge,.self-arrow.on,.self-arrow.edge{display:flex}.kick-target b{font:italic 900 calc(var(--u) * 13) var(--disp);letter-spacing:.1em;padding:calc(var(--u) * 2) calc(var(--u) * 8);background:var(--teal);color:var(--ink);box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 10) #0008;transform:skew(-10deg)}.kick-target .kt-goal{background:#c8ff1e;display:none}.kick-target[data-kind=goal] .kt-goal{display:block}.kick-target[data-kind=goal] .kt-mate{display:none}.kick-target i,.self-arrow i{border-left:calc(var(--u) * 8) solid transparent;border-right:calc(var(--u) * 8) solid transparent;border-top:calc(var(--u) * 11) solid var(--teal);order:2;width:0;height:0;display:block}.kick-target.on i{animation:.6s ease-in-out infinite alternate ktBob}@keyframes ktBob{to{translate:0 calc(var(--u) * 4)}}.kick-target.edge,.self-arrow.edge{flex-direction:column-reverse}.kick-target.edge i,.self-arrow.edge i{border-top:0;border-bottom:calc(var(--u) * 11) solid var(--teal);order:0}.self-arrow b{font:italic 900 calc(var(--u) * 12) var(--disp);letter-spacing:.08em;padding:calc(var(--u) * 2) calc(var(--u) * 7);color:var(--teal);background:#0c0f14e6;transform:skew(-10deg)}.tut{left:calc(var(--u) * 14);top:calc(var(--u) * 64);width:calc(var(--u) * 360);padding:calc(var(--u) * 10) calc(var(--u) * 12) calc(var(--u) * 12);border-radius:calc(var(--u) * 10);box-shadow:inset 0 0 0 1px #ffffff1f, 0 calc(var(--u) * 8) calc(var(--u) * 24) #0009;pointer-events:auto;background:#0c0f14eb;animation:.35s both tutIn;position:absolute}.tut-top{align-items:center;gap:calc(var(--u) * 10);display:flex}.tut-step{font:italic 900 calc(var(--u) * 13) var(--disp);letter-spacing:.2em;color:var(--teal);white-space:nowrap}.tut-step small{margin-left:calc(var(--u) * 6);font:800 calc(var(--u) * 11) var(--body);letter-spacing:.08em;color:var(--dim)}.tut-dots{gap:calc(var(--u) * 4);flex:1;margin:0;padding:0;list-style:none;display:flex}.tut-dots li{width:calc(var(--u) * 16);height:calc(var(--u) * 4);border-radius:calc(var(--u) * 2);background:#ffffff26;transition:background .3s}.tut-dots li.now{background:var(--white)}.tut-dots li.done{background:var(--teal)}.tut-skip{cursor:pointer;padding:calc(var(--u) * 6) calc(var(--u) * 12);color:var(--white);font:800 calc(var(--u) * 11) var(--body);letter-spacing:.14em;background:#ffffff14;border:0;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff26}.tut-skip:hover{background:#ffffff26}.tut-body{gap:calc(var(--u) * 12);margin-top:calc(var(--u) * 10);align-items:center;display:flex}.tut-icon{width:calc(var(--u) * 48);height:calc(var(--u) * 48);box-shadow:inset 0 0 0 calc(var(--u) * 2) #ffffff40;color:var(--white);background:#1d2430;border-radius:50%;flex:none;place-items:center;transition:background .25s,color .25s;display:grid}.tut-icon svg{width:58%;height:58%}.tut-icon.big{background:var(--teal);color:var(--ink)}.tut h3{font:italic 900 calc(var(--u) * 26) / 1 var(--disp);letter-spacing:.02em;color:var(--white);margin:0}.tut p{margin:calc(var(--u) * 4) 0 0;font:600 calc(var(--u) * 12.5) / 1.35 var(--body);color:#d5dbe3;min-height:calc(var(--u) * 12.5 * 1.35 * 3)}.tut.ok h3{color:var(--teal)}.tut.ok .tut-icon{background:var(--teal);color:var(--ink);box-shadow:0 0 calc(var(--u) * 18) #ffc72c88}@keyframes tutIn{0%{opacity:0;transform:translateY(calc(var(--u) * -8))}to{opacity:1;transform:none}}@container (orientation:portrait){.tut{left:calc(var(--u) * 12);right:calc(var(--u) * 12);width:auto;top:calc(var(--u) * 100)}}.ctl-btn.hint:after{content:"";inset:calc(var(--cu) * -6);border:calc(var(--cu) * 3) solid var(--teal);pointer-events:none;border-radius:50%;animation:1.1s ease-out infinite hintRing;position:absolute}@keyframes hintRing{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.ctl-btn.hint:after,.tut{animation:none}}.hud.tutting .callout.small{top:calc(var(--u) * 190)}@container (orientation:portrait){.hud.tutting .callout.small{top:calc(var(--u) * 220)}}.ctl-gzone{pointer-events:auto;touch-action:none;width:50%;position:absolute;top:14%;bottom:0;right:0}.ctl.pad .ctl-gzone{display:none}.ctl.keys .ctl-gzone{width:auto;display:block;left:0}.ctl.swipe .ctl-btn.big,.ctl.swipe .ctl-btn.pass,.ctl.swipe .ctl-btn.skill{display:none}.ctl.swipe .ctl-base{opacity:.32}.ctl.swipe .ctl-base.live{opacity:1}.ctl.swipe.speccy .ctl-btn.skill{background:linear-gradient(180deg, #ffe680, var(--yellow));color:var(--ink);box-shadow:0 0 calc(var(--cu) * 22) #ffd23a99;animation:1s ease-in-out infinite hintPulse;display:grid}.ctl.swipe.speccy .ctl-btn.skill svg{display:none}.ctl.swipe.speccy .ctl-btn.skill:after{content:"SPECCY";font:italic 900 calc(var(--cu) * 15) var(--disp);letter-spacing:.04em}@keyframes hintPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.break-card{pointer-events:auto;cursor:pointer}.brk-skip{font:800 calc(var(--u) * 10) var(--body);letter-spacing:.14em;text-transform:uppercase;color:#fffa}.tut.hint{width:calc(var(--u) * 320);padding:calc(var(--u) * 8) calc(var(--u) * 12) calc(var(--u) * 10)}.tut.hint .tut-body{margin-top:0}.tut.hint h3{font-size:calc(var(--u) * 22)}.tut.hint p{min-height:calc(var(--u) * 12.5 * 1.35 * 2)}.tut.hint .tut-icon{width:calc(var(--u) * 42);height:calc(var(--u) * 42)}.daily-bar{left:50%;top:calc(var(--u) * 12);justify-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 8) calc(var(--u) * 14) calc(var(--u) * 10);border-radius:calc(var(--u) * 10);box-shadow:inset 0 calc(var(--u) * 3) 0 var(--teal), 0 calc(var(--u) * 8) calc(var(--u) * 24) #0008;min-width:calc(var(--u) * 260);background:linear-gradient(#1d2430f0,#0c0f14f0);display:grid;position:absolute;translate:-50%}.db-head{align-items:center;gap:calc(var(--u) * 10);display:flex}.db-head b{font:italic 900 calc(var(--u) * 16) var(--disp);letter-spacing:.12em;color:var(--teal)}.db-head span{font:800 calc(var(--u) * 11) var(--body);letter-spacing:.12em;color:var(--white)}.db-head i{font:normal 900 calc(var(--u) * 15) var(--disp);min-width:calc(var(--u) * 26);height:calc(var(--u) * 26);color:var(--white);background:#ffffff14;border-radius:50%;place-items:center;display:grid}.db-head i.hurry{background:var(--red);animation:.5s ease-in-out infinite hintPulse}.db-shots{gap:calc(var(--u) * 6);margin:0;padding:0;list-style:none;display:flex}.db-shots li{width:calc(var(--u) * 26);height:calc(var(--u) * 26);font:italic 900 calc(var(--u) * 14) var(--disp);box-shadow:inset 0 0 0 calc(var(--u) * 1.5) #ffffff30;color:var(--dim);background:#ffffff10;border-radius:50%;place-items:center;display:grid}.db-shots li.now{box-shadow:inset 0 0 0 calc(var(--u) * 2) var(--white)}.db-shots li.r-goal{background:var(--teal);color:var(--ink);box-shadow:none}.db-shots li.r-behind{color:var(--ink);box-shadow:none;background:#fff}.db-shots li.r-miss{color:var(--red);box-shadow:inset 0 0 0 calc(var(--u) * 1.5) #ff2e4d88;background:#ff2e4d33}.db-shots.big li{width:calc(var(--u) * 38);height:calc(var(--u) * 38);font-size:calc(var(--u) * 20)}.db-pts{align-items:baseline;gap:calc(var(--u) * 10);display:flex}.db-pts b{font:italic 900 calc(var(--u) * 20) var(--disp);color:var(--white)}.db-pts span{font:800 calc(var(--u) * 10) var(--body);letter-spacing:.14em;color:var(--yellow)}.db-coach{max-width:calc(var(--u) * 260);text-align:center;font:600 calc(var(--u) * 12) / 1.3 var(--body);color:#d5dbe3;margin:0}@container (orientation:portrait){.daily-bar{top:calc(var(--u) * 58)}}.hud.daily .bug,.hud.daily .ctrl-card{display:none}.daily-res{align-content:center;justify-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 16);scrollbar-width:none;background:radial-gradient(70% 60% at 50% 30%,#0c0f14d9,#0c0f14f2 70%);display:grid;overflow:auto}.dr-head{justify-items:center;gap:calc(var(--u) * 6);display:grid}.dr-head small{font:900 calc(var(--u) * 12) var(--body);letter-spacing:.24em;color:var(--teal)}.dr-head h2{font:italic 900 calc(var(--u) * 64) / .9 var(--disp);color:var(--white);margin:0}.dr-perf{font:800 calc(var(--u) * 11) var(--body);letter-spacing:.14em;color:var(--dim)}.dr-verdict{padding:calc(var(--u) * 8) calc(var(--u) * 18);font:italic 900 calc(var(--u) * 24) var(--disp);letter-spacing:.04em;color:var(--white);background:#ffffff14;justify-items:center;display:grid;transform:skew(-8deg)}.dr-verdict.won{background:var(--teal);color:var(--ink)}.dr-verdict.lost{background:var(--red)}.dr-verdict span{font:700 calc(var(--u) * 11) var(--body);letter-spacing:.06em;opacity:.85;transform:skew(8deg)}.dr-row{gap:calc(var(--u) * 12);width:min(100%, calc(var(--u) * 520));align-items:stretch;display:flex}.dr-streak{align-items:center;gap:0 calc(var(--u) * 6);padding:calc(var(--u) * 10) calc(var(--u) * 14);border-radius:calc(var(--u) * 10);color:#ff8a2a;background:#ffffff0d;flex:none;grid-template-columns:auto auto;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.dr-streak svg{width:calc(var(--u) * 34);height:calc(var(--u) * 34);grid-row:span 2}.dr-streak b{font:italic 900 calc(var(--u) * 34) / .9 var(--disp);color:var(--white)}.dr-streak span{font:800 calc(var(--u) * 9.5) / 1.2 var(--body);letter-spacing:.14em;color:var(--white);grid-column:1/-1}.dr-streak small{color:var(--dim);font-size:calc(var(--u) * 9)}.dr-board{min-width:0;padding:calc(var(--u) * 8) calc(var(--u) * 12);border-radius:calc(var(--u) * 10);background:#ffffff0d;flex:1;box-shadow:inset 0 0 0 1px #ffffff1a}.dr-board>small{font:800 calc(var(--u) * 9.5) var(--body);letter-spacing:.14em;color:var(--dim)}.dr-board ol{margin:calc(var(--u) * 4) 0 0;gap:calc(var(--u) * 2);padding:0;list-style:none;display:grid}.dr-board li{grid-template-columns:calc(var(--u) * 18) auto auto 1fr;align-items:center;gap:calc(var(--u) * 8);font:700 calc(var(--u) * 12) var(--body);color:#d5dbe3;display:grid}.dr-board li i{color:var(--dim);font-style:normal}.dr-board li b{font:900 calc(var(--u) * 13) var(--body);letter-spacing:.08em;color:var(--white)}.dr-board li em{font:italic 900 calc(var(--u) * 15) var(--disp);color:var(--white);justify-self:end}.dr-board li.me,.dr-board li.me b,.dr-board li.me em{color:var(--teal)}.dr-rank{margin:calc(var(--u) * 6) 0 0;font:900 calc(var(--u) * 11) var(--body);letter-spacing:.12em;color:var(--teal)}.dr-note,.dr-sent{font:600 calc(var(--u) * 12) var(--body);color:var(--dim);margin:0}.dr-sent{color:var(--teal)}.daily-res .res-next{justify-content:center;gap:calc(var(--u) * 8);flex-wrap:wrap;display:flex}.cards-panel{width:min(100%, calc(var(--u) * 760))}.cards-panel h2{margin:0 0 calc(var(--u) * 8);font:italic 900 calc(var(--u) * 30) var(--disp)}.cards-panel h2 small{font:800 calc(var(--u) * 14) var(--body);letter-spacing:.08em;color:var(--teal);margin-left:calc(var(--u) * 8)}.cards-lead{margin:0 0 calc(var(--u) * 12);font:600 calc(var(--u) * 13) / 1.4 var(--body);color:#d5dbe3}.album{gap:calc(var(--u) * 8);grid-template-columns:repeat(7,1fr);display:grid}@container (orientation:portrait){.album{grid-template-columns:repeat(4,1fr)}}.fcard{aspect-ratio:5/7;border-radius:calc(var(--u) * 8);perspective:800px;position:relative}.fc-front,.fc-back{border-radius:inherit;backface-visibility:hidden;grid-template-rows:1fr auto auto;justify-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.fc-front{box-shadow:inset 0 0 0 calc(var(--u) * 2) #fff2;background:linear-gradient(160deg,#2a313c,#12161c)}.fc-front img{width:130%;margin-bottom:calc(var(--u) * -4);align-self:end}.fc-front b{font:italic 900 calc(var(--u) * 14) var(--disp);letter-spacing:.04em;color:var(--white);padding:0 calc(var(--u) * 4);white-space:nowrap}.fc-front small{font:700 calc(var(--u) * 9) var(--body);color:var(--dim);margin-bottom:calc(var(--u) * 8)}.fc-ph{background:#ffffff12;border-radius:50% 50% 0 0;align-self:end;width:60%;height:70%}.fc-pips{gap:calc(var(--u) * 3);margin:calc(var(--u) * 3) 0 calc(var(--u) * 6);display:flex}.fc-pips i{width:calc(var(--u) * 8);height:calc(var(--u) * 8);background:#ffffff1c;border-radius:50%}.fc-pips i.got.bronze{background:#c8814a}.fc-pips i.got.silver{background:#d9dee6}.fc-pips i.got.gold{background:var(--yellow);box-shadow:0 0 calc(var(--u) * 6) var(--yellow)}.fcard.none img{filter:brightness(0)opacity(.5)}.fcard.tier-bronze .fc-front{box-shadow:inset 0 0 0 calc(var(--u) * 3) #c8814a;background:linear-gradient(160deg,#8a5532,#3a2414)}.fcard.tier-silver .fc-front{box-shadow:inset 0 0 0 calc(var(--u) * 3) #e3e8ef;background:linear-gradient(160deg,#8d96a3,#333a45)}.fcard.tier-gold .fc-front{box-shadow:inset 0 0 0 calc(var(--u) * 3) #fff1b0, 0 0 calc(var(--u) * 18) #ffd23a66;background:linear-gradient(160deg,#ffe680,#b8860b 60%,#5a3d00)}.fcard.tier-gold .fc-front b{color:var(--ink)}.fc-tier{top:calc(var(--u) * 8);font:900 calc(var(--u) * 10) var(--body);letter-spacing:.2em;color:var(--white);padding:calc(var(--u) * 2) calc(var(--u) * 8);background:#0c0f14aa;border-radius:999px;position:absolute;left:50%;translate:-50%}.pack-reveal{justify-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 8) 0;display:grid}.fcard.big{width:calc(var(--u) * 190);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.9,.3,1.2);transform:rotateY(180deg)scale(.9)}.fcard.big.flip{transform:rotateY(0)scale(1)}.fcard.big .fc-back{background:repeating-linear-gradient(135deg, #0f7a3a 0 calc(var(--u) * 10), #0b5c2c calc(var(--u) * 10) calc(var(--u) * 20));box-shadow:inset 0 0 0 calc(var(--u) * 4) var(--teal);grid-template-rows:1fr;place-items:center;transform:rotateY(180deg)}.fcard.big .fc-back b{font:italic 900 calc(var(--u) * 40) var(--disp);color:var(--teal)}.fcard.big .fc-front b{font-size:calc(var(--u) * 24)}.fcard.big .fc-front small{font-size:calc(var(--u) * 11)}.pr-line{font:italic 900 calc(var(--u) * 22) var(--disp);letter-spacing:.06em;color:var(--teal);opacity:0;margin:0;transition:opacity .3s .4s}.pr-line.on{opacity:1}.card.tier-gold{box-shadow:inset 0 0 0 calc(var(--u) * 2) #ffd23a, 0 0 calc(var(--u) * 12) #ffd23a55}.card.tier-silver{box-shadow:inset 0 0 0 calc(var(--u) * 2) #d9dee6aa}.card.on.tier-gold,.card.on.tier-silver{box-shadow:inset 0 0 0 calc(var(--u) * 3) var(--teal), 0 0 calc(var(--u) * 20) #ffc72c44}.tile{position:relative}.tile .badge{top:calc(var(--u) * -6);right:calc(var(--u) * -6);min-width:calc(var(--u) * 20);height:calc(var(--u) * 20);padding:0 calc(var(--u) * 5);background:var(--red);color:var(--white);font:900 calc(var(--u) * 11) var(--body);border-radius:999px;place-items:center;display:grid;position:absolute}.tile .streak{top:calc(var(--u) * -7);right:calc(var(--u) * -8);align-items:center;gap:calc(var(--u) * 1);padding:calc(var(--u) * 1) calc(var(--u) * 6) calc(var(--u) * 1) calc(var(--u) * 4);color:var(--ink);font:900 calc(var(--u) * 11) var(--body);background:#ff8a2a;border-radius:999px;display:flex;position:absolute}.tile .streak svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.break-card{transform:translate(-50%,-50%)}.hud.daily .set-shot{display:none}.break-card{animation:.45s cubic-bezier(.2,.9,.3,1.15) both brkIn}@keyframes brkIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.title-menu .tiles{grid-template-columns:repeat(5,1fr)}.title-menu .btn small.sub{padding-left:calc(var(--u) * 8);font:700 calc(var(--u) * 10) var(--body);letter-spacing:.04em;color:var(--dim);white-space:nowrap;text-transform:none;margin-left:auto}.daily-res{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""verdict""row""post""next""sent"}.dr-head{grid-area:head}.dr-verdict{grid-area:verdict}.dr-row{grid-area:row}.dr-post,.dr-note{grid-area:post}.daily-res .res-next{grid-area:next}.dr-sent{grid-area:sent}@container (orientation:landscape) and (height<=560px){.daily-res{align-content:center;column-gap:calc(var(--u) * 22);row-gap:calc(var(--u) * 8);padding:calc(var(--u) * 12) calc(var(--u) * 26);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"head row""verdict post""next post""sent sent"}.dr-head h2{font-size:calc(var(--u) * 50)}.dr-row{width:100%}.daily-res .res-next,.dr-post{align-self:start}}.fcard.big{width:auto;height:min(calc(var(--u) * 266), 46cqh)}.fc-front{grid-template-rows:minmax(0,1fr) auto auto}.fc-front img{object-fit:cover;object-position:top;width:auto;max-width:140%;height:100%;min-height:0}.tut.hint{pointer-events:none}.hud .tut{z-index:6}.hud.daily .kick-target{display:none}.ctl.swipe .ctl-zone{z-index:2;width:40%;height:44%;top:auto;bottom:0}.ctl.swipe .ctl-gzone{z-index:1;width:auto;left:0}@container (orientation:portrait){.ctl.swipe .ctl-zone{width:46%;height:30%}}.ctl.swipe .ctl-btn,.ctl.swipe .ctl-meter,.ctl.swipe .ctl-led{z-index:3}@container (orientation:landscape){.daily-bar{left:calc(var(--u) * 14);translate:none}}.ctl-btn.item:not(.has){display:none!important}.gest{pointer-events:none;z-index:5;display:none;position:absolute;inset:0}.gest.on{display:block}.g-hand{width:calc(var(--u) * 34);height:calc(var(--u) * 40);filter:drop-shadow(0 calc(var(--u) * 4) calc(var(--u) * 6) #000a);opacity:0;position:absolute;top:0;left:0}.g-hand svg{width:100%;height:100%;display:block}.g-trail{width:var(--len);height:calc(var(--u) * 7);transform-origin:0;box-shadow:0 0 calc(var(--u) * 12) #ffc72c;opacity:0;background:linear-gradient(90deg,#ffc72c00,#ffc72c 40%,#fff6c8);border-radius:999px;display:none;position:absolute;top:0;left:0}.g-ring{width:calc(var(--u) * 46);height:calc(var(--u) * 46);margin:calc(var(--u) * -23) 0 0 calc(var(--u) * -23);border:calc(var(--u) * 3) solid #fff;opacity:0;border-radius:50%;position:absolute;top:0;left:0}.gest.swipe .g-trail{transform:translate(var(--x0), var(--y0)) translateY(-50%) rotate(var(--ang)) scaleX(0);animation:1.7s ease-out infinite gTrail;display:block}.gest.swipe .g-hand{animation:1.7s ease-in-out infinite gSwipe}.gest.swipe .g-ring{transform:translate(var(--x0), var(--y0));border-color:#ffc72c;animation:1.7s ease-out infinite gRing}@keyframes gSwipe{0%{opacity:0;transform:translate(var(--x0), var(--y0)) translate(-45%, 6%) scale(1.15)}12%{opacity:1;transform:translate(var(--x0), var(--y0)) translate(-45%, 0) scale(.92)}58%{opacity:1;transform:translate(var(--x1), var(--y1)) translate(-45%, 0) scale(.92)}72%,to{opacity:0;transform:translate(var(--x1), var(--y1)) translate(-45%, -6%) scale(1.05)}}@keyframes gTrail{0%,12%{opacity:0;transform:translate(var(--x0), var(--y0)) translateY(-50%) rotate(var(--ang)) scaleX(0)}16%{opacity:1}58%{opacity:1;transform:translate(var(--x0), var(--y0)) translateY(-50%) rotate(var(--ang)) scaleX(1)}80%,to{opacity:0;transform:translate(var(--x0), var(--y0)) translateY(-50%) rotate(var(--ang)) scaleX(1)}}.gest.tap .g-hand{animation:1.5s ease-in-out infinite gTap}.gest.tap .g-ring{transform:translate(var(--x1), var(--y1));animation:1.5s ease-out .45s infinite gRing}@keyframes gTap{0%{opacity:0;transform:translate(var(--x1), var(--y1)) translate(-10%, 55%) scale(1.1)}22%{opacity:1;transform:translate(var(--x1), var(--y1)) translate(-45%, 6%) scale(1.05)}32%{transform:translate(var(--x1), var(--y1)) translate(-45%, 0) scale(.86)}48%{opacity:1;transform:translate(var(--x1), var(--y1)) translate(-45%, 4%) scale(1)}70%,to{opacity:0;transform:translate(var(--x1), var(--y1)) translate(-10%, 40%) scale(1.05)}}@keyframes gRing{0%{opacity:0;scale:.4}12%{opacity:.95}55%,to{opacity:0;scale:1.7}}@media (prefers-reduced-motion:reduce){.gest .g-hand{opacity:1;transform:translate(var(--x1), var(--y1)) translate(-45%, 0);animation:none}.gest .g-trail,.gest .g-ring{animation:none}}.ctl-trail{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ctl-trail polyline{fill:none;stroke:#ffc72c;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #ffc72caa);opacity:.9;transition:opacity .3s}.ctl-trail.fade polyline{opacity:0}.g-hand{width:calc(var(--u) * 48);height:calc(var(--u) * 56);filter:drop-shadow(0 0 calc(var(--u) * 3) #0c0f14) drop-shadow(0 calc(var(--u) * 6) calc(var(--u) * 10) #000c)}.g-ring{border-width:calc(var(--u) * 4);box-shadow:0 0 calc(var(--u) * 14) #ffc72c}.g-word{font:italic 900 calc(var(--u) * 18) var(--disp);letter-spacing:.06em;color:var(--ink);background:var(--teal);padding:calc(var(--u) * 2) calc(var(--u) * 10);transform-origin:0 0;box-shadow:calc(var(--u) * 3) calc(var(--u) * 3) 0 var(--ink);display:none;position:absolute;top:0;left:0}.gest.tap .g-tap{transform:translate(var(--x1), var(--y1)) translate(calc(var(--u) * 26), calc(var(--u) * -40)) skewX(-10deg);animation:1.5s ease-in-out infinite gWord;display:block}.gest.swipe .g-swipe{transform:translate(var(--x0), var(--y0)) translate(calc(var(--u) * -30), calc(var(--u) * 26)) skewX(-10deg);animation:1.7s ease-in-out infinite gWord;display:block}@keyframes gWord{0%,to{opacity:.75}30%,60%{opacity:1}}.title-hero3d{right:2%;bottom:calc(-1 * var(--sab));height:calc(96% + var(--sab));aspect-ratio:1;pointer-events:none;opacity:0;filter:drop-shadow(0 0 calc(var(--u) * 30) #1fa85a55);transition:opacity .4s;position:absolute}.title-hero3d.on{opacity:1}@container (orientation:portrait){.title-hero3d{height:50%;margin:0 auto;bottom:34%;left:0;right:0}}.logo-gl{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.title-crest.gl{visibility:hidden}.logo-gl canvas,.title-hero3d canvas{width:100%;height:100%;display:block}.rp-moment .lbl{background:var(--red);color:var(--white)}.rp-moment b{white-space:nowrap}.pl-splash.cstv img{filter:drop-shadow(0 0 calc(var(--u) * 30) #7cff3a55);width:min(42cqmin, calc(var(--u) * 240));min-width:140px;animation:.7s cubic-bezier(.2,1.3,.3,1) 50ms both cstvIn}.pl-splash.cstv small{color:#9dff4a;letter-spacing:.32em;font-weight:800}@keyframes cstvIn{0%{opacity:0;transform:scale(.6)rotate(-8deg)}to{opacity:1;transform:none}}.pl-mark.cstv{opacity:.85;justify-items:center}.pl-mark.cstv img{height:calc(var(--u) * 40);min-height:30px;filter:drop-shadow(0 calc(var(--u) * 2) calc(var(--u) * 6) #000a)}.pl-mark.cstv small{letter-spacing:.2em;color:#c8ff7a;font-weight:800}.pl-credit.cstv img{filter:none;height:calc(var(--u) * 64);opacity:1;width:auto}@container (orientation:portrait){.title-hero3d{aspect-ratio:auto;width:100%;height:40%;bottom:31%}}@container (orientation:portrait) and (aspect-ratio>=1/2){.title-hero3d{height:32%;bottom:31%}}.title-lockup{pointer-events:none;justify-items:center;display:grid;position:relative}.title-lockup>.title-crest{aspect-ratio:auto;width:100%;height:auto;margin:0;display:block;position:static}@container (orientation:landscape){.title>.title-lockup{width:min(calc(var(--u) * 300), 40cqh * 1.41);grid-row:1}}@container (orientation:portrait){.title>.title-lockup{width:86%;margin:0 auto;position:absolute;top:4%;left:0;right:0}}.title-beta{margin-top:calc(var(--u) * -4);padding:calc(var(--u) * 4) calc(var(--u) * 14) calc(var(--u) * 3);background:var(--teal);color:var(--ink);font:italic 900 calc(var(--u) * 15) / 1 var(--disp);letter-spacing:.22em;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));box-shadow:0 0 calc(var(--u) * 14) #ffc72c66;animation:.35s cubic-bezier(.2,1.4,.4,1) .5s both betaIn}.title-beta.late{animation-delay:2.6s}@keyframes betaIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.pl-ver{margin-top:calc(var(--u) * 4)}.pl-ver b{background:var(--teal);color:var(--ink);font:italic 900 calc(var(--u) * 11) / 1 var(--disp);letter-spacing:.18em;margin-right:6px;padding:2px 8px 1px;display:inline-block}.title-lockup{z-index:4}.title-beta{transform-origin:0;font-size:calc(var(--u) * 14);margin:0;position:absolute;top:82%;left:75%;rotate:-6deg}@container (orientation:portrait){.title-beta{font-size:calc(var(--u) * 12)}}.break-card{box-sizing:border-box;max-width:calc(100% - var(--u) * 32);text-align:center}@container (orientation:portrait){.break-card{width:calc(100% - var(--u) * 32);padding:calc(var(--u) * 16) calc(var(--u) * 14)}.brk-label{font-size:calc(var(--u) * 34)}.brk-score{gap:calc(var(--u) * 6)}.brk-score img{width:calc(var(--u) * 26);height:calc(var(--u) * 26)}.brk-score>b{font-size:calc(var(--u) * 18)}.brk-score .s{min-width:calc(var(--u) * 36)}.brk-score .s b{font-size:calc(var(--u) * 34)}.brk-drinks{font-size:calc(var(--u) * 11)}}.ctl-trail line{stroke:#ffc72c;stroke-width:11px;stroke-linecap:round;filter:drop-shadow(0 0 6px #ffc72caa)drop-shadow(0 2px 2px #000a)}.ctl-trail polygon{fill:#ffc72c;stroke:#0c0f14;stroke-width:2px;stroke-linejoin:round}.ctl-trail.shot line{stroke:#7cff6a;filter:drop-shadow(0 0 8px #7cff6aaa)drop-shadow(0 2px 2px #000a)}.ctl-trail.shot polygon{fill:#7cff6a}.ctl-trail{transition:opacity .15s}.ctl-trail.fade{opacity:0}@container (orientation:landscape) and (height<=520px){.title>.title-lockup{width:max(110px, min(calc(var(--u) * 240), calc((100cqh - var(--u) * 252) * 1.41)))}}@container (orientation:portrait){.title-hero3d{z-index:5;height:58%;bottom:29%}.title>.title-lockup{z-index:6}}@container (orientation:portrait) and (aspect-ratio>=1/2){.title-hero3d{height:50%;bottom:30%}}@container (orientation:portrait){.hero-tag{z-index:6}.title>.title-menu,.title>.title-foot{z-index:7}.title-hero3d{height:56%;bottom:31%}}@container (orientation:portrait) and (aspect-ratio>=1/2){.title-hero3d{height:50%;bottom:38%}}@container (orientation:portrait){.title-hero3d{height:64%;bottom:31%}}@container (orientation:portrait) and (aspect-ratio>=1/2){.title-hero3d{height:58%;bottom:38%}}.loading-card{justify-items:center;gap:calc(var(--u) * 6);max-width:calc(100% - var(--u) * 32);pointer-events:none;animation:.35s both brkIn;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.loading-card b{font:italic 900 calc(var(--u) * 34) / 1 var(--disp);letter-spacing:.03em;padding:calc(var(--u) * 6) calc(var(--u) * 18);background:var(--teal);color:var(--ink);box-shadow:calc(var(--u) * 6) calc(var(--u) * 6) 0 var(--ink);text-align:center;transform:skew(-10deg)}.loading-card span{font:800 calc(var(--u) * 11) var(--body);letter-spacing:.14em;text-transform:uppercase;padding:calc(var(--u) * 3) calc(var(--u) * 10);color:var(--white);background:#0c0f14cc;transform:skew(-10deg)}.loading-card i{width:calc(var(--u) * 34);height:calc(var(--u) * 22);box-shadow:inset 0 0 0 calc(var(--u) * 2) #5a220c;background:linear-gradient(90deg,#8a3a16,#c9612a 50%,#8a3a16);border-radius:50%;animation:.9s linear infinite footySpin;position:relative}.loading-card i:after{content:"";background:#fff;border-radius:2px;height:8%;position:absolute;top:46%;left:30%;right:30%}@keyframes footySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-card i{animation:none}}@container (orientation:portrait){.loading-card b{font-size:calc(var(--u) * 24);white-space:normal}}@container (orientation:landscape){.hud:not(.tutting) .callout.small{top:calc(var(--u) * 62)}}.callout{max-width:calc(100% - var(--u) * 24)}.callout b,.callout span{box-sizing:border-box;text-align:center;text-wrap:balance;max-width:100%}.callout b{white-space:normal}@container (orientation:portrait){.callout:not(.small) b{font-size:min(calc(var(--u) * 28), 9.5cqw)}.callout.k-aura b{font-size:min(calc(var(--u) * 36), 11cqw)}.race-hud{top:calc(var(--u) * 112)}}@container (orientation:landscape){.tut.hint{top:calc(var(--u) * 78)}}@container (orientation:portrait){.hud.swipe .tut.hint{top:auto;bottom:calc(var(--u) * 16);width:min(calc(var(--u) * 320), calc(100% - var(--u) * 28));margin-inline:auto;left:0;right:0}}.hero-tag{z-index:6}.title-hero3d{filter:none}.title-hero3d:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#1fa85a40,#1fa85a14 60%,#0000);position:absolute;inset:8% 14% 0}.title-hero3d canvas{position:relative}@container (orientation:portrait){.rp-moment{height:auto;padding:calc(var(--u) * 7) calc(var(--u) * 14) calc(var(--u) * 8) calc(var(--u) * 10);row-gap:calc(var(--u) * 4);column-gap:calc(var(--u) * 10);grid-template-columns:auto 1fr;grid-template-areas:"lbl lbl""cap sub";place-items:center start;display:grid}.rp-moment .lbl{white-space:nowrap;grid-area:lbl}.rp-moment b{grid-area:cap}.rp-moment .sc{grid-area:sub;min-width:0}.rp-sponsor span{white-space:nowrap;font-size:min(calc(var(--u) * 14), 3.6cqw);letter-spacing:.08em}}@container (orientation:landscape){.goal{gap:calc(var(--u) * 20)}}@container (orientation:portrait){.ctl.swipe.coaching .ctl-base:not(.live){opacity:0;transition:opacity .2s}.hud.racing .callout:not(.small){top:calc(var(--u) * 290)}}@container (orientation:landscape){.callout:not(.small){top:max(13%, calc(var(--u) * 62))}}.game .btn{white-space:nowrap}.fcard .fc-front{flex-direction:column;align-items:stretch;display:flex}.fc-pic{min-height:0;margin:calc(var(--u) * 3) calc(var(--u) * 3) 0;border-radius:calc(var(--u) * 5) calc(var(--u) * 5) 0 0;background:50% 0/auto 172% no-repeat content-box border-box;flex:1 1 0;padding-top:7%;position:relative;overflow:hidden}.fcard.none .fc-pic{filter:brightness(0)opacity(.5)}.fc-pic .fc-ph{width:auto;height:auto;position:absolute;inset:16% 22% 0}.fc-plate{justify-items:center;gap:calc(var(--u) * 2);margin:0 calc(var(--u) * 3) calc(var(--u) * 3);padding:calc(var(--u) * 5) calc(var(--u) * 4) calc(var(--u) * 6);border-radius:0 0 calc(var(--u) * 5) calc(var(--u) * 5);background:#0c0f14e6;flex:none;display:grid}.fcard .fc-front .fc-plate b{color:var(--white);padding:0;line-height:1}.fcard .fc-front .fc-plate small{margin:0;line-height:1.1}.fc-plate .fc-pips{margin:calc(var(--u) * 1) 0 0}.fc-plate .fc-tier{font:900 calc(var(--u) * 9) / 1 var(--body);letter-spacing:.2em;padding:calc(var(--u) * 3) calc(var(--u) * 8);color:var(--ink);background:var(--white);border-radius:999px;position:static;translate:none}.fcard.tier-bronze .fc-tier{background:#e0965a}.fcard.tier-silver .fc-tier{background:#e3e8ef}.fcard.tier-gold .fc-tier{background:var(--yellow)}.fcard.big .fc-plate{gap:calc(var(--u) * 4);padding:calc(var(--u) * 7) calc(var(--u) * 6) calc(var(--u) * 8)}.cards-head{align-items:center;gap:calc(var(--u) * 10) calc(var(--u) * 16);margin:0 0 calc(var(--u) * 12);flex-wrap:wrap;display:flex}.cards-panel .cards-head h2{padding-right:calc(var(--u) * 40);margin:0 auto 0 0}.cards-head .btn.cta{height:calc(var(--u) * 46);padding:0 calc(var(--u) * 22);font-size:calc(var(--u) * 20);margin-right:calc(var(--u) * 40)}@container (orientation:portrait){.cards-head .btn.cta{flex:100%;margin-right:0}}.cards-panel{--chrome:calc(var(--u) * 172)}.cards-panel.packs{--chrome:calc(var(--u) * 152)}.album{justify-content:center;gap:calc(var(--u) * 8);--cw:min(calc((100% - var(--u) * 48) / 7), calc((100cqh - var(--sat) - var(--sab) - var(--chrome)) / 2 * 5 / 7 - var(--u) * 6));flex-wrap:wrap;display:flex}.album .fcard{flex:0 0 var(--cw);width:var(--cw)}.album{max-width:calc(var(--cw) * 7 + var(--u) * 48);margin:0 auto}@container (orientation:portrait){.cards-panel{--chrome:calc(var(--u) * 230)}.cards-panel.packs{--chrome:calc(var(--u) * 240)}.album{--cw:min(calc((100% - var(--u) * 24) / 4), calc((100cqh - var(--sat) - var(--sab) - var(--chrome)) / 4 * 5 / 7 - var(--u) * 6));max-width:calc(var(--cw) * 4 + var(--u) * 24)}}@container (orientation:landscape) and (height<=520px){.panel.cards-panel{padding:calc(var(--u) * 14) calc(var(--u) * 20);--chrome:calc(var(--u) * 142)}.panel.cards-panel.packs{--chrome:calc(var(--u) * 122)}.pack-reveal{justify-content:center;align-items:center;column-gap:calc(var(--u) * 30);row-gap:calc(var(--u) * 12);grid-template-columns:auto auto;padding:0}.pack-reveal .fcard.big{height:min(calc(var(--u) * 266), calc(100cqh - var(--sat) - var(--sab) - var(--u) * 140));grid-row:span 2}.pack-reveal .pr-line{align-self:end}.pack-reveal .res-next{align-self:start}}.squad{grid-template-rows:auto minmax(0,1fr) auto}.cards.roster{min-height:0;margin-top:calc(var(--u) * 8);margin-bottom:calc(var(--u) * 8);grid-template-rows:repeat(2, fit-content(calc((100% - var(--u) * 8) / 2)));align-content:center;align-self:stretch}.cards.roster .card{flex-direction:column;min-height:0;display:flex}.cards.roster .card-img{flex:1 1 calc(var(--u) * 118);height:auto;min-height:calc(var(--u) * 34);display:block;position:relative}.cards.roster .card-pic{background:50% 0/auto 175% no-repeat content-box border-box;padding-top:8%;position:absolute;inset:0}.cards.roster .card-img .ph{width:auto;height:auto;position:absolute;inset:14% 22% 0}.cards.roster .card-n{top:auto;left:auto;right:calc(var(--u) * 5);bottom:calc(var(--u) * 5)}.cards.roster .card-name,.cards.roster .card-stats{flex:none}.cards.roster .card-name b{line-height:1.08}.card.locked .card-name span{line-height:1.15}@container (orientation:landscape){.cards.roster .card-img{flex-basis:calc(var(--u) * 92)}}@container (orientation:landscape) and (height<=520px){.cards.roster .card-img{flex-basis:calc(var(--u) * 64)}.cards.roster .card .lock{inset:0 0 50%}.cards.roster .card .lock b{font-size:calc(var(--u) * 40)}}@container (orientation:portrait){.cards.roster{margin-top:calc(var(--u) * 8);margin-bottom:calc(var(--u) * 10);grid-template-rows:repeat(3, fit-content(calc((100% - var(--u) * 14) / 3)));align-content:end}.cards.roster .card-img{flex-basis:calc(var(--u) * 84)}.cards.roster .card-pic{background-position:calc(50% + var(--u) * 10) 0}.cards.roster .card-stats{padding:calc(var(--u) * 4) calc(var(--u) * 2) calc(var(--u) * 6);gap:0}.cards.roster .card-stats span{font-size:calc(var(--u) * 10)}.cards.roster .card-stats i{font-size:calc(var(--u) * 6);letter-spacing:0}.sq-foot .pills{flex:100%}.sq-foot .pills button{flex:1}.sq-foot .go{height:calc(var(--u) * 52);flex:100%}}.w-hero{top:calc(var(--sat) + var(--u) * 16);bottom:auto}@container (orientation:portrait){.w-hero{top:auto;bottom:0}}@container (orientation:landscape) and (aspect-ratio>=3/2) and (aspect-ratio<=19/10){.w-hero{left:calc(3% + var(--sal))}.w-info{width:40%;right:calc(3% + var(--sar))}}.w-card span{padding:calc(var(--u) * 3) calc(var(--u) * 9) calc(var(--u) * 4);font-size:calc(var(--u) * 19);flex-direction:column;gap:0;line-height:1}.w-card i{font-size:.8em}@container (orientation:landscape) and (height<=520px){.w-card span{font-size:calc(var(--u) * 17);padding-left:calc(var(--u) * 7);padding-right:calc(var(--u) * 7)}}@container (orientation:portrait){.w-card span{font-size:calc(var(--u) * 15);padding:calc(var(--u) * 3) calc(var(--u) * 5) calc(var(--u) * 4)}}@container (orientation:landscape) and (height<=520px){.w-opp{gap:calc(var(--u) * 4)}.w-opp b{font-size:calc(var(--u) * 40);line-height:1}.w-opp img{width:calc(var(--u) * 84);height:calc(var(--u) * 84)}}.res-head h1{--h1:min(calc(var(--u) * 72), 14.5cqw);height:calc(var(--h1) * 1.16);font-size:var(--h1);white-space:nowrap;text-align:center;justify-content:center;align-items:center;padding:0 .16em;display:flex}.result.loss .res-head h1{font-size:min(var(--h1), 11.6cqw)}.motm div{gap:calc(var(--u) * 2)}.motm b{line-height:1.02}@container (orientation:landscape) and (height<=640px){.res-head h1{--h1:calc(var(--u) * 46);height:calc(var(--h1) * 1.06)}.result.step-result{gap:calc(var(--u) * 7)}}.motm{padding:calc(var(--u) * 10) calc(var(--u) * 18) calc(var(--u) * 10) calc(var(--u) * 10);gap:calc(var(--u) * 14)}.motm-pic{width:calc(var(--u) * 86);height:calc(var(--u) * 86);border-radius:calc(var(--u) * 6);background:#0c0f1499 50% 0/auto 205% no-repeat content-box border-box;flex:none;place-items:center;padding-top:8%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffd23a40}.motm-pic.crest{background-image:radial-gradient(70% 70% at 50% 45%,#ffffff1f,#fff0 70%);padding:0}.motm .motm-pic.crest img{width:72%;height:72%;filter:drop-shadow(0 calc(var(--u) * 3) calc(var(--u) * 6) #0009)}@container (orientation:landscape) and (height<=640px){.motm-pic{width:calc(var(--u) * 70);height:calc(var(--u) * 70)}}.screen.modal.set-modal{--set-h:calc(var(--u) * 470);align-items:start}.set-modal>.panel.settings{margin-top:max(0px, calc((100cqh - var(--sat) - var(--sab) - var(--u) * 32 - var(--set-h)) / 2))}@container (orientation:portrait){.screen.modal.set-modal{--set-h:calc(var(--u) * 596)}}@container (orientation:landscape) and (height<=520px){.screen.modal.set-modal{--set-h:calc(var(--u) * 340)}}.set-head{align-items:center;gap:calc(var(--u) * 8) calc(var(--u) * 18);padding-right:calc(var(--u) * 40);margin-bottom:calc(var(--u) * 8);flex-wrap:wrap;display:flex}.settings .set-head h2,.settings .set-head .set-tabs{margin:0}.set-credit .pl-credit{place-items:center start;column-gap:calc(var(--u) * 14);row-gap:calc(var(--u) * 2);margin-top:calc(var(--u) * 6);padding-top:calc(var(--u) * 12);text-align:left;grid-template-columns:auto 1fr}.set-credit .pl-credit img{height:calc(var(--u) * 52);grid-row:span 3}.set-credit .pl-credit p,.set-credit .pl-credit small,.set-credit .pl-credit span{margin:0}.set-ctl{gap:calc(var(--u) * 8) calc(var(--u) * 22);display:grid}.set-ctl-side{display:contents}.set-ctl .ctl-guide{order:1}.set-ctl .cg-note{margin:calc(var(--u) * 2) 0 0;order:2}.cg-head,.cg-row{grid-template-columns:calc(var(--u) * 92) minmax(0, 1fr) minmax(0, 1fr)}.set-ctl.keys .cg-head,.set-ctl.keys .cg-row{grid-template-columns:calc(var(--u) * 122) minmax(0, 1fr) minmax(0, 1fr)}.cg-row{padding:calc(var(--u) * 5) 0}.cg-d.none{color:var(--dim)}.cg-head .both{display:none}@container (orientation:portrait){.cg-head{gap:calc(var(--u) * 16);display:flex}.cg-head span{display:none}.cg-head b:before{content:"";width:calc(var(--u) * 3);height:calc(var(--u) * 11);margin-right:calc(var(--u) * 6);vertical-align:calc(var(--u) * -1);background:currentColor;display:inline-block}.cg-head .both{color:var(--dim);display:inline-block}.cg-head .both:before{background:linear-gradient(var(--teal) 50%, var(--red) 50%)}.set-ctl .cg-row,.set-ctl.keys .cg-row{grid-template-columns:calc(var(--u) * 74) minmax(0, 1fr);row-gap:calc(var(--u) * 2);padding:calc(var(--u) * 5) 0;font-size:calc(var(--u) * 11.5);grid-template-areas:"k a""k d";line-height:1.3}.panel.settings{padding:calc(var(--u) * 18) calc(var(--u) * 18) calc(var(--u) * 16)}.settings .set-head h2{font-size:calc(var(--u) * 27)}.set-ctl .set-row{padding:calc(var(--u) * 9) 0}.set-row.buzz small{display:none}.cg-key{grid-area:k}.cg-a{padding-left:calc(var(--u) * 7);box-shadow:inset calc(var(--u) * 2) 0 0 var(--teal);grid-area:a}.cg-d{padding-left:calc(var(--u) * 7);box-shadow:inset calc(var(--u) * 2) 0 0 var(--red);grid-area:d}.cg-d.none,.cg-row.same .cg-d{display:none}.cg-row.same .cg-a{box-shadow:none;background:linear-gradient(var(--teal) 50%, var(--red) 50%) no-repeat 0 0 / calc(var(--u) * 2) 100%}.set-row.cam{align-items:stretch;gap:calc(var(--u) * 8);flex-direction:column}.set-row.cam .pills button{flex:1}.set-row.scheme small{display:none}}@container (orientation:landscape) and (height<=520px){.modal{padding:calc(var(--u) * 10)}.settings.wide{width:min(100%, calc(var(--u) * 760));padding:calc(var(--u) * 14) calc(var(--u) * 20)}.settings .set-row{padding:calc(var(--u) * 8) 0}.settings .set-head{margin-bottom:calc(var(--u) * 6)}.settings .set-head h2{font-size:calc(var(--u) * 26)}.settings.wide.tab-controls{padding-top:calc(var(--u) * 12);padding-bottom:calc(var(--u) * 12)}.set-ctl .cg-head,.set-ctl .cg-row{grid-template-columns:calc(var(--u) * 84) minmax(0, 1.35fr) minmax(0, 1fr)}.set-ctl.keys .cg-head,.set-ctl.keys .cg-row{grid-template-columns:calc(var(--u) * 116) minmax(0, 1.35fr) minmax(0, 1fr)}.cg-head b{font-size:calc(var(--u) * 12)}.ctl-guide{gap:0}.set-credit .pl-credit{margin-top:calc(var(--u) * 2);padding-top:calc(var(--u) * 8)}.set-credit .pl-credit img{height:calc(var(--u) * 44)}.set-ctl .set-rows{align-items:center;gap:calc(var(--u) * 28);border-top:1px solid #ffffff14;display:flex}.set-ctl .set-row{padding:calc(var(--u) * 6) 0;gap:calc(var(--u) * 12);border:0}.set-ctl .set-row small{display:none}.set-ctl .cg-note{margin:0}.cg-row{padding:calc(var(--u) * 2) 0;font-size:calc(var(--u) * 11);line-height:1.25}.cg-key{font-size:calc(var(--u) * 11);padding:calc(var(--u) * 2) calc(var(--u) * 7);line-height:1.2}.set-ctl{gap:calc(var(--u) * 4)}}.daily-res .res-next{gap:calc(var(--u) * 8);width:min(100%, calc(var(--u) * 420));grid-template-columns:minmax(0,1fr) auto;display:grid}.daily-res .res-next .btn.cta{grid-column:1/-1}.daily-res .res-next .btn:not(.cta){padding:0 calc(var(--u) * 18)}@container (orientation:landscape) and (height<=560px){.daily-res .res-next .btn:not(.cta){height:calc(var(--u) * 44);font-size:calc(var(--u) * 18)}}.fb-new li{grid-template-columns:calc(var(--u) * 52) 1fr}@container (orientation:portrait){.fb-new ul{gap:calc(var(--u) * 9)}.fb-new li{display:block}.fb-new li i{float:left;margin:calc(var(--u) * 1) calc(var(--u) * 8) 0 0;padding:calc(var(--u) * 2) calc(var(--u) * 6);font-size:calc(var(--u) * 9)}.fb-new li b{font-size:calc(var(--u) * 13.5)}.fb-new li span{font-size:calc(var(--u) * 12);line-height:1.32;display:block}}.fb-new ul{max-height:max(calc(var(--u) * 130), calc(100cqh - var(--sat) - var(--sab) - var(--u) * 250))}@container (orientation:landscape){.fb-new{align-items:center;column-gap:calc(var(--u) * 20);grid-template-columns:minmax(0,1fr) auto}.fb-new-head{grid-area:1/1}.fb-new>.btn{height:calc(var(--u) * 44);font-size:calc(var(--u) * 19);grid-area:1/2}.fb-new ul{column-gap:calc(var(--u) * 22);max-height:max(calc(var(--u) * 120), calc(100cqh - var(--sat) - var(--sab) - var(--u) * 180));grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@container (orientation:landscape) and (height<=520px){.panel.fb-sheet{align-items:center;column-gap:calc(var(--u) * 18);padding:calc(var(--u) * 14) calc(var(--u) * 20);gap:calc(var(--u) * 10) calc(var(--u) * 18);grid-template-columns:auto minmax(0,1fr) auto}.fb-sheet>.fb-tabs{grid-area:1/1}.fb-sheet>.fb-new{display:contents}.fb-sheet .fb-new-head{grid-area:1/2}.fb-sheet .fb-new>.btn{margin-right:calc(var(--u) * 40);grid-area:1/3}.fb-sheet>.fb-form,.fb-sheet>.fb-done{grid-column:1/-1}.fb-new ul{max-height:max(calc(var(--u) * 110), calc(100cqh - var(--sat) - var(--sab) - var(--u) * 104));gap:calc(var(--u) * 8);row-gap:calc(var(--u) * 6);grid-area:2/1/auto/-1}.fb-new li{grid-template-columns:calc(var(--u) * 46) 1fr}.fb-new li b{font-size:calc(var(--u) * 12.5)}.fb-new li span{font-size:calc(var(--u) * 11.5);line-height:1.25}}.versus,.vs-body{grid-template-columns:minmax(0,1fr)}.vs-step>div{min-width:0}.mini-squad{gap:calc(var(--u) * 6);max-width:calc(var(--u) * 380);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.mini-squad span{gap:calc(var(--u) * 2);min-width:0}.ms-pic{width:100%;max-width:calc(var(--u) * 56);aspect-ratio:1;background:#ffc72c22 50% 0/auto 172% no-repeat content-box border-box;border-radius:50%;padding-top:10%;display:block}.mini-squad b{font-size:calc(var(--u) * 11);white-space:nowrap}.chips button.on{background:var(--teal);color:var(--ink)}.vs-step .btn.primary{width:100%;font-size:calc(var(--u) * 20)}.vs-step .link-card{--lh:calc(var(--u) * 34);height:calc(var(--u) * 50);align-content:start;gap:calc(var(--u) * 4);box-shadow:none;background:0 0;padding:0}.vs-step .link code{height:var(--lh);padding:0 calc(var(--u) * 12);box-shadow:inset 0 0 0 calc(var(--u) * 1.5) var(--teal);background:#0c0f14;align-items:center;display:flex;overflow:visible}.vs-step .link button{height:var(--lh);padding:0 calc(var(--u) * 14);flex:none}.vs-step .link-card small{font-size:calc(var(--u) * 10);line-height:calc(var(--u) * 12)}@container (orientation:landscape) and (height<=520px){.vs-step .link-card{--lh:calc(var(--u) * 28);height:calc(var(--u) * 44)}}@container (orientation:portrait){.versus .sq-head h2{font-size:calc(var(--u) * 26);white-space:nowrap}.versus .sq-head .soon{flex:none}}@container (orientation:landscape){.vs-body{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:column}.vs-body>.fine{grid-area:3/1/auto/-1}}@container (orientation:landscape) and (height<=520px){.versus{padding:calc(var(--u) * 10) calc(var(--u) * 18);gap:calc(var(--u) * 8)}.vs-body{gap:calc(var(--u) * 8) calc(var(--u) * 12)}.vs-step{padding:calc(var(--u) * 9) calc(var(--u) * 12);gap:calc(var(--u) * 10)}.vs-step h3{font-size:calc(var(--u) * 16);margin-bottom:calc(var(--u) * 6)}.vs-step input{padding:calc(var(--u) * 8) calc(var(--u) * 10)}.vs-step textarea{height:calc(var(--u) * 38);padding:calc(var(--u) * 9) calc(var(--u) * 10)}.chips{margin-top:calc(var(--u) * 6)}.chips button{padding:calc(var(--u) * 5) calc(var(--u) * 10);font-size:calc(var(--u) * 11)}.ms-pic{max-width:calc(var(--u) * 42)}.vs-step .btn.primary{height:calc(var(--u) * 44);font-size:calc(var(--u) * 18)}}
