.fortune-hero{text-align:center;padding:2.6rem 0 1.4rem}.fortune-hero>.text-link{align-items:center;min-height:2.75rem;margin:0 auto 2.2rem;display:table}.fortune-hero>.eyebrow{letter-spacing:.12em;font-size:.8rem}.fortune-hero h1{font-family:var(--serif);color:#eedda9;font-size:clamp(1.9rem,4.6vw,3.2rem);font-weight:500;line-height:1.6}.fortune-hero h1 span{color:#d3ae5c}.fortune-notice{color:#d3bf92;text-align:left;background:#c9a86a0c;border:1px dashed #c9a86a90;border-radius:6px;max-width:40rem;margin:1.8rem auto 0;padding:1rem 1.3rem;font-size:.9rem;line-height:1.95}.fortune-notice strong{color:#f0dfb8;font-weight:600}.fortune-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:2.6rem;padding:1rem 0 3rem;display:grid}.fortune-can-wrap{text-align:center;flex-direction:column;align-items:center;display:flex}.fortune-can{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;width:min(100%,15rem);padding:0;display:block}.fortune-can:disabled{cursor:progress}.fortune-can:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.fortune-can-art{transform-origin:50% 88%;width:100%;height:auto;display:block;overflow:visible}.fortune-can:hover:not(:disabled) .fortune-can-art{transform:rotate(-2deg)}.fortune-can-art{transition:transform .25s}.fortune-can-name{font-family:var(--serif);text-anchor:middle;fill:#f6e6bd;paint-order:stroke;stroke:#3a2810;stroke-width:4px;stroke-linejoin:round;font-size:44px}.fortune-can-star{text-anchor:middle;fill:#e7c66f;font-size:28px}.fortune-pick{opacity:0;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .25s;transform:translateY(80px)}.fortune-pick.is-out{opacity:1;transform:translateY(0)}.fortune-pick-number{font-family:var(--serif);text-anchor:middle;dominant-baseline:central;fill:#3a2810;font-size:27px}.fortune-can.is-shaking .fortune-can-art{animation:.26s ease-in-out infinite alternate fortune-shake}.fortune-can.is-shaking .fortune-sticks{animation:.13s ease-in-out infinite alternate fortune-rattle}@keyframes fortune-shake{0%{transform:rotate(-8deg)translateY(0)}35%{transform:rotate(6deg)translateY(-5px)}70%{transform:rotate(-5deg)translateY(-2px)}to{transform:rotate(8deg)translateY(-6px)}}@keyframes fortune-rattle{0%{transform:translateY(-5px)}to{transform:translateY(6px)}}.fortune-shake{width:100%;max-width:15rem;margin-top:1.2rem}.fortune-shake:disabled{opacity:.65;cursor:progress;transform:none}.fortune-hint{color:#af9c7c;margin:.9rem 0 0;font-size:.85rem;line-height:1.85}.fortune-result{align-items:center;min-width:0;min-height:20rem;display:flex}.fortune-result>.fortune-slip,.fortune-result>.fortune-empty{width:100%}.fortune-empty{color:#b7a47f;text-align:center;background:#b08a4506;border:1px dashed #a47e4160;border-radius:8px;place-items:center;min-height:16rem;padding:1.5rem;font-size:1rem;line-height:1.9;display:grid}.fortune-empty p{margin:0}.fortune-slip{color:#3a2a14;text-align:left;background:linear-gradient(170deg,#f5e9cb,#e9d7ad);border-radius:4px;outline:none;padding:2.1rem 2.1rem 1.5rem;animation:.55s cubic-bezier(.22,1,.36,1) fortune-slip-in;position:relative;box-shadow:0 20px 55px #0009,inset 0 0 0 1px #b08a4580}.fortune-slip:before{content:"";pointer-events:none;border:1px solid #9a7338a0;border-radius:2px;position:absolute;inset:.55rem}.fortune-slip:focus-visible{box-shadow:0 20px 55px #0009,0 0 0 3px var(--gold)}@keyframes fortune-slip-in{0%{opacity:0;transform:translateY(14px)rotate(-1deg)}to{opacity:1;transform:none}}.fortune-slip-kicker{letter-spacing:.06em;color:#7a5a27;margin:0;font-size:.85rem}.fortune-slip h2{font-family:var(--serif);color:#2f2010;margin:.2rem 0 .8rem;font-size:clamp(1.5rem,3.4vw,2rem);font-weight:600;line-height:1.6}.fortune-message{color:#3a2a14;margin:0;font-size:1.1rem;line-height:2}.fortune-tip{background:#3a2a1410;border-left:3px solid #a47c35;margin:1.3rem 0 0;padding:.8rem 1rem}.fortune-tip strong{color:#6b4d1d;font-size:.85rem;font-weight:600}.fortune-tip p{color:#3a2a14;margin:.2rem 0 0;font-size:1rem;line-height:1.9}.fortune-fine{color:#6b5430;margin:1.1rem 0 0;font-size:.78rem;line-height:1.85}.fortune-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.fortune-link-button{color:#3a2a14;min-height:2.75rem;font:inherit;cursor:pointer;background:0 0;border:1px solid #8a6a30;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background .2s;display:inline-flex}.fortune-link-button:hover{background:#3a2a141a}.fortune-link-button:focus-visible{outline-offset:3px;outline:2px solid #3a2a14}.fortune-apart{text-align:center;background:linear-gradient(145deg,#2b2218aa,#17130f);border:1px solid #a47e4145;border-radius:6px;margin-bottom:3rem;padding:1.6rem 1.6rem 1.8rem}.fortune-apart h2{font-family:var(--serif);color:#eedda9;margin:0 0 .6rem;font-size:1.3rem;font-weight:500}.fortune-apart p{color:#bcab8e;max-width:34rem;margin:0 auto;font-size:.95rem;line-height:1.95}.fortune-apart-links{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:1.3rem;display:flex}@media (max-width:860px){.fortune-grid{grid-template-columns:minmax(0,1fr);gap:1.8rem}.fortune-result{min-height:0}}@media (max-width:760px){.fortune-hero{padding-top:1.8rem}.fortune-slip{padding:1.7rem 1.4rem 1.3rem}.fortune-apart-links .button{width:100%;max-width:25rem}}@media (prefers-reduced-motion:reduce){.fortune-can.is-shaking .fortune-can-art,.fortune-can.is-shaking .fortune-sticks{animation:none}.fortune-can-art,.fortune-pick{transition:none}.fortune-slip{animation:none}}:is(body:has(#pause-motion:checked) .fortune-can.is-shaking .fortune-can-art,body:has(#pause-motion:checked) .fortune-can.is-shaking .fortune-sticks){animation:none}:is(body:has(#pause-motion:checked) .fortune-can-art,body:has(#pause-motion:checked) .fortune-pick){transition:none}body:has(#pause-motion:checked) .fortune-slip{animation:none}@media print{.fortune-can-wrap,.fortune-apart{display:none}}