@layer components{.wr-phone{background:var(--color-dialog);min-height:0;color:var(--color-ink);font-family:var(--font-chrome);flex:1;grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch;gap:clamp(12px,2cqh,20px);padding:clamp(12px,3cqh,24px) clamp(12px,4%,28px) clamp(16px,3cqh,28px);display:grid;overflow:hidden}.wr-screen{background:color-mix(in srgb, var(--color-sky-800) 78%, var(--color-ink));color:var(--color-cloud);box-shadow:var(--xp-groove);border-radius:var(--radius-chrome);overscroll-behavior:contain;align-content:start;gap:10px;min-height:11rem;padding:clamp(12px,2.5cqh,20px) clamp(12px,3%,22px);display:grid;overflow-y:auto}.wr-line{font-size:var(--text-label);color:color-mix(in srgb, var(--color-cloud) 62%, transparent);justify-content:space-between;align-items:baseline;gap:12px;margin:0;display:flex}.wr-line-number{font-family:var(--font-mono);letter-spacing:.04em;color:color-mix(in srgb, var(--color-cloud) 88%, transparent)}.wr-state{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.1em;color:var(--color-sky-200);align-items:center;gap:6px;margin:0;display:flex}.wr-dots{background-image:radial-gradient(circle,currentColor 45%,#0000 46%);background-repeat:repeat-x;background-size:.55em 100%;width:1.6em;height:.34em;animation:1.1s steps(4,end) infinite wr-dots}@keyframes wr-dots{0%{background-size:.18em 100%}to{background-size:1.65em 100%}}.wr-caption{min-height:3.2em;color:var(--color-cloud);text-wrap:pretty;margin:0;font-size:clamp(1rem,2.6cqw,1.2rem);line-height:1.45}.wr-caption-rest{visibility:hidden}.wr-caption[data-talking]:after{content:"";vertical-align:-.12em;background:currentColor;width:.45em;height:1em;margin-left:.25em;animation:1s steps(2,end) infinite wr-blink;display:inline-block}@keyframes wr-blink{to{opacity:0}}.wr-music{font-size:var(--text-label);color:var(--color-sky-200);align-items:center;gap:8px;margin:0;display:flex}.wr-bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.wr-bars i{transform-origin:bottom;background:currentColor;width:3px;height:100%;animation:.9s ease-in-out infinite alternate wr-bar}.wr-bars i:nth-child(2){animation-delay:.15s}.wr-bars i:nth-child(3){animation-delay:.3s}.wr-bars i:nth-child(4){animation-delay:.45s}@keyframes wr-bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.wr-snake{justify-items:center;gap:6px;padding-top:4px;display:grid}.wr-snake-head{width:100%;font-size:var(--text-label);color:var(--color-sky-200);justify-content:space-between;gap:12px;display:flex}.wr-snake-score{font-variant-numeric:tabular-nums}.wr-snake-board{width:100%;max-width:22rem;height:auto;image-rendering:pixelated;background:color-mix(in srgb, var(--color-ink) 45%, transparent);box-shadow:var(--xp-groove);border-radius:var(--radius-chrome)}.wr-snake-foot{font-size:var(--text-label);text-align:center;color:color-mix(in srgb, var(--color-cloud) 62%, transparent);margin:0}.wr-snake-quit{color:color-mix(in srgb, var(--color-cloud) 40%, transparent)}.wr-games{gap:6px;padding-top:4px;display:grid}.wr-games-title{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.1em;color:var(--color-sky-200);margin:0}.wr-games-lead{font-size:var(--text-small);color:color-mix(in srgb, var(--color-cloud) 70%, transparent);margin:0 0 2px}.wr-games-name{flex:1;min-width:0;display:grid}.wr-games-blurb{font-size:var(--text-label);color:color-mix(in srgb, var(--color-cloud) 62%, transparent)}.wr-games-best{font-size:var(--text-label);font-variant-numeric:tabular-nums;color:#f6d66b;flex:none}.wr-blocks-play{justify-content:center;align-items:flex-start;gap:14px;width:100%;display:flex}.wr-blocks-board{width:auto;max-width:none;height:clamp(150px,38cqh,280px)}@media (width<=759px){.wr-blocks-board{height:clamp(150px,27cqh,240px)}}@media (height<=540px){.wr-games-lead,.wr-games-blurb{display:none}.wr-snake-board:not(.wr-blocks-board){width:auto;max-width:100%;height:clamp(110px,38cqh,218px)}}.wr-blocks-side{justify-items:start;gap:3px;min-width:4.5rem;display:grid}.wr-blocks-label{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb, var(--color-cloud) 62%, transparent);margin:0}.wr-blocks-next{background:color-mix(in srgb, var(--color-ink) 45%, transparent);width:48px;height:48px;box-shadow:var(--xp-groove);border-radius:var(--radius-chrome);margin-bottom:8px}.wr-blocks-lines{font-family:var(--font-mono);color:var(--color-cloud);font-variant-numeric:tabular-nums;margin:0;font-size:1.4rem;line-height:1}.wr-echo-lead{font-size:var(--text-label);text-align:center;color:color-mix(in srgb, var(--color-cloud) 62%, transparent);margin:0}.wr-echo-pad{grid-template-columns:repeat(3,1fr);gap:6px;width:min(100%,13rem);display:grid}.wr-echo-key{aspect-ratio:5/3;border-radius:var(--radius-chrome);background:color-mix(in srgb, var(--color-cloud) 8%, transparent);box-shadow:var(--xp-groove);font-family:var(--font-mono);color:color-mix(in srgb, var(--color-cloud) 55%, transparent);place-items:center;font-size:1.05rem;font-weight:700;transition:background 80ms linear,color 80ms linear;display:grid}.wr-echo-key[data-lit]{color:var(--color-ink);background:#f6d66b}.wr-echo-pad[data-phase=turn] .wr-echo-key:not([data-lit]){background:color-mix(in srgb, var(--color-cloud) 14%, transparent);color:var(--color-cloud)}.wr-rating{width:max-content;max-width:100%;margin-inline:auto;display:grid}.wr-scale{justify-content:space-between;gap:12px;display:flex}.wr-entry{gap:6px;margin:0;display:grid}.wr-entry-label{font-size:var(--text-label);color:color-mix(in srgb, var(--color-cloud) 62%, transparent)}.wr-entry-digits{gap:5px;display:flex}.wr-entry-digits>span{width:1.5em;height:1.9em;font-family:var(--font-mono);font-size:var(--text-body);border-bottom:2px solid color-mix(in srgb, var(--color-cloud) 34%, transparent);place-items:center;display:grid}.wr-entry-digits>span[data-filled]{border-bottom-color:var(--color-sky-200)}.wr-menu{gap:3px;margin:0;padding:0;list-style:none;display:grid}.wr-menu-row{border-radius:var(--radius-chrome);text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:color-mix(in srgb, var(--color-cloud) 7%, transparent);transition:background var(--dur-ui) var(--ease-ui);align-items:center;gap:10px;padding:7px 8px;animation:.18s ease-out both wr-row;display:flex}.wr-menu-row:hover,.wr-menu-row:focus-visible{background:color-mix(in srgb, var(--color-cloud) 16%, transparent)}.wr-menu-key{border-radius:var(--radius-chrome);width:1.7em;height:1.7em;font-family:var(--font-mono);color:#f6d66b;background:color-mix(in srgb, var(--color-cloud) 12%, transparent);flex:none;place-items:center;font-weight:700;display:grid}.wr-menu-label{font-size:var(--text-small)}@keyframes wr-row{0%{opacity:0;transform:translateY(4px)}}.wr-pad{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:22rem;margin:0 auto;display:grid}.wr-key{border-radius:var(--radius-chrome);border:1px solid var(--xp-btn-edge);background:linear-gradient(to bottom, var(--xp-btn-face), var(--xp-btn-mid) 55%, var(--xp-btn-foot));min-height:44px;color:var(--color-ink);cursor:pointer;transition:filter var(--dur-ui) var(--ease-ui);place-items:center;gap:0;padding:6px 4px;display:grid}.wr-key:hover:not(:disabled){filter:brightness(1.05)}.wr-key:active:not(:disabled){box-shadow:var(--xp-groove);filter:brightness(.96)}.wr-key:disabled{opacity:.45;cursor:default}.wr-key-num{font-size:clamp(1.05rem,2.4cqw,1.25rem);font-weight:700;line-height:1.1}.wr-key-abc{letter-spacing:.12em;color:var(--color-ink-muted);font-size:.62rem}.wr-set{display:contents}.wr-cradle,.wr-grille{display:none}.wr-actions{justify-content:center;display:flex}.wr-hangup{min-width:9rem;color:var(--color-chrome-close);font-weight:700}.wr-status-time,.wr-status-quoted{font-variant-numeric:tabular-nums}.wr-speaker{font:inherit;color:inherit;cursor:pointer;align-items:center;gap:5px;display:inline-flex}.wr-speaker[aria-pressed=true] img{opacity:.4}.wr-intro-amount{font:800 var(--text-title) / 1 var(--font-display);color:var(--color-alert-700);margin:0 0 2px}.wr-foot{background:var(--color-dialog);justify-content:flex-end;padding:0 clamp(12px,4%,28px) clamp(16px,3cqh,28px);display:flex}@media (width>=760px){.wr-phone{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;align-content:stretch;column-gap:clamp(16px,3cqw,32px)}.wr-set{--set-px:clamp(10px, 1.2cqw, 14px);width:18rem;max-height:46rem;padding:clamp(10px, 1.6cqh, 16px) var(--set-px) clamp(12px, 2cqh, 18px);border:1px solid var(--xp-shadow);background:linear-gradient(to bottom, var(--xp-light), var(--color-dialog) 42%, var(--xp-face-lo));box-shadow:var(--xp-ridge), 0 1px 3px #10222b29;border-radius:8px;grid-template-rows:minmax(4.5rem,auto) minmax(0,1fr) auto auto;gap:clamp(10px,1.6cqh,16px);display:grid}.wr-cradle{min-height:0;margin-inline:calc(-1 * var(--set-px));--hs-lit:color-mix(in srgb, var(--xp-dkshadow) 62%, var(--color-cloud));--hs-body:color-mix(in srgb, var(--xp-dkshadow) 58%, var(--color-ink));--hs-foot:color-mix(in srgb, var(--xp-dkshadow) 30%, var(--color-ink));--hs-hook:color-mix(in srgb, var(--xp-shadow) 62%, var(--color-dialog));display:block}.wr-handset{filter:drop-shadow(0 2px 2px #10222b4d);width:100%;height:100%;display:block}.wr-shell{fill:url(#wr-shell);stroke:color-mix(in srgb, var(--color-ink) 55%, transparent);stroke-width:1.5px}.wr-sheen{fill:none;stroke:var(--hs-lit);stroke-width:3px;stroke-linecap:round;opacity:.45}.wr-piece{fill:color-mix(in srgb, var(--color-ink) 30%, transparent)}.wr-slit{fill:color-mix(in srgb, var(--color-ink) 62%, transparent)}.wr-bed{fill:color-mix(in srgb, var(--color-ink) 9%, transparent)}.wr-hooks rect{fill:var(--hs-hook);stroke:color-mix(in srgb, var(--xp-dkshadow) 55%, transparent);stroke-width:1px}.wr-cord{fill:none;stroke:var(--hs-body);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.wr-handset-body{transform-box:fill-box;transform-origin:50%;transition:transform var(--dur-ui) var(--ease-ui)}.wr-cradle[data-off] .wr-handset-body{transform:translateY(-7px)rotate(-1.5deg)}.wr-grille{background:color-mix(in srgb, var(--color-dialog) 55%, var(--xp-face-lo));min-height:0;box-shadow:var(--xp-groove);border-radius:6px;display:block;position:relative}.wr-grille:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--color-ink) 42%, transparent) 1.6px, transparent 2.2px) center / 8px 8px space;position:absolute;inset:8px 10px}.wr-key{min-height:clamp(44px,6cqh,56px)}.wr-pad{border-radius:var(--radius-chrome);background:color-mix(in srgb, var(--color-dialog) 55%, var(--xp-face-lo));width:100%;max-width:none;box-shadow:var(--xp-groove);padding:7px}.wr-actions{border-top:1px solid color-mix(in srgb, var(--xp-shadow) 55%, transparent);align-self:end;padding-top:clamp(6px,1cqh,10px)}.wr-hangup{width:100%;min-width:0}}@media (pointer:coarse){.wr-key{min-height:52px}.wr-menu-row{min-height:44px}}@media (width<=479px){.wr-status-quoted{display:none}.wr-caption{min-height:4.2em}}@media (width>=760px) and (height<=540px){.wr-cradle,.wr-grille{display:none}.wr-set{grid-template-rows:minmax(0,1fr) auto;gap:8px;padding-block:8px}.wr-set .wr-pad{grid-template-rows:repeat(4,minmax(0,1fr));gap:5px;padding:5px}.wr-set .wr-key{min-height:0;padding-block:2px}.wr-set .wr-actions{padding-top:6px}.wr-set .wr-hangup{min-height:36px}}@media (width>=760px) and (height<=420px){.wr-set .wr-key-abc{display:none}}}@media (prefers-reduced-motion:reduce){.wr-dots{background-size:1.2em 100%;animation:none}.wr-caption[data-talking]:after{animation:none}.wr-bars i{animation:none;transform:scaleY(.7)}.wr-menu-row{animation:none}.wr-handset-body{transition:none}}