:root{--paper: #f4f1ea;--dot: #cbc6b8;--ink: #2b2b2b;--ink-soft: #6b675e;--invalid: #a8462f;font-family:Patrick Hand,cursive}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{background-color:var(--paper);background-image:radial-gradient(var(--dot) 1.4px,transparent 1.5px);background-size:22px 22px;background-position:-11px -11px;color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}#app{position:relative}#scene{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;cursor:url(/hand.svg) 10 6,grab}#scene.cutting{cursor:url(/scissors.svg) 10 10,crosshair}#cut-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .15s ease}#cut-overlay.active{opacity:1}#confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#cut-line{stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:.5 9}#oops{position:absolute;transform:translate(-50%,-50%);font-size:30px;font-weight:700;color:var(--invalid);pointer-events:none;opacity:0;white-space:nowrap}#oops.show{animation:oopsFloat 1.1s ease forwards}@keyframes oopsFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}18%{opacity:1;transform:translate(-50%,-64%) scale(1.05)}38%{transform:translate(-50%,-70%) scale(1)}to{opacity:0;transform:translate(-50%,-128%) scale(1)}}#modes{position:absolute;top:20px;left:26px;display:flex;gap:6px;align-items:center}.mode-tab{font-family:inherit;font-size:20px;color:var(--ink-soft);background:transparent;border:none;border-bottom:2.5px solid transparent;padding:2px 6px 1px;cursor:pointer;line-height:1.1;touch-action:manipulation;transition:color .15s ease,border-color .15s ease}.mode-tab:hover{color:var(--ink)}.mode-tab.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:700}#conclusion{position:absolute;top:50%;left:60%;transform:translateY(-50%) translate(0);width:200px;padding:20px 22px;text-align:center;background:#ffffff6b;border:1.5px dashed var(--ink-soft);border-radius:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);touch-action:manipulation;transition:opacity .22s ease,transform .22s cubic-bezier(.18,.89,.32,1.1)}#conclusion.hidden{opacity:0;transform:translateY(-50%) translate(24px);pointer-events:none}.c-verdict{font-size:27px;color:var(--ink);line-height:1.05}.c-offby{margin-top:12px;font-size:19px;color:var(--ink-soft)}.c-offby strong{font-size:30px;color:var(--ink)}.c-split{margin-top:6px;font-size:22px;color:var(--ink);letter-spacing:.5px}.c-split .c-sep{margin:0 8px;color:var(--ink-soft)}#c-share{margin-top:18px;font-family:inherit;font-size:18px;color:var(--ink);background:transparent;border:1.5px solid var(--ink);border-radius:10px;padding:7px 18px;cursor:pointer;touch-action:manipulation;transition:background .15s ease,color .15s ease}#c-share:hover{background:var(--ink);color:var(--paper)}#c-share:active{transform:translateY(1px)}.c-tag{margin-top:12px;font-size:15px;color:var(--ink-soft);opacity:.85;letter-spacing:.5px}#note{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-size:21px;color:var(--ink-soft);letter-spacing:.3px;text-align:center;pointer-events:none}#note b{color:var(--ink);border:1.5px dashed var(--ink-soft);border-radius:6px;padding:0 8px;margin:0 2px}#labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .4s ease}#labels.active{opacity:1}.piece-label{position:absolute;transform:translate(-50%,-50%);font-size:26px;color:var(--ink);white-space:nowrap;text-shadow:0 0 6px var(--paper),0 0 6px var(--paper),0 1px 0 var(--paper)}@media (max-width: 720px){#conclusion{left:50%;right:auto;transform:translate(-50%,-50%)}#conclusion.hidden{transform:translate(-50%,calc(-50% + 16px))}}