@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600&family=Rum+Raisin&display=swap";:root{--color-primary: #d4af37;--color-primary-dark: #b8860b;--color-secondary: #64b5f6;--color-success: #4caf50;--color-error: #f44336;--color-warning: #ff9800;--bg-primary: #0a0a0a;--bg-secondary: #1a0033;--bg-tertiary: #101010;--bg-card: rgba(32, 33, 37, .3);--bg-card-hover: rgba(32, 33, 37, .5);--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #888;--border-primary: rgba(255, 255, 255, .2);--border-secondary: rgba(212, 175, 55, .3);--border-focus: rgba(212, 175, 55, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 8px 32px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(212, 175, 55, .3);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--z-background: -1;--z-content: 1;--z-header: 1000;--z-modal: 2000;--toast-top-offset: 64px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fantasyGlow{0%,to{box-shadow:0 0 5px #d4af374d}50%{box-shadow:0 0 20px #d4af3799}}@keyframes pulse{0%{box-shadow:0 0 #d4af3766}70%{box-shadow:0 0 0 10px #d4af3700}to{box-shadow:0 0 #d4af3700}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes progressShine{0%{left:-100%}to{left:100%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotateCube{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes blink{0%,95%,to{transform:translate(-50%,-50%) scale(1)}97%{transform:translate(-50%,-50%) scale(.1)}}@keyframes eyelidBlink{0%,95%,to{height:50%;opacity:1}97%{height:80%;opacity:.7}}.fade-in{animation:fadeIn .6s ease-out}.fade-in-scale{animation:fadeInScale .4s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.slide-up{animation:slideUp .8s ease-out}.fantasy-glow{animation:fantasyGlow 2s ease-in-out infinite}.pulse{animation:pulse 2s infinite}.shake{animation:shake .5s ease-in-out}.tx-pending{animation:pulse 2s infinite}.tx-success{animation:fadeInScale .5s ease-out}.tx-error{animation:shake .5s ease-in-out}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.progress-animated{position:relative;overflow:hidden}.progress-animated:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 2s infinite}.interactive-button{position:relative;overflow:hidden;transition:all var(--transition-normal)}.interactive-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);transition:left .5s}.interactive-button:hover:before{left:100%}.interactive-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.card-hover{transition:all var(--transition-normal)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@media (prefers-reduced-motion: reduce){.fade-in-scale,.slide-in-right,.fantasy-glow,.tx-pending,.tx-success,.tx-error,.interactive-button,.progress-animated,.pulse,.shake{animation:none;transition:none}.interactive-button:hover,.card-hover:hover{transform:none}}.debug-panel{font-family:var(--font-primary);font-weight:500;letter-spacing:-.01em}.connection-status-button{background:#d4af37!important;background-color:#d4af37!important;color:#000!important;border:none!important;box-shadow:none!important}.connection-status-button:hover{background:#b8860b!important;background-color:#b8860b!important;box-shadow:none!important}.connection-status-button:focus{background:#d4af37!important;background-color:#d4af37!important;box-shadow:none!important}.connection-status-button:active{background:#b8860b!important;background-color:#b8860b!important}.debug-panel-header{transition:all .3s ease;-webkit-user-select:none;user-select:none}.debug-panel-header:hover{background:#000000f2!important;border-top-color:#555!important}.debug-panel-content{scrollbar-width:thin;scrollbar-color:#555 #222}.debug-panel-content::-webkit-scrollbar{width:8px}.debug-panel-content::-webkit-scrollbar-track{background:#222}.debug-panel-content::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.debug-panel-content::-webkit-scrollbar-thumb:hover{background:#777}.container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;min-height:100vh;overflow:visible;margin-top:var(--spacing-sm)}.header{text-align:center;margin-bottom:var(--spacing-sm);opacity:0;animation:fadeIn 1.5s ease-in-out .5s forwards}.title{font-family:var(--font-heading);font-size:2rem;font-weight:600;color:var(--color-primary);text-shadow:0 0 12px rgba(212,175,55,.3);margin-bottom:var(--spacing-sm);letter-spacing:-.02em;line-height:1.2}.subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.intro{text-align:center;margin-bottom:var(--spacing-md);opacity:0;animation:fadeIn 1.5s ease-in-out .5s forwards;flex-shrink:0}.cubes-container{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap}.cube-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.cube-section h3{font-family:var(--font-heading);font-size:1rem;color:var(--color-primary);margin:0;text-shadow:0 0 10px rgba(212,175,55,.5)}.intro-text{font-size:1.1rem;color:var(--text-primary);font-weight:500;margin-top:var(--spacing-lg)}.cube-container{width:280px;height:280px;margin:0 auto var(--spacing-lg);perspective:1000px;display:flex;align-items:center;justify-content:center;position:relative}.cube{position:relative;width:120px;height:120px;transform-style:preserve-3d;animation:rotateCube 10s infinite linear;transform:rotateX(var(--rotateX, 0deg)) rotateY(var(--rotateY, 0deg))}.face{position:absolute;width:120px;height:120px;background:linear-gradient(135deg,#d4af37e6,#b8860bcc,#8b4513b3);border:2px solid rgba(255,215,0,.3);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--bg-primary);text-shadow:0 0 15px rgba(255,255,255,.8),0 0 30px rgba(212,175,55,.6);box-shadow:inset 0 0 30px #0006,0 0 20px #d4af374d,inset 5px 5px 15px #ffffff1a,inset -5px -5px 15px #0003;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);backface-visibility:hidden}.face.front{transform:translateZ(60px)}.face.front img,.face.front .crypto-logo{width:40px!important;height:40px!important;object-fit:contain}.face.back{transform:rotateY(180deg) translateZ(60px)}.face.right{transform:rotateY(90deg) translateZ(60px)}.face.left{transform:rotateY(-90deg) translateZ(60px)}.face.top{transform:rotateX(90deg) translateZ(60px)}.face.bottom{transform:rotateX(-90deg) translateZ(60px)}.game{background:transparent;border:none;border-radius:0;padding:var(--spacing-md);box-shadow:none;text-align:center;width:100%;max-width:700px;margin:0 auto;opacity:0;animation:slideUp .6s ease-out .3s forwards}.game-container h2{font-family:var(--font-heading);font-size:1.8rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-lg);text-shadow:0 0 15px rgba(212,175,55,.8),0 0 30px rgba(212,175,55,.4);letter-spacing:-.02em;line-height:1.3}.content-block{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(25,27,31,.3) 100%)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-xs) 0;box-shadow:var(--shadow-md)}.footer{margin-top:var(--spacing-sm);text-align:center;font-size:.9rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xs)}.powered-by-polkadot{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.powered-by-text{font-size:.875rem;font-weight:400;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.polkadot-logo-footer{height:32px;width:auto;opacity:.8;transition:opacity var(--transition-normal)}.polkadot-logo-footer:hover{opacity:1}.lucky-logo-inline{height:1.2em;width:auto;vertical-align:middle;margin:0 var(--spacing-xs);opacity:.9}.game-header{margin-bottom:var(--spacing-sm)}.game-header h3{font-family:var(--font-heading);font-size:1.8rem;color:var(--text-primary);margin-bottom:var(--spacing-md);text-shadow:0 0 15px rgba(212,175,55,.8),0 0 30px rgba(212,175,55,.4)}.abandon-game-button{background:linear-gradient(135deg,#ff6b6b,#e53e3e)!important;border:1px solid rgba(255,107,107,.3)!important;color:#fff!important;font-weight:600!important;text-transform:none!important;padding:8px 16px!important;border-radius:var(--radius-md)!important;transition:all var(--transition-normal)!important;box-shadow:0 2px 8px #ff6b6b33!important}.abandon-game-button:hover{background:linear-gradient(135deg,#ff5252,#d32f2f)!important}.back-to-game-button{background:#ffffffe6!important;border:1px solid rgba(255,255,255,1)!important;color:#000!important;font-weight:600!important;text-transform:none!important;padding:8px 16px!important;border-radius:var(--radius-md)!important;transition:all var(--transition-normal)!important;box-shadow:0 2px 8px #fff3!important}.back-to-game-button:hover{background:#fff!important;color:#000!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #ff6b6b4d!important}.abandon-game-button:active{transform:translateY(0)!important;box-shadow:0 2px 6px #ff6b6b33!important}.game-range{font-size:1.1rem;color:var(--text-primary);font-weight:500}.highlight-number{color:var(--color-primary);font-weight:700;text-shadow:0 0 5px rgba(212,175,55,.5)}.attempts-history{margin-bottom:var(--spacing-sm);text-align:left}.attempts-history h4{font-family:var(--font-heading);font-size:1.4rem;color:var(--color-primary);margin-bottom:var(--spacing-lg);text-align:center}.attempts-list{max-height:300px;max-width:800px;margin:0 auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary) rgba(255,255,255,.1)}.attempts-list::-webkit-scrollbar{width:6px}.attempts-list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.attempt-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);border-radius:var(--radius-md);background:#20212533;border:1px solid rgba(255,255,255,.15);transition:all var(--transition-normal)}.attempt-item.pending{background:#ff98000d;border:1px solid rgba(255,152,0,.2)}.attempt-item.success{background:#4caf500d;border:1px solid rgba(76,175,80,.2)}.attempt-item.clue{background:#20212533;border:1px solid rgba(255,255,255,.15)}.attempt-number{font-weight:700;color:var(--color-primary);min-width:120px;text-shadow:0 0 5px rgba(212,175,55,.5)}.attempt-result{flex:1;text-align:center;color:var(--text-primary);font-weight:500}.attempt-result.success{color:var(--color-success);font-weight:700;text-shadow:0 0 5px rgba(76,175,80,.5)}.clue-less{color:#ff6b6b;font-weight:700;text-shadow:0 0 5px rgba(244,67,54,.5)}.clue-more{color:var(--color-success);font-weight:700;text-shadow:0 0 5px rgba(76,175,80,.5)}.attempt-guess{color:var(--text-primary);font-style:italic;opacity:.9}.make-guess-section{margin-top:var(--spacing-sm);max-width:500px;margin-left:auto;margin-right:auto}.new-game-section{text-align:center}.new-game-section h3{font-family:var(--font-heading);font-size:1.8rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);text-shadow:0 0 10px rgba(212,175,55,.3)}.new-game-description{font-size:1.1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:500}.new-game-inputs{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;margin:0 auto}.new-game-inputs .input-group{display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:left}.new-game-inputs label{font-weight:700;color:var(--text-primary);font-size:.9rem;text-shadow:0 0 5px rgba(212,175,55,.5)}.new-game-inputs .MuiTextField-root input{border:none!important;box-shadow:none!important;outline:none!important}.new-game-inputs .MuiTextField-root input:focus{box-shadow:none!important;outline:none!important}.advanced-cube-container .cube{animation:none!important;transform:rotateX(var(--rotateX, 0deg)) rotateY(var(--rotateY, 0deg))}.advanced-cube{transition:transform .1s ease-out}.advanced-cube:hover{transform:scale(1.05)}.advanced-cube-container .face{background:linear-gradient(135deg,#64b5f6e6,#2196f3cc,#1565c0b3);border:2px solid rgba(100,181,246,.3);text-shadow:0 0 15px rgba(255,255,255,.8),0 0 30px rgba(100,181,246,.6);box-shadow:inset 0 0 30px #0006,0 0 20px #64b5f64d,inset 5px 5px 15px #ffffff1a,inset -5px -5px 15px #0003}.speed-indicator{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#000c;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-width:120px;opacity:0;animation:fadeIn .3s ease-out forwards}.speed-bar{width:100px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.speed-fill{height:100%;border-radius:2px;transition:width .2s ease-out,background-color .2s ease-out}.speed-text{font-size:.75rem;color:var(--text-primary);font-weight:500;font-family:var(--font-mono)}@media (max-width: 768px){.cubes-container{flex-direction:column;gap:var(--spacing-xl)}.cube-container{width:240px;height:240px}.cube,.face{width:100px;height:100px}}@keyframes pulse{0%{box-shadow:0 0 8px currentColor}50%{box-shadow:0 0 16px currentColor,0 0 24px currentColor}to{box-shadow:0 0 8px currentColor}}#debug-panel-root{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;pointer-events:none!important;z-index:2147483647!important;transform:translateZ(0)!important;overflow:visible!important;contain:none!important}.debug-panel{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;z-index:2147483647!important;transform:translateZ(0)!important;will-change:transform!important;isolation:isolate!important;pointer-events:auto!important;margin:0!important;padding:0!important;box-sizing:border-box!important;contain:none!important;overflow:visible!important}.debug-panel *{pointer-events:auto!important;box-sizing:border-box!important}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}html{position:relative;overflow-x:hidden}body{font-family:var(--font-primary);font-weight:400;letter-spacing:-.01em;line-height:1.5;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.05) 0%,transparent 50%),linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden;overflow-y:auto;perspective:1000px;margin:0;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:var(--z-background)}#threejs-bg{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:var(--z-background);pointer-events:none}#threejs-bg canvas{position:absolute;top:0;left:0;width:100%;height:100%}.title-with-cube{display:flex;align-items:center;justify-content:center;margin-bottom:30px;padding:20px 0;position:relative}.title-with-cube h2{font-size:2.5rem!important;font-weight:700!important;margin:0!important;padding:0!important;line-height:1.2!important;position:relative;z-index:2;text-align:center}#background-cube{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:200px!important;height:200px!important;z-index:1!important;pointer-events:none!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:.4!important}#background-cube .cube-container{width:200px;height:200px;margin:0;perspective:1000px;display:flex;align-items:center;justify-content:center;transform:scale(1)}#background-cube .cube{width:150px;height:150px;animation:none!important;transform:rotateX(var(--rotateX, 0deg)) rotateY(var(--rotateY, 0deg))}#background-cube .face{width:150px;height:150px;font-size:2.5rem;background:linear-gradient(135deg,#64b5f699,#2196f380,#1565c066);border:1px solid rgba(100,181,246,.2);text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(100,181,246,.4);box-shadow:inset 0 0 15px #0000004d,0 0 10px #64b5f633,inset 2px 2px 8px #ffffff1a,inset -2px -2px 8px #0003;position:absolute;display:flex;align-items:center;justify-content:center}#background-cube .face.front img{width:60px!important;height:60px!important}#background-cube .face.front{transform:rotateY(0) translateZ(75px)}#background-cube .face.back{transform:rotateY(180deg) translateZ(75px)}#background-cube .face.right{transform:rotateY(90deg) translateZ(75px)}#background-cube .face.left{transform:rotateY(-90deg) translateZ(75px)}#background-cube .face.top{transform:rotateX(90deg) translateZ(75px)}#background-cube .face.bottom{transform:rotateX(-90deg) translateZ(75px)}[class*=MuiBox-root],[class*=MuiPaper-root]{background-color:transparent!important;background:transparent!important;box-shadow:none!important}[class*=MuiAppBar-root]{box-shadow:none!important;background:transparent!important}[class*=MuiToolbar-root]{min-height:64px!important}[class*=MuiButton-root]{border-radius:var(--radius-lg)!important;text-transform:none!important;font-weight:600!important;transition:all var(--transition-normal)!important;color:var(--bg-primary)!important}[class*=MuiButton-root]:hover{transform:none!important;box-shadow:none!important}[class*=MuiTextField-root] .MuiOutlinedInput-root{border-radius:var(--radius-lg)!important;transition:border-color .2s ease!important;background:#ffffff1a!important;color:var(--text-primary)!important}.MuiDialog-root [class*=MuiTextField-root] .MuiOutlinedInput-root,.MuiModal-root [class*=MuiTextField-root] .MuiOutlinedInput-root{background:#2d2d2d!important}.MuiDialog-root [class*=MuiTextField-root] .MuiInputLabel-root.MuiInputLabel-shrink,.MuiModal-root [class*=MuiTextField-root] .MuiInputLabel-root.MuiInputLabel-shrink{background-color:#2d2d2d!important;padding:0 4px!important;z-index:1!important}[class*=MuiTextField-root] .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d!important;border-width:1px!important}[class*=MuiTextField-root] .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#d4af3799!important;border-width:1px!important}[class*=MuiTextField-root] .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--color-primary)!important;border-width:1px!important}[class*=MuiTextField-root] .MuiOutlinedInput-root.Mui-focused{box-shadow:none!important}[data-rht-toaster]{position:fixed!important;top:var(--toast-top-offset)!important;right:16px!important;left:auto!important;bottom:auto!important;padding:0!important;z-index:99999!important;overflow:visible!important;pointer-events:none!important}[data-rht-toaster]>*{pointer-events:auto!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.container{min-height:100%;overflow:visible;position:relative;z-index:1}.main-content{min-height:calc(100vh - 48px);overflow:visible}.footer{margin-bottom:20px!important;padding-bottom:20px!important}@media (max-width: 768px){.content-block{margin:0 var(--spacing-md);border-radius:var(--radius-xl)!important}body{font-size:14px}}@media (max-width: 480px){.content-block{margin:0 var(--spacing-sm);border-radius:var(--radius-lg)!important}body{font-size:13px}}.blockchain-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.blockchain-loader{position:relative;width:120px;height:120px}.blockchain-loader-small .blockchain-loader{width:80px;height:80px}.blockchain-loader-large .blockchain-loader{width:160px;height:160px}.blockchain-nodes{position:absolute;width:100%;height:100%}.node{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#64b5f6,#1976d2,#0d47a1);border-radius:50%;box-shadow:0 0 20px #64b5f6cc,0 0 40px #64b5f666,inset 0 1px 2px #ffffff4d;animation:nodePulse 2s ease-in-out infinite,nodeGlow 3s ease-in-out infinite;border:1px solid rgba(255,255,255,.2)}.blockchain-loader-small .node{width:8px;height:8px}.blockchain-loader-large .node{width:16px;height:16px}.node-1{top:20%;left:50%;transform:translate(-50%);animation-delay:0s}.node-2{top:50%;right:10%;animation-delay:.4s}.node-3{bottom:20%;left:50%;transform:translate(-50%);animation-delay:.8s}.node-4{top:50%;left:10%;animation-delay:1.2s}.node-5{top:10%;left:20%;animation-delay:1.6s}.blockchain-chains{position:absolute;width:100%;height:100%}.chain{position:absolute;height:3px;background:linear-gradient(90deg,transparent,#64b5f6,#1976d2,#64b5f6,transparent);border-radius:2px;box-shadow:0 0 10px #64b5f699;animation:chainFlow 3s linear infinite,chainPulse 2s ease-in-out infinite}.chain-1{top:35%;left:30%;width:40%;animation-delay:0s}.chain-2{top:50%;left:30%;width:60%;animation-delay:1s}.chain-3{top:65%;left:30%;width:40%;animation-delay:2s}.chain-4{top:25%;left:20%;width:30%;transform:rotate(45deg);animation-delay:.5s}.particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,#64b5f6,#1976d2);border-radius:50%;box-shadow:0 0 8px #64b5f6cc;animation:particleFloat 4s ease-in-out infinite,particleGlow 2s ease-in-out infinite alternate}.particle-1{top:30%;left:25%;animation-delay:0s}.particle-2{top:70%;right:25%;animation-delay:1s}.particle-3{top:20%;right:30%;animation-delay:2s}.particle-4{bottom:30%;left:20%;animation-delay:.5s}.particle-5{top:60%;left:15%;animation-delay:1.5s}.particle-6{bottom:20%;right:20%;animation-delay:2.5s}@keyframes nodePulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}@keyframes nodeGlow{0%{box-shadow:0 0 20px #64b5f6cc,0 0 40px #64b5f666,inset 0 1px 2px #ffffff4d}to{box-shadow:0 0 30px #64b5f6,0 0 60px #64b5f699,inset 0 1px 2px #ffffff80}}@keyframes chainFlow{0%{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}@keyframes chainPulse{0%,to{box-shadow:0 0 10px #64b5f699}50%{box-shadow:0 0 20px #64b5f6}}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.3}25%{transform:translateY(-10px) rotate(90deg);opacity:.8}50%{transform:translateY(-5px) rotate(180deg);opacity:1}75%{transform:translateY(-15px) rotate(270deg);opacity:.6}}@keyframes particleGlow{0%{box-shadow:0 0 8px #64b5f6cc}to{box-shadow:0 0 15px #64b5f6}}.blockchain-loader-message{animation:messageFade 2s ease-in-out infinite}@keyframes messageFade{0%,to{opacity:.7}50%{opacity:1}}@media (max-width: 600px){.blockchain-loader-container{padding:15px}.blockchain-loader{width:100px;height:100px}.blockchain-loader-small .blockchain-loader{width:60px;height:60px}.blockchain-loader-large .blockchain-loader{width:140px;height:140px}}