:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.app-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.reels-section{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.reels-container{display:flex;gap:2rem;justify-content:center;padding:2rem;background:#ffffff0d;border-radius:1rem}.button-container{width:100%;display:flex;justify-content:flex-end}.reel-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.reel-status{font-size:.8rem;font-weight:500;color:#999;text-transform:uppercase;letter-spacing:.05em;height:1.5em;margin-top:.5rem;-webkit-user-select:none;user-select:none;cursor:default}.reel-status.active{color:#4caf50}.reel{width:120px;height:180px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#333;box-shadow:0 4px 6px #0000001a,inset 0 0 20px #0000000d;border:1px solid #e0e0e0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s ease;overflow:hidden;position:relative}.reel:active{transform:scale(.98)}.reel-content{width:100%;text-align:center}@keyframes blurScroll{0%{transform:translateY(0);filter:blur(0)}10%{transform:translateY(-20px);filter:blur(2px)}50%{transform:translateY(0);filter:blur(5px)}90%{transform:translateY(20px);filter:blur(2px)}to{transform:translateY(0);filter:blur(0)}}.reel.spinning .reel-content{animation:blurScroll .1s infinite linear}.lucky-button{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;border:none;padding:.5rem 1rem;font-size:.9rem;font-weight:700;border-radius:20px;cursor:pointer;box-shadow:0 2px 8px #ff572266;transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:.5px}.lucky-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff572299}.lucky-button:active{transform:translateY(1px)}.info-table-container{background:#ffffff0d;padding:1.5rem;border-radius:1rem;max-width:800px;width:100%;margin-bottom:1rem}.info-table-container h3{margin-top:0;margin-bottom:1rem;color:#aaa;font-size:1rem;text-transform:uppercase;letter-spacing:.1em}.info-table{width:100%;border-collapse:collapse;font-size:.9rem;text-align:left}.info-table th{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.1);color:#888;font-weight:600}.info-table td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05);color:#ddd}.info-table tr:last-child td{border-bottom:none}.toggle-table-btn{background:transparent;border:1px solid #555;color:#aaa;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s;margin-bottom:1rem}.toggle-table-btn:hover{border-color:#888;color:#fff}@media(max-width:768px){#root{padding:1rem}.reels-container{padding:1rem;gap:.5rem;flex-wrap:wrap}.reel{width:80px;height:120px;font-size:2rem}.reel-status{font-size:.7rem}.lucky-button{width:100%;padding:.8rem;font-size:1rem}.reels-section{width:100%;align-items:center}.button-container{justify-content:center}.info-table-container{overflow-x:auto}.info-table th,.info-table td{padding:.5rem;font-size:.8rem}}