.dev-db{--dev-bg:#060d0a;--dev-surface:#0c1812;--dev-surface-2:#101f18;--dev-border:#1e3826;--dev-border-bright:#2d5a45;--dev-text:#d1fae5;--dev-text-dim:#4a7060;--dev-accent:#34d399;--dev-accent-soft:#6ee7b7;--dev-gold:#fbbf24;--dev-danger:#f87171;--dev-glow:#34d39926;--dev-radius:12px;--dev-radius-sm:8px;--dev-font:"Segoe UI", system-ui, -apple-system, sans-serif;--dev-mono:"Cascadia Code", "Consolas", ui-monospace, monospace;background:radial-gradient(ellipse 120% 80% at 0% -20%, #34d39914, transparent 50%), radial-gradient(ellipse 80% 60% at 100% 100%, #fbbf240d, transparent 45%), var(--dev-bg);height:100vh;color:var(--dev-text);font-family:var(--dev-font);flex-direction:column;font-size:13px;line-height:1.45;display:flex}.dev-db__topbar{border-bottom:1px solid var(--dev-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#101f18f2 0%,#0c1812e0 100%);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 20px;display:grid}.dev-db__brand{align-items:center;gap:10px;min-width:0;display:flex}.dev-db__brand-icon{border:1px solid var(--dev-border-bright);width:36px;height:36px;box-shadow:0 0 20px var(--dev-glow);background:linear-gradient(135deg,#1a3d2e 0%,#0f2419 100%);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.dev-db__brand-text h1{letter-spacing:-.02em;color:var(--dev-accent-soft);margin:0;font-size:15px;font-weight:800}.dev-db__brand-text p{color:var(--dev-text-dim);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:10px}.dev-db__toolbar{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.dev-db__auth{border-radius:var(--dev-radius-sm);border:1px solid var(--dev-border);background:#00000040;align-items:center;gap:8px;padding:6px 10px;display:flex}.dev-db__segment{border-radius:var(--dev-radius-sm);border:1px solid var(--dev-border);background:#00000059;padding:3px;display:inline-flex}.dev-db__segment-btn{color:var(--dev-text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:700;transition:background .15s,color .15s}.dev-db__segment-btn:hover{color:var(--dev-accent-soft)}.dev-db__segment-btn--active{background:var(--dev-surface-2);color:var(--dev-text);box-shadow:0 1px 4px #0000004d}.dev-db__search-wrap{flex:1;gap:8px;min-width:200px;display:flex}.dev-db__search-wrap input[type=search]{flex:1}.dev-db__status{flex-shrink:0;align-items:center;gap:8px;display:flex}.dev-db__pill{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.dev-db__pill--ok{color:var(--dev-accent);background:#34d3991f;border:1px solid #34d39959}.dev-db__pill--err{color:var(--dev-danger);background:#f871711a;border:1px solid #f871714d}.dev-db__pill-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dev-db-pulse}@keyframes dev-db-pulse{0%,to{opacity:1}50%{opacity:.45}}.dev-db input[type=text],.dev-db input[type=password],.dev-db input[type=search],.dev-db input[type=number],.dev-db input[type=datetime-local],.dev-db select,.dev-db textarea{border:1px solid var(--dev-border);border-radius:var(--dev-radius-sm);color:var(--dev-text);background:#060d0acc;padding:8px 11px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.dev-db input:focus,.dev-db select:focus,.dev-db textarea:focus{border-color:var(--dev-accent);box-shadow:0 0 0 3px var(--dev-glow);outline:none}.dev-db input::placeholder{color:var(--dev-text-dim)}.dev-db__btn{border-radius:var(--dev-radius-sm);border:1px solid var(--dev-border-bright);background:var(--dev-surface-2);color:var(--dev-accent-soft);cursor:pointer;white-space:nowrap;padding:8px 14px;font-size:12px;font-weight:700;transition:background .15s,transform .1s,border-color .15s}.dev-db__btn:hover:not(:disabled){border-color:var(--dev-accent);background:#1a3020}.dev-db__btn:active:not(:disabled){transform:scale(.98)}.dev-db__btn:disabled{opacity:.45;cursor:not-allowed}.dev-db__btn--primary{color:#052e16;background:linear-gradient(#34d399 0%,#059669 100%);border:none;box-shadow:0 2px 12px #34d39940}.dev-db__btn--primary:hover:not(:disabled){background:linear-gradient(#6ee7b7 0%,#34d399 100%);box-shadow:0 4px 16px #34d39959}.dev-db__btn--danger{color:#fca5a5;background:#7f1d1d33;border-color:#7f1d1d}.dev-db__btn--danger:hover:not(:disabled){background:#7f1d1d59;border-color:#ef4444}.dev-db__body{flex:1;min-height:0;display:flex}.dev-db__sidebar{border-right:1px solid var(--dev-border);background:#08100c99;flex-direction:column;flex-shrink:0;width:300px;display:flex}.dev-db__sidebar-head{border-bottom:1px solid var(--dev-border);text-transform:uppercase;letter-spacing:.1em;color:var(--dev-text-dim);padding:12px 14px;font-size:10px;font-weight:700}.dev-db__sidebar-list{flex:1;padding:6px;overflow-y:auto}.dev-db__main{flex:1;padding:20px 24px 32px;overflow-y:auto}.dev-db__item{border-radius:var(--dev-radius-sm);cursor:pointer;border:1px solid #0000;gap:10px;margin-bottom:4px;padding:10px 12px;transition:background .15s,border-color .15s,transform .12s;display:flex}.dev-db__item:hover{border-color:var(--dev-border);background:#1a302099}.dev-db__item--active{box-shadow:inset 3px 0 0 var(--dev-accent);background:linear-gradient(90deg,#34d3991f 0%,#1a302080 100%);border-color:#34d39966}.dev-db__avatar{width:36px;height:36px;color:var(--dev-accent-soft);border:1px solid var(--dev-border-bright);background:linear-gradient(135deg,#1e3826 0%,#142820 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.dev-db__item-body{flex:1;min-width:0}.dev-db__item-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.dev-db__item-sub{color:var(--dev-accent-soft);opacity:.85;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.dev-db__tag{font-family:var(--dev-mono);color:var(--dev-gold);background:#fbbf241f;border:1px solid #fbbf2440;border-radius:4px;margin-right:6px;padding:1px 5px;font-size:10px}.dev-db__badges{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.dev-db__badge{text-transform:uppercase;letter-spacing:.04em;color:var(--dev-accent-soft);border:1px solid var(--dev-border);background:#1e3826cc;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700}.dev-db__badge--solo{color:#93c5fd;background:#3b82f61a;border-color:#93c5fd4d}.dev-db__badge--lobby{color:#c4b5fd;background:#8b5cf61a;border-color:#c4b5fd4d}.dev-db__empty{text-align:center;color:var(--dev-text-dim);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.dev-db__empty-icon{opacity:.5;margin-bottom:12px;font-size:40px}.dev-db__error{border-radius:var(--dev-radius-sm);color:#fecaca;background:#7f1d1d40;border:1px solid #f8717159;margin:0 20px;padding:10px 14px;font-size:12px}.dev-db__toast{border-radius:var(--dev-radius-sm);color:var(--dev-accent-soft);background:#34d3991f;border:1px solid #34d39959;align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:12px;font-weight:600;animation:.25s ease-out dev-db-slide-in;display:inline-flex}@keyframes dev-db-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dev-db__hero{border-radius:var(--dev-radius);border:1px solid var(--dev-border);background:linear-gradient(135deg,#101f18e6 0%,#0c1812b3 100%);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding:18px 20px;display:flex;box-shadow:0 4px 24px #00000040}.dev-db__hero-left{align-items:center;gap:14px;min-width:0;display:flex}.dev-db__hero-avatar{border:1px solid var(--dev-border-bright);width:52px;height:52px;box-shadow:0 0 24px var(--dev-glow);background:linear-gradient(145deg,#1a3d2e,#0f2419);border-radius:14px;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.dev-db__hero-name{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.dev-db__hero-meta{color:var(--dev-accent-soft);margin:4px 0 0;font-size:12px}.dev-db__hero-id{font-size:10px;font-family:var(--dev-mono);color:var(--dev-text-dim);word-break:break-all;margin:6px 0 0}.dev-db__stat-row{flex-wrap:wrap;gap:8px;display:flex}.dev-db__stat-chip{border-radius:var(--dev-radius-sm);border:1px solid var(--dev-border);background:#00000040;flex-direction:column;gap:2px;min-width:72px;padding:8px 12px;display:flex}.dev-db__stat-chip-label{text-transform:uppercase;letter-spacing:.08em;color:var(--dev-text-dim);font-size:9px}.dev-db__stat-chip-value{color:var(--dev-text);font-size:15px;font-weight:800}.dev-db__stat-chip-value--gold{color:var(--dev-gold)}.dev-db__actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.dev-db__actions .dev-db__segment{margin-right:auto}.dev-db__sections{flex-direction:column;gap:14px;display:flex}.dev-db__section{border-radius:var(--dev-radius);background:var(--dev-surface);border:1px solid var(--dev-border);border-left:3px solid var(--dev-accent);padding:16px 18px;box-shadow:0 2px 8px #00000026}.dev-db__section--warn{border-left-color:var(--dev-gold)}.dev-db__section-head{align-items:center;gap:8px;margin-bottom:14px;display:flex}.dev-db__section-icon{font-size:16px;line-height:1}.dev-db__section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--dev-accent-soft);margin:0;font-size:11px;font-weight:800}.dev-db__grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;display:grid}.dev-db__field{flex-direction:column;gap:5px;display:flex}.dev-db__field label{text-transform:uppercase;letter-spacing:.06em;color:var(--dev-text-dim);font-size:10px;font-weight:600}.dev-db__field-readonly{border-radius:var(--dev-radius-sm);border:1px solid var(--dev-border);opacity:.75;background:#0003;padding:8px 11px;font-weight:700}.dev-db__hint{color:var(--dev-text-dim);margin:10px 0 0;font-size:11px;line-height:1.5}.dev-db__checks{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.dev-db__check{cursor:pointer;color:var(--dev-text);align-items:center;gap:8px;font-size:12px;display:flex}.dev-db__check input{accent-color:var(--dev-accent);width:16px;height:16px}.dev-db__session{border-bottom:1px solid var(--dev-border);padding:12px 0}.dev-db__session:last-child{border-bottom:none;padding-bottom:0}.dev-db__mono{font-family:var(--dev-mono);font-size:11px}.dev-db__player-list{margin:0;padding:0;list-style:none}.dev-db__player-list li{border-radius:var(--dev-radius-sm);border:1px solid var(--dev-border);color:#a7f3d0;background:#0003;margin-bottom:4px;padding:8px 10px;font-size:12px}.dev-db__loading{position:relative}.dev-db__loading:after{content:"";pointer-events:none;border-radius:inherit;opacity:0;background:#060d0a73;transition:opacity .2s;position:absolute;inset:0}.dev-db--busy .dev-db__main{opacity:.92;pointer-events:none}@media (width<=900px){.dev-db__topbar{grid-template-columns:1fr}.dev-db__body{flex-direction:column}.dev-db__sidebar{border-right:none;border-bottom:1px solid var(--dev-border);width:100%;max-height:220px}}