.lt-shell{--lt-maxh:min(48svh,24rem);--lt-fr:clamp(0.45rem,2vw,0.7rem);--lt-bw:min(calc(100cqi - 2 * var(--lt-fr) - 0.75rem),calc(var(--lt-maxh) * var(--w) / var(--h)),34rem)}@media (min-width:640px){.lt-shell{--lt-maxh:min(56vh,32rem)}}@media (min-width:900px){.lt-shell{--lt-maxh:min(44vh,26rem)}}.lt-modes{display:flex;justify-content:center;gap:.2rem;width:max-content;max-width:100%;margin:.35rem auto .5rem;padding:3px;background:var(--pp-board);border-radius:999px}.puzzle-bar .lt-modes{margin:0 0 0 auto;flex-shrink:0}@media (max-width:439px){.lt-mode-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.lt-mode{position:relative;min-height:40px;min-width:40px;padding:0 .55rem}.puzzle-bar .lt-modes{margin-left:auto}}.lt-mode{display:inline-flex;align-items:center;gap:.45rem;min-height:40px;padding:0 .9rem;color:var(--pp-muted);font:inherit;font-weight:900;font-size:.92rem;background:transparent;border:0;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent}.lt-mode.is-on{color:var(--pp-paper);background:var(--pp-walnut);box-shadow:0 2px 0 var(--pp-walnut-edge)}.lt-mode:focus-visible{outline:3px solid var(--pp-focus);outline-offset:1px}.lt-swatch{display:inline-block;width:1rem;height:1rem;border-radius:4px}.lt-swatch--shade{background:#5B3E2A;box-shadow:inset 0 1px 0 rgb(255 255 255/25%)}.lt-swatch--dot{background:radial-gradient(circle,currentColor 0 26%,transparent 30%),var(--pp-paper);border:1px solid var(--pp-line)}.lt-stage{position:relative;display:flex;justify-content:center;container-type:inline-size;padding-bottom:.25rem}.lt-frame{padding:var(--lt-fr);background:repeating-linear-gradient(100deg,rgb(255 255 255/4%) 0 7px,transparent 7px 15px),var(--pp-walnut);border-radius:16px;box-shadow:inset 0 2px 0 rgb(255 255 255/18%),0 6px 0 var(--pp-walnut-edge)}.lt-board{--cell:calc(var(--lt-bw) / var(--w));display:grid;grid-template-columns:repeat(var(--w),1fr);width:var(--lt-bw);aspect-ratio:var(--w) /var(--h);background:var(--pp-paper);border-radius:6px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.lt-cell{--edge:#3E2A1C;--bwid:max(2px,calc(var(--cell) * 0.07));position:relative;display:grid;place-items:center;background:#FBF7EF;box-shadow:inset 0 0 0 .5px var(--pp-line),inset 0 calc(var(--t) * var(--bwid)) 0 0 var(--edge),inset 0 calc(var(--b) * var(--bwid) * -1) 0 0 var(--edge),inset calc(var(--l) * var(--bwid)) 0 0 0 var(--edge),inset calc(var(--r) * var(--bwid) * -1) 0 0 0 var(--edge);cursor:pointer;transition:background-color .12s ease}.lt-cell.is-shaded{--wood:#6B4A33;background:repeating-linear-gradient(95deg,rgb(255 255 255/7%) 0 4px,rgb(0 0 0/5%) 4px 8px,transparent 8px 13px),linear-gradient(rgb(255 255 255/18%),transparent 50%),var(--wood)}.lt-cell.is-L{--wood:#B5573F}.lt-cell.is-I{--wood:#4F6E9C}.lt-cell.is-T{--wood:#C9962A}.lt-cell.is-S{--wood:#6F9168}.lt-letter{font-family:var(--font-display),Fraunces,Georgia,serif;font-size:calc(var(--cell) * .42);font-weight:700;color:rgb(255 255 255/72%);line-height:1;pointer-events:none}.lt-cell.is-dot:after{content:"";width:calc(var(--cell) * .18);height:calc(var(--cell) * .18);border-radius:999px;background:var(--pp-muted)}.lt-cell.is-bad{--wood:#8E2F23}.lt-cell.is-bad:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgb(255 255 255/22%) 0 3px,transparent 3px 8px)}.lt-cell.is-wrong{outline:3px dashed var(--pp-brick);outline-offset:-4px}.lt-cell.is-wrong:not(.is-shaded){background:#F4D6CC}.lt-cell.is-hinted{animation:puzzle-hint-pulse 1.2s ease-in-out 2;outline:3px solid var(--pp-mustard);outline-offset:-3px}.lt-complete{gap:.35rem}.lt-complete .pp-btn{margin-top:.4rem}.lt-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;max-width:30rem;margin:.6rem auto 0}.lt-actions .pp-btn{min-height:46px;padding:0 .3rem;font-size:.9rem}.lt-help{max-width:36rem;margin:.5rem auto 0;color:var(--pp-muted);font-size:.78rem;line-height:1.4;text-align:center}.lt-count{display:inline-block;color:var(--pp-cta);font-weight:800}.lt-toast{bottom:5.5rem}@media (prefers-reduced-motion:reduce){.lt-cell{transition:none}.lt-cell.is-hinted{animation:none}}.lt-mini{display:inline-grid;grid-template-columns:repeat(var(--w),var(--c));grid-auto-rows:var(--c);padding:5px;background:var(--pp-walnut);border-radius:10px;box-shadow:0 3px 0 var(--pp-walnut-edge)}.lt-mini .lt-cell{--cell:var(--c);cursor:default}.lt-mini-wrap{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:flex-start}.lt-mini-fig{display:grid;gap:.4rem;justify-items:center;max-width:16rem}.lt-mini-fig figcaption{font-size:.8rem;font-weight:700;color:var(--pp-muted);text-align:center}.lt-shapes{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}