.cookie-stage{gap:var(--space-6);max-width:760px;padding:var(--space-4);justify-items:center;margin:0 auto;display:grid}.cookie-tray{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(3,1fr);justify-items:center;width:100%;max-width:540px;display:grid}@media (max-width:480px){.cookie-tray{grid-template-columns:repeat(2,1fr)}}.cookie-hint{font-family:var(--font-pixel);font-size:var(--text-sm);letter-spacing:.03em;color:var(--c-text-dim);text-align:center;margin:0}.cookie-hint b{color:var(--c-accent)}.cookie-btn{--tilt:0deg;cursor:pointer;width:88px;height:88px;transition:transform var(--dur-fast) var(--ease-back), filter var(--dur-fast) var(--ease-out-expo);transform:rotate(var(--tilt));background:0 0;border:0;padding:0;position:relative}.cookie-btn:nth-child(3n+1){--tilt:-5deg}.cookie-btn:nth-child(3n+2){--tilt:3deg}.cookie-btn:nth-child(3n+3){--tilt:7deg}.cookie-btn:hover{transform:rotate(var(--tilt)) translateY(-4px) scale(1.05);filter:drop-shadow(0 0 12px var(--c-accent-glow)) brightness(1.06)}.cookie-btn:active{transform:rotate(var(--tilt)) translateY(0) scale(.96)}.cookie-btn:focus-visible{outline:none}.cookie-btn:focus-visible .cookie-shape{box-shadow:inset 0 0 0 2px #5d3904, 0 0 0 3px var(--c-accent), 0 0 18px 2px var(--c-accent-glow)}@supports (color:lab(0% 0 0)){.cookie-btn:focus-visible .cookie-shape{box-shadow:inset 0 0 0 2px lab(27.905% 13.0579 36.1503), 0 0 0 3px var(--c-accent), 0 0 18px 2px var(--c-accent-glow)}}.cookie-shape{background:radial-gradient(ellipse 70% 50% at 50% 24%, #ffe299d9, transparent 70%), linear-gradient(168deg, var(--window-on), var(--state-away) 92%);box-shadow:inset 0 -6px 10px -4px #7d460b99, inset 0 4px 8px -3px #fff1cab3, var(--shadow-sprite);transition:box-shadow var(--dur-fast) var(--ease-out-expo);animation:cookie-shape-pop var(--dur-normal) var(--ease-back) both;animation-delay:calc(var(--i,0) * 45ms);border-radius:46% 46% 50% 50%/60% 60% 40% 40%;position:absolute;inset:8px}@supports (color:lab(0% 0 0)){.cookie-shape{background:radial-gradient(ellipse 70% 50% at 50% 24%, lab(91.03% 3.78722 41.0026/.85), transparent 70%), linear-gradient(168deg, var(--window-on), var(--state-away) 92%);box-shadow:inset 0 -6px 10px -4px lab(35.7726% 21.2207 41.6775/.6), inset 0 4px 8px -3px lab(95.6157% .8156 23.6736/.7), var(--shadow-sprite)}}@keyframes cookie-shape-pop{0%{opacity:0;transform:scale(.6)translateY(6px)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)translateY(0)}}.cookie-shape:before{content:"";background:linear-gradient(#935927b3,#6c380dd9);background:linear-gradient(lab(43.8865% 21.5631 38.188/.7),lab(29.9308% 20.9803 34.9565/.85));border-radius:3px;width:5px;position:absolute;top:6%;bottom:6%;left:50%;transform:translate(-50%);box-shadow:1px 0 #fff1ca80,-1px 0 #683b1880;box-shadow:1px 0 lab(95.6157% .8156 23.6736/.5),-1px 0 lab(30.0023% 18.3399 29.6513/.5)}.cookie-shape:after{content:"";background:var(--c-paper,#f9f5e6);border-radius:1px;width:22px;height:12px;position:absolute;top:14%;left:50%;transform:translate(-50%)rotate(-6deg);box-shadow:0 1px 2px #0000004d,inset 0 0 0 1px #cec4a7;box-shadow:0 1px 2px lab(0% 0 0/.3),inset 0 0 0 1px lab(79.2993% .394225 15.6379)}@supports (color:lab(0% 0 0)){.cookie-shape:after{background:var(--c-paper,lab(96.6405% -.554323 7.65438))}}.cookie-shuffle{font-family:var(--font-pixel);font-size:var(--text-sm);letter-spacing:.04em;cursor:pointer;color:var(--c-text-dim);background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-bubble);transition:transform var(--dur-fast) var(--ease-out-expo), box-shadow var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);justify-self:center;align-items:center;gap:8px;padding:10px 22px;display:inline-flex}.cookie-shuffle__icon{font-size:.95em}.cookie-shuffle:hover{color:var(--c-text);border-color:var(--c-cyan);transform:translateY(-2px)}.cookie-shuffle:active{box-shadow:none;transform:translateY(0)}.cookie-shuffle:focus-visible{outline:2px solid var(--c-cyan);outline-offset:2px}.cookie-crack{width:168px;height:168px;position:relative}.cookie-half{width:50%;position:absolute;inset:0;overflow:hidden}.cookie-half__inner{background:radial-gradient(ellipse 70% 50% at 50% 24%, #ffe299d9, transparent 70%), linear-gradient(168deg, var(--window-on), var(--state-away) 92%);border-radius:46% 46% 50% 50%/60% 60% 40% 40%;width:200%;height:100%;position:absolute;top:0;box-shadow:inset 0 -6px 10px -4px #7d460b99,inset 0 4px 8px -3px #fff1cab3;box-shadow:inset 0 -6px 10px -4px lab(35.7726% 21.2207 41.6775/.6),inset 0 4px 8px -3px lab(95.6157% .8156 23.6736/.7)}@supports (color:lab(0% 0 0)){.cookie-half__inner{background:radial-gradient(ellipse 70% 50% at 50% 24%, lab(91.03% 3.78722 41.0026/.85), transparent 70%), linear-gradient(168deg, var(--window-on), var(--state-away) 92%)}}.cookie-half--l,.cookie-half--l .cookie-half__inner{left:0}.cookie-half--r{left:50%}.cookie-half--r .cookie-half__inner{left:-100%}.cookie-stage--cracking .cookie-half,.cookie-stage--revealed .cookie-half{will-change:transform}.cookie-stage--cracking .cookie-half--l,.cookie-stage--revealed .cookie-half--l{animation:cookie-split-l var(--crack-dur,.48s) var(--ease-back) forwards}.cookie-stage--cracking .cookie-half--r,.cookie-stage--revealed .cookie-half--r{animation:cookie-split-r var(--crack-dur,.48s) var(--ease-back) forwards}@keyframes cookie-split-l{0%{transform:translate(0)rotate(0)}to{opacity:.92;transform:translate(-46%)rotate(-16deg)}}@keyframes cookie-split-r{0%{transform:translate(0)rotate(0)}to{opacity:.92;transform:translate(46%)rotate(16deg)}}.cookie-slip{border-radius:var(--radius-sm);background:var(--c-paper,#f9f5e6);width:78px;height:96px;box-shadow:0 0 0 1px #c8bda1, var(--shadow-bubble);opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-34%)}@supports (color:lab(0% 0 0)){.cookie-slip{background:var(--c-paper,lab(96.6405% -.554323 7.65438));box-shadow:0 0 0 1px lab(76.9785% .407577 15.6501), var(--shadow-bubble)}}.cookie-slip:before{content:"";background:repeating-linear-gradient(#0000 0 9px,#8da8c380 9px 11px);background:repeating-linear-gradient(#0000 0 9px,lab(67.4322% -4.57647 -17.4525/.5) 9px 11px);border-radius:1px;position:absolute;inset:14px 12px}.cookie-stage--cracking .cookie-slip,.cookie-stage--revealed .cookie-slip{will-change:transform, opacity;animation:cookie-slip-up var(--crack-dur,.48s) var(--ease-back) forwards}@keyframes cookie-slip-up{0%{opacity:0;transform:translate(-50%,-10%)}55%{opacity:1}to{opacity:1;transform:translate(-50%,-64%)}}.cookie-result{gap:var(--space-6);justify-items:center;width:100%;max-width:520px;display:grid}.cookie-card{gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-panel), inset 0 0 24px -10px var(--c-accent-glow);background:linear-gradient(#45455db3,#262738d9);background:linear-gradient(lab(29.9974% 4.62359 -14.183/.7),lab(16.2013% 2.73459 -10.8233/.85));display:grid;position:relative}.cookie-card:before{content:"";background:linear-gradient(90deg, var(--c-accent), transparent 65%);opacity:.75;pointer-events:none;height:2px;position:absolute;inset:0 16px auto}.cookie-card__label{font-family:var(--font-pixel);font-size:var(--text-xs);letter-spacing:.08em;color:var(--c-text-faint);text-transform:uppercase;margin:0}.cookie-card__label:before{content:"📜 "}.cookie-fortune{font-family:var(--font-pixel);font-size:var(--text-lg);letter-spacing:.01em;color:var(--c-text);text-align:center;text-shadow:0 0 12px #ff5d842e;text-shadow:0 0 12px lab(62.8593% 65.2106 13.4925/.18);animation:cookie-fortune-pop var(--dur-normal) var(--ease-back) both;margin:0;line-height:1.7}.cookie-stage--cracking .cookie-fortune,.cookie-stage--revealed .cookie-fortune{will-change:transform, opacity}@keyframes cookie-fortune-pop{0%{opacity:0;transform:scale(.78)translateY(8px)}70%{opacity:1;transform:scale(1.04)}to{transform:scale(1)translateY(0)}}.cookie-again{font-family:var(--font-pixel);font-size:var(--text-base);letter-spacing:.04em;cursor:pointer;border-radius:var(--radius);color:#1d0c0e;color:lab(5.01542% 8.01618 1.75168);background:linear-gradient(180deg, var(--c-accent), var(--c-accent-soft));border:1px solid var(--c-accent);box-shadow:0 0 20px -2px var(--c-accent-glow), 0 4px 0 0 #811736;transition:transform var(--dur-fast) var(--ease-out-expo), box-shadow var(--dur-fast), filter var(--dur-fast);align-items:center;gap:8px;padding:14px 30px;display:inline-flex}@supports (color:lab(0% 0 0)){.cookie-again{box-shadow:0 0 20px -2px var(--c-accent-glow), 0 4px 0 0 lab(28.7709% 45.4518 10.6776)}}.cookie-again__icon{font-size:.85em}.cookie-again:hover{box-shadow:0 0 28px 0 var(--c-accent-glow), 0 6px 0 0 #811736;filter:brightness(1.06);transform:translateY(-2px)}@supports (color:lab(0% 0 0)){.cookie-again:hover{box-shadow:0 0 28px 0 var(--c-accent-glow), 0 6px 0 0 lab(28.7709% 45.4518 10.6776)}}.cookie-again:active{box-shadow:0 0 16px -2px var(--c-accent-glow), 0 2px 0 0 #811736;transform:translateY(2px)}@supports (color:lab(0% 0 0)){.cookie-again:active{box-shadow:0 0 16px -2px var(--c-accent-glow), 0 2px 0 0 lab(28.7709% 45.4518 10.6776)}}.cookie-again:focus-visible{outline:2px solid var(--c-text);outline-offset:3px}@media (prefers-reduced-motion:reduce){.cookie-btn,.cookie-shape,.cookie-shuffle,.cookie-again{transition:none}.cookie-shape{animation:.25s both cookie-shape-fade}@keyframes cookie-shape-fade{0%{opacity:.2}to{opacity:1}}.cookie-btn:hover,.cookie-btn:active{transform:rotate(var(--tilt))}.cookie-shuffle:hover,.cookie-shuffle:active{transform:none}.cookie-again:hover,.cookie-again:active{filter:none;transform:none}.cookie-half--l,.cookie-half--r{animation:none}.cookie-stage--cracking .cookie-half--l,.cookie-stage--revealed .cookie-half--l{opacity:.92;transform:translate(-46%)rotate(-16deg)}.cookie-stage--cracking .cookie-half--r,.cookie-stage--revealed .cookie-half--r{opacity:.92;transform:translate(46%)rotate(16deg)}.cookie-slip{opacity:1;animation:none;transform:translate(-50%,-64%)}.cookie-fortune{animation:none}.cookie-half,.cookie-slip,.cookie-fortune{will-change:auto}}