:root{--bg: #111;--panel: #0f1a2b;--text: #eaeaea;--muted: #9aa4b2;--primary: #4ea1ff;--card: #162235;--card-hover: #1d2c45;--border: #223047}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial}a{color:var(--text);text-decoration:none}a:hover{text-decoration:underline}.sp-nav{position:sticky;top:0;z-index:10;background:var(--panel);border-bottom:1px solid var(--border)}.sp-nav__inner{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.sp-brand{font-weight:700;letter-spacing:.2px}.sp-menu{display:flex;gap:14px;align-items:center}.sp-link{opacity:.9;background:none;border:0;color:inherit;cursor:pointer}.sp-link.active{color:var(--primary);opacity:1}.sp-menu__right{display:inline-flex;gap:8px;align-items:center;margin-left:18px}.sp-profile{display:inline-flex;gap:8px;align-items:center}.avatar{width:28px;height:28px;border-radius:50%;background:#fff2;overflow:hidden}.role-chip{padding:2px 6px;border-radius:8px;font-size:11px;border:1px solid var(--border);color:var(--muted)}.role-admin{color:#ffb4b4;border-color:#ffb4b44a}.role-editor{color:#b4ffdf;border-color:#b4ffdf4a}.grid{max-width:1100px;margin:24px auto;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .15s ease,background .15s ease,border-color .15s ease}.card:hover{transform:translateY(-2px);background:var(--card-hover);border-color:var(--primary)}.card img{width:100%;height:240px;object-fit:cover;display:block}.card .title{padding:10px 12px;font-weight:600}.card .meta{padding:0 12px 12px;color:var(--muted);font-size:12px}:root{--background: #0b1220;--panel: rgba(9, 14, 24, .7);--text: #cfd6e5;--text-muted: #9aa3b2;--text-strong: #e7ecf8;--border: #233048;--hover: rgba(255, 255, 255, .06);--accent: #6ee7ff}html[data-theme=light]{--background: #ffffff;--panel: rgba(255, 255, 255, .8);--text: #1f2937;--text-muted: #6b7280;--text-strong: #0b1320;--border: #e5e7eb;--hover: rgba(0, 0, 0, .05);--accent: #38bdf8}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--background);color:var(--text)}.sp-container{max-width:1200px;margin:0 auto;padding:16px}main.sp-page{padding-top:10px}.card{border:1px solid var(--border);border-radius:12px;background:var(--panel);overflow:hidden}.card__header{padding:12px 16px;border-bottom:1px solid var(--border)}.card__title{margin:0}.card__subtitle{margin:4px 0 0;color:var(--text-muted);font-size:14px}.card__content{padding:16px}.sp-icon{font-family:ShatterpointIcons,monospace;font-weight:400;font-style:normal;display:inline-block;text-align:center;line-height:1;vertical-align:middle}.sp-active{content:"j";color:#3b82f6}.sp-reactive{content:"i";color:#ef4444}.sp-innate{content:"l";color:#10b981}.sp-tactic{content:"k";color:#f59e0b}.sp-identity{content:"m";color:#8b5cf6}.sp-damage{content:"q";color:#dc2626}.sp-heal{content:"r";color:#059669}.sp-shove{content:"p";color:#7c3aed}.sp-force{content:"v";color:#0ea5e9}.sp-critical{content:"b";color:#fbbf24}.sp-block{content:"e";color:#6b7280}.sp-strike{content:"a";color:#ef4444}.sp-failure{content:"d";color:#9ca3af}.sp-attack-expertise{content:"c";color:#dc2626}.sp-defense-expertise{content:"f";color:#2563eb}.sp-dash{content:"h";color:#059669}.sp-jump{content:"t";color:#0ea5e9}.sp-climb{content:"u";color:#7c3aed}.sp-reposition{content:"s";color:#f59e0b}.sp-melee{content:"o";color:#dc2626}.sp-ranged{content:"n";color:#059669}.sp-unit{content:"8";color:#6b7280}.sp-durability{content:"w";color:#7c3aed}.sp-pinned{content:"1";color:#9ca3af}.sp-hunker{content:"3";color:#059669}.sp-exposed{content:"4";color:#fbbf24}.sp-strained{content:"5";color:#ef4444}.sp-disarm{content:"9";color:#dc2626}.sp-icon-sm{font-size:.875rem;width:1rem;height:1rem}.sp-icon-md{font-size:1rem;width:1.25rem;height:1.25rem}.sp-icon-lg{font-size:1.25rem;width:1.5rem;height:1.5rem}.sp-icon-xl{font-size:1.5rem;width:2rem;height:2rem}@media (prefers-color-scheme: dark){.sp-active{color:#60a5fa}.sp-reactive{color:#f87171}.sp-innate{color:#34d399}.sp-tactic{color:#fbbf24}.sp-identity{color:#a78bfa}.sp-damage{color:#fca5a5}.sp-heal{color:#6ee7b7}.sp-shove{color:#c4b5fd}.sp-force{color:#7dd3fc}.sp-critical{color:#fde047}.sp-block{color:#9ca3af}.sp-strike{color:#f87171}.sp-failure{color:#d1d5db}.sp-attack-expertise{color:#fca5a5}.sp-defense-expertise{color:#93c5fd}.sp-dash{color:#6ee7b7}.sp-jump{color:#7dd3fc}.sp-climb{color:#c4b5fd}.sp-reposition{color:#fbbf24}.sp-melee{color:#fca5a5}.sp-ranged{color:#6ee7b7}.sp-unit{color:#9ca3af}.sp-durability{color:#c4b5fd}.sp-pinned{color:#d1d5db}.sp-hunker{color:#6ee7b7}.sp-exposed{color:#fde047}.sp-strained{color:#f87171}.sp-disarm{color:#fca5a5}}@font-face{font-family:ShatterpointIcons;src:url(/fonts/ShatterpointIcons.woff) format("woff"),url(/fonts/ShatterpointIconsRegular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0030-007F,U+E900-E928}.spicon,.sp{font-family:ShatterpointIcons,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-variant-ligatures:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;display:inline-block}.spicon.debug{outline:1px dashed rgba(0,0,0,.2)}.sp-pill{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;font-size:16px}.sp-num{font:600 15px/1.1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root{--ad-text:#0b1220;--ad-muted:#475569;--ad-bg:#f7f9fc;--ad-panel:#0e1726;--ad-panel-2:#0b1220;--ad-b:#1f2a44;--ad-b2:#223150;--ad-hover:#0f1b2e;--ad-shadow:0 22px 60px rgba(2, 6, 23, .35);--ad-header:#0b1220;--ad-header-text:#e8f0ff;--ad-primary:#2563eb;--ad-primary-600:#1d4ed8;--ad-title:#0b1220;--ad-subtitle:#475569;--ad-hero:#eef3ff;--ad-hero-b:#d6e2ff;--ad-success:#16a34a;--ad-warning:#f59e0b;--ad-danger:#dc2626}@media (prefers-color-scheme:dark){:root{--ad-text:#e5e7eb;--ad-muted:#cbd5e1;--ad-bg:#0b1220;--ad-panel:#0e1726;--ad-panel-2:#0f1624;--ad-b:#1f2a44;--ad-b2:#223150;--ad-hover:#131e33;--ad-shadow:0 22px 60px rgba(2, 6, 23, .55);--ad-header:#0e1626;--ad-header-text:#e8f0ff;--ad-title:#f8fafc;--ad-subtitle:#cbd5e1;--ad-hero:#121a2b;--ad-hero-b:#1f2a44}}.admin-page{max-width:1180px;margin:0 auto;padding:28px 20px 44px;color:var(--ad-text);font-family:var(--sp-font);background:var(--ad-bg)}.page-head{position:relative;text-align:center;margin:6px 0 20px;padding:20px 16px 18px;background:var(--ad-hero);border:1px solid var(--ad-hero-b);border-radius:16px;box-shadow:inset 0 6px 18px #0206170f}.page-head h1{font-size:clamp(26px,2.2vw,36px);font-weight:900;letter-spacing:-.02em;margin:0 0 8px;color:var(--ad-title);text-shadow:none}.page-head p{margin:0;color:var(--ad-subtitle);opacity:1}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin:18px 0 22px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.input,.select{height:44px;min-width:260px;padding:10px 14px 10px 44px;border:1px solid var(--ad-b2);background:#fff;color:var(--ad-text);border-radius:999px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s,color .15s}.input::placeholder{color:var(--ad-muted)}.select{color:var(--ad-text)}.input:focus,.select:focus{border-color:#7aa2ff;box-shadow:0 0 0 3px #7aa2ff33}@media (prefers-color-scheme:dark){.input,.select{background:var(--ad-panel-2);color:#e5e7eb}.input::placeholder{color:#9fb0c6}}.input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23647589' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>");background-repeat:no-repeat;background-position:14px 50%}.select{padding-left:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23647589' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 9l4-4 4 4'/><path d='M16 15l-4 4-4-4'/></svg>");background-repeat:no-repeat;background-position:14px 50%,right 12px center}.btn{font-family:var(--sp-font);font-weight:800;height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--ad-b2);background:#fff;color:var(--ad-text);cursor:pointer;transition:background .15s,border-color .15s,transform .02s,box-shadow .15s,color .15s}.btn:hover{background:#f3f6fb;border-color:#b9c6dd}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--ad-primary);color:#fff;border-color:transparent}.btn--primary:hover{background:var(--ad-primary-600)}.btn--outline{background:#fff;border-color:var(--ad-b2);color:var(--ad-text)}.btn--danger{background:var(--ad-danger);color:#fff;border-color:transparent}.btn--danger:hover{background:#b91c1c}.btn-sm{height:32px;padding:6px 12px;font-size:12px;border-radius:999px}@media (prefers-color-scheme:dark){.btn{background:var(--ad-panel-2);color:#e5e7eb;border-color:var(--ad-b2)}.btn--outline{background:transparent;color:#e5e7eb}.btn:hover{background:var(--ad-hover);border-color:var(--ad-b)}}.card{background:var(--ad-panel);border:1px solid var(--ad-b);border-radius:18px;box-shadow:var(--ad-shadow);overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--ad-b)}.card-header h2{margin:0;font-size:20px;font-weight:700;color:var(--ad-header-text)}.card-body{overflow:hidden;transition:max-height .3s ease-in-out,opacity .3s ease-in-out}.card--dropdown-enabled,.card--dropdown-enabled .card-body,.dropdown-container{overflow:visible!important}.dropdown-menu{z-index:99999!important;position:fixed!important}main,body,html{overflow-x:visible!important}.admin-page{overflow:visible!important}.card-body.collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.dropdown-container{position:relative;overflow:visible;z-index:1001}.dropdown-menu{position:fixed;background:var(--ad-panel);border:1px solid var(--ad-b);border-radius:8px;box-shadow:0 10px 25px #0000004d,0 4px 12px #0003;z-index:99999;min-width:140px;max-height:250px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropdown-item{display:block;width:100%;padding:8px 12px;text-align:left;background:transparent;border:none;color:#f9fafb;cursor:pointer;font-size:14px;transition:background-color .2s}.dropdown-item:hover:not(:disabled){background:#ffffff1a}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item:not(:first-child){border-top:1px solid var(--ad-b)}.table__cell:last-child{overflow:visible}.table{width:100%;overflow:visible}.table__row{display:grid;grid-template-columns:1.6fr 1fr .8fr .7fr .8fr 1.2fr;gap:12px;align-items:center;padding:16px 18px;border-top:1px solid var(--ad-b);color:#e5e7eb;overflow:visible}.table__row:nth-child(2n):not(.table__row--header){background:#ffffff05}.table__row:hover:not(.table__row--header){background:#ffffff09}.table__cell{min-width:0}.table__row--header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1.6fr 1fr .8fr .7fr .8fr 1.2fr;gap:12px;align-items:center;padding:14px 18px;background:var(--ad-header);color:var(--ad-header-text);border-bottom:1px solid var(--ad-b);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.avatar{width:36px;height:36px;border-radius:999px;object-fit:cover;border:1px solid var(--ad-b2);background:#fff}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.02em;border:1px solid var(--ad-b2);background:#94a3b81f;color:#c7d2fe}.badge[data-role=ADMIN]{background:#ff7a002e;border-color:#ff7a0061;color:#ffb27a}.badge[data-role=EDITOR]{background:#3b82f62e;border-color:#3b82f661;color:#93c5fd}.badge[data-role=USER]{background:#64748b2e;border-color:#94a3b861;color:#cbd5e1}.badge[data-role=API_USER]{background:#a855f72e;border-color:#a855f761;color:#c084fc}.table__cell:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}.btn-chip{border-radius:999px;background:#94a3b814;border-color:#94a3b847}.btn-chip--editor{background:#3b82f61f;border-color:#3b82f659;color:#93c5fd}.btn-chip--admin{background:#ff7a001f;border-color:#ff7a0059;color:#ffb27a}.btn-chip--api_user{background:#a855f71f;border-color:#a855f759;color:#c084fc}.alert{padding:10px 12px;border-radius:10px;font-size:14px;margin:8px 0}.alert--ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}@media (prefers-color-scheme:dark){.alert--ok{background:#0b2a22;border-color:#065f46;color:#a7f3d0}.alert--error{background:#2b1212;border-color:#7f1d1d;color:#fecaca}}.skel{height:16px;border-radius:6px;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;animation:sk 1.2s ease-in-out infinite}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 860px){.table__row,.table__row--header{grid-template-columns:1fr}.input,.select{min-width:200px}}.nb-root{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:color-mix(in srgb,var(--nb-bg, #0b1220) 88%,transparent);border-bottom:1px solid color-mix(in srgb,#ffffff 10%,transparent)}.nb-inner{max-width:1400px;margin:0 auto;padding:10px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.nb-brand{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:#e5e7eb;font-weight:700;font-size:18px;cursor:pointer}.nb-brand-dot{width:10px;height:10px;border-radius:999px;background:#60a5fa;box-shadow:0 0 0 3px color-mix(in srgb,#60a5fa 30%,transparent)}.nb-brand-name{letter-spacing:.3px}.nb-nav{display:none;gap:8px;flex-wrap:wrap;justify-content:center}@media (min-width: 900px){.nb-nav{display:inline-flex}}@media (min-width: 1200px){.nb-nav{gap:12px}}.nb-link{color:#cbd5e1;padding:6px 8px;border-radius:8px;text-decoration:none;transition:background .15s ease;font-size:14px;white-space:nowrap}.nb-link:hover{background:#ffffff0f}.nb-link.is-active{color:#fff;background:#6366f138;box-shadow:inset 0 0 0 1px #6366f159}.nb-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.nb-btn{background:#0f172a;color:#e5e7eb;border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:10px;cursor:pointer}.nb-btn:hover{background:#111827}.nb-btn-icon{width:36px;height:36px;display:inline-grid;place-items:center;padding:0}.nb-guest,.nb-user{color:#cbd5e1;font-size:14px}.nb-role{margin-left:6px;padding:2px 6px;font-size:12px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.r-user{color:#e5e7eb}.r-editor{color:#93c5fd}.r-admin{color:#fca5a5}.nb-burger{display:inline-grid}@media (min-width: 900px){.nb-burger{display:none}}.nb-drawer{display:grid;gap:8px;padding:8px 12px 12px;transform:translateY(-8px);height:0;overflow:hidden;transition:height .2s ease;border-bottom:1px solid transparent}.nb-drawer.is-open{height:auto;border-color:#ffffff14}.nb-drawer-link{color:#e5e7eb;text-decoration:none;padding:10px 12px;border-radius:10px;background:#ffffff0d}.nb-drawer-link:hover{background:#ffffff14}.nb-drawer-sep{height:1px;background:#ffffff14;margin:4px 0}.nb-drawer-btn{composes:nb-btn;width:100%}:root{--nb-bg: #0b1220}.dark body{background:#0b1220;color:#e5e7eb}