@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&family=Outfit:wght@300;400;600&display=swap";:root{--bg-color: #1a1a1d;--panel-bg: rgba(44, 44, 46, .7);--text-main: #f2e8cf;--accent: #c5a059;--accent-hover: #b48a3d;--card-w: 120px;--card-h: 210px;--font-title: "Cinzel", serif;--font-text: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-text);min-height:100vh;display:flex;flex-direction:column;align-items:center;background-image:radial-gradient(circle at center,#2c2c2e,#1a1a1d 80%)}#app{width:100%;max-width:900px;padding:2rem;display:flex;flex-direction:column;gap:2rem}.header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.main-logo{width:100px;height:100px;border-radius:50%;box-shadow:0 0 30px #c5a05966;animation:pulse 4s infinite ease-in-out;border:1px solid rgba(197,160,89,.2)}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1;box-shadow:0 0 50px #c5a05999}}h1{font-family:var(--font-title);font-size:3.5rem;color:var(--accent);text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 15px rgba(197,160,89,.3);letter-spacing:4px;margin-bottom:.5rem}.header p{font-size:1.2rem;opacity:.8}.game-container{display:flex;flex-direction:column;gap:2rem;align-items:center;width:100%}.slots-container{display:flex;justify-content:center;gap:2rem;width:100%}.slot{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(197,160,89,.3);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 10px 40px #00000080;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.slot.locked{border-color:var(--accent);box-shadow:0 0 25px #c5a05966;transform:translateY(-5px)}.slot-title{font-family:var(--font-title);font-size:1.2rem;color:#fff;text-transform:uppercase}.reel-window{width:var(--card-w);height:var(--card-h);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 30px #000000e6;position:relative;background:#000;border:2px solid var(--accent)}.reel{display:flex;flex-direction:column;width:100%;will-change:transform}.card-img{width:var(--card-w);height:var(--card-h);object-fit:cover;display:block}.card-name{font-size:.9rem;text-align:center;min-height:1.2em;color:var(--accent)}.controls{display:flex;flex-direction:column;align-items:center;gap:1rem}.btn-group{display:flex;gap:1rem}.btn{font-family:var(--font-text);font-size:1.1rem;font-weight:600;padding:.8rem 2rem;border-radius:8px;cursor:pointer;border:none;transition:all .3s ease;min-width:180px}.btn.primary{background:var(--accent);color:#1a1a1d;box-shadow:0 4px 15px #c5a05966}.btn.primary:hover:not(:disabled){background:#f2e8cf;box-shadow:0 0 30px #c5a05999;transform:translateY(-3px)}.btn.secondary{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn.secondary:hover:not(:disabled){background:#c5a0591a;transform:translateY(-3px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.luck-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:250px}.luck-label{font-family:var(--font-title);font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:#aaa;text-align:center}.luck-bar-bg{width:100%;height:10px;background:#0009;border-radius:20px;overflow:hidden;border:1px solid rgba(197,160,89,.2);box-shadow:inset 0 2px 4px #000000b3}.luck-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),#f2e8cf);box-shadow:0 0 15px #c5a05999;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.reading-area{width:100%;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:2.5rem;border:1px solid rgba(197,160,89,.3);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 15px 50px #0009}.reading-area h2{font-family:var(--font-title);color:#fff;font-size:2rem}.hidden{display:none!important}.reading-content{font-size:1.1rem;line-height:1.8;max-width:800px;margin:0 auto;text-align:left;white-space:pre-wrap;color:#fff}.text-gradient{background:linear-gradient(135deg,var(--text-main),#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.spinner{width:50px;height:50px;border:4px solid rgba(197,160,89,.1);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.slots-container{flex-direction:column;align-items:center}}.footer{margin-top:4rem;padding:3rem 1rem;border-top:1px solid rgba(197,160,89,.1);width:100%;display:flex;justify-content:center;background:linear-gradient(to bottom,#1a1a1d00,#c5a05908)}.donation-btn{font-family:var(--font-title);color:var(--accent);text-decoration:none;border:1px solid var(--accent);padding:.8rem 2rem;border-radius:40px;font-size:.9rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:.8rem;background:#c5a0590d;box-shadow:0 4px 15px #0006}.donation-btn:hover{background:var(--accent);color:#1a1a1d;box-shadow:0 0 25px #c5a05999;transform:translateY(-4px)}.donation-btn .icon{font-size:1.1rem}