:root{--bg-void:#0b0906;--bg-panel:#171310;--bg-panel-raised:#201a14;--border:#362c20;--outline:#000;--gold:#d9a441;--gold-bright:#f0be5f;--jade:#58b58a;--text-primary:#ece5d6;--text-muted:#8f8575;--danger:#c15a45}*{box-sizing:border-box}body{background:var(--bg-void);color:var(--text-primary);margin:0;font-family:Inter,sans-serif}h1,h2,h3{margin:0;font-family:"Baloo 2",sans-serif;font-weight:700}button{cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:600}.landing{background:radial-gradient(ellipse at center, #171008 0%, var(--bg-void) 75%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.embers span{background:var(--gold);opacity:0;border-radius:50%;animation:8s ease-in infinite ember-rise;position:absolute;bottom:-10px;box-shadow:0 0 6px 1px #d9a44180}@keyframes ember-rise{0%{opacity:0;transform:translate(0)}15%{opacity:.8}to{opacity:0;transform:translate(25px,-95vh)}}.landing-content{z-index:1;text-align:center;padding:2rem;position:relative}.dragon-badge{border:3px solid var(--gold);background:radial-gradient(circle at 50% 45%,#241c12 0%,#14100a 60%,#0b0906 100%);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 1.5rem;display:flex;box-shadow:0 0 40px #d9a44133,0 6px #000}.dragon-badge svg{width:68%}.landing-title{color:var(--gold-bright);-webkit-text-stroke:2px var(--outline);text-shadow:0 4px 0 var(--outline), 0 0 30px #d9a44159;letter-spacing:.05em;font-family:Bungee,sans-serif;font-size:4.5rem}.landing-tagline{color:var(--text-muted);margin-top:1rem;font-family:"Baloo 2",sans-serif;font-size:1.1rem}.btn-gold{background:var(--bg-panel-raised);color:var(--gold-bright);border:2px solid var(--gold);letter-spacing:.02em;border-radius:10px;margin-top:2.5rem;padding:.85rem 2.1rem;font-size:1.02rem;transition:transform .1s;box-shadow:0 5px #000}.btn-gold:hover{transform:translateY(-2px)}.btn-gold:active{transform:translateY(3px);box-shadow:0 2px #000}.btn-ghost{background:var(--bg-panel);border:2px solid var(--border);color:var(--text-muted);border-radius:8px;padding:.5rem 1.1rem}.btn-ghost:hover{border-color:var(--gold);color:var(--text-primary)}.btn-danger{border:2px solid var(--danger);color:var(--danger);background:0 0;border-radius:8px;padding:.4rem .9rem;font-size:.85rem}.btn-danger:hover{background:#c15a4526}.app-shell{background:var(--bg-void);min-height:100vh;display:flex}.sidebar{border-right:2px solid var(--border);background:#0e0b08;width:230px;padding:1.5rem 1rem}.sidebar-brand{color:var(--gold);margin-bottom:2.5rem;padding-left:.5rem;font-family:Bungee,sans-serif;font-size:1.3rem}.sidebar-link{color:var(--text-muted);border-left:3px solid #0000;border-radius:8px;margin-bottom:.3rem;padding:.65rem .8rem;font-size:1rem;text-decoration:none;display:block}.sidebar-link:hover{background:var(--bg-panel);color:var(--text-primary)}.sidebar-link.active{background:var(--bg-panel);color:var(--gold);border-left:3px solid var(--gold)}.main-panel{flex:1;padding:1.5rem 2.5rem}.topbar{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:2rem;font-size:.95rem;display:flex}.page-heading{color:var(--text-primary);border-bottom:2px solid var(--border);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.9rem}.char-form{gap:.75rem;margin-bottom:2rem;display:flex}.char-input{background:var(--bg-panel);border:2px solid var(--border);max-width:320px;color:var(--text-primary);border-radius:8px;flex:1;padding:.7rem .9rem;font-family:Inter,sans-serif;font-size:.95rem}.char-input:focus{border-color:var(--jade);outline:none}.char-list{flex-direction:column;gap:.7rem;padding:0;list-style:none;display:flex}.char-card{background:var(--bg-panel);border:2px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.3rem;display:flex}.char-card:hover{border-color:var(--gold)}.char-name{color:var(--text-primary);font-family:"Baloo 2",sans-serif;font-weight:600}.char-server{color:var(--jade);margin-left:.6rem;font-family:Inter,sans-serif;font-size:.85rem}.error-text{color:var(--danger);margin-bottom:1rem;font-size:.9rem}.empty-state{color:var(--text-muted);font-style:italic}.access-gate{background:radial-gradient(ellipse at center, #171008 0%, var(--bg-void) 75%);place-items:center;min-height:100vh;padding:2rem;display:grid}.access-card{text-align:center;background:var(--bg-panel);border:2px solid var(--border);border-radius:14px;width:min(100%,480px);padding:2rem;box-shadow:0 12px 36px #0006}.access-card h1{color:var(--gold-bright);font-size:1.8rem}.access-card p{color:var(--text-muted);line-height:1.6}.access-card .btn-gold{margin-top:1rem}.access-logout{margin:1rem auto 0;display:block}.sidebar-brand{align-items:center;gap:.6rem;display:flex}.sidebar-logo{border:2px solid var(--gold);border-radius:50%;width:36px;height:36px}.char-page-bg{position:relative}.char-page-bg:before{content:"";opacity:.06;pointer-events:none;z-index:0;background:url(/assets/onyx-logo-Dk3fc2Ey.webp) 50%/contain no-repeat;width:480px;height:480px;position:absolute;top:-20px;right:-60px}.char-page-bg>*{z-index:1;position:relative}.sidebar-link{transition:background-color .25s,color .25s,border-color .25s,transform .15s}.sidebar-link:hover{transform:translate(3px)}.char-card{transition:border-color .25s,transform .2s,box-shadow .25s}.char-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000059}.btn-gold,.btn-ghost,.btn-danger{transition:transform .15s,box-shadow .2s,background-color .25s,border-color .25s,color .25s}.char-input{transition:border-color .25s}