@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--gold-primary:gold;--gold-gradient:linear-gradient(135deg, gold 0%, #d4af37 100%);--silver-gradient:linear-gradient(135deg, #e0e0e0 0%, #bdbdbd 100%);--bg-dark:#0a0a0a;--bg-darker:#050505;--bg-card:#19191966;--glass-border:#ffd70033;--glass-border-light:#ffffff1a;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--neon-blue:#00f3ff;--neon-purple:#bc13fe}*{box-sizing:border-box;margin:0;padding:0}html{font-size:13px}body{color:var(--text-primary);background:linear-gradient(-45deg,#020617,#0f172a,#1e1b4b,#083344) 0 0/400% 400%;margin:0;font-family:Outfit,sans-serif;animation:20s infinite liquidPan;overflow-x:hidden}@keyframes liquidPan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid #0000;border-radius:20px;padding:24px;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:#ffd70066;box-shadow:0 12px 40px #00000080,inset 0 0 20px #ffd7000d}.gold-text{background:var(--gold-gradient);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #ffd70033;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--gold-gradient);color:var(--bg-dark);cursor:pointer;border:none;border-radius:30px;padding:14px 36px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 15px #ffd70033}.btn-primary:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffd70066}.btn-primary:hover:after{left:200%}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes fadeIn{0%{opacity:0;filter:blur(5px);transform:translateY(30px)}to{opacity:1;filter:blur();transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.delay-1{opacity:0;animation-delay:.15s}.delay-2{opacity:0;animation-delay:.3s}.delay-3{opacity:0;animation-delay:.45s}@keyframes dropIn{0%{opacity:0;transform:translateY(-60px)scale(.5)}60%{opacity:1;transform:translateY(15px)scale(1.1)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-drop{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards dropIn}@keyframes pourShake{0%,to{transform:rotate(0)scale(.95)}25%{transform:rotate(-5deg)scale(.95)}75%{transform:rotate(5deg)scale(.95)}}.pt-grid{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #ffffff80;border-radius:16px;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(18,1fr);gap:4px;max-width:1300px;margin:1rem auto;padding:12px;display:grid;box-shadow:0 10px 40px #0f172a0d,inset 0 0 10px #fff3}.pt-element{aspect-ratio:1;cursor:pointer;background:#fff6;border:1px solid #ffffff80;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:2px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,background-color .2s;display:flex;position:relative;box-shadow:inset 0 1px #fff6,0 2px 5px #00000005}.pt-element:hover{z-index:10;background:#ffffffd9;border-color:#8b5cf666;transform:scale(1.15)translateY(-3px);box-shadow:0 12px 24px #0f172a1a,0 0 12px #fffc}.pt-element.selected{background:#8b5cf614;border-color:#8b5cf6;animation:2s infinite pulseNeonLight;box-shadow:0 0 15px #8b5cf666,inset 0 0 8px #8b5cf61a}@keyframes pulseNeonLight{0%{box-shadow:0 0 10px #8b5cf633}50%{box-shadow:0 0 20px #8b5cf680}to{box-shadow:0 0 10px #8b5cf633}}.pt-symbol{margin-top:1px;font-size:.95rem;font-weight:700}.pt-image-container{background:#f8fafc;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-bottom:2px;display:flex;overflow:hidden}.pt-image{object-fit:cover;width:100%;height:100%;transition:transform .2s}.pt-element:hover .pt-image{transform:scale(1.1)}.pt-number{color:#0f172a99;font-size:.65rem;font-weight:600;position:absolute;top:3px;left:5px}.pt-name{text-transform:uppercase;color:#0f172ab3;white-space:nowrap;text-overflow:ellipsis;text-align:center;letter-spacing:.5px;max-width:95%;margin-top:1px;font-size:.5rem;font-weight:500;overflow:hidden}.tooltip-container{position:relative}.tooltip-container:hover .tooltip-content{visibility:visible;opacity:1;transform:translateY(-5px)}.tooltip-content{visibility:hidden;opacity:0;color:#1e293b;text-align:center;z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffffa;border:1px solid #0ea5e94d;border-radius:8px;font-size:.75rem;transition:opacity .2s,transform .2s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 10px 25px #0ea5e91f}.tooltip-content:after{content:"";border:5px solid #0000;border-top-color:#0ea5e94d;margin-left:-5px;position:absolute;top:100%;left:50%}.btn-forge-hammer{color:#f3f4f6;cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#374151 0%,#1f2937 100%);border:1px solid #4b5563;border-radius:30px;align-items:center;gap:10px;padding:12px 30px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 4px 15px #0006,inset 0 1px #ffffff1a}.btn-forge-hammer:hover{background:linear-gradient(135deg,#4b5563 0%,#111827 100%);border-color:#ef4444;transform:translateY(-2px);box-shadow:0 8px 20px #ef444426,0 0 15px #00000080}.btn-forge-hammer:active{transform:translateY(1px)scale(.95);box-shadow:0 2px 10px #0009}.hammer-icon{transition:transform .2s}.btn-forge-hammer:hover .hammer-icon{transform:rotate(-25deg)}@keyframes bubbling{0%{opacity:.8;transform:scale(1)translateY(0)}50%{opacity:1;filter:hue-rotate(45deg);transform:scale(1.08)translateY(-6px)}to{opacity:.8;transform:scale(1)translateY(0)}}.animate-bubbling{animation:.6s ease-in-out infinite bubbling}@keyframes shakeFlask{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.animate-shake{animation:.3s ease-in-out infinite shakeFlask}@keyframes tipAndPour{0%{transform:rotate(0)translateY(0)}50%{transform:rotate(30deg)translateY(10px)}to{transform:rotate(0)translateY(0)}}.animate-pour{animation:.4s ease-in-out tipAndPour}.metal-bucket{cursor:pointer;filter:drop-shadow(0 4px 8px #00000080);width:80px;height:96px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:relative}.metal-bucket:hover{filter:drop-shadow(0 0 14px var(--metal-glow,#ffd70080)) drop-shadow(0 8px 12px #0009);transform:translateY(-6px)scale(1.07)}.metal-bucket:active{transition:transform 80ms;transform:translateY(0)scale(.96)}.bucket-body{clip-path:polygon(6% 0%,94% 0%,100% 100%,0% 100%);border:1px solid #ffffff14;border-radius:0 0 12px 12px;height:80px;position:absolute;bottom:0;left:6px;right:6px;overflow:hidden}.bucket-liquid{transition:height .5s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.liquid-surface{opacity:.7;border-radius:50%;width:140%;height:10px;animation:2s ease-in-out infinite waveRoll;position:absolute;top:-5px;left:-20%}@keyframes waveRoll{0%{transform:translate(0%)scaleY(1)}50%{transform:translate(8%)scaleY(1.5)}to{transform:translate(0%)scaleY(1)}}.bubble{opacity:0;border-radius:50%;animation:2s ease-in infinite bubbleRise;position:absolute}.bubble-0{width:5px;height:5px;animation-duration:1.8s;animation-delay:0s;left:20%}.bubble-1{width:4px;height:4px;animation-duration:2.2s;animation-delay:.6s;left:50%}.bubble-2{width:6px;height:6px;animation-duration:1.5s;animation-delay:1.1s;left:70%}@keyframes bubbleRise{0%{opacity:.8;bottom:2px;transform:translate(0)}60%{opacity:.6;transform:translate(-3px)}to{opacity:0;bottom:95%;transform:translate(2px)}}.bucket-sheen{pointer-events:none;background:linear-gradient(90deg,#ffffff1f,#ffffff0a);width:8px;position:absolute;top:0;bottom:0;left:6px}.bucket-symbol{text-align:center;color:#ffffffe6;letter-spacing:1px;pointer-events:none;z-index:2;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800;position:absolute;top:6px;left:0;right:0}.bucket-rim{border-radius:3px;height:6px;position:absolute;top:16px;left:0;right:0}.bucket-handle{border:3px solid #555;border-bottom:none;border-radius:50% 50% 0 0;width:36px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%)}.metal-drop-absolute{pointer-events:none;z-index:10;border-radius:50% 50% 60% 60%;width:11px;height:15px;animation:.7s cubic-bezier(.55,0,.9,.6) forwards dropFallAbsolute;position:absolute;transform:translate(-50%)}@keyframes dropFallAbsolute{0%{top:var(--drop-start-y);opacity:1;transform:translate(-50%)scaleY(1.2)}65%{top:var(--drop-end-y);opacity:1;transform:translate(-50%)scaleY(.9)}80%{top:var(--drop-end-y);opacity:.7;transform:translate(-50%)scaleX(2.2)scaleY(.35)}to{top:var(--drop-end-y);opacity:0;transform:translate(-50%)scaleX(3)scaleY(.1)}}.bucket-badge{z-index:5;border-radius:9px;justify-content:center;align-items:center;min-width:22px;height:18px;padding:0 4px;font-family:Outfit,sans-serif;font-size:.55rem;font-weight:800;display:flex;position:absolute;bottom:-8px;right:-2px;box-shadow:0 2px 6px #0006}.coin-container{perspective:600px;cursor:pointer;width:96px;height:96px}.coin{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,2,.2,1);position:relative}.coin.flipped{transform:rotateY(180deg)}.coin-face{backface-visibility:hidden;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.coin-back{transform:rotateY(180deg)}.forge-liquid-wave{background:#ffffff26;border-radius:40%;width:200%;height:15px;animation:5s linear infinite forgeWave;position:absolute;top:-6px;left:-50%}@keyframes forgeWave{0%{transform:translate(0%)rotate(0)}50%{transform:translate(-10%)rotate(180deg)}to{transform:translate(0%)rotate(360deg)}}.forge-mixing-current{border-radius:50%;animation:3s ease-in-out infinite forgeBubble;position:absolute}@keyframes forgeBubble{0%,to{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:.9;transform:translateY(-8px)scale(1.15)}}.forge-ripple{border:2px solid var(--ripple-color);pointer-events:none;z-index:15;border-radius:50%;width:10px;height:4px;animation:.8s cubic-bezier(.1,.8,.3,1) forwards rippleExpand;position:absolute;transform:translate(-50%,50%)}@keyframes rippleExpand{0%{opacity:1;width:6px;height:2px}to{opacity:0;border-width:.5px;width:100px;height:30px}}