.wdcard--shade{--tint:var(--tint-shade)}.wdcard--circle{--tint:var(--tint-circle)}.wdcard--count{--tint:var(--tint-count)}.wdcard__shade{background:radial-gradient(90% 55% at 100% 0%, color-mix(in srgb, var(--tint) 14%, transparent), transparent 62%), radial-gradient(70% 50% at 70% 72%, color-mix(in srgb, var(--tint) 9%, transparent), transparent 70%)}.wdcard__window{top:calc(var(--premise-b,46%) + 18px);height:max(0px, calc(var(--foot-t,70%) - var(--premise-b,46%) - 36px));aspect-ratio:1;z-index:-1;opacity:.92;background:#1414168c;border-radius:22px;max-height:56cqw;margin-inline:auto;animation:.7s .2s both fade-in;position:absolute;left:0;right:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ece9e20f,0 24px 50px -30px #000000e6}.wdcard__window .demo-canvas{width:80%;height:80%;position:absolute;inset:10%}.wdcard__window:after{content:"";pointer-events:none;background:radial-gradient(80% 80%,#0000 55%,#1414168c);position:absolute;inset:0}.dstage[data-leaving=true] .wdcard__window{opacity:0;transition:opacity .2s}.wnotch{align-self:flex-start}.wnotch .notch__thumb{left:calc(3px + var(--on,0) * (100% - 6px) / 2);width:calc(50% - 3px);transition:left .22s var(--ease-out)}.wnotch .notch__opt{flex:1;min-width:108px}.wstage{--S:min(94vw, calc(100dvh - 190px), 760px);padding:calc(max(10px, env(safe-area-inset-top)) + 54px) 16px max(64px, calc(env(safe-area-inset-bottom) + 48px));flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.wtime{flex-direction:column;align-items:stretch;gap:5px;width:min(46vw,260px);display:flex}.wtime__track{background:#ece9e238;border-radius:3px;height:3px;position:relative;overflow:hidden}.wtime__fill{background:var(--ink);transform-origin:0;border-radius:3px;position:absolute;inset:0}.wtime__penalty{background:var(--ink);animation:penalty .52s var(--ease-out) forwards;position:absolute;inset:-3px 0}@keyframes penalty{0%{opacity:.9}to{opacity:0}}.wtime__race{flex-direction:column;gap:3px;display:flex}.wtime__tally{transform-origin:0;height:2px;transition:transform .26s var(--ease-out);border-radius:2px;transform:scaleX(0)}.wtime__tally--you{background:var(--you)}.wtime__tally--ghost{background:var(--ghost)}.wverdict{text-align:center;text-wrap:pretty;opacity:0;max-width:30ch;transition:opacity .32s ease-out, transform .42s var(--ease-out);margin:0;font-size:clamp(18px,4.6vw,24px);line-height:1.25;transform:translateY(8px)}.wverdict[data-on=true]{opacity:1;transform:none}.wskip{left:0;right:0;bottom:max(22px, env(safe-area-inset-bottom));text-align:center;color:var(--ink-3);letter-spacing:0;pointer-events:none;margin:0;font-size:12px;animation:.5s .6s both fade-in;position:absolute}.wshade__board{width:var(--S);height:var(--S);transition:width .52s var(--ease-out), height .52s var(--ease-out);flex:none;position:relative}.wshade__grid{grid-template-columns:repeat(var(--grid), 1fr);gap:calc(var(--S) * .016);width:100%;height:100%;animation:grid-in .17s var(--ease-out);display:grid}@keyframes grid-in{0%{opacity:.55;transform:scale(.975)}}.wtile{border-radius:calc(var(--S) / var(--grid) * .12);cursor:pointer;width:100%;height:100%;transition:transform 90ms var(--ease-out), opacity .3s, box-shadow .3s;border:0;padding:0;display:block;box-shadow:inset 0 1px #ffffff0d}.wtile:active{transform:scale(.95)}.wtile:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.wtile[data-miss=true]{animation:tile-miss .36s var(--ease-out)}@keyframes tile-miss{0%{filter:brightness(.55)}20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}.wshade__grid[data-over=true] .wtile{opacity:.22;cursor:default}.wshade__grid[data-over=true] .wtile[data-odd=true]{opacity:1;box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--ink);animation:odd-ring .9s var(--ease-out) both;z-index:1;position:relative}@keyframes odd-ring{0%{transform:scale(.9)}45%{transform:scale(1.1)}to{transform:scale(1)}}.wshade__found{z-index:2;border-radius:calc(var(--S) / var(--grid) * .12);pointer-events:none;box-shadow:0 0 0 2px var(--ink);animation:found .26s var(--ease-out) forwards;position:absolute}@keyframes found{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}.wshade__count{font-size:calc(var(--S) * .34);letter-spacing:-.06em;color:var(--ink);text-shadow:0 6px 40px #00000059;pointer-events:none;animation:count-pop .56s var(--ease-out) both;place-items:center;line-height:1;display:grid;position:absolute;inset:0}@keyframes count-pop{0%{opacity:0;transform:scale(1.18)}30%{opacity:1;transform:scale(1)}to{opacity:.85}}.wshade[data-phase=reveal]{--S:min(70vw, 40dvh, 440px)}.wpair{grid-template-columns:1fr 1fr;animation:.36s both fade-in;display:grid;position:absolute;inset:0}.wpair__half{transition:transform .6s var(--ease-out);border-radius:22px 0 0 22px}.wpair__half--odd{border-radius:0 22px 22px 0}.wpair[data-empty=true] .wpair__half{opacity:.4;border-radius:22px;grid-column:1/-1}.wshade:is([data-step=count],[data-step=land]) .wpair__half{transform:translate(-7px)}.wshade:is([data-step=count],[data-step=land]) .wpair__half--odd{transform:translate(7px)}.wshade__out{flex-direction:column;align-items:center;gap:10px;animation:.4s .2s both fade-in;display:flex}.wshade__levels{letter-spacing:-.06em;align-items:baseline;gap:10px;margin:0;font-size:clamp(72px,20vw,128px);line-height:.9;display:flex}.wshade__unit{letter-spacing:0;color:var(--ink-3);font-size:.2em}.wshade[data-step=land] .wshade__levels>.mono:first-child{animation:land-pop .42s var(--ease-out)}@keyframes land-pop{40%{transform:scale(1.06)}}.wshade__cap{color:var(--ink-3);letter-spacing:0;margin:0;font-size:12px}@media (min-aspect-ratio:6/5){.wstage[data-phase=reveal].wshade{--S:min(40vw, 62dvh, 520px);flex-direction:row;gap:clamp(40px,7vw,96px)}.wshade[data-phase=reveal] .wshade__out{align-items:flex-start}.wshade[data-phase=reveal] .wverdict{text-align:left}}.wresults-shell{z-index:20;overscroll-behavior:contain;background:var(--bg);padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));position:fixed;inset:0;overflow-y:auto}.wstrips{flex-direction:column;gap:16px;display:flex}.wstrips__label,.wstrips__empty{color:var(--ink-3);letter-spacing:0;margin:0;font-size:12px}.wresults__sub{color:var(--ink-2);letter-spacing:0;opacity:0;margin:-4px 0 0;font-size:13px;transition:opacity .32s}.wresults__sub[data-visible=true]{opacity:1}.wresults__caption{color:var(--ink-2)}.wchips{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.wchip{background:var(--raised);opacity:0;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:5px 5px 6px;transition:opacity .22s ease-out,transform .38s cubic-bezier(.34,1.4,.64,1);display:flex;transform:translateY(14px)scale(.9)}.wchip[data-in=true]{opacity:1;transform:none}.wchip__swatch{aspect-ratio:1;background:linear-gradient(90deg, var(--a) 50%, var(--b) 50%);border-radius:7px;width:100%}.wchip__lvl,.wchip__ms{letter-spacing:0;font-size:10px;line-height:1.1}.wchip__ms{color:var(--ink-3)}.wchip[data-miss=true] .wchip__ms:after{content:" ×";color:var(--ink-2)}.wthumb{gap:4px;padding:8% 6% 10%}.wthumb__svg{aspect-ratio:1;width:100%;overflow:visible}.wthumb__ideal{fill:none;stroke:#ece9e2bf;stroke-width:8px;stroke-linejoin:round}.wthumb__ghost{fill:none;stroke:var(--ghost);stroke-width:12px;stroke-dasharray:30 30;stroke-linecap:round;stroke-linejoin:round}.wthumb__you{fill:none;stroke:var(--you);stroke-width:26px;stroke-linecap:round;stroke-linejoin:round}.wthumb__name{color:var(--ink-3);letter-spacing:0;white-space:nowrap;font-size:clamp(9px,2.2vw,11px)}.wthumb .diptych__score{margin-top:0}.wcstrips{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wcstrip{background:var(--raised);opacity:0;border-radius:14px;grid-template-columns:22px 54px 1fr auto 44px;align-items:center;gap:10px;min-height:46px;padding:0 14px;transition:opacity .24s ease-out,transform .46s cubic-bezier(.34,1.4,.64,1);display:grid;transform:translateY(14px)}.wcstrip[data-in=true]{opacity:1;transform:none}.wcstrip__idx,.wcstrip__kind{color:var(--ink-3);letter-spacing:0;font-size:11px}.wcstrip__line{height:16px;position:relative}.wcstrip__line:before{content:"";background:var(--line);height:1px;position:absolute;top:50%;left:0;right:0}.wcstrip__gap{background:var(--you);opacity:.5;height:2px;position:absolute;top:calc(50% - 1px)}.wcstrip__truth,.wcstrip__you,.wcstrip__ghost{border-radius:999px;position:absolute;top:50%;transform:translate(-50%,-50%)}.wcstrip__truth{background:var(--ink);width:10px;height:10px}.wcstrip__you{background:var(--you);width:8px;height:8px}.wcstrip__ghost{width:9px;height:9px;box-shadow:0 0 0 1.5px var(--ghost) inset}.wcstrip__vals{letter-spacing:0;white-space:nowrap;font-size:12px}.wcstrip__yv{color:var(--you)}.wcstrip__tv{color:var(--ink-3)}.wcstrip__pts{text-align:right;font-size:15px}@media (max-width:420px){.wcstrip{grid-template-columns:18px 44px 1fr auto 36px;gap:7px;padding:0 10px}.wcstrip__vals{font-size:11px}.wcstrip__pts{font-size:13px}}@media (min-width:900px){.wresults .wstrips{grid-area:dip}.wchips{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}@media (prefers-reduced-motion:reduce){.wshade__grid,.wshade__found,.wshade__count,.wtile[data-miss=true]{animation:none}.wpair__half{transition:none}}.wcircle{--S:min(94vw, calc(100dvh - 330px), 760px);grid-template-columns:var(--S);grid-template-rows:auto var(--S) minmax(150px, auto);grid-template-areas:"prompt""pad""out";place-content:center;row-gap:14px;display:grid}.wcircle__prompt{text-align:center;letter-spacing:-.02em;color:var(--ink);animation:caption-in .42s var(--ease-out) both;grid-area:prompt;margin:0;font-size:clamp(22px,6vw,30px)}.wcircle__pad{background:#ece9e206;border-radius:28px;grid-area:pad;position:relative;box-shadow:inset 0 0 0 1px #ece9e20d}.wcircle__canvas{touch-action:none;cursor:crosshair;border-radius:28px;width:100%;height:100%;display:block}.wcircle[data-step=draw] .wcircle__pad:hover{box-shadow:inset 0 0 0 1px #ece9e217}.wcircle__out{flex-direction:column;grid-area:out;align-items:center;gap:8px;padding-top:4px;display:flex}.wscore{letter-spacing:-.05em;opacity:0;align-items:baseline;gap:6px;margin:0;font-size:clamp(56px,16vw,96px);line-height:.95;transition:opacity .2s;display:flex}.wscore[data-on=true]{opacity:1}.wscore[data-land=true]>.mono:first-child{animation:land-pop .42s var(--ease-out);display:inline-block}.wscore__unit{color:var(--ink-3);letter-spacing:0;font-size:.34em}.wscore__ghost{letter-spacing:0;color:var(--ghost);align-self:center;margin-left:14px;font-size:13px}@media (min-aspect-ratio:6/5){.wcircle{--S:min(calc(100vw - 460px), calc(100dvh - 120px), 760px);grid-template-columns:var(--S) 340px;grid-template-rows:1fr auto auto 1fr;grid-template-areas:"pad.""pad prompt""pad out""pad.";gap:18px 56px;height:100dvh}.wcircle__prompt,.wcircle__out{text-align:left;align-items:flex-start}.wcircle__out{min-height:220px}.wcircle .wverdict{text-align:left}.wcircle__pad{height:var(--S);align-self:center}}.wcount{--S:min(94vw, calc(100dvh - 430px), 760px);grid-template-columns:var(--S);grid-template-rows:auto var(--S) minmax(236px, auto);grid-template-areas:"prompt""pad""out";place-content:center;row-gap:14px;display:grid}.wcount__prompt{text-align:center;letter-spacing:-.02em;text-wrap:balance;min-height:1.3em;animation:caption-in .42s var(--ease-out) both;grid-area:prompt;margin:0;font-size:clamp(20px,5.4vw,28px)}.wcount[data-phase=ready] .wcount__prompt,.wcount[data-phase=show] .wcount__prompt{color:var(--ink-2)}.wcount__pad{background:#ece9e206;border-radius:28px;grid-area:pad;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ece9e20d}.wcount__canvas{width:100%;height:100%;display:block}.wcount__drain{background:var(--ink);opacity:.5;transform-origin:50%;height:1px;animation:drain var(--ms) linear forwards;position:absolute;top:14px;left:18%;right:18%}@keyframes drain{to{transform:scaleX(0)}}.wentry{padding-top:calc(var(--S) * .36);flex-wrap:wrap;place-content:center;align-items:baseline;gap:10px;margin:0;display:flex;position:absolute;inset:0}.wentry__num{font-size:calc(var(--S) * .22);letter-spacing:-.05em;line-height:1}.wentry__num[data-empty=true]{color:var(--ink-4)}.wentry__unit{font-size:calc(var(--S) * .06);color:var(--ink-3);letter-spacing:0}.wentry[data-refused=true]{animation:refuse .3s var(--ease-out)}.wcount__out{flex-direction:column;grid-area:out;align-items:center;gap:8px;display:flex}.wkeys{grid-template-rows:repeat(4,50px);grid-template-columns:repeat(3,1fr) 1.25fr;gap:7px;width:100%;max-width:420px;animation:.26s both fade-in;display:grid}.wkey{background:var(--fill-1);color:var(--ink);cursor:pointer;touch-action:manipulation;transition:transform 80ms var(--ease-out), background .16s;border:0;border-radius:14px;place-items:center;font-size:22px;display:grid}.wkey[data-kind=back],.wkey[data-kind=dot]{color:var(--ink-2)}@media (hover:hover){.wkey:hover{background:var(--fill-2)}}.wkey:active{background:var(--fill-2);transform:scale(.94)}.wkey--lock{background:var(--ink);color:#17171a;font-family:var(--font);opacity:.35;transition:opacity .2s, transform 80ms var(--ease-out);border-radius:18px;grid-area:1/4/span 4;font-size:17px}.wkey--lock[data-ready=true]{opacity:1}@media (hover:hover){.wkey--lock:hover{background:var(--ink)}}.wline{position:absolute;bottom:13%;left:9%;right:9%}.wline:before{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141416d1;border-radius:18px;position:absolute;inset:-64px -6% -52px;box-shadow:inset 0 0 0 1px #ece9e20d}.wline__track{background:#ece9e242;border-radius:2px;height:2px;position:relative}.wline__zero{color:var(--ink-3);letter-spacing:0;font-size:11px;position:absolute;top:12px;left:0;transform:translate(-50%)}.wline__gap{background:var(--you);opacity:0;transform-origin:50%;height:4px;transition:opacity .2s, transform .4s var(--ease-out);position:absolute;top:-1px;transform:scaleX(.2)}.wline__gap[data-on=true]{opacity:.55;transform:none}.wline__mark{border-radius:999px;position:absolute;top:1px;transform:translate(-50%,-50%)}.wline__mark--truth{background:var(--ink);opacity:0;width:16px;height:16px;transition:opacity .18s,transform .42s cubic-bezier(.34,1.5,.64,1);transform:translate(-50%,-160%)}.wline__mark--truth[data-on=true]{opacity:1;transform:translate(-50%,-50%)}.wline__mark--ghost{width:13px;height:13px;box-shadow:0 0 0 2px var(--ghost) inset;opacity:0;transition:opacity .3s .2s}.wline__mark--ghost[data-on=true]{opacity:1}.wline__mark--you{background:var(--you);width:12px;height:12px;animation:.38s cubic-bezier(.22,1,.36,1) forwards you-slide;left:0}@keyframes you-slide{to{left:var(--to)}}.wline__tag{white-space:nowrap;letter-spacing:0;font-size:clamp(13px,3.4vw,16px);position:absolute;left:50%;transform:translate(-50%)}.wline__tag--you{color:var(--you);top:22px}.wline__tag--truth{color:var(--ink);bottom:26px}.wline__mark--ghost .wline__tag{color:var(--ghost);font-size:12px;top:22px}.wline__what{color:var(--ink-3)}.wline__tag--you .wline__what{color:color-mix(in srgb, var(--you) 60%, transparent)}.wscore--pts .wscore__plus{color:var(--ink-3);align-self:center;font-size:.5em}@media (min-aspect-ratio:6/5){.wcount{--S:min(calc(100vw - 480px), calc(100dvh - 120px), 760px);grid-template-columns:var(--S) 360px;grid-template-rows:1fr auto auto 1fr;grid-template-areas:"pad.""pad prompt""pad out""pad.";gap:22px 56px;height:100dvh}.wcount__prompt{text-align:left}.wcount__out{align-items:flex-start;min-height:236px}.wcount .wverdict{text-align:left}.wcount__pad{height:var(--S);align-self:center}}@media (prefers-reduced-motion:reduce){.wline__mark--you{animation-duration:1ms}.wcount__drain{opacity:0;animation:none}}