:root{color:#191919;--surface:#fff8e9;--ink:#191919;--muted:#53514a;--accent:#ff80af;--accent-dark:#191919;--piece-a:#c5f477;--piece-b:#ff92bb;--shape-fill:#ffe35b;--level-accent:#c5f477;--shape-edge:#191919;--hard-shadow:6px 6px 0 var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff8e9;font-family:Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none}body{background-image:linear-gradient(#19191908 1px,#0000 1px),linear-gradient(90deg,#19191908 1px,#0000 1px);background-size:28px 28px;min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;min-height:52px}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:6px;outline:3px solid #e5005a}p{margin:0;line-height:1.6}.app{max-width:680px;min-height:100svh;padding:max(28px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));flex-direction:column;margin-inline:auto;display:flex}header{justify-content:space-between;align-items:center;gap:14px;display:flex}.wordmark{min-height:52px;color:var(--ink);flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.split-logo{width:174px;height:58px;display:block;overflow:visible}.split-logo-text{letter-spacing:-1.4px;font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-size:22px;font-weight:900}time{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;background:#fff;padding:9px 10px;font:700 .7rem ui-monospace,monospace;transform:rotate(2deg)}footer{color:var(--muted);text-align:center;margin-top:8px;padding-block:16px 4px;font:.68rem/1.6 ui-monospace,monospace}main{flex-direction:column;flex:1;justify-content:center;padding-block:40px 16px;display:flex}.app.is-playing{padding-top:max(16px, env(safe-area-inset-top))}.game-page{justify-content:flex-start;padding-block:16px 8px}.game-page .daily-level{gap:6px;margin-top:14px;padding:12px 16px}.game-page .cut-interaction{margin-top:18px}.game-page .polygon-stage{max-height:clamp(160px, calc(100svh - 350px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 420px)}.game-page .cut-instruction{margin-top:14px}.game-page .cut-actions{margin-top:10px}.game-eyebrow{color:#fff;background:var(--ink);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;padding:5px 8px;font:700 .62rem/1.4 ui-monospace,monospace}h1{letter-spacing:-.075em;text-transform:uppercase;margin:14px 0;font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-size:clamp(3rem,11vw,4.6rem);font-weight:950;line-height:.98}.game-intro{max-width:34ch;font-size:.9rem;font-weight:500}.daily-level{border:3px solid var(--ink);background:var(--level-accent);box-shadow:var(--hard-shadow);gap:7px;margin-top:26px;padding:17px 20px;display:grid}.level-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.level-heading strong{letter-spacing:-.04em;text-transform:uppercase;font-size:1.2rem;font-weight:900}.level-heading>span{border:2px solid var(--ink);background:#fff;padding:5px 7px;font:700 .65rem ui-monospace,monospace;transform:rotate(2deg)}.level-description{font-size:.78rem}.level-progress{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:5px;display:grid}.level-progress span{border:2px solid var(--ink);background:#fff;height:9px}.level-progress .is-complete{background:var(--ink)}.level-progress .is-current{background:var(--shape-fill)}.cut-interaction{margin-block:28px 8px}.cut-stage{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.polygon-stage{aspect-ratio:1;background-color:#fffef8;background-image:linear-gradient(#1919190c 1px,#0000 1px),linear-gradient(90deg,#1919190c 1px,#0000 1px);background-size:20px 20px;width:100%;max-height:420px;margin-block:24px;position:relative;overflow:hidden}.cut-stage .polygon-stage{margin:0}.polygon-canvas,.polygon-stage svg{width:100%;height:100%;position:absolute;inset:0}.polygon-canvas canvas{display:block}.cut-stage .cut-overlay{z-index:1;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.cut-stage.is-submitted .cut-overlay{cursor:default}.cut-stage.is-entering .cut-overlay{cursor:wait}.shape-entrance{transform-box:fill-box;transform-origin:50%;animation:1.2s cubic-bezier(.22,1,.36,1) both shape-arrive}@keyframes shape-arrive{0%{transform:perspective(700px)rotateY(-360deg)rotate(-28deg)scale(.001)}70%{transform:perspective(700px)rotateY(-14deg)rotate(3deg)scale(1.07)}to{transform:perspective(700px)rotateY(0)rotate(0)scale(1)}}.cut-overlay:focus,.cut-overlay:focus-visible{outline:none}.cut-line,.cut-line-halo{stroke-linecap:round;stroke-dasharray:1 9;pointer-events:none}.cut-line{stroke:#191919;stroke-width:3px}.cut-line-halo{stroke:#fff;stroke-width:6px}.cut-endpoint{fill:#ff80af;stroke:#191919;stroke-width:2px;pointer-events:none}.cut-instruction{min-height:3.2em;color:var(--muted);text-align:center;margin-top:22px;font:.76rem/1.6 ui-monospace,monospace}.cut-actions{grid-template-columns:1fr 1fr;gap:16px;margin-top:14px;display:grid}.cut-actions.is-hidden{visibility:hidden;pointer-events:none}.cut-next{grid-column:1/-1}.cut-actions button,.share-actions button{border:3px solid var(--ink);color:var(--ink);box-shadow:5px 5px 0 var(--ink);text-transform:uppercase;border-radius:0;padding:14px 17px;font:800 .83rem ui-monospace,monospace;transition:transform .1s,box-shadow .1s}.cut-reset{background:#fff}.cut-submit{background:var(--shape-fill)}.share-actions button{background:#ffe35b}@media (hover:hover){.cut-actions button:hover:enabled,.share-actions button:hover:enabled{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}}.cut-actions button:active:enabled,.share-actions button:active:enabled{box-shadow:1px 1px 0 var(--ink);transform:translate(4px,4px)}.cut-submit:disabled,.share-actions button:disabled{color:#6b685f;box-shadow:none;cursor:default;background:#e3e0d8;border-color:#6b685f}.chop-piece{pointer-events:none;will-change:transform;width:100%;height:100%;animation:1.75s cubic-bezier(.25,.8,.3,1) .12s both chop-apart;position:absolute;inset:0}@keyframes chop-apart{0%{transform:perspective(800px)translate(0,0)rotateX(0)rotateY(0)rotate(0)scale(1)}9%{transform:perspective(800px) translate3d(calc(var(--chop-x) * .35), calc(var(--chop-y) * .35), 8px) rotateX(calc(var(--chop-tilt) * -.4)) rotateY(calc(var(--chop-flip) * -.04)) rotateZ(calc(var(--chop-turn) * -.12)) scale(.98)}27%{transform:perspective(800px) translate3d(calc(var(--chop-x) * 1.5), calc(var(--chop-y) * 1.5), 45px) rotateX(var(--chop-tilt)) rotateY(calc(var(--chop-flip) * .45)) rotateZ(var(--chop-turn)) scale(1.025)}46%{transform:perspective(800px) translate3d(calc(var(--chop-x) * 1.15), calc(var(--chop-y) * 1.15), 20px) rotateX(calc(var(--chop-tilt) * -.35)) rotateY(calc(var(--chop-flip) * .9)) rotateZ(calc(var(--chop-turn) * -.22)) scale(1)}60%{transform:perspective(800px) translate3d(var(--chop-x), var(--chop-y), 0) rotateX(0deg) rotateY(var(--chop-flip)) rotateZ(0deg) scale(1)}to{transform:perspective(800px) translate3d(var(--settle-x), var(--settle-y), 0) rotateX(0deg) rotateY(var(--chop-flip)) rotateZ(0deg) scale(var(--settle-scale))}}.cut-stage.is-submitted .cut-line,.cut-stage.is-submitted .cut-line-halo,.cut-stage.is-submitted .cut-endpoint{opacity:0;transition:opacity .12s}.cut-slash{stroke:#fffef8;stroke-width:4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;pointer-events:none;animation:.35s ease-out both chop-slash}.polygon-stage .measurement-fill{z-index:1;pointer-events:none;opacity:1}.piece-percentage{z-index:2;border:2px solid var(--ink);background:var(--piece-a);color:var(--ink);box-shadow:4px 4px 0 var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;padding:8px 11px;font:900 clamp(1rem,4vw,1.4rem) ui-monospace,monospace;position:absolute;transform:translate(-50%,-100%)}.piece-percentage span{margin-left:1px;font-size:.7em}.piece-percentage-1{background:var(--piece-b)}@keyframes chop-slash{0%{stroke-dashoffset:1px;opacity:1}40%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@media (prefers-reduced-motion:reduce){.shape-entrance{animation:none}.chop-piece{transform:translate(var(--settle-x), var(--settle-y)) scale(var(--settle-scale));animation:none}.cut-slash{opacity:0;animation:none}.cut-stage.is-submitted .cut-line,.cut-stage.is-submitted .cut-line-halo,.cut-stage.is-submitted .cut-endpoint{transition:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.results-page{justify-content:flex-start}.results-title:focus{outline:none}.results-page>p{font-size:.9rem}.score-summary{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#ffe35b;margin-top:26px;padding:24px}.score-eyebrow,.result-level{text-transform:uppercase;letter-spacing:.1em;font:800 .65rem ui-monospace,monospace}.score-total{letter-spacing:-.07em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:clamp(2.5rem,12vw,4rem);font-weight:950;line-height:1.2}.score-total span{letter-spacing:0;white-space:nowrap;font:700 .85rem ui-monospace,monospace}.score-emojis{justify-content:space-between;gap:8px;margin-block:20px 26px;display:flex}.score-emojis>span{border:2px solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);background:#fff;place-items:center;font-size:1.35rem;display:grid}.share-actions{flex-wrap:wrap;gap:14px;display:flex}.share-actions button{background:#ff92bb;flex:1}.share-status{min-height:1.6em;margin-top:14px;font-size:.8rem}.share-preview,.scoring-rules{color:var(--ink);font-size:.8rem}.share-preview summary,.scoring-rules summary{cursor:pointer;min-height:44px;padding-block:12px;font:700 .76rem/1.6 ui-monospace,monospace}.share-preview textarea{border:2px solid var(--ink);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:0;margin-top:8px;padding:14px;font:.8rem/1.7 ui-monospace,monospace;display:block}.daily-results{gap:20px;margin:30px 0;padding:0;list-style:none;display:grid}.result-card{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;grid-template-columns:clamp(78px,22vw,112px) minmax(0,1fr);align-items:center;gap:20px;padding:20px;display:grid}.result-card:nth-child(2n){background:#fff0f6}.result-shape{aspect-ratio:1;width:100%;padding:5px}.result-details h2{letter-spacing:-.04em;text-transform:uppercase;margin:5px 0 8px;font-size:1.15rem;font-weight:900}.result-level{font-size:.6rem}.result-percentages{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:7px;font:800 clamp(.9rem,3.8vw,1.35rem) ui-monospace,monospace;display:flex}.result-percentages span:first-child{-webkit-text-decoration:underline 4px var(--piece-a);text-decoration:underline 4px var(--piece-a);text-underline-offset:4px}.result-percentages span:last-child{-webkit-text-decoration:underline 4px var(--piece-b);text-decoration:underline 4px var(--piece-b);text-underline-offset:4px}.result-percentages small{font-size:.65em}.result-percentages .result-divider{color:#79756c;font-weight:400}.result-score{align-items:baseline;gap:4px;margin-top:8px;font-size:.85rem;display:flex}.result-score>span:last-child{color:var(--muted);font-size:.7rem}.scoring-rules{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;margin-bottom:24px;padding:4px 18px}.scoring-rules p{margin-block:8px}.scoring-rules ul{padding-left:20px;line-height:1.8}.results-finished{text-align:center;font-weight:700}.new-day-notice{border:2px solid var(--ink);background:var(--surface);gap:12px;margin-top:20px;padding:16px;font-size:.8rem;display:grid}.new-day-notice button{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);background:#ffe35b;padding:12px;font-weight:800}.save-notice{text-align:center;padding-top:12px;font-size:.75rem}.skip-animations .shape-entrance{animation:none}.skip-animations .chop-piece{transform:translate(var(--settle-x), var(--settle-y)) scale(var(--settle-scale));animation:none}.perfect-celebration{z-index:4;pointer-events:none;position:absolute;inset:0}.polygon-stage .perfect-confetti{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.perfect-confetti-piece{transform-box:fill-box;transform-origin:50%;animation:2.1s cubic-bezier(.15,.65,.4,1) both perfect-confetti}@keyframes perfect-confetti{0%{opacity:0;transform:translate(0)rotate(0)scale(.3)}5%{opacity:1}35%{transform:translate(var(--confetti-x), var(--confetti-y)) rotate(calc(var(--confetti-spin) * .5)) scale(1);opacity:1}to{transform:translate(calc(var(--confetti-x) * 1.2), calc(var(--confetti-y) + 900px)) rotate(var(--confetti-spin)) scale(.7);opacity:0}}.perfect-stamp{border:4px solid var(--ink);box-shadow:8px 8px 0 #ff80af, 10px 10px 0 var(--ink);text-align:center;white-space:nowrap;background:#ffe35b;gap:2px;padding:12px 24px;animation:1.8s both perfect-stamp;display:grid;position:absolute;top:50%;left:50%}.perfect-stamp span{text-transform:uppercase;letter-spacing:.15em;font:900 .7rem ui-monospace,monospace}.perfect-stamp strong{letter-spacing:-.06em;font:950 clamp(2.5rem,12vw,4rem)/1 Arial Black,Arial,sans-serif}@keyframes perfect-stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-12deg)scale(.2)}15%{opacity:1;transform:translate(-50%,-50%)rotate(4deg)scale(1.12)}25%,75%{opacity:1;transform:translate(-50%,-50%)rotate(-4deg)scale(1)}to{opacity:0;transform:translate(-50%,-65%)rotate(-4deg)scale(.9)}}.polygon-stage.is-perfect .polygon-canvas,.polygon-stage.is-perfect .measurement-fill{transform-origin:50%;animation:.65s ease-out perfect-pieces}@keyframes perfect-pieces{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.07)rotate(-2deg)}55%{transform:scale(.98)rotate(1deg)}}.cut-instruction.is-perfect{border:2px solid var(--ink);width:fit-content;color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#ffe35b;place-items:center;margin-inline:auto;padding-inline:14px;font-weight:900;display:grid}@media (prefers-reduced-motion:reduce){.perfect-celebration{display:none}.polygon-stage.is-perfect .polygon-canvas,.polygon-stage.is-perfect .measurement-fill{animation:none}}@media (width<=380px){.app{padding-inline:22px}.split-logo{width:156px;height:52px}time{padding:8px;font-size:.65rem}.daily-level{padding:15px}.score-summary{padding:18px}.score-emojis>span{width:36px;height:36px;font-size:1.2rem}.result-card{gap:12px;padding:14px}.result-level{letter-spacing:.05em}.result-percentages{gap:4px}}@media (prefers-reduced-motion:reduce){.cut-actions button,.share-actions button{transition:none}}
