.case[data-slug=touch-tiles]{--tt-red:#e2311f;--tt-blue:#2a5fe0;--tt-orange:#e8742a;--tt-court:#d5e0d4;--tt-ground:#c5d2c4;--tt-line:#fbfcfb}.brief[data-astro-cid-u226ixt4]{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin:clamp(1rem,3vh,2rem) 0 clamp(3rem,8vh,5rem);display:grid}.brief__render[data-astro-cid-u226ixt4]{margin:0}.brief__render[data-astro-cid-u226ixt4] img{filter:drop-shadow(0 30px 28px #1b1b1f38);width:100%;height:auto;display:block}.brief__line[data-astro-cid-u226ixt4]{max-width:16ch;font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.2rem,4.4vw,3.9rem);font-weight:760;font-stretch:112%;line-height:1}.scene[data-astro-cid-u226ixt4]{height:720vh;position:relative}.scene__stick[data-astro-cid-u226ixt4]{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(.8rem,2.4vh,1.6rem) clamp(2rem,5vw,5rem);height:100svh;padding:clamp(1.4rem,4vh,2.4rem) 0 clamp(1rem,3vh,1.8rem);display:grid;position:sticky;top:0}.scene__head[data-astro-cid-u226ixt4]{grid-column:1/-1;justify-content:space-between;align-items:end;gap:2rem;display:flex}.scene__head[data-astro-cid-u226ixt4] .label[data-astro-cid-u226ixt4]{margin:0 0 .5rem}.scene__flow[data-astro-cid-u226ixt4]{max-width:62ch;color:var(--sumi-soft);margin:0;font-size:.92rem;line-height:1.5}.scene__flow[data-astro-cid-u226ixt4] span[data-astro-cid-u226ixt4]{color:var(--tt-orange)}.scene__count[data-astro-cid-u226ixt4]{font-family:var(--font-display);color:var(--sumi);font-variant-numeric:tabular-nums;align-items:baseline;gap:.6rem;margin:0;font-size:clamp(3rem,7vw,5.6rem);font-weight:800;font-stretch:125%;line-height:.85;transition:color .25s;display:flex}.scene__count[data-astro-cid-u226ixt4] small[data-astro-cid-u226ixt4]{letter-spacing:.04em;text-transform:uppercase;color:var(--sumi-soft);font-size:.24em;font-weight:600}.scene__count.is-red{color:var(--tt-red)}.scene__count.is-blue{color:var(--tt-blue)}.court[data-astro-cid-u226ixt4]{grid-area:2/1;justify-content:center;min-height:0;margin:0;display:flex}.court[data-astro-cid-u226ixt4] svg[data-astro-cid-u226ixt4]{max-width:100%;height:100%;display:block;overflow:visible}.court__ground[data-astro-cid-u226ixt4]{fill:var(--tt-ground)}.court__surface[data-astro-cid-u226ixt4]{fill:var(--tt-court)}.court__lines[data-astro-cid-u226ixt4]{fill:none;stroke:var(--tt-line);stroke-width:2.4px;stroke-linecap:square}.court__net[data-astro-cid-u226ixt4] line[data-astro-cid-u226ixt4]{stroke:var(--sumi);stroke-width:2.6px}.court__net[data-astro-cid-u226ixt4] circle[data-astro-cid-u226ixt4]{fill:var(--sumi)}.court__trails path{fill:none;stroke:var(--tt-orange);stroke-width:3.2px;stroke-linecap:round}.runner[data-astro-cid-u226ixt4]{fill:var(--tt-orange);stroke:var(--paper);stroke-width:3px}.tile__body[data-astro-cid-u226ixt4]{fill:#222226;stroke:#0e0e10;stroke-width:1px}.tile__lens[data-astro-cid-u226ixt4]{fill:#4a4a52;transition:fill .12s}.tile__glow[data-astro-cid-u226ixt4]{opacity:0;transition:opacity .15s}.tile__ring[data-astro-cid-u226ixt4]{fill:none;stroke:var(--sumi);stroke-width:2px;opacity:0}.tile.is-red .tile__lens[data-astro-cid-u226ixt4]{fill:var(--tt-red)}.tile.is-blue .tile__lens[data-astro-cid-u226ixt4]{fill:var(--tt-blue)}.tile.is-red .tile__glow--red[data-astro-cid-u226ixt4],.tile.is-blue .tile__glow--blue[data-astro-cid-u226ixt4]{opacity:1}.stages[data-astro-cid-u226ixt4]{grid-area:2/2;align-items:center;min-height:0;margin:0;padding:0;list-style:none;display:grid}.stage[data-astro-cid-u226ixt4]{opacity:0;pointer-events:none;min-height:0;max-height:100%;transition:opacity .45s ease, translate .6s var(--ease-out);grid-area:1/1;translate:0 16px}.stage.is-on{opacity:1;pointer-events:auto;translate:0}.stage[data-astro-cid-u226ixt4] h3[data-astro-cid-u226ixt4]{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 clamp(1rem,2.4vh,1.6rem);font-size:clamp(1.7rem,3vw,2.7rem);font-weight:780;font-stretch:115%;line-height:.98}.stage__points[data-astro-cid-u226ixt4]{gap:1.1rem;max-width:30rem;margin:0;padding:0;list-style:none;display:grid}.stage__points[data-astro-cid-u226ixt4] li[data-astro-cid-u226ixt4]{padding-left:2rem;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.4;position:relative}.stage__points[data-astro-cid-u226ixt4] li[data-astro-cid-u226ixt4]:before{content:"";background:var(--tt-red);width:1.2rem;height:.4rem;box-shadow:0 0 10px color-mix(in srgb, var(--tt-red) 60%, transparent);border-radius:2px;position:absolute;top:.5em;left:0}.stage__points[data-astro-cid-u226ixt4] li[data-astro-cid-u226ixt4]:nth-child(2):before{background:var(--tt-blue);box-shadow:0 0 10px color-mix(in srgb, var(--tt-blue) 60%, transparent)}.stage__points[data-astro-cid-u226ixt4] li[data-astro-cid-u226ixt4]:nth-child(3):before{box-shadow:none;background:#2b2b30}.stage__points[data-astro-cid-u226ixt4] strong[data-astro-cid-u226ixt4]{font-family:var(--font-display);font-weight:760}.stage__plan[data-astro-cid-u226ixt4]{max-width:22rem;margin:0 0 1rem}.stage__plan[data-astro-cid-u226ixt4] svg[data-astro-cid-u226ixt4]{width:100%;height:auto;display:block;overflow:visible}.plan__tile[data-astro-cid-u226ixt4]{fill:#f1c5184d;stroke:var(--sumi);stroke-width:2px}.plan__dim[data-astro-cid-u226ixt4] path[data-astro-cid-u226ixt4]{fill:none;stroke:var(--sumi);stroke-width:1.4px}.plan__dim[data-astro-cid-u226ixt4] .plan__head[data-astro-cid-u226ixt4]{fill:var(--sumi);stroke:none}.stage__plan[data-astro-cid-u226ixt4] text[data-astro-cid-u226ixt4]{font-family:var(--font-display);fill:var(--sumi);text-anchor:middle;font-size:15px;font-weight:700}.plan__dim[data-astro-cid-u226ixt4] text[data-astro-cid-u226ixt4],.plan__side[data-astro-cid-u226ixt4]{paint-order:stroke;stroke:var(--paper);stroke-width:8px}.stage__pair[data-astro-cid-u226ixt4]{grid-template-columns:repeat(2,minmax(0,15rem));align-items:start;gap:clamp(1rem,2.4vw,2rem);display:grid}.stage__pair--wide[data-astro-cid-u226ixt4]{grid-template-columns:minmax(0,1fr);gap:1rem;max-width:34rem}.print[data-astro-cid-u226ixt4]{background:#fff;margin:0;padding:.5rem .5rem .6rem;box-shadow:0 20px 36px -26px #1b1b1f8c}.print[data-astro-cid-u226ixt4] img{width:100%;height:auto;display:block}.stage__pair[data-astro-cid-u226ixt4] .print[data-astro-cid-u226ixt4]:first-child{rotate:-1.6deg}.stage__pair[data-astro-cid-u226ixt4] .print[data-astro-cid-u226ixt4]:nth-child(2){margin-top:1.4rem;rotate:1.4deg}.stage__pair--wide[data-astro-cid-u226ixt4] .print[data-astro-cid-u226ixt4]:nth-child(2){margin:0 0 0 12%}.stage--forming[data-astro-cid-u226ixt4] .print[data-astro-cid-u226ixt4] img{aspect-ratio:3/4;object-fit:cover;max-height:46vh}.print[data-astro-cid-u226ixt4] figcaption[data-astro-cid-u226ixt4]{color:var(--sumi-soft);margin-top:.45rem;font-size:.85rem}.print--flat[data-astro-cid-u226ixt4]{max-width:52rem;rotate:-.6deg}.tape[data-astro-cid-u226ixt4]{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;margin:0;display:grid}.tape[data-astro-cid-u226ixt4] svg[data-astro-cid-u226ixt4]{width:100%;height:2.2rem;display:block}.tape__rule[data-astro-cid-u226ixt4]{stroke:var(--rule);stroke-width:1px;vector-effect:non-scaling-stroke}.tape__ticks line{stroke:color-mix(in srgb, var(--sumi) 28%, transparent);stroke-width:3px;vector-effect:non-scaling-stroke;transition:stroke .2s}.tape__ticks line.is-red{stroke:var(--tt-red)}.tape__ticks line.is-blue{stroke:var(--tt-blue)}.tape__head[data-astro-cid-u226ixt4]{stroke:var(--tt-orange);stroke-width:2px;vector-effect:non-scaling-stroke}.tape[data-astro-cid-u226ixt4] figcaption[data-astro-cid-u226ixt4]{color:var(--sumi-soft);max-width:22rem}.oncourt[data-astro-cid-u226ixt4]{background:#fff;margin:0;padding:.7rem;rotate:-.5deg;box-shadow:0 26px 46px -30px #1b1b1f99}.oncourt[data-astro-cid-u226ixt4] img{width:100%;height:auto;display:block}.final{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:clamp(3rem,8vh,5rem);display:grid}.app[data-astro-cid-u226ixt4]{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:clamp(2rem,6vw,6rem);margin-top:clamp(4rem,10vh,7rem);display:grid}.app__screen[data-astro-cid-u226ixt4]{justify-self:end;width:min(100%,17rem);margin:0}.app__screen[data-astro-cid-u226ixt4] img{border-radius:2rem;width:100%;height:auto;display:block;box-shadow:0 0 0 .5rem #1b1b1f,0 34px 50px -26px #1b1b1f99}.app__screen[data-astro-cid-u226ixt4] figcaption[data-astro-cid-u226ixt4]{text-align:center;color:var(--sumi-soft);margin-top:1.6rem}.toy[data-astro-cid-u226ixt4]{max-width:25rem}.plus[data-astro-cid-u226ixt4]{font-family:var(--font-text);font-weight:700}.toy__court[data-astro-cid-u226ixt4]{position:relative}.toy__court[data-astro-cid-u226ixt4] svg[data-astro-cid-u226ixt4]{width:100%;height:auto;display:block}.toy__tile[data-astro-cid-u226ixt4]{aspect-ratio:3.5;cursor:default;background:#222226;border:1px solid #0e0e10;border-radius:4px;width:16%;padding:0;transition:box-shadow .12s,scale .12s;position:absolute;translate:-50% -50%;box-shadow:inset 0 0 0 4px #222226,inset 0 0 0 12px #4a4a52}.toy__tile[data-astro-cid-u226ixt4]:focus-visible{outline:2px solid var(--tt-orange);outline-offset:3px}.toy__tile.is-red{cursor:pointer;box-shadow:inset 0 0 0 4px #222226, inset 0 0 0 12px var(--tt-red), 0 0 26px 8px color-mix(in srgb, var(--tt-red) 50%, transparent)}.toy__tile.is-blue{cursor:pointer;box-shadow:inset 0 0 0 4px #222226, inset 0 0 0 12px var(--tt-blue), 0 0 26px 8px color-mix(in srgb, var(--tt-blue) 50%, transparent)}.toy__tile[data-astro-cid-u226ixt4]:active{scale:.94}.toy__controls[data-astro-cid-u226ixt4]{flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:1.4rem;display:flex}.toy__start[data-astro-cid-u226ixt4]{background:var(--sumi);color:var(--paper);font-family:var(--font-display);cursor:pointer;border:0;border-radius:999px;padding:.85rem 1.6rem;font-size:1.05rem;font-weight:700;font-stretch:112%;transition:background .2s}.toy__start[data-astro-cid-u226ixt4]:hover{background:var(--tt-orange);color:var(--sumi)}.toy__start[data-astro-cid-u226ixt4]:focus-visible{outline:2px solid var(--tt-orange);outline-offset:3px}.toy__status[data-astro-cid-u226ixt4]{color:var(--sumi-soft);flex:12rem;margin:0}@media (width<=820px),(prefers-reduced-motion:reduce){.scene[data-astro-cid-u226ixt4]{height:auto;margin:clamp(3rem,8vh,5rem) 0}.scene__stick[data-astro-cid-u226ixt4]{flex-direction:column;gap:2rem;height:auto;display:flex;position:static}.scene__count[data-astro-cid-u226ixt4],.tape__head[data-astro-cid-u226ixt4]{display:none}.court[data-astro-cid-u226ixt4] svg[data-astro-cid-u226ixt4]{width:min(100%,22rem);height:auto}.stages[data-astro-cid-u226ixt4]{gap:3.4rem}.stage[data-astro-cid-u226ixt4],.stage[data-astro-cid-u226ixt4]:not(.is-on){opacity:1;pointer-events:auto;grid-area:auto;translate:none}.stage--forming[data-astro-cid-u226ixt4] .print[data-astro-cid-u226ixt4] img{max-height:none}.tape[data-astro-cid-u226ixt4]{order:2}}@media (width<=820px){.brief[data-astro-cid-u226ixt4],.app[data-astro-cid-u226ixt4]{grid-template-columns:1fr}.brief__text[data-astro-cid-u226ixt4]{order:-1}.court[data-astro-cid-u226ixt4]{order:1}.stages[data-astro-cid-u226ixt4]{order:3}.tape[data-astro-cid-u226ixt4]{grid-template-columns:1fr;gap:.4rem}.final>*{grid-area:auto/1/auto/-1!important;margin-left:0!important}.final{row-gap:1.6rem}.final>#bag{justify-self:center;width:78%}.app__screen[data-astro-cid-u226ixt4]{justify-self:center;width:min(70%,15rem)}.toy[data-astro-cid-u226ixt4]{max-width:none}.stage__pair[data-astro-cid-u226ixt4] .print[data-astro-cid-u226ixt4]:nth-child(2){margin-top:0}}