.stage .overlay .card.intro{gap:10px}.stage .overlay .intro .eyebrow .secs{opacity:.75;text-transform:none}.stage .overlay .intro .who{margin-top:-2px}.stage .overlay .howto{gap:6px;display:grid}.stage .overlay .howto-view{align-items:center;gap:2px;margin:0 -10px;display:flex}.stage .overlay .howto-slides{cursor:pointer;flex:1;min-width:0;display:grid}.stage .overlay .howto-slide{opacity:0;visibility:hidden;grid-area:1/1;align-content:start;gap:8px;margin:0;transition:opacity .25s,visibility 0s .25s;display:grid}.stage .overlay .howto-slide.on{opacity:1;visibility:visible;transition:opacity .25s}.stage .overlay .howto-art{border:1px solid var(--glass-edge);background:color-mix(in srgb, var(--text) 5%, var(--bg));border-radius:16px;padding:6px 0}.stage .overlay .howto.stilled .howto-art{background:linear-gradient(color-mix(in srgb, var(--bg) 40%, transparent), color-mix(in srgb, var(--bg) 40%, transparent)), var(--still) center 55% / cover no-repeat, var(--bg)}.stage .overlay .howto-art svg{width:100%;height:124px;display:block;overflow:visible}.stage .overlay .howto-slide figcaption{color:var(--text);text-wrap:balance;font-size:19px;font-weight:700;line-height:1.25}.stage .overlay .howto-nav{cursor:pointer;width:36px;height:36px;color:var(--text-2);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.stage .overlay .howto-nav:hover{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.stage .overlay .howto-dots{justify-content:center;display:flex}.stage .overlay .howto-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:26px;height:22px;padding:0;display:grid}.stage .overlay .howto-dots button:before{content:"";background:color-mix(in srgb, var(--text) 30%, transparent);border-radius:999px;width:7px;height:7px;transition:width .2s,background-color .2s}.stage .overlay .howto-dots button[aria-current]:before{background:var(--text);width:18px}@media (height<=700px){.stage .overlay .howto-art svg{height:84px}.stage .overlay .intro .taunt{font-size:18px}}@media (height<=580px){.stage .overlay .intro .taunt{display:none}}@media (height<=500px) and (width>=600px){.stage .overlay .card.intro{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;column-gap:24px;width:min(100%,760px);padding-block:16px}.stage .overlay .intro .card-head{grid-column:1/-1}.stage .overlay .intro .howto{grid-area:2/1/6}.stage .overlay .intro>:not(.card-head,.taunt,.howto){grid-column:2}.stage .overlay .intro #go{grid-row:2}.stage .overlay .intro .who{grid-row:3;margin-top:0}.stage .overlay .intro .links,.stage .overlay .intro>a.btn{grid-row:4}.stage .overlay .intro .screen-line{grid-row:5}}.ht g{transform-box:fill-box;transform-origin:50%}.ht .touch{fill:color-mix(in srgb, var(--text) 22%, transparent);stroke:var(--text);stroke-width:2px}.ht .guide{fill:none;stroke:color-mix(in srgb, var(--text) 40%, transparent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.ht .path{fill:none;stroke:color-mix(in srgb, var(--text) 35%, transparent);stroke-width:2px;stroke-dasharray:2 6;stroke-linecap:round}.ht .pop{fill:var(--text);font-family:var(--font);letter-spacing:.04em;text-anchor:middle;font-weight:800}.ht .val{fill:var(--text);font:800 13px var(--font);text-anchor:middle}.ht .pip{fill:var(--pip,var(--accent))}.ht .rim{fill:none;stroke:var(--hoop,#ff9f43);stroke-width:4px;stroke-linecap:round}.ht .net{fill:none;stroke:color-mix(in srgb, var(--text) 55%, transparent);stroke-width:1.5px;stroke-linejoin:round}.ht .board{fill:color-mix(in srgb, var(--text) 10%, transparent);stroke:var(--text);stroke-width:1.5px}.ht .ball{fill:var(--ball,#ff9f43)}.ht .glyph{text-anchor:middle;dominant-baseline:central;font-size:20px}.ht .orb{fill:var(--accent);filter:drop-shadow(0 0 5px var(--accent))}.ht .shard{fill:var(--accent-3)}.ht .spark{fill:#ffd60a}.ht .mesh{fill:none;stroke:color-mix(in srgb, var(--text) 22%, transparent);stroke-width:1.2px}.ht .frame{fill:none;stroke:#ff453a;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.ht .ice{stroke:color-mix(in srgb, var(--text) 25%, transparent);stroke-width:1.5px}.ht .goalie{fill:color-mix(in srgb, var(--text) 42%, transparent)}.ht .puck{fill:var(--text)}.ht .zone{fill:color-mix(in srgb, var(--accent) 16%, transparent)}.ht .band{fill:color-mix(in srgb, var(--accent) 34%, transparent)}.ht .side,.ht .goal{fill:none;stroke:color-mix(in srgb, var(--text) 50%, transparent);stroke-width:2px}.ht .yard{stroke:color-mix(in srgb, var(--text) 20%, transparent);stroke-width:1.5px;stroke-dasharray:6 6}.ht .pylon{fill:#ff9f0a}.ht .wr{fill:var(--accent)}.ht .corner,.ht .rusher{fill:var(--accent-3)}.ht .qb{fill:var(--text)}.ht .football{fill:#b5651d;stroke:#fff;stroke-width:1px}.ht .dpad path{fill:color-mix(in srgb, var(--text) 16%, transparent);stroke:color-mix(in srgb, var(--text) 45%, transparent);stroke-width:1.5px;stroke-linejoin:round}.ht .dpad-on{fill:var(--accent)}.ht .clay{fill:#b4f03c;stroke:#5e8a14;stroke-width:1.2px}.ht .house path{fill:color-mix(in srgb, var(--text) 10%, transparent);stroke:var(--text);stroke-width:1.5px;stroke-linejoin:round}.ht .house .mouth{fill:color-mix(in srgb, var(--text) 60%, transparent)}.ht .pattern{fill:none;stroke:#b4f03c;stroke-width:2px;stroke-dasharray:3 4}.ht .pattern.core{stroke:var(--gold,#ffd36e);stroke-dasharray:none}.ht .puff{fill:color-mix(in srgb, var(--text) 30%, transparent)}.ht .a-vanish,.ht .a-aim,.ht .a-ring{opacity:0}.ht .posts{fill:none;stroke:var(--text);stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.ht .turf{stroke:color-mix(in srgb, var(--text) 25%, transparent);stroke-width:1.5px}.ht .wall{fill:#ff453a}.ht .keeper{fill:#34e0a1}.ht .soccer{fill:#fff;stroke:#1d1d1f;stroke-width:1.2px}.ht .szone{fill:color-mix(in srgb, var(--text) 6%, transparent);stroke:color-mix(in srgb, var(--text) 50%, transparent);stroke-width:1.5px}.ht .plate{fill:var(--text)}.ht .baseball{fill:#fff;stroke:#d6293e;stroke-width:1.4px}.ht .barrel{fill:#4a7cff}.ht .fence{fill:none;stroke:#f2d548;stroke-width:3px;stroke-linecap:round}.ht .line{fill:none;stroke:color-mix(in srgb, var(--text) 45%, transparent);stroke-width:1.5px}.ht .flagpole{fill:none;stroke:var(--text);stroke-width:1.6px;stroke-linecap:round}.ht .flagcloth{fill:#ff453a}.ht .cup{fill:color-mix(in srgb, var(--text) 70%, transparent)}.ht .golfball{fill:#fff;stroke:color-mix(in srgb, var(--text) 45%, transparent);stroke-width:1.2px}.ht .meter{fill:color-mix(in srgb, var(--text) 10%, transparent);stroke:color-mix(in srgb, var(--text) 45%, transparent);stroke-width:1.2px}.ht .meter-fill{fill:#34c759;transform-origin:230px 94px;transform:scaleY(.75)}.ht .chip{fill:color-mix(in srgb, var(--text) 10%, transparent);stroke:color-mix(in srgb, var(--text) 45%, transparent);stroke-width:1.5px}.ht .chip-word{fill:var(--text);font:700 12px var(--font);text-anchor:middle}.ht .chip-arrow{fill:color-mix(in srgb, var(--text) 60%, transparent);font:800 14px var(--font);text-anchor:middle}.ht .pond{fill:#2f6fb8}.ht .bunker{fill:#d8c48e}.ht .vball{fill:#ffd23f;stroke:#2f6bff;stroke-width:1.6px}.ht .netpost{fill:none;stroke:color-mix(in srgb, var(--text) 55%, transparent);stroke-width:2.5px;stroke-linecap:round}.ht .netmesh{fill:color-mix(in srgb, var(--text) 12%, transparent);stroke:color-mix(in srgb, var(--text) 60%, transparent);stroke-width:1px}.ht .hitter,.ht .hitter-arm{fill:none;stroke:#ff5fa2;stroke-width:7px;stroke-linecap:round}.ht .hitter-arm{stroke-width:4.5px}.ht .hitter-head{fill:#ff5fa2}.ht .blocker-arm{fill:none;stroke:#2fd6c6;stroke-width:5px;stroke-linecap:round}.ht .blocker-head,.ht .digger,.ht .block-top{fill:#2fd6c6}.ht .sandcourt{fill:#e3c89138}.ht .tape{fill:none;stroke:#38d8ff;stroke-width:2.5px;stroke-linejoin:round}.ht .target{fill:#ff5fa240;stroke:#ff5fa2;stroke-width:2px}.ht .streak{fill:none;stroke:color-mix(in srgb, var(--text) 30%, transparent);stroke-width:3px;stroke-dasharray:10 6;stroke-linecap:round}.ht .shade{fill:#2fd6c624}.ht .ice{fill:#7cf2ff1f;stroke:color-mix(in srgb, var(--text) 25%, transparent);stroke-width:1.2px}.ht .ring12{fill:#2f6fd0}.ht .ring8,.ht .button{fill:#fff;stroke:color-mix(in srgb, var(--text) 25%, transparent);stroke-width:1px}.ht .ring4{fill:#e0343c}.ht .hog{fill:none;stroke:#d8323c;stroke-width:2px}.ht .stone{fill:#8e949e;stroke:#5d636d;stroke-width:1.2px}.ht .handle-you{fill:#b36bff}.ht .handle-them{fill:#ffd23f}.ht .sweeper{fill:#b36bff}.ht .broom{fill:none;stroke:color-mix(in srgb, var(--text) 60%, transparent);stroke-width:2px;stroke-linecap:round}.ht .broomhead{fill:#ff6f3c}.ht .key{fill:color-mix(in srgb, var(--text) 10%, transparent);stroke:color-mix(in srgb, var(--text) 50%, transparent);stroke-width:1.5px}.ht .key-word{fill:var(--text);font:700 14px var(--font);text-anchor:middle}.ht .ring{fill:none;stroke:color-mix(in srgb, var(--text) 18%, transparent);stroke-width:6px}.ht .ring-on{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round;stroke-dasharray:100;transform-box:fill-box;transform-origin:50%;transform:rotate(-90deg)}.ht .ripple{fill:none;stroke:var(--accent);stroke-width:2.5px}.ht .a-ripple{opacity:.6}.howto-slide.on :where(.ht [class^=a-],.ht [class*=\ a-]){animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}.howto-slide.on .a-flick{animation-name:ht-flick;animation-timing-function:linear}.howto-slide.on .a-arc{animation-name:ht-arc;animation-timing-function:linear}.howto-slide.on .a-hoop-slide{animation-name:ht-hoop-slide;animation-timing-function:linear}.howto-slide.on .a-drop{animation-name:ht-drop;animation-timing-function:ease-in}.howto-slide.on .a-pop{animation-name:ht-pop}.howto-slide.on .a-pip.p1{animation-name:ht-pip-1}.howto-slide.on .a-pip.p2{animation-name:ht-pip-2}.howto-slide.on .a-pip.p3{animation-name:ht-pip-3}.howto-slide.on .a-pip.p4{animation-name:ht-pip-4}.howto-slide.on .a-key.p1{animation-name:ht-key-1}.howto-slide.on .a-key.p2{animation-name:ht-key-2}.howto-slide.on .a-key.p3{animation-name:ht-key-3}.howto-slide.on .a-key.p4{animation-name:ht-key-4}.howto-slide.on .a-sway{animation-name:ht-sway}.howto-slide.on .a-shuffle{animation-name:ht-shuffle}.howto-slide.on .a-fall{animation-name:ht-fall;animation-timing-function:linear}.howto-slide.on .a-sidestep{animation-name:ht-sidestep}.howto-slide.on .a-late{animation-name:ht-late}.howto-slide.on .a-snipe{animation-name:ht-snipe;animation-timing-function:ease-out}.howto-slide.on .a-bardown{animation-name:ht-bardown}.howto-slide.on .a-route{animation-name:ht-route;animation-timing-function:linear}.howto-slide.on .a-cover{animation-name:ht-cover;animation-timing-function:linear}.howto-slide.on .a-steer{animation-name:ht-steer}.howto-slide.on .a-go{animation-name:ht-go;animation-timing-function:linear}.howto-slide.on .a-throw{animation-name:ht-throw;animation-timing-function:linear}.howto-slide.on .a-rush{animation-name:ht-rush;animation-timing-function:ease-in}.howto-slide.on .a-step{animation-name:ht-step}.howto-slide.on .a-press{animation-name:ht-press}.howto-slide.on .a-toe{animation-name:ht-toe}.howto-slide.on .a-arc-up{animation-name:ht-arc-up;animation-timing-function:linear}.howto-slide.on .a-charge{animation-name:ht-charge;animation-timing-function:linear}.howto-slide.on .a-ripple{animation-name:ht-ripple;animation-timing-function:ease-out}.howto-slide.on .a-tap{animation-name:ht-tap}.howto-slide.on .a-clay{animation-name:ht-clay;animation-timing-function:linear}.howto-slide.on .a-glide{animation-name:ht-glide;animation-timing-function:linear}.howto-slide.on .a-aim{animation-name:ht-aim}.howto-slide.on .a-ring{animation-name:ht-ring;animation-timing-function:ease-out}.howto-slide.on .a-smoke{animation-name:ht-smoke;animation-timing-function:ease-out}.howto-slide.on .a-burst{animation-name:ht-burst;animation-timing-function:ease-out}.howto-slide.on .a-vanish{animation-name:ht-vanish}.howto-slide.on .a-strike{animation-name:ht-strike;animation-timing-function:ease-out}.howto-slide.on .a-curl-flick{animation-name:ht-curl-flick;animation-timing-function:linear}.howto-slide.on .a-jump{animation-name:ht-jump}.howto-slide.on .a-drive{animation-name:ht-drive;animation-timing-function:ease-out}.howto-slide.on .a-float{animation-name:ht-float}.howto-slide.on .a-topbins{animation-name:ht-topbins;animation-timing-function:ease-out}.howto-slide.on .a-pitch{animation-name:ht-pitch;animation-timing-function:ease-in}.howto-slide.on .a-letgo{animation-name:ht-letgo}.howto-slide.on .a-pull{animation-name:ht-pull;animation-timing-function:ease-out}.howto-slide.on .a-oppo{animation-name:ht-oppo;animation-timing-function:ease-out}.howto-slide.on .a-under{animation-name:ht-under}.howto-slide.on .a-carry{animation-name:ht-carry;animation-timing-function:ease-out}.howto-slide.on .a-moon{animation-name:ht-moon;animation-timing-function:ease-out}.howto-slide.on .a-setdrop{animation-name:ht-setdrop;animation-timing-function:ease-in}.howto-slide.on .a-setdrop-quick{animation-name:ht-setdrop-quick;animation-timing-function:ease-in}.howto-slide.on .a-smash{animation-name:ht-smash;animation-timing-function:linear}.howto-slide.on .a-flick-late{animation-name:ht-flick-late;animation-timing-function:linear}.howto-slide.on .a-push{animation-name:ht-push;animation-timing-function:linear}.howto-slide.on .a-lob{animation-name:ht-lob;animation-timing-function:linear}.howto-slide.on .a-seam{animation-name:ht-seam;animation-timing-function:ease-out}.howto-slide.on .a-tool{animation-name:ht-tool;animation-timing-function:linear}.howto-slide.on .a-drag-up{animation-name:ht-drag-up}.howto-slide.on .a-drag-down{animation-name:ht-drag-down}.howto-slide.on .a-drag-left{animation-name:ht-drag-left}.howto-slide.on .a-drag-right{animation-name:ht-drag-right}.howto-slide.on .a-pulldown{animation-name:ht-pulldown}.howto-slide.on .a-stoneup{animation-name:ht-stoneup;animation-timing-function:ease-out}.howto-slide.on .a-curl{animation-name:ht-curl;animation-timing-function:ease-out}.howto-slide.on .a-taptap{animation-name:ht-taptap;animation-timing-function:linear}.howto-slide.on .a-broom{animation-name:ht-broom;animation-duration:.5s}.howto-slide.on .a-knock{animation-name:ht-knock;animation-timing-function:ease-out}.howto-slide.on .a-knocked{animation-name:ht-knocked;animation-timing-function:ease-out}.howto-slide.on .a-pullback{animation-name:ht-pullback}.howto-slide.on .a-meter{animation-name:ht-meter}.howto-slide.on .a-launch{animation-name:ht-launch;animation-timing-function:linear}.howto-slide.on .a-slant{animation-name:ht-slant}.howto-slide.on .a-slantline{animation-name:ht-slantline}.howto-slide.on .a-tapchip{animation-name:ht-tapchip}.howto-slide.on .a-roll{animation-name:ht-roll;animation-timing-function:ease-out}.howto-slide.on .a-splash{animation-name:ht-splash;animation-timing-function:ease-in}@keyframes ht-pullback{0%{opacity:0;transform:translateY(0)}6%,10%{opacity:1;transform:translateY(0)}40%{opacity:1;transform:translateY(48px)}46%,to{opacity:0;transform:translateY(48px)}}@keyframes ht-meter{0%,10%{transform:scaleY(0)}40%,46%{transform:scaleY(.78)}52%,to{transform:scaleY(0)}}@keyframes ht-launch{0%,46%{opacity:1;transform:translate(0)scale(1)}60%{transform:translate(50px,-52px)scale(.85)}74%{transform:translate(100px,-58px)scale(.7)}88%{opacity:1;transform:translate(146px,-4px)scale(.55)}94%,to{opacity:0;transform:translate(146px,-4px)scale(.55)}}@keyframes ht-slant{0%,8%{opacity:1;transform:translate(0)}30%,40%{opacity:1;transform:translate(-26px,44px)}48%{opacity:1;transform:translate(0)}70%,80%{opacity:1;transform:translate(26px,44px)}92%,to{opacity:1;transform:translate(0)}}@keyframes ht-slantline{0%,8%{transform:rotate(0)}30%,40%{transform:rotate(-12deg)}48%{transform:rotate(0)}70%,80%{transform:rotate(12deg)}92%,to{transform:rotate(0)}}.ht .a-slantline{transform-origin:44px 96px;transform-box:view-box}@keyframes ht-tapchip{0%,20%{opacity:0;transform:scale(1.3)}26%,34%{opacity:1;transform:scale(1)}40%,56%{opacity:0;transform:scale(1.3)}62%,70%{opacity:1;transform:scale(1)}76%,to{opacity:0;transform:scale(1.3)}}@keyframes ht-roll{0%,10%{opacity:1;transform:translate(0)}48%{opacity:1;transform:translate(90px)}54%,to{opacity:0;transform:translate(90px,6px)}}@keyframes ht-splash{0%,10%{opacity:1;transform:translate(0)}30%{transform:translate(24px,-20px)}50%{opacity:1;transform:translate(40px,38px)}56%,to{opacity:0;transform:translate(40px,44px)}}@keyframes ht-flick{0%{opacity:0;transform:translate(0)}4%,8%{opacity:1;transform:translate(0)}22%{opacity:1;transform:translate(8px,-30px)}30%,to{opacity:0;transform:translate(8px,-30px)}}@keyframes ht-arc{0%,24%{opacity:1;transform:translate(0)}34%{transform:translate(27.5px,-49px)}44%{transform:translate(55px,-76px)}54%{transform:translate(82.5px,-81px)}64%{transform:translate(110px,-64px)}72%{opacity:1;transform:translate(110px,-40px)}80%,to{opacity:0;transform:translate(110px,-40px)}}@keyframes ht-hoop-slide{0%{transform:translate(-72px)}64%,to{transform:translate(0)}}@keyframes ht-drop{0%{opacity:0;transform:translateY(-34px)}10%{opacity:1;transform:translateY(-26px)}45%{transform:translateY(28px)}55%{opacity:1;transform:translateY(46px)}62%,to{opacity:0;transform:translateY(52px)}}@keyframes ht-pop{0%,50%{opacity:0;transform:scale(.6)}58%{opacity:1;transform:scale(1.15)}64%,88%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(1)}}@keyframes ht-pip-1{0%,4%{opacity:.25;transform:scale(1)}8%{opacity:1;transform:scale(1.3)}14%,92%{opacity:1;transform:scale(1)}to{opacity:.25}}@keyframes ht-pip-2{0%,16%{opacity:.25;transform:scale(1)}20%{opacity:1;transform:scale(1.3)}26%,92%{opacity:1;transform:scale(1)}to{opacity:.25}}@keyframes ht-pip-3{0%,28%{opacity:.25;transform:scale(1)}32%{opacity:1;transform:scale(1.3)}38%,92%{opacity:1;transform:scale(1)}to{opacity:.25}}@keyframes ht-pip-4{0%,40%{opacity:.25;transform:scale(1)}44%{opacity:1;transform:scale(1.3)}50%,92%{opacity:1;transform:scale(1)}to{opacity:.25}}@keyframes ht-key-1{0%,4%{opacity:.5;transform:translateY(0)}8%{opacity:1;transform:translateY(2px)}16%,to{opacity:.5;transform:translateY(0)}}@keyframes ht-key-2{0%,16%{opacity:.5;transform:translateY(0)}20%{opacity:1;transform:translateY(2px)}28%,to{opacity:.5;transform:translateY(0)}}@keyframes ht-key-3{0%,28%{opacity:.5;transform:translateY(0)}32%{opacity:1;transform:translateY(2px)}40%,to{opacity:.5;transform:translateY(0)}}@keyframes ht-key-4{0%,42%{opacity:.5;transform:translateY(0)}46%,70%{opacity:1;transform:translateY(2px)}76%,to{opacity:.5;transform:translateY(0)}}@keyframes ht-drag-up{0%,12%{transform:translateY(0)}60%,84%{transform:translateY(-64px)}to{transform:translateY(0)}}@keyframes ht-drag-down{0%,12%{transform:translateY(0)}60%,84%{transform:translateY(64px)}to{transform:translateY(0)}}@keyframes ht-drag-left{0%,12%{transform:translate(0)}60%,84%{transform:translate(-116px)}to{transform:translate(0)}}@keyframes ht-drag-right{0%,12%{transform:translate(0)}60%,84%{transform:translate(116px)}to{transform:translate(0)}}@keyframes ht-sway{0%,to{transform:translate(0)}25%{transform:translate(-60px)}75%{transform:translate(60px)}}@keyframes ht-shuffle{0%,to{transform:translate(0)}32%{transform:translate(-20px)}82%{transform:translate(20px)}}@keyframes ht-fall{0%{opacity:0;transform:translateY(-44px)}8%{opacity:1}55%{opacity:1;transform:translateY(40px)}70%,to{opacity:0;transform:translateY(64px)}}@keyframes ht-sidestep{0%,22%{transform:translate(-44px)}38%,to{transform:translate(0)}}@keyframes ht-late{0%,40%{transform:translate(0)}52%,85%{transform:translate(12px)}to{transform:translate(0)}}@keyframes ht-snipe{0%,22%{opacity:1;transform:translate(0)scale(1)}46%,82%{opacity:1;transform:translate(28px,-76px)scale(.55)}90%,to{opacity:0;transform:translate(28px,-76px)scale(.55)}}@keyframes ht-bardown{0%,18%{opacity:1;transform:translate(0)scale(1)}42%{transform:translate(6px,-82px)scale(.5)}52%,60%{opacity:1;transform:translate(8px,-62px)scale(.5)}68%,to{opacity:0;transform:translate(8px,-62px)scale(.5)}}@keyframes ht-route{0%,6%{transform:translate(0)}40%{transform:translateY(-32px)}80%,to{transform:translate(54px,-60px)}}@keyframes ht-cover{0%,6%{transform:translate(0)}40%{transform:translate(4px,-10px)}80%,to{transform:translate(26px,-14px)}}@keyframes ht-steer{0%,40%{transform:translate(0)}80%,to{transform:translate(54px)}}@keyframes ht-go{0%{transform:translateY(0)}55%,to{transform:translateY(-44px)}}@keyframes ht-throw{0%,20%{opacity:1;transform:translate(0)scale(1)}29%{transform:translate(10px,-34.5px)scale(1.25)}38%{transform:translate(20px,-58px)scale(1.4)}46%{transform:translate(30px,-70.5px)scale(1.2)}55%{opacity:1;transform:translate(40px,-72px)scale(1)}58%,to{opacity:0;transform:translate(40px,-72px)scale(1)}}@keyframes ht-rush{0%,10%{transform:translate(76px,-38px)}55%{transform:translate(14px,-8px)}75%,to{transform:translate(0)}}@keyframes ht-step{0%,25%{transform:translate(34px)}48%,to{transform:translate(0)}}@keyframes ht-press{0%,20%{opacity:0}24%,50%{opacity:1}54%,to{opacity:0}}@keyframes ht-toe{0%,6%{transform:translate(-33px,62px)}55%,to{transform:translate(0)}}@keyframes ht-arc-up{0%,22%{opacity:1;transform:translate(0)}38%{transform:translate(12.5px,-48.5px)}52%{opacity:1;transform:translate(30px,-82px)}58%,to{opacity:0;transform:translate(30px,-82px)}}@keyframes ht-charge{0%,10%{stroke-dashoffset:100px}70%,88%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}@keyframes ht-ripple{0%,14%{opacity:0;transform:scale(.4)}16%{opacity:1}55%,to{opacity:0;transform:scale(1.6)}}@keyframes ht-tap{0%{opacity:0;transform:translateY(-8px)scale(1)}10%{opacity:1;transform:translateY(0)scale(1)}14%{transform:scale(.85)}20%{transform:scale(1)}60%{opacity:1}72%,to{opacity:0}}@keyframes ht-clay{0%,24%{opacity:1;transform:translate(0)}36%{transform:translate(34px,-46px)}48%{transform:translate(70px,-70px)}60%{transform:translate(108px,-74px)}72%{opacity:1;transform:translate(152px,-42px)}84%,to{opacity:0;transform:translate(176px)}}@keyframes ht-glide{0%{opacity:1;transform:translate(0)}55%{opacity:1;transform:translate(114px)}57%,to{opacity:0;transform:translate(118px)}}@keyframes ht-aim{0%,28%{opacity:0}32%,46%{opacity:1}52%,to{opacity:0}}@keyframes ht-ring{0%,53%{opacity:0;transform:scale(.6)}56%{opacity:1;transform:scale(1)}72%,to{opacity:0;transform:scale(1.3)}}@keyframes ht-smoke{0%,50%{opacity:0;transform:scale(.3)}56%{opacity:.9;transform:scale(1)}90%,to{opacity:0;transform:scale(2.2)}}@keyframes ht-burst{0%,50%{opacity:0;transform:scale(.2)}56%{opacity:1;transform:scale(1)}84%,to{opacity:0;transform:scale(1.9)translateY(10px)}}@keyframes ht-vanish{0%,50%{opacity:1}54%,to{opacity:0}}@keyframes ht-strike{0%,22%{opacity:1;transform:translate(0)scale(1)}46%,82%{opacity:1;transform:translate(8px,-58px)scale(.6)}90%,to{opacity:0;transform:translate(8px,-58px)scale(.6)}}@keyframes ht-curl{0%,46%{transform:translate(0)scale(1)}60%{transform:translate(-13px,-22px)scale(.85)}74%{transform:translate(-15px,-44px)scale(.68)}88%,to{transform:translateY(-68px)scale(.5)}}@keyframes ht-curl-flick{0%{opacity:0;transform:translate(0)}4%,8%{opacity:1;transform:translate(0)}15%{transform:translate(14px,-10px)}22%{opacity:1;transform:translate(10px,-32px)}30%,to{opacity:0;transform:translate(10px,-32px)}}@keyframes ht-jump{0%,34%{transform:translateY(0)}44%{transform:translateY(-14px)}54%,to{transform:translateY(0)}}@keyframes ht-drive{0%,18%{opacity:1;transform:translate(0)scale(1)}48%{opacity:1;transform:translateY(-40px)scale(.7)}52%,to{opacity:0;transform:translateY(-40px)scale(.7)}}@keyframes ht-float{0%,58%{opacity:1;transform:translate(0)scale(1)}70%{transform:translateY(-80px)scale(.8)}82%,88%{opacity:1;transform:translateY(-62px)scale(.6)}92%,to{opacity:0;transform:translateY(-62px)scale(.6)}}@keyframes ht-topbins{0%,22%{opacity:1;transform:translate(0)scale(1)}46%,82%{opacity:1;transform:translate(30px,-77px)scale(.55)}90%,to{opacity:0;transform:translate(30px,-77px)scale(.55)}}@keyframes ht-pitch{0%,10%{opacity:1;transform:translate(0)scale(1)}44%{opacity:1;transform:translateY(46px)scale(2.2)}48%,to{opacity:0;transform:translateY(46px)scale(2.2)}}@keyframes ht-letgo{0%,40%{opacity:1;transform:scale(1)}46%{opacity:0;transform:scale(1.4)}to{opacity:0}}@keyframes ht-pull{0%,12%{opacity:1;transform:translate(0)scale(1)}46%,60%{opacity:1;transform:translate(-66px,-68px)scale(.55)}66%,to{opacity:0;transform:translate(-66px,-68px)scale(.55)}}@keyframes ht-oppo{0%,48%{opacity:1;transform:translate(0)scale(1)}82%,92%{opacity:1;transform:translate(66px,-68px)scale(.55)}96%,to{opacity:0;transform:translate(66px,-68px)scale(.55)}}@keyframes ht-under{0%,20%{transform:translateY(14px)}40%,to{transform:translateY(0)}}@keyframes ht-carry{0%,44%{opacity:1;transform:translate(0)scale(1)}84%,92%{opacity:1;transform:translate(10px,-56px)scale(.45)}96%,to{opacity:0;transform:translate(10px,-56px)scale(.45)}}@keyframes ht-moon{0%,16%{opacity:1;transform:translate(0)scale(1)}52%,64%{opacity:1;transform:translateY(-96px)scale(.5)}70%,to{opacity:0;transform:translateY(-96px)scale(.5)}}@keyframes ht-setdrop{0%{opacity:1;transform:translateY(-42px)}36%{opacity:1;transform:translate(0)}38%,to{opacity:0;transform:translate(0)}}@keyframes ht-smash{0%,37%{opacity:0;transform:translate(0)}38%{opacity:1;transform:translate(0)}52%{opacity:1;transform:translate(86px,70px)}58%,to{opacity:0;transform:translate(86px,70px)}}@keyframes ht-flick-late{0%,14%{opacity:0;transform:translate(0)}18%,28%{opacity:1;transform:translate(0)}36%{opacity:1;transform:translate(4px,-32px)}42%,to{opacity:0;transform:translate(4px,-32px)}}@keyframes ht-setdrop-quick{0%{opacity:1;transform:translateY(-42px)}17%{opacity:1;transform:translate(0)}19%,to{opacity:0;transform:translate(0)}}@keyframes ht-push{0%,2%{opacity:0;transform:translate(0)}4%{opacity:1;transform:translate(0)}18%{opacity:1;transform:translate(2px,-26px)}24%,to{opacity:0;transform:translate(2px,-26px)}}@keyframes ht-lob{0%,17%{opacity:0;transform:translate(0)}18%{opacity:1;transform:translate(0)}26%{transform:translate(24px,-14px)}34%{transform:translate(48px,-16px)}42%{transform:translate(70px,-2px)}50%{opacity:1;transform:translate(88px,34px)}54%{opacity:1;transform:translate(98px,68px)}60%,to{opacity:0;transform:translate(98px,68px)}}@keyframes ht-seam{0%,20%{opacity:1;transform:translate(0)}52%{opacity:1;transform:translate(-50px,-42px)}60%,to{opacity:0;transform:translate(-50px,-42px)}}@keyframes ht-tool{0%,18%{opacity:1;transform:translate(0)}34%{opacity:1;transform:translate(18px,-14px)}52%{opacity:1;transform:translate(62px,-30px)}60%,to{opacity:0;transform:translate(70px,-32px)}}@keyframes ht-pulldown{0%{opacity:0;transform:translateY(0)}6%,10%{opacity:1;transform:translateY(0)}40%{opacity:1;transform:translateY(30px)}46%,to{opacity:0;transform:translateY(30px)}}@keyframes ht-stoneup{0%,46%{transform:translate(0)scale(1)}88%,to{transform:translateY(-70px)scale(.5)}}@keyframes ht-taptap{0%,to{opacity:0}5%,10%,25%,30%,45%,50%,65%,70%,85%,90%{opacity:1}15%,35%,55%,75%,95%{opacity:0}}@keyframes ht-broom{0%,to{transform:translate(-4px)}50%{transform:translate(4px)}}@keyframes ht-knock{0%,20%{transform:translate(0)}45%,to{transform:translateY(-36px)}}@keyframes ht-knocked{0%,45%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translateY(-60px)}80%,to{opacity:0;transform:translateY(-72px)}}@media (prefers-reduced-motion:reduce){.howto-slide.on .ht [class^=a-],.howto-slide.on .ht [class*=\ a-]{animation:none}.stage .overlay .howto-slide{transition:none}}.stage{inset:env(safe-area-inset-top,0px) 0 0 0;background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.stage.phone-size{max-width:440px;max-height:956px;margin:auto}@media (width>=441px) and (height>=600px),(height>=957px){.stage.phone-size{border:1px solid var(--glass-edge);border-radius:28px;box-shadow:0 30px 80px -30px #0009}}.stage.phone-size.full{max-width:none;max-height:none;box-shadow:none;border:0;border-radius:0}.stage .brand{left:var(--brand-x,24px);top:var(--brand-y,16px);line-height:0;text-decoration:none;transition:opacity .15s;display:block;position:absolute}.stage .brand .tm{font-size:calc(var(--brand-h,18px) * .45);color:#ffffffb8;margin-left:2px;font-weight:600;line-height:1;position:absolute;top:0;left:100%}.stage .brand:hover{opacity:.85}.stage .brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}:root[data-theme] .stage .brand .logo{height:var(--brand-h,18px);color:#fff;--lg-s:var(--lg-s-d);--lg-f:var(--lg-f-d);width:auto;display:block}.stage .back{--d:var(--close-d,24px);left:var(--close-x,calc(100% - 48px));top:var(--close-y,14px);width:var(--d);height:var(--d);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;place-items:center;transition:background-color .15s,border-color .15s;display:grid;position:absolute}.stage .back:after{content:"";position:absolute;inset:-9px}.stage .back:hover{background:#ffffff2e;border-color:#ffffff57}.stage .back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage .back svg{width:calc(var(--d) * .5);height:calc(var(--d) * .5)}.stage .overlay{z-index:1;padding:16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);pointer-events:none;place-items:end center;display:grid;position:absolute;inset:0}.stage .overlay.hidden{display:none}.stage .overlay.top{place-items:start center;padding-top:56px}.stage .overlay .card{pointer-events:auto;text-align:center;background:color-mix(in srgb, var(--bg) 92%, transparent);width:min(100%,420px);text-shadow:0 1px 3px color-mix(in srgb, var(--bg) 85%, transparent);gap:12px;padding:22px 20px;display:grid}.stage .overlay .card .muted{color:var(--text);font-size:19px;font-weight:600}.stage .overlay .card .tiny{color:var(--text-2);font-size:16px;line-height:1.4}.stage .overlay .card .btn{min-height:56px;text-shadow:none;font-size:19px;font-weight:700}.stage .overlay .card .link{color:var(--accent)}.stage .overlay .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);font-size:15px;font-weight:700}.stage .overlay .card-head{text-wrap:balance;place-items:center;min-height:40px;padding-inline:40px;display:grid;position:relative}.stage .overlay .card-back{cursor:pointer;width:40px;height:40px;color:var(--text);border:1px solid var(--glass-edge);background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.stage .overlay .card-back:hover{background:color-mix(in srgb, var(--text) 14%, transparent)}.stage .overlay .big{text-shadow:none;font-size:64px;line-height:1}.stage .overlay .taunt{letter-spacing:-.01em;font-size:20px;font-weight:600}.stage .overlay .chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.stage .overlay .chip{font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;background:color-mix(in srgb, var(--text) 12%, var(--bg));border:1px solid var(--glass-edge);border-radius:999px;padding:6px 12px;font-size:16px;font-weight:600}.stage .overlay .big-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin-top:-8px;font-size:13px;font-weight:700}.stage .overlay .standing b{font-weight:800}.stage .overlay .results-board{text-align:left;border:1px solid var(--glass-edge);background:color-mix(in srgb, var(--text) 4%, transparent);border-radius:14px;gap:2px;padding:8px 6px 4px;display:grid;container-type:inline-size}.stage .overlay .new-badge{max-width:34ch;color:var(--text-2);text-align:left;align-items:center;gap:8px;margin:6px auto 0;font-size:13px;line-height:1.35;display:flex}.stage .overlay .new-badge .badge-mark{color:#2b1d00;background:var(--gold);border-radius:999px;flex:none;place-items:center;width:22px;height:22px;display:grid}.stage .overlay .new-badge .badge-mark svg{width:14px;height:14px}.stage .overlay .new-badge b{color:var(--text)}.stage .overlay .results-board .board-head{--replay:84px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 8px 2px;display:grid}.stage .overlay .results-board .board-head.replays{grid-template-columns:minmax(0, 1fr) auto var(--replay)}.stage .overlay .results-board .eyebrow{font-size:12px}.stage .overlay .results-board .board-list li{--rank:28px;gap:8px;padding:7px 8px;font-size:16px}@container (width<=330px){.stage .overlay .results-board .board-head{--replay:62px;gap:6px}.stage .overlay .results-board .board-list li{--rank:24px;gap:6px}}@container (width<=280px){.stage .overlay .results-board .board-head{--replay:30px}}.stage .overlay .results-board .board-list li.gap{border-top:1px dotted var(--glass-edge);min-height:8px;padding:0}.stage .overlay .results-board .board-list li.gap+li{border-top:0}@media (height<=700px){.stage .overlay .results-board .board-list li:nth-child(n+4):not(.you):not(.gap){display:none}}.stage .overlay .card{scrollbar-width:thin;max-height:100%;overflow:hidden auto}.stage .overlay .row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stage .overlay .row>:only-child{grid-column:1/-1}.stage .overlay .row .btn{padding-inline:12px}.stage .overlay .row.links{grid-template-columns:minmax(0,1fr) auto}.stage .overlay .row.links .btn{white-space:nowrap;padding-inline:18px}.stage .overlay .qr-open .qr-icon{flex:none;width:20px;height:20px}.stage:has(.overlay:not(.hidden)>.results:not([hidden])) :is(.brand,.back){z-index:2}.stage .overlay .results-fade{pointer-events:none;background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg) 42%, transparent) 16%, color-mix(in srgb, var(--bg) 90%, transparent) 36%, var(--bg) 58%);position:absolute;inset:0}.stage .overlay .results{overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto;touch-action:pan-y;text-align:center;text-shadow:0 1px 3px color-mix(in srgb, var(--bg) 85%, transparent);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden auto}.stage .overlay .results-main{width:min(100%,480px);padding:calc(env(safe-area-inset-top,0px) + 64px) 20px 14px;flex:1 0 auto;align-content:end;gap:10px;margin:0 auto;display:grid}.stage .overlay .results-score{gap:10px;display:grid}.stage .overlay .results .big{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(64px,12vh,96px);font-weight:900;line-height:.95}.stage .overlay .results.fresh .card-head .eyebrow{color:#fff;text-shadow:none;background:linear-gradient(140deg,#7b4dff,#e45fa6);border-radius:999px;padding:7px 14px;box-shadow:0 8px 24px -10px #e45fa6b3}.stage .overlay .results .big.hi{background:linear-gradient(#fff 0%,#ffd36e 36%,#ff8d84 62%,#d877f0 100%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 22px #d877f059);-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .stage .overlay .results .big.hi{filter:none;background-image:linear-gradient(#6e44ff 0%,#b23fd6 55%,#e0407f 100%)}.stage .overlay .results .big-label{margin-top:-6px}.stage .overlay .results-main .results-board{background:color-mix(in srgb, var(--text) 5%, var(--bg))}.stage .overlay .card.results-side{--sheet:color-mix(in srgb, var(--text) 5%, var(--bg));pointer-events:auto;width:min(100%,480px);max-height:none;padding:12px 20px calc(env(safe-area-inset-bottom,0px) + 14px);background:var(--sheet);border-bottom:0;border-radius:24px 24px 0 0;flex:none;gap:8px;margin:0 auto;display:grid;overflow:visible}.stage .overlay .results-actions{z-index:1;padding:8px 20px calc(env(safe-area-inset-bottom,0px) + 8px);background:linear-gradient(transparent, var(--sheet) 10px);margin:0 -20px;position:sticky;bottom:0}.stage .overlay .results-nav{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;display:grid}.stage .overlay .nav-tile{appearance:none;font:700 14px/1.15 var(--font);cursor:pointer;text-shadow:none;min-height:60px;color:var(--text);border:1px solid var(--glass-edge);background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:14px;align-content:start;justify-items:center;gap:5px;padding:9px 6px;text-decoration:none;transition:background-color .15s,border-color .15s;display:grid}.stage .overlay .nav-tile:hover{background:color-mix(in srgb, var(--text) 12%, transparent)}.stage .overlay .nav-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage .overlay .nav-tile svg{width:22px;height:22px;color:var(--accent);flex:none}.stage .overlay .nav-tile.replay svg{width:18px}.stage .overlay .make-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.stage .overlay .make-tile{appearance:none;font:inherit;cursor:pointer;text-shadow:none;text-align:left;min-height:64px;color:var(--text);border:1px solid var(--glass-edge);border-radius:16px;align-items:center;gap:8px;padding:8px 10px 8px 8px;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:flex}.stage .overlay .make-tile:active{transform:scale(.98)}.stage .overlay .make-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage .overlay .make-tile:is(.fork,.build){border-color:color-mix(in srgb, var(--gold) 45%, var(--glass-edge));background:linear-gradient(160deg, color-mix(in srgb, var(--gold) 18%, var(--bg)), color-mix(in srgb, var(--gold) 5%, var(--bg)))}.stage .overlay .make-tile:is(.fork,.build):hover{border-color:color-mix(in srgb, var(--gold) 70%, transparent)}.stage .overlay .make-tile.suggest{border-color:color-mix(in srgb, var(--accent) 45%, var(--glass-edge));background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 16%, var(--bg)), color-mix(in srgb, var(--accent) 4%, var(--bg)))}.stage .overlay .make-tile.suggest:hover{border-color:color-mix(in srgb, var(--accent) 70%, transparent)}.stage .overlay .make-pic{flex:none;place-items:center;width:30px;height:38px;display:grid}.stage .overlay .make-pic .bot{filter:drop-shadow(0 3px 5px #00000059);width:30px;height:36px;animation:none}.stage .overlay .make-tile.suggest .make-pic{color:var(--accent)}.stage .overlay .make-words{flex:1;gap:2px;min-width:0;display:grid}.stage .overlay .make-words b{letter-spacing:-.01em;text-wrap:balance;font-size:15px;font-weight:800;line-height:1.2}.stage .overlay .make-words span{color:var(--text-2);overflow-wrap:anywhere;font-size:12.5px;font-weight:600;line-height:1.3}.stage .overlay .suggest-card{touch-action:manipulation}.stage .overlay .suggest-box{position:relative}.stage .overlay .suggest-input{resize:vertical;width:100%;min-height:112px;font:600 17px/1.4 var(--font);color:var(--text);caret-color:var(--accent);text-align:left;background:var(--glass);border:1px solid var(--glass-edge);-webkit-user-select:text;user-select:text;touch-action:auto;border-radius:14px;outline:none;padding:12px 14px 26px;display:block}.stage .overlay .suggest-input::placeholder{color:var(--text-3)}.stage .overlay .suggest-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.stage .overlay .suggest-count{font-variant-numeric:tabular-nums;color:var(--text-3);pointer-events:none;font-size:12px;font-weight:600;position:absolute;bottom:8px;right:12px}.stage .overlay .card .suggest-note.bad{color:var(--accent-3)}.stage .overlay .suggest-done{color:#fff;background:linear-gradient(140deg, var(--accent), var(--accent-2));width:56px;height:56px;box-shadow:0 10px 26px -12px color-mix(in srgb, var(--accent) 80%, transparent);border-radius:999px;justify-self:center;place-items:center;display:grid}.stage .overlay .promo{text-align:left;border:1px solid color-mix(in srgb, var(--gold) 40%, var(--glass-edge));background:radial-gradient(120% 90% at 100% 0%, #ff6fb524, transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--gold) 16%, var(--bg)), color-mix(in srgb, var(--gold) 3%, var(--bg)));border-radius:16px;display:grid;position:relative;overflow:hidden}.stage .overlay .promo-strip{appearance:none;width:100%;min-height:52px;color:var(--text);cursor:pointer;text-align:left;text-shadow:none;font:700 15px/1.25 var(--font);background:0 0;border:0;align-items:center;gap:10px;padding:8px 46px 8px 12px;display:flex}.stage .overlay .promo-strip:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:16px}.stage .overlay .promo-mark{flex:none;align-items:flex-start;font-size:16px;line-height:1;display:flex}.stage .overlay .promo-mark .tm{color:var(--text-2);margin:.2em 0 0 .15em;font-size:.4em;font-weight:600}.stage .overlay .promo-headline{letter-spacing:-.01em;min-width:0;color:var(--text);text-wrap:balance;flex:1;font-size:14px;font-weight:700;line-height:1.25}.stage .overlay .promo-chev{width:22px;height:22px;color:var(--text-2);flex:none;transition:transform .2s}.stage .overlay .promo.open .promo-chev{transform:rotate(90deg)}.stage .overlay .promo-body{gap:8px;padding:2px 14px 14px;display:grid}.stage .overlay .promo-body[hidden]{display:none}.stage .overlay .promo-crew{justify-content:flex-end;gap:2px;margin:-6px 0 -4px;display:flex}.stage .overlay .promo-crew .bot{filter:drop-shadow(0 4px 6px #00000059);width:24px;height:29px}@media (width<=380px){.stage .overlay .promo-crew{display:none}.stage .overlay .card .results-actions .btn{font-size:17px}}.stage .overlay .promo-line{color:var(--text-2);font-size:15px;line-height:1.4}.stage .overlay .promo-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 0;padding:0;list-style:none;display:grid}.stage .overlay .promo-packs a{text-shadow:none;color:var(--text);border:1px solid var(--glass-edge);background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:12px;justify-items:center;gap:2px;padding:8px 4px;text-decoration:none;display:grid}.stage .overlay .promo-packs a:hover{border-color:color-mix(in srgb, var(--gold) 60%, transparent)}.stage .overlay .promo-packs a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage .overlay .promo-packs b{font-size:18px;font-weight:800}.stage .overlay .promo-packs span{color:var(--text-2);white-space:nowrap;font-size:12px;font-weight:600}.stage .overlay .card .promo-cta{background:var(--gold);color:#000;margin-top:4px}.stage .overlay .promo-fine{color:var(--text-2);text-align:center;font-size:13px;line-height:1.35}.stage .overlay .promo-close{z-index:1;cursor:pointer;width:32px;height:32px;color:var(--text-2);border:1px solid var(--glass-edge);background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.stage .overlay .promo-close:hover{color:var(--text)}.stage .overlay .install{text-align:left;border:1px solid var(--glass-edge);background:color-mix(in srgb, var(--text) 5%, var(--bg));border-radius:16px;display:grid}.stage .overlay .install-strip{align-items:center;gap:10px;min-height:56px;padding:8px 6px 8px 8px;display:flex}.stage .overlay .install-icon{width:40px;height:40px;box-shadow:0 0 0 1px var(--glass-edge);border-radius:10px;flex:none}.stage .overlay .install-words{flex:1;gap:1px;min-width:0;display:grid}.stage .overlay .install-words b{letter-spacing:-.01em;color:var(--text);font-size:14px;font-weight:700;line-height:1.25}.stage .overlay .install-words span{color:var(--text-2);text-wrap:pretty;font-size:12px;line-height:1.3}.stage .overlay .card .install-add{border-radius:999px;flex:none;min-height:34px;padding:6px 16px;font-size:15px}.stage .overlay .install-close{cursor:pointer;width:30px;height:30px;color:var(--text-2);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.stage .overlay .install-close:hover{color:var(--text)}.stage .overlay .install-how{padding:0 14px 12px 58px}.stage .overlay .install-how[hidden]{display:none}.stage .overlay .install-done{color:var(--text);text-align:center;padding:14px;font-size:14px;font-weight:600}@media (height<=700px){.stage .overlay .results-main{padding-top:calc(env(safe-area-inset-top,0px) + 56px);gap:8px}.stage .overlay .results .big{font-size:clamp(56px,12vh,108px)}}@media (width>=860px) and (height>=560px){.stage:not(.phone-size) .overlay .results,.stage.phone-size.full .overlay .results{padding:calc(env(safe-area-inset-top,0px) + 64px) 24px 24px;flex-direction:row;justify-content:center;align-items:center;gap:32px}.stage:not(.phone-size) .overlay .results-main,.stage.phone-size.full .overlay .results-main{flex:0 440px;align-content:center;margin:0;padding:0}.stage:not(.phone-size) .overlay .card.results-side,.stage.phone-size.full .overlay .card.results-side{border-radius:var(--radius);border-bottom:1px solid var(--glass-edge);flex:0 440px;max-height:100%;margin:0;padding:20px;overflow-y:auto}.stage:not(.phone-size) .overlay .results-actions,.stage.phone-size.full .overlay .results-actions{background:0 0;margin:0;padding:0;position:static}}.stage .overlay .tiny b{color:var(--text);letter-spacing:.06em;font-weight:700}.stage .overlay .link{appearance:none;font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.stage .overlay .tagbox{gap:8px;margin:2px 0;display:grid}.stage .overlay .tag-input{width:100%;min-width:0;height:64px;font:800 28px var(--font);letter-spacing:.1em;text-transform:uppercase;text-align:center;font-variant-numeric:tabular-nums;color:var(--text);caret-color:var(--accent);background:var(--glass);border:1px solid var(--glass-edge);border-radius:14px;outline:none;padding:0 14px}.stage .overlay .tag-input::placeholder{color:var(--text-3);opacity:.55}.stage .overlay .tag-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.stage .overlay .tag-input:read-only{color:var(--text-2)}.stage .overlay .tag-hint{color:var(--text-2);font-size:15px;line-height:1.4}.stage .overlay .tag-roll{white-space:nowrap;touch-action:manipulation;font-size:15px}.stage .overlay .tagbox.bad .tag-input{border-color:var(--accent-3);animation:.32s cubic-bezier(.36,.07,.19,.97) stage-shake}.stage .overlay .tagbox.bad .tag-rule{color:var(--accent-3)}.stage .overlay .name-preview{text-align:left;border:1px solid var(--glass-edge);background:color-mix(in srgb, var(--text) 4%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:14px;gap:4px;padding:10px 6px 0;display:grid;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.stage .overlay .name-preview .eyebrow{padding:0 8px;font-size:12px}.stage .overlay .name-preview .board-list li{padding:8px;font-size:16px}.stage .overlay .name-preview .board-list .other{opacity:.4}.stage .overlay .name-preview .preview-name.empty{opacity:.5}@media (height<=700px){.stage .overlay .name-preview{display:none}}@keyframes stage-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.stage .overlay .dots{animation:1.2s ease-in-out infinite stage-pulse;display:inline-block}@keyframes stage-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.stage .overlay .tagbox.bad .tag-input{animation:none}}.stage.framed{background:var(--frame-bg,var(--bg))}.stage iframe.game{background:var(--frame-bg,var(--bg));border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.stage.framed:not(.placed) .brand,.stage.framed:not(.placed) .back{visibility:hidden}.stage .overlay .card .fault{text-align:left;color:var(--text-2);background:color-mix(in srgb, var(--text) 6%, var(--bg));border:1px solid var(--glass-edge);overflow-wrap:anywhere;border-radius:12px;max-height:9.5em;margin:0;padding:10px 12px;font:500 14px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.stage .ctl.celly{justify-content:center;align-items:center;gap:6px;display:inline-flex}.stage .ctl.celly .icon{flex:none;place-items:center;width:18px;height:18px;display:grid}.stage .ctl.celly .icon svg{width:18px;height:18px;display:block}.stage .ctl.celly{border-color:#c05cd68c}