.fortune-icon{display:inline-block;background:url('/assets/fortune/cookie-states.png') left center/200% auto no-repeat;image-rendering:pixelated;flex-shrink:0}
.fortune-app{padding:18px 16px 20px;text-align:center;min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px;background:var(--paper);color:var(--ink)}
.fortune-prompt{font:14px/1.4 Tahoma,Arial,sans-serif;margin:0}
.fortune-stage{position:relative;height:245px;flex-shrink:0;display:grid;place-items:center}
.fortune-cookie{width:100%;max-width:340px;height:100%;border:0;background:transparent;padding:0;cursor:pointer;touch-action:manipulation}
.fortune-cookie:disabled{opacity:1;cursor:default}
.fortune-cookie:focus-visible{outline:2px dotted #735025;outline-offset:-5px}
.fortune-art{display:block;width:100%;height:100%;background:url('/assets/fortune/cookie-states.png') left center/200% auto no-repeat;image-rendering:pixelated}
.fortune-app[data-state=open] .fortune-art{background-position:right center}
.fortune-paper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76%;max-width:254px;margin:0;padding:17px 15px;background:#fff8dc;color:#392817;border:1px solid #b39961;box-shadow:2px 3px 0 #6b482c42;white-space:normal;overflow-wrap:break-word;font:16px/1.5 'Courier New',monospace;pointer-events:none}
.fortune-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.fortune-actions .retro-button{min-height:40px;padding:8px 16px}
@media(prefers-reduced-motion:no-preference){.fortune-app[data-state=open] .fortune-art{animation:cookie-crack .2s ease-out}.fortune-app[data-state=open] .fortune-paper{animation:fortune-reveal .25s ease-out}}
@keyframes cookie-crack{0%{transform:scale(.93)}60%{transform:scale(1.025)}100%{transform:scale(1)}}
@keyframes fortune-reveal{from{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}
@media(max-width:380px){.fortune-app{padding-inline:10px}.fortune-paper{font-size:15px;padding:14px 10px}}