.mixel-launcher-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-color:#080a0f;color:#fff;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none}.mixel-viewport-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}#mixel-viewport{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;outline:none}#mixel-viewport canvas,._eaglercraftX_wrapper_element,._eaglercraftX_wrapper_element canvas{width:100%!important;height:100%!important;display:block!important;outline:none!important}.mixel-hud-top{position:absolute;top:16px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:20;pointer-events:none}.mixel-hud-group{display:flex;align-items:center;gap:10px;pointer-events:auto}.mixel-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0d1117b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#e2e8f0;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #00000059}.mixel-btn:hover{background:#1e293bd9;border-color:#3b82f680;color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #3b82f640}.mixel-btn:active{transform:translateY(0)}.mixel-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#93c5fd4d}.mixel-btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 24px #3b82f666}.mixel-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:#0f172abf;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;font-weight:600;color:#94a3b8}.mixel-status-indicator{width:8px;height:8px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 10px #22c55e;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.mixel-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070dcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;animation:fadeIn .2s ease-out}.mixel-modal-card{width:100%;max-width:640px;max-height:85vh;overflow-y:auto;background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 24px 60px #0009,0 0 40px #3b82f61a;padding:24px;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.mixel-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.mixel-modal-title{font-size:18px;font-weight:700;color:#f8fafc;display:flex;align-items:center;gap:10px}.mixel-keybind-grid{display:grid;gap:14px}.mixel-keybind-group-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#60a5fa;margin-bottom:8px}.mixel-keybind-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#1e293b80;border:1px solid rgba(255,255,255,.05);border-radius:10px;font-size:13px}.mixel-keybind-badge{background:#1e293b;border:1px solid rgba(255,255,255,.15);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;font-family:monospace;color:#93c5fd;box-shadow:0 2px 4px #0000004d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--bg-dark: #090514;--bg-card: rgba(22, 13, 38, .65);--bg-card-hover: rgba(35, 18, 62, .75);--purple-glow: rgba(168, 85, 247, .35);--purple-border: rgba(192, 132, 252, .22);--purple-border-bright: rgba(216, 70, 239, .55);--accent-neon: #c084fc;--accent-pink: #f472b6;--accent-gold: #fbbf24;--text-main: #f3e8ff;--text-muted: #a89bc2;--font-pixel: "Silkscreen", monospace;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-user-select:none;user-select:none}.universe-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(147,51,234,.25) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(192,38,211,.22) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(76,29,149,.3) 0%,transparent 60%),linear-gradient(180deg,#07030e,#0d061c,#06020c);z-index:0;pointer-events:none}.pixel-grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(168,85,247,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.04) 1px,transparent 1px);background-size:32px 32px;z-index:1;pointer-events:none}.particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--purple-border);box-shadow:0 8px 32px #4c1d954d,inset 0 0 16px #a855f714;border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:var(--purple-border-bright);box-shadow:0 12px 40px #a855f759,inset 0 0 20px #c084fc26}.font-pixel{font-family:var(--font-pixel);letter-spacing:.5px}.mc-button-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:10px 22px;border-radius:10px;font-weight:700;font-size:.9rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 18px #7c3aed80,inset 0 1px #fff6;cursor:pointer;transition:all .2s ease;text-decoration:none}.mc-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #a855f7b3,inset 0 1px #fff9;background:linear-gradient(135deg,#8b5cf6,#c084fc)}.mc-button-secondary{display:inline-flex;align-items:center;gap:8px;background:#1e1034b3;color:var(--text-main);padding:10px 18px;border-radius:10px;font-weight:600;font-size:.9rem;border:1px solid var(--purple-border);cursor:pointer;transition:all .2s ease;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mc-button-secondary:hover{background:#2d184ed9;border-color:var(--accent-neon);color:#fff;transform:translateY(-2px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a855f740;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#a855f780}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.pulse-glow{animation:pulseGlow 4s ease-in-out infinite}@keyframes floatCube{0%{transform:translateY(0) rotateX(15deg) rotateY(0)}50%{transform:translateY(-8px) rotateX(25deg) rotateY(180deg)}to{transform:translateY(0) rotateX(15deg) rotateY(360deg)}}.floating-cube{animation:floatCube 12s linear infinite}@media(max-width:860px){html,body{overflow-y:auto}}#canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:#000}#canvas-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated}