*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;min-height:100vh}.min-h-screen{min-height:100vh}.bg-gradient-to-br{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.container{max-width:1200px;margin:0 auto}.mx-auto{margin-left:auto;margin-right:auto}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-8{margin-bottom:2rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mt-8{margin-top:2rem}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.mt-12{margin-top:3rem}.text-center{text-align:center}.text-4xl{font-size:2.25rem}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-green-400{color:#34d399}.text-red-400{color:#f87171}.text-blue-400{color:#60a5fa}.text-blue-300{color:#93c5fd}.text-yellow-500{color:#eab308}.text-green-100{color:#dcfce7}.text-green-200{color:#bbf7d0}.text-green-800{color:#166534}.bg-gray-800{background-color:#1f2937}.bg-gray-700{background-color:#374151}.bg-gray-900{background-color:#111827}.bg-blue-600{background-color:#2563eb}.bg-blue-700{background-color:#1d4ed8}.bg-red-600{background-color:#dc2626}.bg-red-700{background-color:#b91c1c}.bg-green-600{background-color:#16a34a}.bg-green-700{background-color:#15803d}.bg-purple-600{background-color:#9333ea}.bg-purple-700{background-color:#7c3aed}.bg-yellow-600{background-color:#ca8a04}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-opacity-70{background-color:#000000b3}.bg-opacity-80{background-color:#000c}.bg-opacity-50{background-color:#00000080}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-red-700:hover{background-color:#b91c1c}.hover\:bg-green-700:hover{background-color:#15803d}.hover\:bg-purple-700:hover{background-color:#7c3aed}.hover\:bg-green-50:hover{background-color:#f0fdf4}.hover\:text-blue-300:hover{color:#93c5fd}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-gray-700{border-color:#374151}.border-green-500{border-color:#22c55e}.border-b-2{border-bottom-width:2px}.p-6{padding:1.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-1>*+*{margin-top:.25rem}.w-full{width:100%}.w-4{width:1rem}.w-12{width:3rem}.h-2{height:.5rem}.h-4{height:1rem}.h-12{height:3rem}.h-96{height:24rem}.max-w-4xl{max-width:56rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.top-4{top:1rem}.left-4{left:1rem}.right-4{right:1rem}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.transition-all{transition:all .15s ease-in-out}.disabled\:bg-gray-600:disabled{background-color:#4b5563}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}#game-container{position:relative;cursor:crosshair;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;height:400px;min-height:300px}#game-container canvas{display:block;border-radius:8px;width:100%!important;height:100%!important;-o-object-fit:contain;object-fit:contain}@media screen and (orientation: landscape) and (max-height: 500px){#game-container{height:80vh;max-height:400px}}@media (hover: none) and (pointer: coarse){#game-container{cursor:default;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.absolute.top-4.left-4{top:8px;left:8px}.absolute.top-4.right-4{top:8px;right:8px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#718096}button{transition:all .2s ease-in-out;transform:translateY(0)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container{padding:1rem}#game-container{height:300px!important;min-height:300px!important}.text-4xl{font-size:2rem}.grid-cols-2{grid-template-columns:1fr}}@media (max-width: 480px){#game-container{height:250px!important;min-height:250px!important}.px-8{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.5rem;padding-bottom:.5rem}}.status-indicator{position:relative;display:inline-block}.status-indicator:before{content:"";position:absolute;top:0;left:-12px;width:8px;height:8px;border-radius:50%;background:currentColor}.status-connected:before{background:#10b981;animation:pulse 2s infinite}.status-disconnected:before{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.wallet-address{font-family:Courier New,monospace;font-size:.9rem;background:rgba(255,255,255,.1);padding:.25rem .5rem;border-radius:4px;display:inline-block}.stats-card{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.progress-bar{background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);transition:width .3s ease}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:rgba(0,0,0,.9);color:#fff;padding:.5rem;border-radius:4px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000}.tooltip:hover:after{opacity:1}.game-instructions{background:rgba(0,0,0,.3);border-radius:8px;padding:1rem;margin-top:1rem}.instruction-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.instruction-icon{width:16px;height:16px;border-radius:50%;flex-shrink:0}.sonicworm-bg{background:linear-gradient(135deg,#0a1a1a 0%,#1a2a3a 25%,#0f2027 50%,#203a43 75%,#2c5364 100%);background-attachment:fixed;position:relative;overflow-x:hidden}.sonicworm-bg:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,255,204,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,221,170,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,255,204,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.sonicworm-glow{box-shadow:0 0 20px #00ffcc4d;transition:box-shadow .3s ease}.sonicworm-glow:hover{box-shadow:0 0 30px #00ffcc80}.sonicworm-btn{background:linear-gradient(45deg,#00ffcc,#00ddaa);border:none;color:#0a1a1a;font-weight:700;transition:all .3s ease;position:relative;overflow:hidden}.sonicworm-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.sonicworm-btn:hover:before{left:100%}.sonicworm-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0fc6}.sonicworm-card{background:rgba(26,42,58,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,204,.2);transition:all .3s ease}.sonicworm-card:hover{border-color:#0fc6;transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.sonicworm-text-glow{text-shadow:0 0 10px rgba(0,255,204,.5)}@keyframes sonicworm-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.sonicworm-pulse{animation:sonicworm-pulse 2s ease-in-out infinite}@keyframes sonicworm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sonicworm-float{animation:sonicworm-float 3s ease-in-out infinite}