*,:before,:after{box-sizing:border-box}:root{--bg:#0e0c12;--bg-card:#18151f;--bg-card-hover:#1f1c28;--border:#2a2535;--text:#b0a8c0;--text-h:#e8e0f0;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-dim:#8b5cf626;--danger:#ef4444;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.6 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{min-height:100svh;margin:0}h1,h2,h3{color:var(--text-h);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.6rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);text-decoration:none}.btn-secondary{color:var(--text-h);border:1px solid var(--border);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--bg-card);text-decoration:none}.btn-sm{padding:.35rem .9rem;font-size:.85rem}.site-nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0e0c12d9;justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0}.site-nav-logo{color:var(--text-h);letter-spacing:-.02em;background:linear-gradient(135deg,#e8e0f0 30%,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700;text-decoration:none}.site-nav-logo:hover{text-decoration:none}.site-nav-links{align-items:center;gap:1rem;display:flex}.site-nav-link{color:var(--text);font-size:.9rem;text-decoration:none;transition:color .15s}.site-nav-link:hover{color:var(--text-h);text-decoration:none}.landing-page{flex-direction:column;display:flex}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem 2rem;display:flex}.landing-banner{width:100vw;max-width:100vw;height:auto;margin-bottom:1.5rem;margin-left:calc(50% - 50vw);display:block}.tagline{color:var(--text);margin-bottom:1.25rem;font-size:1.15rem}.hero-online{color:var(--text);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.landing-about{flex-direction:column;gap:3rem;max-width:900px;margin:0 auto;padding:2rem 1.5rem 5rem;display:flex}.landing-about-inner h2{color:var(--text-h);margin-bottom:1rem;font-size:1.5rem}.landing-about-inner p{color:var(--text);margin-bottom:.75rem;line-height:1.7}.landing-features{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.landing-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.landing-feature h3{color:var(--accent);margin-bottom:.5rem;font-size:1rem;font-weight:600}.landing-feature p{color:var(--text);font-size:.875rem;line-height:1.6}.downloads-heading{color:var(--text-h);margin-bottom:1.5rem;font-size:1.5rem}.form-page{justify-content:center;align-items:center;min-height:100svh;padding:1rem;display:flex}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:420px;padding:2.5rem}.form-card h2{margin-bottom:1.5rem;font-size:1.5rem}.form-card form{flex-direction:column;gap:1rem;display:flex}.form-card label{color:var(--text);flex-direction:column;gap:.35rem;font-size:.875rem;display:flex}.form-card input{background:var(--bg);border:1px solid var(--border);color:var(--text-h);border-radius:6px;outline:none;padding:.55rem .75rem;font-size:1rem;transition:border-color .15s}.form-card input:focus{border-color:var(--accent)}.form-error{color:var(--danger);margin:0;font-size:.875rem}.form-footer{text-align:center;color:var(--text);margin-top:1.25rem;font-size:.875rem}.dashboard{max-width:900px;margin:0 auto;padding:2rem 1rem}.download-section h2{margin-bottom:.5rem;font-size:1.25rem}.version-tag{color:var(--text);margin-bottom:1.5rem;font-size:.875rem}.download-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.download-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.5rem;padding:1.25rem;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.download-card:hover{background:var(--bg-card-hover);border-color:var(--accent);text-decoration:none}.download-platform{color:var(--text-h);font-size:1rem;font-weight:600}.download-meta{color:var(--text);font-size:.8rem}.download-hint{color:var(--text);margin-bottom:1rem;font-size:.875rem}.download-empty{color:var(--text);font-size:.9rem}.download-section-alt{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.char-section{flex-direction:column;gap:1.5rem;display:flex}.char-section-header{justify-content:space-between;align-items:center;display:flex}.char-section-header h2{font-size:1.25rem}.char-empty{color:var(--text);margin:0;font-size:.9rem}.char-limit-note{color:var(--text);margin:0;font-size:.875rem}.char-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.char-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.35rem;padding:1.25rem;transition:background .15s,border-color .15s;display:flex}.char-card:hover{background:var(--bg-card-hover);border-color:var(--accent)}.char-card-portrait{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;margin-bottom:.25rem}.char-card-name{color:var(--text-h);font-size:1.05rem;font-weight:600}.char-card-class{color:var(--accent);font-size:.85rem}.char-card-level{color:var(--text);font-size:.8rem}.char-create-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;max-width:420px;padding:1.5rem}.char-create-card h3{margin-bottom:1.25rem;font-size:1.1rem}.char-create-form{flex-direction:column;gap:1rem;display:flex}.char-create-form label{color:var(--text);flex-direction:column;gap:.35rem;font-size:.875rem;display:flex}.char-create-form input,.char-create-form select{background:var(--bg);border:1px solid var(--border);color:var(--text-h);border-radius:6px;outline:none;padding:.55rem .75rem;font-size:1rem;transition:border-color .15s}.char-create-form input:focus,.char-create-form select:focus{border-color:var(--accent)}.char-create-actions{gap:.75rem;margin-top:.25rem;display:flex}.play-page{background:#000;display:flex;position:fixed;inset:0}.play-frame{border:none;width:100%;height:100%}.lb-page{max-width:760px;margin:0 auto;padding:2rem 1rem}.lb-header{align-items:center;gap:1.25rem;margin-bottom:2rem;display:flex}.lb-header h1{flex:1;font-size:1.75rem}.lb-online{color:var(--text);white-space:nowrap;align-items:center;gap:.4rem;font-size:.875rem;display:flex}.lb-online-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #22c55e}.lb-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.lb-tab{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.lb-tab:hover{background:var(--bg-card-hover);color:var(--text-h)}.lb-tab-active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.lb-table{border-collapse:collapse;width:100%}.lb-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text);border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.75rem}.lb-table td{border-bottom:1px solid var(--border);padding:.65rem .75rem;font-size:.9rem}.lb-rank{color:var(--text);font-variant-numeric:tabular-nums;width:2.5rem}.lb-name{color:var(--text-h);font-weight:600}.lb-value{color:var(--text);font-variant-numeric:tabular-nums}.lb-class{background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);text-transform:capitalize;border-radius:4px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.lb-row-gold td{background:#eab30812}.lb-row-silver td{background:#94a3b80f}.lb-row-bronze td{background:#b4783c0f}.lb-row-gold .lb-rank{color:#eab308;font-weight:700}.lb-row-silver .lb-rank{color:#94a3b8;font-weight:700}.lb-row-bronze .lb-rank{color:#b47c3c;font-weight:700}.lb-empty{color:var(--text);font-size:.9rem}.admin-page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.admin-title{margin-bottom:1.25rem;font-size:1.75rem}.admin-tabs{gap:.5rem;margin-bottom:1.5rem;display:flex}.admin-loading{color:var(--text);padding:1rem 0}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.6rem .75rem}.admin-table th{color:var(--text);background:var(--bg-card);font-weight:600}.admin-table td{color:var(--text-h)}.admin-table tr:hover td{background:var(--bg-card-hover)}.admin-row-banned td{opacity:.5}.admin-actions{flex-wrap:nowrap;gap:.35rem;display:flex}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;text-decoration:none}.admin-modal-backdrop{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:2rem;display:flex}.admin-modal h3{color:var(--text-h);font-size:1.1rem}.admin-input{background:var(--bg);border:1px solid var(--border);color:var(--text-h);border-radius:6px;width:100%;padding:.55rem .75rem;font-size:.95rem}.admin-input:focus{border-color:var(--accent);outline:none}.admin-modal-actions{gap:.5rem;display:flex}.admin-modal-wide{max-width:620px}.admin-label{color:var(--text);text-transform:uppercase;letter-spacing:.04em;margin-bottom:-.25rem;font-size:.8rem;font-weight:600}.admin-input-sm{padding:.35rem .6rem;font-size:.85rem}.admin-dropdown{background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;max-height:200px;display:flex;overflow-y:auto}.admin-dropdown-item{cursor:pointer;text-align:left;color:var(--text-h);background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.875rem;display:flex}.admin-dropdown-item:hover{background:var(--bg-card-hover)}.admin-dropdown-name{flex:1}.admin-dropdown-meta{color:var(--text);white-space:nowrap;font-size:.75rem}.admin-dropdown-more{color:var(--text);margin:0;padding:.35rem .75rem;font-size:.75rem}.admin-affixes{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.admin-affix-group{flex-direction:column;gap:.4rem;display:flex}.admin-affix-list{flex-wrap:wrap;gap:.35rem;max-height:150px;padding:.25rem 0;display:flex;overflow-y:auto}.admin-affix-chip{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.25rem .6rem;font-size:.78rem;transition:background .1s,border-color .1s,color .1s}.admin-affix-chip:hover:not(:disabled){border-color:var(--accent);color:var(--text-h)}.admin-affix-chip-on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.admin-affix-chip-disabled{opacity:.35;cursor:not-allowed}.admin-item-preview{color:var(--text);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:flex}.admin-item-preview strong{color:var(--text-h)}.admin-rarity-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.admin-rarity-tainted{color:#60a5fa;background:#3b82f626}.admin-rarity-forsaken{color:#eab308;background:#eab30826}