:root{
  --bg:#0d1626;
  --bg2:#101b2c;
  --header:#1a2638;
  --card:#182436;
  --card2:#1c2a3d;
  --table:#172234;
  --table2:#1b283a;
  --text:#edf4ff;
  --muted:#9aa7b8;
  --yellow:#ffe600;
  --blue:#1f6dff;
  --blue2:#76b7ff;
  --green:#16764f;
  --border:rgba(255,255,255,.08);
  --line:rgba(160,178,205,.18);
  --shadow:0 18px 45px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html{min-height:100%}
body{
  margin:0;
  min-height:100%;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:14px;
}
a{color:var(--blue2);text-decoration:none;font-weight:800}
a:hover{color:#b7d8ff}
.container{max-width:1120px;margin:0 auto;padding:0 18px}
.site-header{position:sticky;top:0;z-index:50;background:var(--header);border-bottom:1px solid rgba(255,255,255,.05)}
.nav-shell{max-width:1120px;margin:0 auto;min-height:64px;padding:0 18px;display:grid;grid-template-columns:260px 1fr 160px;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:5px;color:white;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.brand-text{font-size:1rem;text-shadow:0 1px 0 rgba(0,0,0,.3)}
.main-nav{display:flex;align-items:center;justify-content:center;gap:24px;height:64px}
.nav-link,.dropdown-trigger{color:white;background:transparent;border:0;font:inherit;font-size:.9rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;padding:22px 0}
.chevron{font-size:.75rem;margin-left:4px;color:#cfd7e3}.nav-dropdown{position:relative;height:64px;display:flex;align-items:center}.dropdown-menu{display:none;position:absolute;top:58px;left:50%;transform:translateX(-50%);min-width:150px;background:#101b2d;border:1px solid var(--border);border-radius:6px;padding:8px 0;box-shadow:var(--shadow)}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:block}.dropdown-menu a{display:block;color:white;padding:11px 16px;font-weight:700}.dropdown-menu a:hover{background:rgba(255,255,255,.07)}
.auth-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.discord-login{display:inline-flex;align-items:center;gap:7px;background:var(--blue);color:white;border-radius:999px;padding:7px 16px;font-weight:900;box-shadow:0 6px 18px rgba(31,109,255,.28)}.discord-login:hover{color:white;background:#2c7bff}.account-link,.logout-link{color:white;background:transparent;border:0;font:inherit;font-weight:800;cursor:pointer}.inline{display:inline}
.page{max-width:1120px;margin:0 auto;padding:18px 18px 58px;min-height:calc(100vh - 128px)}
.breadcrumb{display:flex;gap:10px;align-items:center;justify-content:center;margin:0 0 62px;color:var(--muted);font-size:.85rem}.breadcrumb strong{color:var(--yellow)}
.page-title{text-align:center;margin:0 0 32px}.page-title h1{margin:0;color:var(--yellow);font-size:clamp(1.8rem,3vw,2.35rem);font-weight:1000;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 3px 0 rgba(0,0,0,.22)}.page-title h1 i{margin-right:10px}.page-title p{margin:8px 0 0;color:#c8d1dd;font-size:1.05rem}.page-title.left{text-align:left}.page-title.left h1{text-transform:none;color:white;text-shadow:none}
.card,.filter-card,.note-card{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 22px rgba(0,0,0,.12)}.card{padding:24px;margin-bottom:18px}.filter-card{padding:22px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;gap:12px}.filter-card label{font-weight:900}.filter-card select,.form input,.form select,.search input{background:#344153;color:white;border:1px solid rgba(255,255,255,.15);border-radius:7px;padding:10px 14px;min-width:180px;font:inherit}.note-card{padding:16px 20px;text-align:center;color:var(--muted);margin:20px 0 28px}.note-card i{color:#3793ff;margin-right:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:white;border:0;border-radius:8px;padding:12px 22px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(31,109,255,.24)}.btn:hover{color:white;background:#2b78ff}.btn.ghost,.ghost-dark{background:transparent;border:1px solid rgba(255,255,255,.25);box-shadow:none}.center-actions{display:flex;justify-content:center}.actions{display:flex;gap:12px;margin-top:20px}.muted{color:var(--muted)}.small-note{font-size:.9rem}
.rank-table,.data-table,table{width:100%;border-collapse:separate;border-spacing:0;background:var(--table);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.12)}th,td{text-align:left;padding:14px 14px;border-bottom:1px solid var(--line)}th{background:#111a2a;color:var(--yellow);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;font-weight:1000}tbody tr:nth-child(even){background:rgba(255,255,255,.018)}tbody tr:hover{background:rgba(255,255,255,.04)}tbody tr:last-child td{border-bottom:0}.rank-cell{font-size:1.05rem;font-weight:1000;color:#aab6c6}.rank-cell.top-1{color:var(--yellow)}.rank-cell.top-2{color:#d7dde7}.rank-cell.top-3{color:#ff9d28}.level-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:4px 9px;border-radius:999px;font-weight:900;font-size:.78rem;color:white}.level-pill.base{background:#1b4b91}.level-pill.job{background:#126846}.char-name{font-weight:900;color:#86c1ff}.table-actions{text-align:center}.monster-icon,.item-icon,.avatar-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:8px}.rank-avatar{display:inline-flex;align-items:center;gap:8px;color:#eaf2ff;font-weight:700}
.hero-banner{min-height:360px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:0 0 10px 10px;margin:-18px -18px 22px;background:linear-gradient(180deg,rgba(13,22,38,.4),rgba(13,22,38,.88)),url('/assets/images/hero-bg.svg');background-size:cover;background-position:center}.hero-overlay{max-width:720px;padding:60px 18px}.hero-overlay h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 10px;font-weight:1000}.hero-overlay p{font-size:1.1rem;color:#d0dae8}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{color:white;transition:.16s transform,.16s border-color}.feature-card:hover{transform:translateY(-3px);border-color:rgba(118,183,255,.5)}.home-cards .card{min-height:136px}.eyebrow{color:var(--yellow);font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.form-card{max-width:560px;margin-left:auto;margin-right:auto}.form{max-width:520px}.form label{display:block;font-weight:900;margin-bottom:14px}.form input,.form select{display:block;width:100%;margin-top:6px;min-width:0;background:#101b2d}.check{display:flex!important;gap:10px;align-items:center}.check input{width:auto;margin:0}.search{display:flex;gap:10px;margin:16px 0}.search input{margin-top:0;min-width:0;background:#101b2d}.alert{padding:12px 14px;border-radius:8px;margin-bottom:14px}.alert.success{background:rgba(24,212,90,.12);color:#70f29e}.alert.error{background:rgba(255,91,91,.13);color:#ff9e9e}.online{color:#34e27a}.offline{color:#ff6c6c}.tabs{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.tabs a{padding:9px 13px;background:#172842;border:1px solid var(--border);border-radius:8px;color:#9fc0ff}.tabs a.active{background:var(--blue);color:white}.account-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.account-actions{display:flex;flex-direction:column;gap:10px}.divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted)}.divider:before,.divider:after{content:"";height:1px;background:var(--border);flex:1}.discord-wide{width:100%;margin-top:8px}
.site-footer{background:#202d3f;color:var(--muted);padding:28px 0;text-align:center;font-size:.86rem}.site-footer .socials{margin-top:12px;display:flex;justify-content:center;gap:12px}.site-footer .socials a{width:34px;height:34px;border-radius:999px;background:#2b3a50;display:inline-flex;align-items:center;justify-content:center;color:white}.site-footer .socials a:hover{background:var(--blue)}

.brand-mark img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  display: block;
}
@media(max-width:900px){.nav-shell{grid-template-columns:1fr;justify-items:center;padding:12px 18px}.main-nav{height:auto;flex-wrap:wrap;gap:16px}.nav-dropdown{height:auto}.dropdown-menu{top:36px}.auth-actions{justify-content:center}.brand{display:flex}.page{padding-top:16px}.breadcrumb{margin-bottom:32px}.grid.two,.grid.three,.account-grid{grid-template-columns:1fr}.filter-card,.search{flex-direction:column}.rank-table,.data-table,table{display:block;overflow:auto;white-space:nowrap}}