:root{--font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg-base: #0b132b;--color-bg-surface: #111d3d;--color-bg-card: #16254c;--color-border: #223667;--color-text-primary: #f3f4f6;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--rarity-common: #9ca3af;--rarity-uncommon: #22c55e;--rarity-rare: #3b82f6;--rarity-epic: #a855f7;--rarity-legendary: #f59e0b;--color-primary: #ef4444;--color-primary-hover: #dc2626;--color-drink: #06b6d4;--color-drink-hover: #0891b2}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg-base);color:var(--color-text-primary);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease}button:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes microShake{0%,to{transform:translate(0)}20%{transform:translate(-3px) rotate(-.5deg)}40%{transform:translate(3px) rotate(.5deg)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.animate-micro-shake{animation:microShake .25s ease-in-out}@media(max-width:640px){.outcome-card{max-height:96dvh!important}.outcome-image-section{padding:.4rem .7rem .1rem!important}.outcome-image-frame{max-width:min(250px,68dvh)!important}.outcome-details{padding:.45rem .75rem .7rem!important}}.app-container{min-height:100vh;min-height:100dvh;width:100%;max-width:1140px;margin:0 auto;padding:.4rem .65rem;display:flex;flex-direction:column}@media(min-width:900px){.app-container{padding:1rem 2rem 1.5rem}}.hero-header{width:100%;max-width:340px;margin:0 auto .35rem;border-radius:12px;overflow:hidden;border:1.5px solid var(--color-border);background-color:var(--color-bg-surface);box-shadow:0 4px 16px #00000073;aspect-ratio:1200 / 630}@media(min-width:900px){.hero-header{max-width:720px;margin-bottom:.9rem;border-radius:16px;box-shadow:0 10px 30px #0009;aspect-ratio:1600 / 600}}.hero-image{width:100%;height:100%;object-fit:contain;display:block}.gacha-stage{flex:1;display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center;width:100%;justify-content:flex-start}@media(min-width:900px){.gacha-stage{gap:.85rem}}.reel-wrapper{width:100%;margin:.25rem auto}@media(min-width:900px){.reel-wrapper{margin:.5rem auto}}.cta-row{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:.25rem;width:100%}@media(min-width:900px){.cta-row{gap:.85rem;margin-top:.5rem}}.footer-section{margin-top:auto;padding:.45rem 0 .35rem;border-top:1px solid var(--color-border);font-size:.78rem;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}@media(min-width:900px){.footer-section{margin-top:1.25rem;padding-top:1rem;gap:.45rem;font-size:.82rem}}.footer-links{display:flex;align-items:center;gap:.35rem;flex-direction:column;justify-content:center}@media(min-width:641px){.footer-links{flex-direction:row;gap:1.5rem}}