*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;background:#0a2f18;color:#ecfdf5;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}body{background:radial-gradient(1200px 600px at 50% -10%,#14532d,#0a2f18 60%,#061a0d);overflow-y:auto}a{color:inherit;text-decoration:none}button{font-family:inherit}#hub-app{min-height:100vh;display:flex;flex-direction:column}#hub-header{height:60px;display:flex;align-items:center;gap:24px;padding:0 28px;background:linear-gradient(90deg,#0d3b20,#166534,#0d3b20);border-bottom:1px solid rgba(74,222,128,.25);box-shadow:0 4px 18px #00000059,inset 0 -1px #4ade801a;position:sticky;top:0;z-index:50}.hub-logo{font-size:22px;font-weight:900;letter-spacing:-.5px;text-transform:uppercase;text-shadow:0 0 12px rgba(74,222,128,.25)}.hub-logo em{color:#4ade80;font-style:normal;text-shadow:0 0 16px rgba(74,222,128,.55)}.hub-nav{display:flex;gap:6px;margin-left:24px}.hub-nav-btn{height:34px;padding:0 18px;border-radius:9px;border:1px solid transparent;background:transparent;color:#86efac;font-weight:700;font-size:13px;letter-spacing:.4px;cursor:pointer;transition:all .15s;text-transform:uppercase}.hub-nav-btn:hover{color:#ecfdf5;background:#22c55e1a;border-color:#4ade8033}.hub-nav-btn.active{color:#fff;background:linear-gradient(135deg,#16a34a,#0d3b20);border-color:#4ade80;box-shadow:0 0 14px #22c55e66,inset 0 1px #4ade8033;text-shadow:0 0 8px rgba(74,222,128,.45)}.hub-profile{margin-left:auto;display:flex;align-items:center;gap:10px}.hub-profile-name{font-weight:700;color:#bbf7d0;text-shadow:0 0 6px rgba(74,222,128,.3)}.hub-icon-btn{height:34px;padding:0 14px;border-radius:9px;border:1px solid rgba(74,222,128,.25);background:linear-gradient(135deg,#0d3b2099,#14523066);color:#86efac;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.3px;display:inline-flex;align-items:center;gap:7px;transition:all .15s}.hub-icon-btn:hover{color:#fff;border-color:#4ade80;box-shadow:0 0 12px #22c55e59}.hub-icon-btn-icon{font-size:16px;line-height:1}#hub-main{flex:1;padding:32px clamp(20px,4vw,56px) 64px;max-width:1400px;width:100%;margin:0 auto}.hub-section{display:none}.hub-section.active{display:block}.hub-section-head{display:flex;align-items:center;gap:18px;margin-bottom:22px;flex-wrap:wrap}.hub-section-tools{margin-left:auto;display:flex;gap:8px;align-items:center}.hub-section-btn{height:36px;padding:0 16px;border-radius:9px;background:#0d3b2080;border:1px solid rgba(74,222,128,.25);color:#86efac;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.hub-section-btn:hover{color:#ecfdf5;border-color:#4ade80;background:#145230b3;box-shadow:0 0 10px #22c55e40}.hub-section-btn:disabled{opacity:.5;cursor:wait}.hub-section h1{font-size:32px;font-weight:900;letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#bbf7d0,#4ade80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hub-subtitle{margin:36px 0 16px;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#86efac;text-shadow:0 0 8px rgba(74,222,128,.25)}.hub-filters{display:flex;gap:8px;margin-left:auto}.hub-chip{height:32px;padding:0 14px;border-radius:8px;border:1px solid rgba(74,222,128,.2);background:#0d3b2080;color:#86efac;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;transition:all .15s}.hub-chip:hover{color:#ecfdf5;border-color:#4ade8073;background:#14523099}.hub-chip.active{color:#fff;background:linear-gradient(135deg,#16a34a,#145230);border-color:#4ade80;box-shadow:0 0 12px #22c55e66;text-shadow:0 0 6px rgba(74,222,128,.4)}.hub-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.hub-grid-compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:32px}#hub-live-section{margin-bottom:8px}.hub-live-head{margin-bottom:14px}.hub-live-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#fca5a5;text-shadow:0 0 10px rgba(239,68,68,.4)}.hub-live-pulse{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 10px #ef4444,0 0 20px #ef444480;animation:livePulse 1.4s ease-in-out infinite}.hub-empty,.hub-loading{grid-column:1/-1;padding:40px;text-align:center;color:#6ee7b7;font-size:14px;border:1px dashed rgba(74,222,128,.2);border-radius:12px;background:#0d3b204d}.hub-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(160deg,#1452308c,#0d3b208c);border:1px solid rgba(74,222,128,.18);border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #00000059,inset 0 1px #4ade8014;transition:all .18s ease}.hub-card:hover{transform:translateY(-2px);border-color:#4ade80;box-shadow:0 12px 28px #00000080,0 0 18px #22c55e40,inset 0 1px #4ade8026}.hub-card-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#0d3b20,#14532d 50%,#0a2f18);display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid rgba(74,222,128,.15)}.hub-card-thumb-fallback{font-size:56px;opacity:.55;filter:drop-shadow(0 0 16px rgba(74,222,128,.3))}.hub-card-badge{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:6px;background:#0d3b20d9;border:1px solid rgba(74,222,128,.4);color:#bbf7d0;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;text-shadow:0 0 6px rgba(74,222,128,.4)}.hub-card-badge .hub-card-players{color:#fde047;text-shadow:0 0 6px rgba(250,204,21,.55)}.hub-card-players-icon{width:11px;height:11px;vertical-align:-1px;margin-right:2px;filter:drop-shadow(0 0 4px rgba(250,204,21,.55))}.hub-card-live{position:absolute;top:10px;right:10px;padding:4px 9px;border-radius:14px;font-size:11px;font-weight:800;letter-spacing:.3px;display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;background:#0d3b20d9;border:1px solid rgba(74,222,128,.5);color:#bbf7d0;box-shadow:0 0 10px #22c55e4d}.hub-card-live.live-on{background:linear-gradient(135deg,#16a34af2,#145230f2);border-color:#4ade80;color:#fff;box-shadow:0 0 14px #22c55e80;text-shadow:0 0 6px rgba(74,222,128,.5)}.hub-card-live.live-full{background:linear-gradient(135deg,#500f0feb,#3c0a0aeb);border-color:#ef4444;color:#fecaca;box-shadow:0 0 12px #ef444466}.live-dot{font-size:8px;line-height:1;animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.55}}.hub-card.is-empty{opacity:.78}.hub-card.is-empty:hover{opacity:1}.hub-card-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.hub-card-title{font-weight:800;font-size:15px;color:#ecfdf5;letter-spacing:.2px}.hub-card-desc{font-size:12px;color:#86efac;line-height:1.45;min-height:34px}.hub-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:10px}.hub-btn{flex:1;height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font-size:12px;font-weight:800;letter-spacing:.4px;cursor:pointer;border:1px solid transparent;transition:all .15s;text-transform:uppercase}.hub-btn-primary{background:linear-gradient(135deg,#16a34a,#0d3b20);color:#fff;border-color:#4ade80;box-shadow:0 0 12px #22c55e59,inset 0 1px #4ade8033;text-shadow:0 0 6px rgba(74,222,128,.4)}.hub-btn-primary:hover{background:linear-gradient(135deg,#22c55e,#166534);box-shadow:0 0 18px #22c55e8c,0 0 30px #22c55e33}.hub-btn-ghost{background:#0d3b2080;color:#86efac;border-color:#4ade8040}.hub-btn-ghost:hover{color:#ecfdf5;border-color:#4ade80;background:#145230b3;box-shadow:0 0 10px #22c55e40}.hub-btn-icon{flex:0 0 auto;width:38px;padding:0;font-size:14px}.hub-btn-danger{background:#3c0f0f80;color:#fca5a5;border-color:#ef44444d}.hub-btn-danger:hover{color:#fff;background:linear-gradient(135deg,#b91c1c,#7f1d1d);border-color:#ef4444;box-shadow:0 0 12px #ef444466;text-shadow:0 0 6px rgba(239,68,68,.4)}.hub-btn-danger:disabled{opacity:.5;cursor:wait}.hub-modal-overlay{position:fixed;inset:0;z-index:9999;background:#000000a6;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:hubModalFade .15s ease-out}.hub-modal{width:min(420px,92vw);padding:24px 24px 20px;border-radius:16px;background:linear-gradient(160deg,#14532d,#0d3b20 60%,#0a2f18);border:1px solid #4ade80;box-shadow:0 24px 60px #0009,0 0 30px #22c55e40,inset 0 1px #4ade802e;animation:hubModalPop .18s cubic-bezier(.2,.8,.3,1.2)}.hub-modal-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.hub-modal-icon{font-size:36px;line-height:1;width:54px;height:54px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#1f3a5f,#0d3b20 60%);border:1px solid rgba(96,165,250,.45);filter:drop-shadow(0 0 10px rgba(74,222,128,.3))}.hub-modal-eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#86efac;text-shadow:0 0 6px rgba(74,222,128,.3);margin-bottom:4px}.hub-modal-title{font-size:20px;font-weight:900;letter-spacing:-.3px;color:#ecfdf5;text-shadow:0 0 10px rgba(74,222,128,.25)}.hub-modal-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#86efac;margin-bottom:6px}.hub-modal-input{width:100%;height:40px;padding:0 14px;border-radius:10px;background:#0d3b20b3;border:1px solid rgba(74,222,128,.35);color:#ecfdf5;font-size:14px;font-weight:600;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.hub-modal-input:focus{border-color:#4ade80;box-shadow:0 0 0 3px #22c55e2e,0 0 12px #22c55e40}.hub-modal-hint{margin-top:10px;font-size:12px;color:#86efac;line-height:1.5}.hub-modal-hint b{color:#bbf7d0}.hub-modal-actions{display:flex;gap:10px;margin-top:20px}@keyframes hubModalFade{0%{opacity:0}to{opacity:1}}@keyframes hubModalPop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.hub-settings-modal{width:min(720px,94vw);max-height:88vh;display:flex;flex-direction:column}.hub-settings-charwrap{display:grid;grid-template-columns:1fr 320px;gap:18px;margin-top:8px;min-height:380px}.hub-settings-charlist{display:flex;flex-direction:column;gap:6px;max-height:380px;overflow-y:auto;padding-right:4px}.hub-settings-charlist::-webkit-scrollbar{width:6px}.hub-settings-charlist::-webkit-scrollbar-thumb{background:#4ade804d;border-radius:3px}.hub-settings-charitem{display:block;text-align:left;padding:11px 14px;border-radius:9px;background:#0d3b2080;border:1px solid rgba(74,222,128,.18);color:#bbf7d0;font-size:14px;font-weight:600;cursor:pointer;transition:all .12s}.hub-settings-charitem:hover{background:#145230b3;border-color:#4ade8066;color:#ecfdf5}.hub-settings-charitem.is-active{background:linear-gradient(135deg,#16a34a,#0d3b20);border-color:#4ade80;color:#fff;box-shadow:0 0 14px #22c55e59,inset 0 1px #4ade8033;text-shadow:0 0 6px rgba(74,222,128,.45)}.hub-settings-charpreview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border-radius:12px;background:radial-gradient(ellipse at 50% 70%,#22c55e2e,#0d3b20b3 60%,#0a2f18e6);border:1px solid rgba(74,222,128,.22)}.hub-settings-charpreview canvas{display:block;width:100%;height:auto;max-width:320px;border-radius:8px;background:transparent}.hub-settings-charname{font-size:13px;font-weight:700;color:#bbf7d0;letter-spacing:.4px;text-shadow:0 0 6px rgba(74,222,128,.3)}@media (max-width:640px){.hub-settings-charwrap{grid-template-columns:1fr;min-height:auto}.hub-settings-charlist{max-height:200px}}.hub-card-template{cursor:pointer}.hub-card-template .hub-card-thumb{background:linear-gradient(135deg,#1f3a5f,#0d3b20 60%,#0a2f18)}.hub-card-template .hub-card-badge{background:#1e40afd9;border-color:#60a5fa8c;color:#dbeafe;text-shadow:0 0 6px rgba(96,165,250,.4)}.hub-card.is-loading{pointer-events:none;opacity:.6}.hub-card.is-loading .hub-btn-primary:after{content:"";width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;margin-left:6px;animation:hubSpin .7s linear infinite}@keyframes hubSpin{to{transform:rotate(360deg)}}.hub-card-new{cursor:pointer;align-items:center;justify-content:center;text-align:center;min-height:240px;padding:24px;background:linear-gradient(160deg,#0d502880,#0a2f18a6);border-style:dashed;border-color:#4ade8059}.hub-card-new:hover{border-style:solid;border-color:#4ade80;background:linear-gradient(160deg,#1464378c,#0d3b20b3)}.hub-card-new .hub-card-icon{font-size:64px;line-height:1;color:#4ade80;text-shadow:0 0 18px rgba(74,222,128,.55);margin-bottom:10px}.hub-card-new .hub-card-title{font-size:18px;color:#ecfdf5}.hub-card-new .hub-card-desc{color:#86efac;min-height:0}.mv-vis-badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:700;vertical-align:middle;border:1px solid transparent;white-space:nowrap}.mv-vis-public{background:#4ade801f;color:#86efac;border-color:#4ade804d}.mv-vis-unlisted{background:#7dd3fc1f;color:#7dd3fc;border-color:#7dd3fc4d}.mv-vis-private{background:#9ca3af1f;color:#d1d5db;border-color:#9ca3af4d}.hub-leaderboard-table{width:100%;border-collapse:collapse;background:#0f172a66;border-radius:8px;overflow:hidden;font-size:13px;border:1px solid rgba(74,222,128,.1)}.hub-leaderboard-table th{text-align:left;padding:10px 14px;background:#0f172a99;color:#86efac;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(74,222,128,.15)}.hub-leaderboard-table td{padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.04);color:#d1d5db}.hub-leaderboard-table tbody tr:hover{background:#4ade800a}.hub-leaderboard-table tbody tr:last-child td{border-bottom:none}.hub-leaderboard-table td:first-child{color:#6b7280;font-weight:700}