.wtr{--wt-card:#fffaf0;--wt-ink:#3b2a1a;--wt-soft:#7a6450;--wt-red:#c8432f;--wt-meaning:#b8740c;--wt-mix:#0f7d70;--wt-logic:#6440c0;--wt-good:#23864a;--wt-bad:#b3261e;--wt-type:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--wt-top:var(--pk-fx-top,76px);--wt-t:var(--pk-text-scale,1);padding:var(--wt-top) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));color:var(--wt-ink);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-end;align-items:center;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:absolute;inset:0;overflow:hidden}@container pk (aspect-ratio>=5/4) and (width>=44rem){.wtr{justify-content:center;align-items:flex-end}}.wtr-card{background:var(--wt-card);border-radius:14px;flex-direction:column;gap:clamp(5px,1.2cqmin,9px);width:min(100%,27rem);max-height:100%;padding:clamp(8px,2cqmin,14px);display:flex;overflow:auto;box-shadow:0 0 0 1px #785a3240,0 3px #e2d4b8,0 16px 34px #3c281447}.wtr-card>*,.wtr-stop>*{flex-shrink:0}.wtr-card[data-locked=true] .wtr-keyboard{opacity:.6}.wtr-head{align-items:center;gap:10px;display:flex}.wtr-title{background:var(--wt-red);color:#fff7ec;border-radius:8px;flex:1;min-width:0;padding:5px 10px}.wtr-district{font:800 calc(clamp(.95rem, 3.6cqmin, 1.15rem) * var(--wt-t)) / 1.15 Georgia, "Times New Roman", serif;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.wtr-rule{font:500 calc(.78rem * var(--wt-t)) / 1.25 system-ui, sans-serif;color:#ffe8d8;margin:1px 0 0}.wtr-signal{width:3.2rem;height:3.2rem;box-shadow:inset 0 0 0 3px var(--wt-red), 0 2px 6px #00000026;font:800 calc(1rem * var(--wt-t)) / 1 var(--wt-type);color:var(--wt-red);background:#fff;border-radius:50%;flex:none;place-items:center;margin:0;display:grid}.wtr-signal[data-level="2"],.wtr-signal[data-level="3"],.wtr-signal[data-level="4"]{background:var(--wt-red);color:#fff}.wtr-signal[data-hop]{animation:.55s cubic-bezier(.2,1.6,.4,1) wt-pop}@keyframes wt-pop{0%{transform:scale(.6)rotate(-20deg)}to{transform:none}}.wtr-almanac{align-items:center;gap:6px;display:flex}.wtr-almanac__label{font:700 calc(.68rem * var(--wt-t)) / 1 var(--wt-type);letter-spacing:.12em;text-transform:uppercase;color:var(--wt-soft);margin-right:4px}.wtr-stamp{width:2.1rem;height:2.1rem;font:900 calc(1.1rem * var(--wt-t)) / 1 Georgia, serif;color:var(--wt-red);border:2px dashed #785a3259;border-radius:6px;place-items:center;display:grid}.wtr-stamp[data-on=true]{border:2px solid var(--wt-red);background:#fde9e2;transform:rotate(-6deg)}.wtr-stamp[data-new]{animation:.45s cubic-bezier(.3,1.5,.5,1) wt-stamp}@keyframes wt-stamp{0%{opacity:0;transform:scale(2.2)rotate(12deg)}60%{opacity:1;transform:scale(.92)rotate(-8deg)}to{transform:rotate(-6deg)}}.wtr-fork,.wtr-stop{display:none}.wtr[data-mode=fork] .wtr-fork,.wtr[data-mode=stop] .wtr-stop{flex-direction:column;gap:8px;display:flex}.wtr-fork__title{font:600 calc(.95rem * var(--wt-t)) / 1.3 Georgia, serif;margin:0}.wtr-fork__roads{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wtr-road{--band:#8a7a66;min-height:88px;box-shadow:inset 0 0 0 2px var(--band), 0 4px 0 color-mix(in srgb, var(--band) 60%, #000);color:var(--wt-ink);text-align:left;cursor:pointer;background:#fff;border:0;border-radius:10px 10px 4px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;transition:transform 80ms;display:flex}.wtr-road--right{text-align:right;border-radius:10px 10px 10px 4px;align-items:flex-end}.wtr-road[data-band=meaning]{--band:var(--wt-meaning)}.wtr-road[data-band=mix]{--band:var(--wt-mix)}.wtr-road[data-band=logic]{--band:var(--wt-logic)}.wtr-road:hover{transform:translateY(-2px)}.wtr-road:active{transform:translateY(2px)}.wtr-road__arrow{font:800 calc(1.3rem * var(--wt-t)) / 1 system-ui, sans-serif;color:var(--band)}.wtr-road__place{font:700 calc(1rem * var(--wt-t)) / 1.2 Georgia, serif}.wtr-road__band{background:var(--band);color:#fff;font:700 calc(.75rem * var(--wt-t)) / 1.3 system-ui, sans-serif;border-radius:99px;padding:2px 8px}.wtr-stop{--band:var(--wt-meaning)}.wtr-stop[data-band=mix]{--band:var(--wt-mix)}.wtr-stop[data-band=logic]{--band:var(--wt-logic)}.wtr-stop__ribbon{border-bottom:3px solid var(--band);justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:4px;display:flex}.wtr-stop__place{font:700 calc(.95rem * var(--wt-t)) / 1.2 Georgia, serif;margin:0}.wtr-stop__band{font:700 calc(.74rem * var(--wt-t)) / 1 var(--wt-type);letter-spacing:.08em;text-transform:uppercase;color:var(--band);margin:0}.wtr-stop[data-finale=true] .wtr-stop__ribbon{border-bottom-style:double;border-bottom-width:5px}.wtr-stop__prompt{min-height:2.6em;font:600 calc(clamp(.98rem, 3.8cqmin, 1.15rem) * var(--wt-t)) / 1.35 var(--wt-type);margin:0}.wtr-letters{flex-wrap:wrap;gap:6px;display:flex}.wtr-letter{background:color-mix(in srgb, var(--band) 14%, #fff);width:2rem;height:2.2rem;box-shadow:inset 0 0 0 1.5px var(--band);font:800 calc(1.2rem * var(--wt-t)) / 1 var(--wt-type);border-radius:6px;place-items:center;display:grid}.wtr-gloss{font:italic 600 calc(.95rem * var(--wt-t)) / 1.3 Georgia, serif;color:var(--wt-soft);margin-top:4px;display:block}.wtr-boxes{justify-content:center;gap:5px;display:flex}.wtr-box{width:clamp(28px,8.4cqmin,40px);height:clamp(34px,9.6cqmin,46px);font:800 calc(clamp(1.1rem, 5cqmin, 1.45rem) * var(--wt-t)) / 1 var(--wt-type);color:var(--wt-ink);border-bottom:3px solid #785a3266;place-items:center;display:grid}.wtr-boxes[data-long=true] .wtr-box{width:clamp(26px,7.4cqmin,36px)}.wtr-box[data-cursor=true]{border-bottom-color:var(--band)}.wtr-box[data-locked=true]{color:var(--wt-meaning)}.wtr-boxes[data-flash=bad]{animation:.34s ease-in-out wt-shake}.wtr-boxes[data-flash=bad] .wtr-box{border-bottom-color:var(--wt-bad);color:var(--wt-bad)}.wtr-boxes[data-flash=ok] .wtr-box{border-bottom-color:var(--wt-good);color:var(--wt-good)}@keyframes wt-shake{0%,to{transform:translate(0)}30%{transform:translate(-5px)}70%{transform:translate(5px)}}.wtr-keyboard{flex-direction:column;gap:5px;display:flex}.wtr-keyboard[hidden]{display:none}.wtr-keyboard__row{justify-content:center;gap:4px;display:flex}.wtr-key{min-width:0;max-width:2.6rem;min-height:44px;color:var(--wt-ink);font:700 calc(1rem * var(--wt-t)) / 1 system-ui, sans-serif;cursor:pointer;touch-action:manipulation;background:#f1e6cf;border:0;border-radius:6px;flex:1 1 0;padding:0;box-shadow:0 2px #cdb894}.wtr-key--wide{flex:1.5 1 0;max-width:3.8rem}.wtr-key:active{box-shadow:none;transform:translateY(2px)}.wtr-actions{grid-template-columns:1fr 1fr 1.4fr;gap:6px;display:grid}.wtr-btn{min-height:44px;color:var(--wt-ink);font:700 calc(.95rem * var(--wt-t)) / 1 system-ui, sans-serif;cursor:pointer;background:#efe3c9;border:0;border-radius:10px;padding:6px 10px}.wtr-btn:disabled{opacity:.45;cursor:default}.wtr-btn--hint{color:#8a5508}.wtr-btn--send{color:#fff;background:#8f2f20}.wtr-btn--send[data-ready=true]{background:var(--wt-red)}.wtr-key:focus-visible,.wtr-btn:focus-visible,.wtr-road:focus-visible{outline-offset:2px;outline:3px solid #1d4ed8}.wtr-status{min-height:1.3em;font:600 calc(.9rem * var(--wt-t)) / 1.3 system-ui, sans-serif;text-align:center;color:var(--wt-soft);margin:0}.wtr-status[data-tone=good]{color:var(--wt-good)}.wtr-status[data-tone=bad]{color:var(--wt-bad)}.wtr-status[data-tone=note]{color:#8a5508}.wtr-done{text-align:center;background:#fde9e2;border-radius:10px;padding:12px}.wtr-done[hidden]{display:none}.wtr-done[data-kind=gold]{background:linear-gradient(160deg,#fff1c2,#f5d36b)}.wtr-done__title{font:800 calc(1.3rem * var(--wt-t)) / 1.2 Georgia, serif;color:var(--wt-red);margin:0}.wtr-done[data-kind=gold] .wtr-done__title{color:#7a4a00}.wtr-done__text{font:500 calc(.95rem * var(--wt-t)) / 1.35 Georgia, serif;margin:4px 0 0}@container pk (height<=38rem){.wtr-card{gap:4px;padding:7px}.wtr-rule{display:none}.wtr-signal{width:2.6rem;height:2.6rem}.wtr-stamp{width:1.7rem;height:1.7rem;font-size:calc(.95rem * var(--wt-t))}.wtr-road{min-height:64px}.wtr-keyboard{gap:3px}.wtr-key{min-height:38px}}@container pk (height<=30rem) and (aspect-ratio<=4/3){.wtr-card{gap:2px;padding:6px}.wtr-signal{width:2rem;height:2rem}.wtr-stamp{width:1.5rem;height:1.5rem}.wtr-key{min-height:35px}.wtr-btn{min-height:40px}.wtr-stop__prompt{min-height:0;font-size:calc(clamp(.9rem, 3.5cqmin, 1.05rem) * var(--wt-t))}}@container pk (height<=26rem){.wtr{justify-content:center;align-items:flex-end}.wtr-card{width:min(62%,30rem)}.wtr-signal{width:2.2rem;height:2.2rem}.wtr-road{min-height:56px;padding:7px 10px}.wtr[data-mode=stop] .wtr-card{grid-template-rows:repeat(4,min-content) 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-areas:"ribbon almanac""prompt keys""boxes keys""status keys""actions keys";align-content:start;gap:4px 10px;width:min(100%,46rem);display:grid;overflow:auto}.wtr[data-mode=stop] .wtr-head{display:none}.wtr[data-mode=stop] .wtr-stop{display:contents}.wtr[data-mode=stop] .wtr-almanac{grid-area:almanac;justify-content:flex-end}.wtr[data-mode=stop] .wtr-stop__ribbon{grid-area:ribbon}.wtr[data-mode=stop] .wtr-stop__prompt{min-height:0;font-size:calc(clamp(.86rem, 5cqh, 1.05rem) * var(--wt-t));grid-area:prompt}.wtr[data-mode=stop] .wtr-boxes{grid-area:boxes}.wtr[data-mode=stop] .wtr-box{width:clamp(24px,6.6cqw,34px);height:34px}.wtr[data-mode=stop] .wtr-keyboard{grid-area:keys;align-self:start;gap:4px}.wtr[data-mode=stop] .wtr-keyboard__row{gap:3px}.wtr[data-mode=stop] .wtr-key{max-width:none;min-height:40px}.wtr[data-mode=stop] .wtr-actions{grid-area:actions;align-self:end}.wtr[data-mode=stop] .wtr-btn{min-height:40px}.wtr[data-mode=stop] .wtr-status{text-align:left;grid-area:status}.wtr[data-mode=stop] .wtr-done{grid-column:1/-1}}@container pk (height<=16.5rem){.wtr[data-mode=stop] .wtr-card{row-gap:2px}.wtr[data-mode=stop] .wtr-stop__ribbon{padding-bottom:1px}.wtr[data-mode=stop] .wtr-stop__place{font-size:calc(.88rem * var(--wt-t))}.wtr[data-mode=stop] .wtr-stop__prompt{min-height:auto}.wtr[data-mode=stop] .wtr-box{height:30px}}[data-pk-motion=reduce] .wtr-signal[data-hop],[data-pk-motion=reduce] .wtr-stamp[data-new],[data-pk-motion=reduce] .wtr-boxes[data-flash]{animation:none}@media (prefers-reduced-motion:reduce){.wtr-signal[data-hop],.wtr-stamp[data-new],.wtr-boxes[data-flash]{animation:none}}