.shape-page{--shape-ink:#121722;--shape-orange:#ffbd5d;--shape-orange-strong:var(--brand-orange,#f99a2e);--shape-cream:#fff8dc;--shape-line:color-mix(in srgb, var(--shape-ink) 14%, transparent);--reference-ink:var(--shape-ink);--reference-orange:var(--shape-orange);--reference-cream:var(--shape-cream);color:var(--shape-ink);font-family:var(--font-body), sans-serif;background:#fff;overflow-x:clip}.shape-scene{background:#fff;position:relative;overflow:hidden}.shape-scene__plant{pointer-events:none;width:clamp(4.5rem,9vw,8rem);height:auto;position:absolute;top:0;left:0}.shape-scene__inner{padding-block:.75rem clamp(1.5rem,3vw,2.5rem);position:relative}.shape-scene__nav{justify-content:flex-end;display:flex}.shape-scene__nav a{min-height:2.75rem;color:var(--shape-ink);letter-spacing:.035em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.67rem;font-weight:750;display:inline-flex}.shape-scene__nav svg{width:.9rem;height:.9rem}.shape-scene__title{color:var(--shape-ink);letter-spacing:-.04em;text-align:center;text-transform:uppercase;margin-top:.25rem;font-size:clamp(2rem,4.4vw,3.6rem);font-weight:700;line-height:.98}.shape-game{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);margin-top:clamp(.5rem,1.5vw,1rem);display:grid}.shape-desk{justify-self:center;width:min(100%,34rem);position:relative}.shape-desk__photo{-webkit-user-select:none;user-select:none;border-radius:.35rem;width:100%;height:auto;display:block}.shape-desk__page{width:73%;height:52%;color:var(--shape-ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:36%;left:14.5%}.shape-desk__page:disabled{cursor:default}.shape-desk__page:focus-visible{outline:3px solid var(--shape-ink);outline-offset:.35rem}.shape-desk__page:not(:disabled):hover .shape-desk__shape{transform:rotate(-3deg)scale(1.03)}.shape-desk__hint{letter-spacing:.06em;text-transform:uppercase;justify-items:center;gap:.7rem;font-size:clamp(.62rem,1.1vw,.72rem);font-weight:750;display:grid}.shape-desk__tap{background:var(--shape-orange);border-radius:50%;place-items:center;width:clamp(3rem,6vw,4rem);height:clamp(3rem,6vw,4rem);animation:1.8s ease-in-out infinite shape-pulse;display:grid}.shape-desk__tap svg{width:45%;height:45%}.shape-desk__shape{width:70%;height:auto;transition:transform .22s;animation:.52s cubic-bezier(.2,.9,.3,1.3) both shape-reveal}.shape-desk__swap{color:color-mix(in srgb, var(--shape-ink) 66%, transparent);justify-content:center;align-items:center;gap:.4rem;margin-top:.6rem;font-size:.75rem;display:flex}.shape-desk__swap svg{width:.9rem;height:.9rem}.shape-panel{gap:1.1rem;padding-top:clamp(1rem,6vw,5.5rem);display:grid}.shape-panel__step{color:color-mix(in srgb, var(--shape-ink) 70%, transparent);padding-left:2.6rem;font-size:clamp(.95rem,1.35vw,1.12rem);line-height:1.5;transition:color .2s;position:relative}.shape-panel__step>span{border:1px solid color-mix(in srgb, var(--shape-ink) 22%, transparent);width:1.75rem;height:1.75rem;color:var(--shape-ink);background:#fff;border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;transition:background .2s,color .2s;display:grid;position:absolute;top:.05rem;left:0}.shape-panel__step strong{font-weight:700}.shape-panel__step.is-current{color:var(--shape-ink)}.shape-panel__step.is-current>span{border-color:var(--shape-ink);background:var(--shape-orange)}.shape-panel__step.is-done>span{border-color:var(--shape-ink);background:var(--shape-ink);color:#fff}.shape-panel__timer-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,3vw,2.5rem);display:grid}.shape-hourglass{justify-items:center;gap:.15rem;display:grid;position:relative}.shape-hourglass__callout{z-index:2;background:var(--shape-ink);color:#fff;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:999px;padding:.35rem .7rem;font-size:.68rem;font-weight:750;animation:1.4s ease-in-out infinite shape-bob;position:absolute;top:-.6rem;right:-.4rem}.shape-hourglass__callout:after{background:inherit;content:"";width:.7rem;height:.7rem;position:absolute;bottom:-.3rem;left:1.1rem;transform:rotate(45deg)}.shape-hourglass__halo{background:radial-gradient(closest-side, color-mix(in srgb, var(--shape-orange) 70%, transparent), transparent);opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;inset:8% -6% 10%}.shape-hourglass__button.is-ready .shape-hourglass__halo{opacity:1;animation:1.6s ease-in-out infinite shape-halo}.shape-hourglass__action{margin-top:.5rem}.shape-hourglass__button{cursor:pointer;background:0 0;border:0;border-radius:1rem;width:clamp(7.5rem,11vw,9.5rem);padding:0 0 .6rem;position:relative}.shape-hourglass__button:disabled{cursor:default}.shape-hourglass__button:focus-visible{outline:3px solid var(--shape-ink);outline-offset:.35rem}.shape-hourglass__body{z-index:1;transform-origin:50%;display:block;position:relative}.shape-hourglass__button.is-idle .shape-hourglass__body{opacity:.55;filter:saturate(.6)}.shape-hourglass__button.is-ready .shape-hourglass__body{animation:2.6s ease-in-out infinite shape-wiggle}.shape-hourglass__button.is-ready:hover .shape-hourglass__body{transition:transform .2s;animation:none;transform:rotate(-10deg)}.shape-hourglass__button.is-flipping .shape-hourglass__body{animation:.9s cubic-bezier(.6,0,.25,1) both shape-flip}.shape-hourglass__shadow{background:radial-gradient(closest-side,#12172247,#0000);border-radius:50%;height:.9rem;position:absolute;bottom:.15rem;left:8%;right:8%}.shape-hourglass__svg{filter:drop-shadow(.15rem .3rem .35rem #1217222e);width:100%;height:auto;display:block}.shape-hourglass__glass{fill:none;stroke:#46697d8c;stroke-width:2.5px}.shape-hourglass__shine{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:4px;opacity:.85}.shape-hourglass__stream{stroke:#e98a2c;stroke-dasharray:3 3;stroke-width:2.5px;animation:.35s linear infinite shape-stream}.shape-hourglass__time{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(2rem,3.4vw,2.75rem);font-weight:700;line-height:1}.shape-hourglass__hint{letter-spacing:.06em;text-align:center;text-transform:uppercase;font-size:.62rem;font-weight:750}.shape-score{background:var(--shape-cream);border-radius:.35rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem 1.25rem;margin-top:.5rem;padding:1.1rem 1.25rem;display:grid}.shape-score.is-finished{background:var(--shape-orange);animation:.52s cubic-bezier(.2,.9,.3,1.3) both shape-reveal}.shape-score__title{letter-spacing:-.03em;font-size:1.05rem;font-weight:700}.shape-score__text{margin-top:.15rem;font-size:.82rem;line-height:1.45}.shape-score__actions{flex-wrap:wrap;grid-column:1/-1;gap:.6rem;display:flex}.shape-counter{align-items:center;gap:.6rem;display:flex}.shape-counter button{border:1px solid color-mix(in srgb, var(--shape-ink) 22%, transparent);width:2.75rem;height:2.75rem;color:var(--shape-ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;transition:transform .16s,background .16s,color .16s;display:grid}.shape-counter button:not(:disabled):hover{background:var(--shape-ink);color:#fff;transform:scale(1.06)}.shape-counter button:disabled{cursor:default;opacity:.35}.shape-counter svg{width:1.1rem;height:1.1rem}.shape-counter output{font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-align:center;min-width:2.5ch;font-size:2.25rem;font-weight:700;line-height:1}.shape-score__actions{align-items:center}.shape-score__actions .reference-button{min-height:2.75rem}.shape-score__reset{min-height:2.75rem;color:var(--shape-ink);cursor:pointer;font-family:var(--font-body), sans-serif;letter-spacing:.04em;text-underline-offset:.25rem;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;font-size:.67rem;font-weight:750;text-decoration:underline;display:inline-flex}.shape-score__reset svg{width:.8rem;height:.8rem}.shape-score__reset:disabled{cursor:default;opacity:.4}.shape-score__reset:focus-visible{outline:2px solid var(--shape-ink);outline-offset:.2rem}.shape-page .reference-button:disabled{cursor:default;opacity:.45;box-shadow:none;transform:none}@keyframes shape-reveal{0%{opacity:0;transform:scale(.6)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes shape-pulse{50%{transform:scale(1.08)}}@keyframes shape-wiggle{0%,70%,to{transform:rotate(0)}78%{transform:rotate(-8deg)}86%{transform:rotate(6deg)}93%{transform:rotate(-3deg)}}@keyframes shape-flip{0%{transform:translateY(0)rotate(0)}35%{transform:translateY(-14%)rotate(40deg)}75%{transform:translateY(-10%)rotate(195deg)}to{transform:translateY(0)rotate(180deg)}}@keyframes shape-bob{50%{transform:translateY(-.3rem)}}@keyframes shape-halo{50%{opacity:.55;transform:scale(1.12)}}@keyframes shape-stream{to{stroke-dashoffset:-6px}}@media (prefers-reduced-motion:reduce){.shape-desk__tap,.shape-desk__shape,.shape-hourglass__body,.shape-hourglass__stream,.shape-hourglass__callout,.shape-hourglass__halo,.shape-score.is-finished{transition:none;animation:none!important}}@media (max-width:53.99rem){.shape-game{grid-template-columns:minmax(0,1fr)}.shape-desk{width:min(100%,28rem)}.shape-panel{padding-top:0}.shape-scene__nav{justify-content:flex-start;padding-left:clamp(3.5rem,14vw,5rem)}}@media (max-width:30rem){.shape-panel__timer-row{grid-template-columns:minmax(0,1fr) 7rem;gap:.75rem}.shape-hourglass__button{width:6.5rem}.shape-panel__step{font-size:.92rem}.shape-score{grid-template-columns:minmax(0,1fr)}}