.play-root{--tray-cell:26px;--play-display:var(--font-play-display), Georgia, serif;--play-script:var(--font-script), "Caveat", cursive;--play-ui:var(--font-ui), system-ui, sans-serif;min-height:100vh;color:var(--play-ink);font-family:var(--play-ui);background-color:var(--play-cream);background-image:radial-gradient(color-mix(in srgb, var(--play-ink) 9%, transparent) 1px, transparent 1.4px);background-size:22px 22px;padding:24px 16px 56px;position:relative;overflow-x:clip}.play-root *,.play-root :before,.play-root :after{box-sizing:border-box}.play-wrap{max-width:1200px;margin:0 auto}.play-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:16px;display:flex}.play-eyebrow{font-family:var(--play-script);color:var(--play-coral-deep);margin:0;font-size:24px;line-height:1;display:inline-block;transform:rotate(-1.5deg)}.play-title{font-family:var(--play-display);letter-spacing:-.01em;margin:4px 0 0;font-size:clamp(38px,9vw,64px);font-weight:400;line-height:.95}.play-title em{color:var(--play-coral);font-style:italic}.play-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.play-chip{background:var(--play-paper);border:2px solid var(--play-ink);min-height:36px;box-shadow:2px 3px 0 var(--play-shadow);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.play-chip-timer{font-variant-numeric:tabular-nums;justify-content:center;min-width:78px}.play-chip-diff{background:var(--play-sun)}.play-chip-diff[data-level=easy]{background:var(--play-leaf)}.play-chip-diff[data-level=practice]{background:var(--play-sky)}.play-rules{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.play-rule{background:var(--play-paper);border:2px solid var(--play-ink);box-shadow:3px 4px 0 var(--play-shadow);border-radius:14px 18px 14px 20px;align-items:center;gap:10px;min-height:54px;padding:10px 12px;font-size:15px;line-height:1.2;display:flex}.play-rule-icon{flex:none;width:36px;height:36px}.play-rule[data-state=ok]{background:color-mix(in srgb, var(--play-leaf) 22%, var(--play-paper))}.play-rule[data-state=broken]{background:color-mix(in srgb, var(--play-coral) 24%, var(--play-paper));animation:.4s play-nudge}.play-rule-state{font-family:var(--play-script);margin-left:auto;font-size:22px}@keyframes play-nudge{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.play-stage{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@media (min-width:700px){.play-stage{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px}.play-root{--tray-cell:30px}}@media (min-width:1100px){.play-root{--tray-cell:36px}}@media (min-width:1000px) and (min-height:700px){.play-board{max-width:min(640px,max(420px,100vh - 340px))}}.play-board-col{padding-top:34px;position:relative}.play-board{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:28px;outline:none;max-width:640px;margin:0 auto;position:relative}.play-board:focus-visible{box-shadow:0 0 0 3px var(--play-paper), 0 0 0 6px var(--play-sky)}.play-board svg{touch-action:none;width:100%;height:auto;display:block;overflow:visible}.play-mojo{z-index:3;pointer-events:none;width:clamp(64px,17%,112px);filter:drop-shadow(2px 4px 0 var(--play-shadow));position:absolute;top:-4px;right:-2%;transform:rotate(7deg)}.play-mojo img{width:100%;height:auto;display:block}.play-mojo .blink{opacity:0;animation:5s step-end infinite play-blink;position:absolute;inset:0}@keyframes play-blink{0%,92%{opacity:0}93%,97%{opacity:1}98%,to{opacity:0}}.case-shell{fill:var(--play-coral);stroke:var(--play-ink);stroke-width:5px;stroke-linejoin:round}.case-shell-shade{fill:var(--play-coral-deep)}.case-shadow{fill:var(--play-shadow)}.case-lining{fill:var(--play-lining);stroke:var(--play-ink);stroke-width:3.5px}.case-cell{fill:var(--play-paper);stroke:var(--play-hair);stroke-width:2px;stroke-dasharray:5 6}.case-cell-pocket{fill:color-mix(in srgb, var(--play-sky) 28%, var(--play-paper))}.case-cell-reach{fill:color-mix(in srgb, var(--play-sun) 34%, var(--play-paper))}.case-stitch{fill:none;stroke:var(--play-ink);stroke-width:3px;stroke-dasharray:7 6;stroke-linecap:round}.case-zone-label{font-family:var(--play-script);fill:var(--play-ink);font-size:24px}.case-handle{fill:none;stroke:var(--play-ink);stroke-width:15px;stroke-linecap:round}.case-handle-in{fill:none;stroke:var(--play-terracotta);stroke-width:8px;stroke-linecap:round}.case-hinge{fill:var(--play-ink)}.case-tape-a{fill:color-mix(in srgb, var(--play-coral) 70%, transparent)}.case-tape-b{fill:color-mix(in srgb, var(--play-sun) 82%, transparent)}.case-cursor{fill:none;stroke:var(--play-sky);stroke-width:5px;stroke-dasharray:8 5}.case-kg{font-family:var(--play-ui);fill:var(--play-ink);font-size:22px;font-weight:500}.case-lid{transform-box:fill-box;transform-origin:top;pointer-events:none;transition:transform .75s cubic-bezier(.3,1.45,.5,1);transform:scaleY(0)}.case-lid[data-closed=true]{transform:scaleY(1)}.case-lid-face{fill:var(--play-coral);stroke:var(--play-ink);stroke-width:5px}.case-lid-line{fill:none;stroke:var(--play-coral-deep);stroke-width:5px;stroke-linecap:round}.case-latch{fill:var(--play-sun);stroke:var(--play-ink);stroke-width:4px;transform-box:fill-box;transform-origin:50%;transition:transform .35s cubic-bezier(.3,1.8,.5,1) .65s;transform:scale(0)}.case-lid[data-closed=true] .case-latch{transform:scale(1)}.case-lid-text{font-family:var(--play-display);fill:var(--play-paper);font-size:40px}.case-spark{fill:var(--play-sun);stroke:var(--play-ink);stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:50%}.case-lid[data-closed=true] .case-spark{animation:1.1s ease-out .7s both play-pop}@keyframes play-pop{0%{opacity:0;transform:scale(.2)rotate(0)}40%{opacity:1;transform:scale(1.2)rotate(30deg)}to{opacity:.9;transform:scale(1)rotate(45deg)}}.play-board[data-instant=true] .case-lid,.play-board[data-instant=true] .case-latch{transition:none}.play-board[data-instant=true] .case-spark{opacity:.9;animation:none}.pk-body{fill:var(--pc,var(--play-sky));stroke:var(--play-ink);stroke-width:4px;stroke-linejoin:round}.pk-passport{--pc:var(--play-sky)}.pk-sunglasses{--pc:var(--play-sun)}.pk-charger{--pc:var(--play-leaf)}.pk-camera{--pc:color-mix(in srgb, var(--play-plum) 55%, var(--play-paper))}.pk-pouch{--pc:color-mix(in srgb, var(--play-leaf) 55%, var(--play-sky))}.pk-guidebook{--pc:color-mix(in srgb, var(--play-terracotta) 55%, var(--play-sun))}.pk-shoes{--pc:var(--play-terracotta)}.pk-hairdryer{--pc:var(--play-coral-2)}.pk-hoodie{--pc:color-mix(in srgb, var(--play-sky) 60%, var(--play-paper))}.pk-towel{--pc:color-mix(in srgb, var(--play-sun) 70%, var(--play-paper))}.pk-umbrella{--pc:var(--play-plum)}.pk-sneakers{--pc:color-mix(in srgb, var(--play-leaf) 75%, var(--play-ink))}.pk-hat{--pc:var(--play-sun)}.pk-ink{stroke:var(--play-ink);stroke-width:3.5px;stroke-linecap:round;fill:none}.pk-paper{fill:var(--play-paper);stroke:var(--play-ink);stroke-width:3.5px;stroke-linejoin:round}.pk-sun{fill:var(--play-sun);stroke:var(--play-ink);stroke-width:3px}.pk-dark{fill:var(--play-ink)}.pk-glint{stroke:var(--play-paper);stroke-width:4px;stroke-linecap:round}.pk-glint-fill{fill:var(--play-paper)}.pk-lens{fill:var(--play-sky);stroke:var(--play-paper);stroke-width:3px}.pk-zip{stroke:var(--play-ink);stroke-width:3px;stroke-dasharray:5 4;fill:none}.pk-drop{fill:var(--play-sky);stroke:var(--play-ink);stroke-width:3px}.pk-bolt{fill:var(--play-sun);stroke:var(--play-ink);stroke-width:2.5px;stroke-linejoin:round}.pk-pin{fill:var(--play-coral);stroke:var(--play-ink);stroke-width:3px}.pk-sole{stroke:var(--play-paper);stroke-width:12px;stroke-linecap:round;fill:none}.pk-hood{fill:var(--play-paper);stroke:var(--play-ink);stroke-width:3.5px}.pk-stripe{stroke:var(--play-paper);stroke-width:10px;stroke-linecap:round}.pk-canopy{fill:var(--play-coral);stroke:var(--play-ink);stroke-width:3.5px;stroke-linejoin:round}.pk-brim{stroke:var(--play-paper);stroke-width:14px;stroke-linecap:round}.pk-hat{fill:var(--play-paper);stroke:var(--play-ink);stroke-width:3.5px}.pk-band{stroke:var(--play-coral-deep);stroke-width:9px;stroke-linecap:butt}.pk-kg{font-family:var(--play-script);fill:var(--play-ink);font-size:18px}.pk-tone-bad .pk-body{stroke:var(--play-coral-deep);stroke-width:7px;stroke-dasharray:10 6;animation:1s linear infinite play-march}.pk-tone-ghost-ok .pk-body{fill-opacity:.55;stroke:var(--play-leaf);stroke-width:6px;stroke-dasharray:9 6}.pk-tone-ghost-bad .pk-body{fill-opacity:.4;stroke:var(--play-coral-deep);stroke-width:6px;stroke-dasharray:9 6}.pk-tone-ghost-ok .pk-doodle,.pk-tone-ghost-bad .pk-doodle{opacity:.55}.pk-tone-hint .pk-body{fill-opacity:.35;stroke:var(--play-sky);stroke-width:7px;stroke-dasharray:9 6;animation:1.1s ease-in-out infinite play-pulse}@keyframes play-march{to{stroke-dashoffset:-32px}}@keyframes play-pulse{50%{fill-opacity:.7}}.placed{cursor:grab;touch-action:none}.placed[data-lifted=true]{opacity:.25}.placed[data-nudge=true]{animation:.5s 2 play-nudge}.play-side{flex-direction:column;gap:16px;min-width:0;display:flex}.play-panel{background:var(--play-paper);border:2px solid var(--play-ink);box-shadow:4px 5px 0 var(--play-shadow);border-radius:18px 24px 18px 26px;padding:14px;position:relative}.play-panel-title{font-family:var(--play-script);margin:0 0 8px;font-size:26px;line-height:1}.play-tape{background:repeating-linear-gradient(45deg, var(--play-sheen) 0 6px, transparent 6px 12px), color-mix(in srgb, var(--play-sun) 82%, transparent);clip-path:polygon(0 10%,4% 0,9% 12%,14% 0,100% 0,96% 25%,100% 50%,95% 75%,100% 100%,0 100%,4% 70%,0 50%,4% 30%);width:74px;height:22px;position:absolute;top:-12px;left:18px;transform:rotate(-4deg)}.play-tray{flex-wrap:wrap;align-items:flex-end;gap:8px;min-height:80px;display:flex}.tray-piece{appearance:none;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:48px;min-height:48px;font:inherit;color:inherit;background:0 0;border:2px dashed #0000;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:6px 6px 2px;display:inline-flex}.tray-piece:focus-visible{outline:3px solid var(--play-sky);outline-offset:2px}.tray-piece[aria-pressed=true]{border-color:var(--play-ink);background:color-mix(in srgb, var(--play-sun) 30%, var(--play-paper))}.tray-piece .pk-icon{pointer-events:none;display:block;overflow:visible}.tray-label{font-family:var(--play-script);pointer-events:none;font-size:17px;line-height:1}.play-empty-tray{font-family:var(--play-script);align-self:center;margin:0;font-size:22px}.play-status{min-height:24px;margin:0 0 10px;font-size:15px}.play-controls{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.play-btn{appearance:none;border:2px solid var(--play-ink);background:var(--play-paper);min-width:48px;min-height:48px;color:var(--play-ink);font:500 15px var(--play-ui);cursor:pointer;box-shadow:2px 3px 0 var(--play-shadow);border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 14px;transition:transform .12s;display:inline-flex}.play-btn:hover:not(:disabled){transform:translateY(-1px)}.play-btn:active:not(:disabled){box-shadow:none;transform:translate(2px,3px)}.play-btn:focus-visible{outline:3px solid var(--play-sky);outline-offset:2px}.play-btn:disabled{opacity:.45;cursor:not-allowed}.play-btn-primary{background:var(--play-coral);color:var(--play-paper)}.play-btn-ghost{box-shadow:none;background:0 0;border-style:dashed}.play-meter{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;font-size:14px;display:grid}.play-meter-bar{border:2px solid var(--play-ink);background:var(--play-paper);border-radius:99px;height:12px;margin-top:4px;overflow:hidden}.play-meter-fill{background:var(--play-leaf);height:100%;transition:width .25s;display:block}.play-meter [data-over=true] .play-meter-fill{background:var(--play-coral)}.play-drag{z-index:60;pointer-events:none;opacity:.95;filter:drop-shadow(4px 8px 0 var(--play-shadow));position:fixed;top:0;left:0}.play-drag .pk-icon{display:block;overflow:visible}.play-offer{background:color-mix(in srgb, var(--play-sky) 22%, var(--play-paper));border:2px solid var(--play-ink);box-shadow:3px 4px 0 var(--play-shadow);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:18px;padding:12px 16px;display:flex}.play-offer p{flex:220px;margin:0;font-size:15px}.play-solved{text-align:center;margin-top:52px}.play-solved-star{width:96px;height:auto;filter:drop-shadow(2px 4px 0 var(--play-shadow));margin:-56px auto 0;animation:1.4s ease-in-out infinite play-hop;display:block;transform:rotate(-4deg)}@keyframes play-hop{50%{transform:rotate(-4deg)translateY(-6px)}}.play-solved h2{font-family:var(--play-display);margin:10px 0 2px;font-size:34px;font-weight:400}.play-solved-sub{margin:0 0 14px;font-size:15px}.play-solved-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.play-solved .tv-stores{justify-content:center}.play-note{font-family:var(--play-script);text-align:center;margin:10px 0 0;font-size:20px}.play-how{max-width:62ch;margin-top:28px;font-size:15px;line-height:1.5}.play-how h2{font-family:var(--play-display);margin:0 0 6px;font-size:26px;font-weight:400}.play-skeleton{background:color-mix(in srgb, var(--play-coral) 30%, var(--play-paper));border:2px dashed var(--play-ink);opacity:.6;border-radius:28px;height:340px}.play-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:520px){.play-rules{grid-template-columns:1fr;gap:8px}.play-rule{min-height:46px;padding:6px 10px;font-size:14px}.play-rule-icon{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.play-root *,.play-root :before,.play-root :after{transition:none!important;animation:none!important}.case-lid{transform:scaleY(0)}.case-lid[data-closed=true]{transform:scaleY(1)}.case-lid[data-closed=true] .case-latch{transform:scale(1)}.case-spark{opacity:.9}.play-mojo .blink{display:none}}.play-modelrow{flex-wrap:wrap;align-items:center;gap:6px 10px;max-width:640px;min-height:48px;margin:10px auto 0;display:flex}.play-model{font-family:var(--play-script);flex:220px;margin:0;font-size:20px;line-height:1.1}.play-putback{appearance:none;border:2px solid var(--play-ink);background:var(--play-sun);min-height:44px;color:var(--play-ink);font:500 15px var(--play-ui);cursor:pointer;box-shadow:2px 3px 0 var(--play-shadow);border-radius:999px;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.play-putback:focus-visible{outline:3px solid var(--play-sky);outline-offset:2px}.play-board[data-holding=true]{box-shadow:0 0 0 4px color-mix(in srgb, var(--play-sky) 55%, transparent)}.tray-piece[data-settle=true],.placed[data-settle=true]{animation:.28s cubic-bezier(.3,1.6,.5,1) play-settle}@keyframes play-settle{0%{transform:scale(.82)}to{transform:scale(1)}}