.cookie-stage{gap:var(--space-6);border:1px solid var(--c-border);border-top:3px solid var(--c-accent);background:repeating-linear-gradient(90deg, transparent 0 36px, color-mix(in oklch, var(--c-accent) 3%, transparent) 36px 72px), var(--c-surface);width:100%;max-width:none;box-shadow:var(--shadow-panel);justify-items:center;margin:0 auto;padding:clamp(16px,4vw,40px);display:grid}.cookie-stall{justify-content:center;align-items:center;gap:clamp(10px,3vw,28px);width:100%;display:flex}.cookie-sign{border:2px solid var(--c-accent);box-shadow:3px 3px 0 var(--c-border), inset 0 0 20px var(--c-accent-glow);color:var(--c-text);font:var(--text-base)/1.7 var(--font-pixel);text-align:center;margin:0;padding:14px 12px}.cookie-sign span{white-space:nowrap;color:var(--window-on)}.cookie-lantern{background:var(--c-accent);height:clamp(28px,5vw,44px);box-shadow:inset 0 0 0 3px var(--c-accent-soft);border-radius:50%;flex:0 0 clamp(20px,4vw,36px);position:relative}.cookie-lantern:before{content:"";background:radial-gradient(circle, var(--c-accent-glow), transparent 70%);border-radius:50%;animation:6s ease-in-out infinite alternate cookie-lantern-glow;position:absolute;inset:-10px}.cookie-lantern:after{content:"";background:var(--window-on);z-index:-1;width:4px;position:absolute;top:-7px;bottom:-7px;left:calc(50% - 2px)}@keyframes cookie-lantern-glow{0%{opacity:.35}to{opacity:.8}}.cookie-hint{font:var(--text-sm)/1.7 var(--font-body);color:var(--c-text-dim);text-align:center;margin:0}.cookie-hint b{color:var(--c-accent)}.cookie-tray{gap:var(--space-5) var(--space-2);width:100%;max-width:540px;padding:var(--space-4) 0;border-block:1px dashed var(--c-border);grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;display:grid}.cookie-btn{aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:min(100%,100px);padding:0;position:relative}.cookie-btn:hover,.cookie-btn:focus-visible{animation:.3s ease-in-out cookie-wiggle}@keyframes cookie-wiggle{0%,to{transform:rotate(0)}33%{transform:rotate(-3deg)}66%{transform:rotate(3deg)}}.cookie-btn:focus-visible{outline:2px solid var(--c-cyan);outline-offset:3px}.cookie-shape{background:radial-gradient(ellipse at 50% 20%, var(--window-on), transparent 70%), linear-gradient(168deg, var(--window-on), var(--state-away));box-shadow:inset 0 -5px 0 color-mix(in oklch, var(--state-away) 70%, var(--c-surface)), var(--shadow-sprite);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}@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-btn:hover .cookie-shape,.cookie-btn:focus-visible .cookie-shape{box-shadow:inset 0 -5px 0 var(--state-away), 0 0 18px var(--state-away-glow)}.cookie-shape:before{content:"";background:color-mix(in oklch, var(--state-away) 60%, var(--c-surface));border-radius:3px;width:4px;position:absolute;top:6%;bottom:6%;left:calc(50% - 2px)}.cookie-shape:after{content:"";background:var(--c-text);width:22px;height:12px;box-shadow:0 1px 2px var(--c-surface);position:absolute;top:14%;left:50%;transform:translate(-50%)rotate(-6deg)}.cookie-shuffle,.cookie-copy,.cookie-again{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface-raised);min-height:44px;color:var(--c-text);font:var(--text-sm)/1.5 var(--font-pixel);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 18px;display:inline-flex}.cookie-shuffle:hover,.cookie-copy:hover{border-color:var(--c-cyan);box-shadow:0 0 16px var(--c-cyan-glow)}.cookie-shuffle:focus-visible,.cookie-copy:focus-visible,.cookie-again:focus-visible{outline:2px solid var(--c-cyan);outline-offset:3px}.cookie-again{border-color:var(--c-accent);color:var(--c-surface);background:var(--c-accent)}.cookie-again:hover{box-shadow:0 0 20px var(--c-accent-glow)}.cookie-again:disabled{opacity:.6;cursor:wait}.cookie-result{gap:var(--space-6);justify-items:center;width:100%;min-width:0;display:grid}.cookie-crack{width:120px;height:120px;position:relative}.cookie-half{width:50%;position:absolute;inset:0;overflow:hidden}.cookie-half__inner{background:linear-gradient(168deg, var(--window-on), var(--state-away));border-radius:46% 46% 50% 50%/60% 60% 40% 40%;width:200%;height:100%;position:absolute;top:0}.cookie-half--l{animation:.48s steps(2,end) forwards cookie-split-l;left:0}.cookie-half--l .cookie-half__inner{left:0}.cookie-half--r{animation:.48s steps(2,end) forwards cookie-split-r;left:50%}.cookie-half--r .cookie-half__inner{left:-100%}@keyframes cookie-split-l{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:translate(-46%)rotate(-16deg)}}@keyframes cookie-split-r{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:translate(46%)rotate(16deg)}}.cookie-slip{background:var(--c-text);opacity:0;width:42px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cookie-stage--revealed .cookie-slip{opacity:1}.cookie-card{width:100%;min-width:0;padding:var(--space-5) clamp(12px, 3vw, 28px);background:var(--c-text);color:var(--c-surface);border-inline:5px dashed var(--c-surface);box-shadow:var(--shadow-panel);transform-origin:50%}.cookie-stage--cracking .cookie-card{opacity:0}.cookie-stage--revealed .cookie-card{animation:.36s ease-out both cookie-paper-unfold}@keyframes cookie-paper-unfold{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}.cookie-card__label{margin:0 0 var(--space-3);font:var(--text-xs)/1.6 var(--font-pixel);text-align:center}.cookie-fortune{font:var(--text-lg)/1.8 var(--font-body);text-align:center;overflow-wrap:anywhere;margin:0}.cookie-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:480px){.cookie-sign{font-size:var(--text-sm);padding:10px 8px}.cookie-sign span{display:block}.cookie-stage{gap:var(--space-5)}}@media (prefers-reduced-motion:reduce){.cookie-stage *,.cookie-stage :before,.cookie-stage :after{transition:none!important;animation:none!important}.cookie-half--l{transform:translate(-46%)rotate(-16deg)}.cookie-half--r{transform:translate(46%)rotate(16deg)}}@media (min-width:1280px){.page--fortune>.reveal{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,960px) minmax(0,1fr);display:grid;position:relative}.page--fortune>.reveal>*{min-width:0}.page--fortune .cookie-stage{grid-column:2;max-width:960px}.page--fortune>.reveal:before,.page--fortune>.reveal:after{content:"";background:radial-gradient(circle, var(--c-accent) 0 3px, var(--c-accent-glow) 4px 7px, transparent 8px) center / 28px 28px repeat;border-block:1px solid var(--c-accent-soft);min-width:0}.page--fortune>.reveal:before{grid-area:1/1}.page--fortune>.reveal:after{grid-area:1/3}}