@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg:#030306;--bg-surface:#08090f;--bg-surface-alt:#0d0f1a;--bg-surface-elevated:#121526;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#334155;--accent:#06b6d4;--accent-glow:#06b6d426;--gold:#eab308;--gold-glow:#eab30826;--purple:#7c3aed;--purple-glow:#7c3aed26;--red:#f43f5e;--green:#10b981;--discord:#5865f2;--border:#ffffff0a;--border-hover:#ffffff14;--border-focus:#06b6d44d;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 12px 36px #0009;--shadow-lg:0 24px 64px #000c;--ease:cubic-bezier(.16, 1, .3, 1);--duration:.3s;--font-sans:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;margin:0;padding:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#ffffff02 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-position:50%;background-size:50px 50px;line-height:1.5;overflow-x:hidden}.app{flex-direction:column;min-height:100vh;display:flex;position:relative}.app:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#06b6d408 0%,#0000 60%);width:80%;height:800px;position:absolute;top:0;left:10%}.main-content{z-index:1;flex:1;width:100%;max-width:1240px;margin:0 auto;padding:96px 24px 80px;position:relative}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);background:#08090fcc}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--duration) var(--ease);background:#08090f99;position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;border-top:1px solid #ffffff26;border-left:1px solid #ffffff26;width:6px;height:6px;position:absolute;top:0;left:0}.glass-card:after{content:"";pointer-events:none;border-bottom:1px solid #ffffff26;border-right:1px solid #ffffff26;width:6px;height:6px;position:absolute;bottom:0;right:0}.glass-card:hover{border-color:#06b6d440;transform:translateY(-2px);box-shadow:0 12px 40px #06b6d40f}.schematic-card{flex-direction:column;height:100%;display:flex;position:relative}.schematic-card:hover:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);z-index:10;width:100%;height:2px;animation:1.8s linear infinite scanline;position:absolute;top:0;left:0}@keyframes scanline{0%{top:0%}to{top:100%}}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;color:var(--text-primary);font-weight:800}a{color:inherit;transition:color var(--duration) var(--ease);text-decoration:none}.coord-box{font-family:var(--font-mono);gap:4px;font-size:.72rem;font-weight:700;display:inline-flex}.coord{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff03;padding:3px 6px}.coord-x{color:var(--red);border-color:#f43f5e26}.coord-y{color:var(--green);border-color:#10b98126}.coord-z{color:var(--accent);border-color:#06b6d426}.gauge-track{border:1px solid var(--border);background:#ffffff05;border-radius:99px;width:100%;height:4px;position:relative;overflow:hidden}.gauge-fill{background:linear-gradient(90deg, var(--purple), var(--accent));border-radius:99px;height:100%}.material-graph-item{flex-direction:column;gap:4px;display:flex}.material-bar-track{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff03;width:100%;height:6px;overflow:hidden}.material-bar-fill{background:var(--accent);border-radius:var(--radius-sm);height:100%;box-shadow:0 0 8px var(--accent-glow)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;display:inline-flex}.btn-primary{color:#000;background:#fff;box-shadow:0 4px 12px #ffffff1a}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ffffff40}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:#ffffff05}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff0d}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--text-secondary);background:#ffffff08}.btn-purple{color:#a78bfa;background:#7c3aed0d;border:1px solid #7c3aed40}.btn-purple:hover{color:#fff;box-shadow:0 0 15px var(--purple-glow);background:#7c3aed}.btn-discord{color:#818cf8;background:#5865f20d;border:1px solid #5865f240}.btn-discord:hover{background:var(--discord);color:#fff;box-shadow:0 0 15px #5865f259}.btn-danger{color:var(--red);background:#f43f5e0d;border:1px solid #f43f5e40}.btn-danger:hover{background:var(--red);color:#fff;box-shadow:0 0 15px #f43f5e59}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:3px 8px;font-size:.65rem;font-weight:800;display:inline-flex}.badge-accent{color:var(--accent);background:#06b6d40f;border-color:#06b6d426}.badge-gold{color:var(--gold);background:#eab3080f;border-color:#eab30826}.badge-purple{color:#a78bfa;background:#7c3aed0f;border-color:#7c3aed26}.badge-red{color:var(--red);background:#f43f5e0f;border-color:#f43f5e26}.badge-green{color:var(--green);background:#10b9810f;border-color:#10b98126}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-label{color:var(--text-secondary);font-size:.8rem;font-weight:700}.form-input,.form-textarea,.form-select{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--duration) var(--ease);background:#ffffff03;padding:10px 14px;font-size:.9rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 12px var(--accent-glow);background:#ffffff08;outline:none}select option,.form-select option{color:var(--text-primary);background:#0f111a}.grid-4{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.card-thumb-wrap{aspect-ratio:16/10;border-bottom:1px solid var(--border);background:#06070a;width:100%;position:relative;overflow:hidden}.card-thumb{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease)}.schematic-card:hover .card-thumb{transform:scale(1.03)}.card-thumb-placeholder{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.card-badges{z-index:2;gap:6px;display:flex;position:absolute;top:10px;right:10px}.card-pin{z-index:2;position:absolute;top:10px;left:10px}.card-body{flex-direction:column;flex:1;padding:16px;display:flex}.card-cat{text-transform:uppercase;color:var(--accent);letter-spacing:.1em;margin-bottom:4px;font-size:.65rem;font-weight:800}.card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:12px;font-size:1rem;font-weight:800;overflow:hidden}.card-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:auto;font-size:.78rem;display:flex}.card-author{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:700;overflow:hidden}.card-stat{align-items:center;gap:4px;display:flex}.effect-gold{color:var(--gold);text-shadow:0 0 10px #eab30866;font-weight:800}.effect-fire{background:linear-gradient(#eab308,#f97316,#f43f5e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800;animation:2s infinite alternate fire-flicker}.effect-rainbow{background:linear-gradient(90deg,#f43f5e,#f97316,#eab308,#10b981,#06b6d4,#7c3aed,#ec4899);-webkit-text-fill-color:transparent;background-size:400% 100%;-webkit-background-clip:text;font-weight:800;animation:8s linear infinite rainbow-scroll}.effect-glitch{color:#fff;text-shadow:.05em 0 #ff0000bf,-.025em -.05em #00ff00bf,.025em .05em #0000ffbf;font-weight:800;position:relative}.effect-wave{color:#c084fc;font-weight:800;animation:1.5s ease-in-out infinite alternate wave-anim;display:inline-block}.effect-diamond{color:var(--accent);text-shadow:0 0 12px #06b6d499;background:linear-gradient(135deg,#22d3ee 0%,#0891b2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.effect-neon{color:#22c55e;text-shadow:0 0 12px #22c55e99;font-weight:800}.effect-ice{color:#93c5fd;text-shadow:0 0 10px #93c5fd80,0 0 2px #fff;font-weight:800}@keyframes fire-flicker{0%{text-shadow:0 0 8px #f9731699}to{text-shadow:0 0 15px #f43f5ee6}}@keyframes rainbow-scroll{0%{background-position:0%}to{background-position:400%}}@keyframes wave-anim{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-title{letter-spacing:-.03em;align-items:center;gap:8px;font-size:1.4rem;font-weight:800;display:flex}.shimmer{background:linear-gradient(90deg,#ffffff01 25%,#ffffff05 50%,#ffffff01 75%) 0 0/200% 100%;animation:1.5s infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;border-radius:var(--radius-lg);color:var(--text-secondary);background:#08090f33;border:1px dashed #ffffff0a;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.empty-state svg{color:var(--text-muted);margin-bottom:18px}.empty-state h3{color:var(--text-primary);margin-bottom:6px}