:root{--crunch-blue:#4a90e2;--crunch-blue-dark:#2a5f9e;--crunch-sign:#d9822b;--crunch-sign-dark:#a75f16;--crunch-line:#d9cfc6;--crunch-muted:#8a7b70;--crunch-tile:54px;--crunch-op:46px;--crunch-box:50px;--crunch-sign-box:44px;--crunch-badge:20px;--crunch-total:52px;--crunch-tray-gap:8px;--crunch-row-gap:6px}[hidden]{display:none !important}#crunchHeader{display:grid;grid-template-columns:62px 1fr 62px;grid-template-areas:"left title right";align-items:center;padding:0 5px;box-sizing:border-box}#crunchHeader h1{grid-area:title;margin:0;font-size:25px;line-height:1.2;color:var(--crunch-blue);text-transform:lowercase}#crunchHeader h1 .crunch{color:#ff9500}#crunchHeader h1 #crunchGameNumber{color:#b0a59b;font-size:17px;font-weight:600}.crunch-heading{margin:8px 0 4px;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--crunch-muted)}.crunch-target-block{margin:6px auto 2px;padding:6px 22px;display:inline-block;border-radius:14px;background:#f6f1ec;border:2px solid var(--crunch-line)}.crunch-target-label{margin:0;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--crunch-muted)}.crunch-target{margin:0;font-size:40px;font-weight:700;line-height:1.1;color:var(--crunch-blue-dark)}.crunch-tray{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--crunch-tray-gap);min-height:calc(var(--crunch-tile) + 6px);padding:3px}.crunch-tray-signs{min-height:calc(var(--crunch-op) + 6px);margin-bottom:4px}.crunch-tray-empty{margin:0;font-size:14px;color:#9a8c82}button.crunch-tile{display:inline-flex;justify-content:center;align-items:center;width:var(--crunch-tile);height:var(--crunch-tile);padding:0;font-family:'Nunito',sans-serif;font-size:calc(var(--crunch-tile) * 0.41);font-weight:700;background:#fff;color:var(--crunch-blue-dark);border:2px solid var(--crunch-blue);border-radius:12px;box-shadow:0 2px 0 rgba(0,0,0,0.12);cursor:grab;touch-action:none;user-select:none;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out,background-color .2s ease-in-out}button.crunch-tile:hover:not(:disabled){background:#eaf2fc;transform:translateY(-1px)}button.crunch-tile:active:not(:disabled){transform:translateY(1px);box-shadow:none}button.crunch-tile:focus-visible{outline:3px solid var(--crunch-blue-dark);outline-offset:2px}button.crunch-tile:disabled{cursor:default;opacity:.55}button.crunch-op{width:var(--crunch-op);height:var(--crunch-op);font-size:calc(var(--crunch-op) * 0.5);color:var(--crunch-sign-dark);border-color:var(--crunch-sign);border-radius:50%}button.crunch-op:hover:not(:disabled){background:#fcf1e3}.crunch-slot button.crunch-tile{width:var(--crunch-box);height:var(--crunch-box);font-size:calc(var(--crunch-box) * 0.42)}.crunch-slot button.crunch-op{width:var(--crunch-sign-box);height:var(--crunch-sign-box);font-size:calc(var(--crunch-sign-box) * 0.5)}.crunch-dragging{opacity:.35}.crunch-ghost{position:fixed;top:0;left:0;z-index:10000;pointer-events:none;opacity:.95;box-shadow:0 8px 18px rgba(0,0,0,0.3);transform:translate(-200px,-200px)}.crunch-steps{list-style:none;margin:0 auto;padding:0}.crunch-step{display:flex;justify-content:center;align-items:center;gap:var(--crunch-row-gap);margin-bottom:4px;padding:4px var(--crunch-row-gap);border-radius:14px;border:2px solid transparent;background:#f6f1ec;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,opacity .2s ease-in-out}.crunch-step.active{background:#eaf2fc;border-color:var(--crunch-blue)}.crunch-step.done{background:#fff;border-color:var(--crunch-line)}.crunch-step.waiting{opacity:.4}.crunch-step-number{flex:0 0 var(--crunch-badge);font-size:calc(var(--crunch-badge) * 0.65);font-weight:700;color:var(--crunch-muted);text-align:center}.crunch-slot{display:flex;justify-content:center;align-items:center;overflow:hidden;flex:0 0 var(--crunch-box);height:var(--crunch-box);border-radius:12px;border:2px dashed var(--crunch-blue);background:rgba(255,255,255,0.6);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,transform .1s ease-in-out}.crunch-slot-sign{flex-basis:var(--crunch-sign-box);height:var(--crunch-sign-box);border-radius:50%;border-color:var(--crunch-sign)}.crunch-slot.filled{border-color:transparent;background:transparent}.crunch-step.waiting .crunch-slot{border-style:dashed;border-color:var(--crunch-line);background:transparent}.crunch-slot.crunch-drop-active,#crunchTiles.crunch-drop-active{background:#e3f0ff;border-color:var(--crunch-blue-dark);transform:scale(1.05)}#crunchTiles.crunch-drop-active{border:2px dashed var(--crunch-blue-dark);border-radius:12px;transform:none}.crunch-placeholder{font-size:calc(var(--crunch-box) * 0.22);letter-spacing:.04em;text-transform:uppercase;color:#a89a90;pointer-events:none;overflow:hidden}.crunch-value{display:flex;justify-content:center;align-items:center;flex:0 0 var(--crunch-box);height:var(--crunch-box);font-size:calc(var(--crunch-box) * 0.42);font-weight:700;color:var(--crunch-blue-dark);border:2px solid var(--crunch-blue);border-radius:12px;background:#fff}.crunch-carry{background:var(--crunch-blue);border-color:var(--crunch-blue-dark);color:#fff}.crunch-value.crunch-sign{flex-basis:var(--crunch-sign-box);height:var(--crunch-sign-box);font-size:calc(var(--crunch-sign-box) * 0.5);color:var(--crunch-sign-dark);border-color:var(--crunch-sign);border-radius:50%}.crunch-equals{flex:0 0 auto;font-size:calc(var(--crunch-box) * 0.42);font-weight:700;color:var(--crunch-muted)}.crunch-answer{flex:0 0 var(--crunch-total);font-family:'Nunito',sans-serif;font-size:calc(var(--crunch-total) * 0.46);font-weight:700;text-align:center;color:var(--crunch-blue-dark)}.crunch-answer.bad{color:#c0392b}.crunch-answer.good{color:#27a05a}.crunch-scoreline{margin:6px 0 0;min-height:20px;font-size:15px;font-weight:600;color:#6b5d54}#crunchGame{min-width:calc(5 * var(--crunch-tile) + 4 * var(--crunch-tray-gap) + 6px)}#gameContent{position:relative;padding-top:6px}#gameMessage{top:0 !important}.crunch-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}#game{padding-bottom:10px}#finishButton{position:static;transform:none}.crunch-sibling{margin-top:12px;font-size:15px}.crunch-sibling p{margin:2px 0}#app{margin-top:8px}#app footer{margin-top:10px}body{padding-top:50px;padding-bottom:10px}#crunchInstructionOverlay .overlay-content,#crunchQuitOverlay .overlay-content,#crunchEndOverlay .overlay-content{max-height:88vh;overflow-y:auto}#crunchEndOverlay .crunch-end-line{display:flex;justify-content:space-between;margin:0;padding:5px 0;font-size:15px;border-bottom:1px solid var(--crunch-line)}#crunchEndOverlay .crunch-end-line:last-child{border-bottom:0}.crunch-end-detail{max-width:260px;margin:12px auto}.crunch-end-solution{margin-bottom:10px}#crunchEndOverlay .crunch-solution-heading{margin:6px 0 4px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--crunch-muted)}#crunchEndOverlay .crunch-solution-step{margin:2px 0;font-size:16px;font-weight:600}#crunchEndOverlay .overlay-content>div:last-child,#crunchQuitOverlay .overlay-content>div:last-child{display:flex;justify-content:center;gap:10px}@media(max-width:440px){#crunchHeader{grid-template-columns:40px 1fr 40px}#crunchHeader h1{font-size:22px}#crunchHeader h1 #crunchGameNumber{font-size:15px}:root{--crunch-tile:46px;--crunch-op:42px;--crunch-box:46px;--crunch-sign-box:40px;--crunch-badge:18px;--crunch-total:48px;--crunch-tray-gap:6px;--crunch-row-gap:5px}.crunch-target{font-size:38px}}@media(max-width:385px){#crunchHeader h1{font-size:20px}#crunchHeader h1 #crunchGameNumber{font-size:14px}:root{--crunch-tile:40px;--crunch-op:38px;--crunch-box:40px;--crunch-sign-box:36px;--crunch-badge:16px;--crunch-total:42px;--crunch-tray-gap:5px;--crunch-row-gap:4px}.crunch-target{font-size:34px}}@media(min-width:900px) and (max-height:900px){:root{--crunch-box:46px;--crunch-sign-box:40px;--crunch-total:48px}.crunch-target-block{padding:4px 18px}.crunch-target{font-size:34px}.crunch-heading{margin:5px 0 3px}.crunch-tray{min-height:calc(var(--crunch-tile) + 2px)}.crunch-tray-signs{min-height:calc(var(--crunch-op) + 2px)}.crunch-step{margin-bottom:2px}.crunch-sibling{margin-top:6px}#app footer{margin-top:4px}}@media(max-width:351px){#crunchHeader{grid-template-columns:20px 1fr 20px}#crunchHeader h1{font-size:18px}#crunchHeader h1 #crunchGameNumber{font-size:13px}:root{--crunch-tile:34px;--crunch-op:32px;--crunch-box:34px;--crunch-sign-box:30px;--crunch-badge:14px;--crunch-total:34px;--crunch-tray-gap:4px;--crunch-row-gap:3px}.crunch-target{font-size:30px}.crunch-placeholder{display:none}}