@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative}.container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.logo{height:70px;width:auto;margin-bottom:3rem;position:relative;z-index:1}.gacha-box{width:280px;height:220px;border:2px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;position:relative;z-index:1}.gacha-box:hover:not(.disabled):not(.won):not(.inactive):not(.claiming){border-color:var(--accent);transform:scale(1.02)}.gacha-box:active:not(.disabled):not(.won):not(.inactive):not(.claiming){transform:scale(.98)}.gacha-box.disabled{cursor:not-allowed;opacity:.5}.gacha-box.claiming{cursor:wait;border-color:var(--accent);opacity:.8}.gacha-box.won{border-color:var(--accent);cursor:default}.gacha-box.shake{animation:shake .4s ease-in-out}.gacha-box.win-animation{animation:win-pulse .6s ease-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}@keyframes win-pulse{0%{transform:scale(1);box-shadow:0 0 #ff770fb3}50%{transform:scale(1.05);box-shadow:0 0 40px 10px #ff770f66}to{transform:scale(1);box-shadow:0 0 20px 5px #ff770f33}}.box-icon{font-size:4rem;margin-bottom:1rem;color:var(--text-secondary);transition:color .15s ease}.gacha-box:hover:not(.disabled):not(.won):not(.inactive):not(.claiming) .box-icon{color:var(--accent)}.gacha-box.won .box-icon{color:var(--accent)}.box-text{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.gacha-box.won .box-text{color:var(--accent)}.code-label{font-size:.625rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.code-value{font-size:1.25rem;font-weight:700;letter-spacing:.15em;color:var(--text-primary);font-family:Space Mono,monospace}.message{margin-top:1.5rem;font-size:.75rem;color:var(--text-secondary);letter-spacing:.1em;position:relative;z-index:1}.message.loss{color:var(--text-secondary)}.message.win{color:var(--accent)}.footer{position:fixed;bottom:2rem;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);opacity:.5}.drop-status{text-align:center;margin-bottom:2rem;position:relative;z-index:1}.drop-active{font-size:1rem;font-weight:700;letter-spacing:.3em;color:#0f8;text-transform:uppercase;animation:pulse-green 1.5s ease-in-out infinite}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.6}}.next-drop-label{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem}.all-claimed-message{font-size:.875rem;font-weight:700;letter-spacing:.2em;color:#ff6b6b;text-transform:uppercase;margin-bottom:1.5rem;padding:.75rem 1.5rem;border:1px solid rgba(255,107,107,.3);background:#ff6b6b1a}.drop-time{font-size:.75rem;color:var(--text-secondary);letter-spacing:.1em;margin-top:.5rem}.gacha-box.inactive{opacity:.4;cursor:not-allowed;border-color:var(--border)}.gacha-box.inactive:hover{transform:none;border-color:var(--border)}.loading{font-size:1rem;color:var(--text-secondary);letter-spacing:.2em;display:flex;align-items:center;gap:0}.loading-text{color:var(--text-secondary)}.loading-dots span{animation:loading-dot 1.4s infinite ease-in-out both;color:var(--text-secondary)}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading-dot{0%,80%,to{opacity:.2}40%{opacity:1}}.claiming-dots{font-size:4rem;display:flex;gap:.1em}.claiming-dots span{animation:claiming-dot 1s infinite ease-in-out both;color:var(--accent)}.claiming-dots span:nth-child(1){animation-delay:0s}.claiming-dots span:nth-child(2){animation-delay:.15s}.claiming-dots span:nth-child(3){animation-delay:.3s}@keyframes claiming-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pulse-dot{display:inline-block;width:8px;height:8px;background:#0f8;border-radius:50%;margin-right:.75rem;animation:pulse-dot-anim 1.5s ease-in-out infinite}@keyframes pulse-dot-anim{0%,to{transform:scale(1);box-shadow:0 0 #00ff88b3}50%{transform:scale(1.1);box-shadow:0 0 10px 3px #0f86}}.win-check{font-size:5rem;line-height:1;color:#0f8;animation:icon-pop .5s ease-out forwards;display:inline-block}@keyframes icon-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.ended-block{text-align:center;position:relative;z-index:1;padding:2rem 2.5rem;border:2px solid var(--border);background:var(--bg-secondary)}.ended-title{font-size:1.5rem;font-weight:700;letter-spacing:.3em;color:var(--accent);text-transform:uppercase;margin-bottom:.75rem}.ended-subtitle{font-size:.75rem;letter-spacing:.2em;color:var(--text-secondary);text-transform:uppercase}.countdown{font-size:2.5rem;font-weight:700;font-family:Space Mono,monospace;color:var(--text-primary);letter-spacing:.1em;transition:transform .1s ease}.code-display{margin-top:2rem;padding:1.5rem 2rem;border:2px solid var(--accent);background:#ff770f0d;position:relative;z-index:1;animation:code-reveal .6s ease-out forwards}@keyframes code-reveal{0%{opacity:0;transform:scale(.9);border-color:transparent}50%{border-color:var(--accent)}to{opacity:1;transform:scale(1)}}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--text-primary: #ffffff;--text-secondary: #888888;--accent: #ff770f;--border: #333333}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:Space Mono,monospace;background-color:var(--bg-primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}::selection{background:var(--accent);color:var(--bg-primary)}