*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Open Sans,sans-serif;background:#060d1a;color:#d4c4a0;min-height:100vh;background-image:radial-gradient(ellipse at 20% 0%,rgba(30,60,120,.25) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(10,30,70,.3) 0%,transparent 60%)}a{color:#ffb019;text-decoration:none;transition:color .2s}a:hover{color:#fff}h1,h2,h3,h4{font-family:Cinzel,serif;color:#ffb019;letter-spacing:.04em}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.1rem}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:1.5rem 1rem 3rem}.panel{background:#0a1628;border:1px solid #1e3358;border-radius:4px;margin-bottom:1.5rem;overflow:hidden}.panel__header{background:linear-gradient(180deg,#122040,#0a1628);border-bottom:1px solid #2a4a78;padding:.65rem 1rem;display:flex;align-items:center;gap:.5rem}.panel__header h2,.panel__header h3{margin:0;font-size:1rem;color:#ffb019}.panel__body{padding:1rem}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{background:#0d1e38;color:#c8920e;font-family:Cinzel,serif;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-align:left;padding:.5rem .75rem;border-bottom:2px solid #2a4a78;white-space:nowrap}.data-table td{padding:.45rem .75rem;border-bottom:1px solid #1e3358;color:#d4c4a0;vertical-align:middle}.data-table tr:nth-child(2n) td{background:#0c1a2e}.data-table tr:nth-child(odd) td{background:#0f2040}.data-table tr:hover td{background:#c8920e14}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:3px;font-size:.75rem;font-weight:600}.badge--online{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge--offline{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge--locked{background:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.3)}.badge--pvp{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.badge--rp{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.25)}.badge--normal{background:#22c55e1a;color:#86efac;border:1px solid rgba(34,197,94,.2)}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem;border:1px solid #2a4a78;border-radius:3px;background:linear-gradient(180deg,#16294a,#0d1c34);color:#d4c4a0;font-size:.8rem;cursor:pointer;transition:all .15s}.btn:hover{border-color:#8a6200;color:#ffb019;background:linear-gradient(180deg,#1e3558,#122040)}.btn--gold{background:linear-gradient(180deg,#a07010,#6b4a00);border-color:#c8920e;color:#fff8e0}.btn--active{border-color:#c8920e;color:#ffb019}input[type=text],input[type=search],select{background:#08111e;border:1px solid #2a4a78;border-radius:3px;color:#d4c4a0;padding:.35rem .6rem;font-size:.875rem;font-family:Open Sans,sans-serif;outline:none;transition:border-color .2s}input[type=text]:focus,input[type=search]:focus,select:focus{border-color:#8a6200}select option{background:#0a1628}.page-title{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #1e3358}.page-title h1{font-size:1.4rem;margin:0}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot--online{background:#22c55e;box-shadow:0 0 6px #22c55e}.status-dot--offline{background:#ef4444;box-shadow:0 0 6px #ef4444}.status-dot--locked{background:#eab308;box-shadow:0 0 6px #eab308}.alliance{color:#6fa8dc}.horde{color:#e06060}.pagination{display:flex;gap:.3rem;align-items:center;margin-top:1rem;flex-wrap:wrap}.pagination button{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.4rem .6rem;border:1px solid #2a4a78;border-radius:3px;background:linear-gradient(180deg,#16294a,#0d1c34);color:#d4c4a0;font-size:.8rem;cursor:pointer;transition:all .15s}.pagination button:hover,.pagination button.active{border-color:#8a6200;color:#ffb019}.pagination button:disabled{opacity:.4;cursor:default}.text-gold{color:#ffb019}.text-muted{color:#4a6080}.text-green{color:#22c55e}.text-red{color:#ef4444}.text-right{text-align:right}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.character-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.character-profile{padding:1rem}.character-hero{padding:1.1rem;border:1px solid color-mix(in srgb,var(--character-accent, #2a4a78) 70%,#2a4a78);border-radius:16px;background:linear-gradient(135deg,#0d1628fa,#091120f5),radial-gradient(circle at top right,color-mix(in srgb,var(--character-accent, #2a4a78) 28%,transparent) 0,transparent 42%);box-shadow:0 20px 50px #0000002e;position:relative;overflow:hidden}.character-hero:after{content:"";position:absolute;inset:auto -18% -60% auto;width:280px;height:280px;background:radial-gradient(circle,color-mix(in srgb,var(--character-accent, #2a4a78) 30%,transparent) 0,transparent 68%);pointer-events:none}.character-hero__top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;position:relative;z-index:1}.character-hero__identity{display:flex;gap:1rem;align-items:center}.character-hero__avatar{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff14,#fff0);border:1px solid color-mix(in srgb,var(--character-accent, #2a4a78) 80%,#2a4a78);font-size:2.1rem;font-weight:700}.character-hero__eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:#9ba9bf;margin-bottom:.2rem}.character-hero h2{margin:0;font-size:2rem}.character-hero__subtitle{margin-top:.2rem;color:#9ba9bf}.character-hero__meta{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.character-hero__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-top:1rem;position:relative;z-index:1}.character-hero__stats>div{background:#08111e8c;border:1px solid rgba(42,74,120,.75);border-radius:12px;padding:.75rem .8rem}.character-hero__stats span{display:block;color:#9ba9bf;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.character-hero__stats strong{color:#f5e3b0;font-size:1rem}.character-profile__header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.character-profile__meta{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.character-sheet{display:grid;grid-template-columns:220px 1fr;gap:1rem}.character-sheet__portrait{display:flex;flex-direction:column;align-items:center;gap:.75rem}.character-sheet__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.character-sheet__grid>div,.character-item-drawer__grid>div{background:#08111ea6;border:1px solid #2a4a78;border-radius:4px;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.character-sheet__grid span,.character-item-drawer__grid span{color:#4a6080;text-transform:uppercase}.character-sheet__grid strong,.character-item-drawer__grid strong{color:#d4c4a0}.character-avatar{width:100px;height:100px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff0d,#fff0);border:1px solid #2a4a78;font-size:3rem}.character-list{display:grid;gap:.5rem}.character-list__row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .75rem;background:#08111ea6;border:1px solid #2a4a78;border-radius:4px}.character-list__row--button{width:100%;text-align:left;cursor:pointer;color:inherit}.character-list__icon{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:999px;border:1px solid currentColor;background:#ffffff0d;font-size:1rem;line-height:1;flex:0 0 auto}.character-list__label{flex:1}.character-inventory{display:grid;gap:.9rem}.character-inventory__toolbar{display:grid;gap:.6rem}.character-inventory__toolbar input{width:100%}.character-inventory__sorting{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.character-inventory__sorting label{display:flex;align-items:center;gap:.4rem;color:#9ba9bf}.character-inventory__sorting select{min-width:140px}.character-inventory__bag{border:1px solid #2a4a78;border-radius:6px;padding:.8rem;background:#08111e80}.character-inventory__bag h3{margin:0 0 .55rem;font-size:.95rem;color:#d4c4a0}.character-filter-buttons{display:flex;flex-wrap:wrap;gap:.45rem}.character-equipment{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem}.character-equipment__slot{border:1px solid #2a4a78;border-radius:4px;background:#08111ea6;padding:.55rem .65rem}.character-equipment__slot-name{color:#4a6080;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;margin-bottom:.25rem}.character-equipment__item{display:flex;flex-direction:column;gap:.15rem}.character-equipment__item small{color:#9ba9bf;font-size:.75rem}.character-weapons{display:grid;gap:.5rem}.character-weapons__item{display:flex;justify-content:space-between;gap:.75rem;align-items:center;border:1px solid #2a4a78;border-radius:4px;padding:.6rem .75rem;background:#08111e80}.character-weapons__item>div{display:flex;flex-direction:column;gap:.15rem}.character-weapons__item small{color:#9ba9bf;text-align:right}.character-item-overlay{position:fixed;inset:0;z-index:1500;background:#000000a6;display:grid;place-items:center;padding:1rem}.character-item-drawer{width:min(640px,100%);border:1px solid #2a4a78;border-radius:8px;background:linear-gradient(180deg,#0d1628,#091120);box-shadow:0 20px 60px #00000073;padding:1rem}.character-item-drawer__header{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:.85rem}.character-item-drawer__title{display:flex;align-items:center;gap:.75rem}.character-item-drawer__header h3{margin:0}.character-item-drawer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem}.character-item-icon{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:999px;border:1px solid currentColor;background:#ffffff0d;font-size:1rem;line-height:1;flex:0 0 auto}.character-item-icon--large{width:2.4rem;height:2.4rem;font-size:1.2rem}.character-item-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.character-list__icon img{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block}.character-hover-tooltip{position:fixed;z-index:2200;width:min(360px,100vw - 1.5rem);padding:.75rem .8rem;border:1px solid #2a4a78;border-radius:8px;background:linear-gradient(180deg,#0a101cfa,#070c16fa);box-shadow:0 16px 40px #0000008c;pointer-events:none;transform:translateZ(0)}.character-hover-tooltip__name{font-size:1rem;font-weight:700;margin-bottom:.35rem}.character-hover-tooltip__line,.character-hover-tooltip__effect{color:#d9e4f5;font-size:.86rem;line-height:1.32;margin-top:.25rem}.character-hover-tooltip__line--base{color:#e4ebf8}.character-hover-tooltip__line--bonus,.character-hover-tooltip__line--effect{color:#1eff8a}.character-hover-tooltip__meta{color:#9ba9bf;font-size:.78rem;line-height:1.3;margin-top:.2rem}.character-hover-tooltip__bind{color:#d4c4a0}.character-hover-tooltip__requires{color:#ff6d6d}.character-hover-tooltip__description{color:#f5e3b0;font-size:.82rem;margin-top:.45rem;font-style:italic}.character-money{margin-left:.3rem;font-weight:600}.character-money--gold{color:#ffd35b}.character-money--silver{color:#d6dde7}.character-money--copper{color:#d18c5a}.character-hover-tooltip__loading{color:#d4c4a0;font-size:.86rem}.quality-poor{color:#9d9d9d}.quality-common{color:#fff}.quality-uncommon{color:#1eff00}.quality-rare{color:#0070dd}.quality-epic{color:#a335ee}.quality-legendary{color:#ff8000}@media(max-width:768px){.character-hero__top,.character-profile__header,.character-sheet{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.character-hero__identity{align-items:flex-start}.character-profile__meta{justify-content:flex-start}.character-weapons__item{flex-direction:column;align-items:flex-start}.character-weapons__item small,.character-item-drawer__header{text-align:left}.character-item-drawer__header{flex-direction:column;align-items:flex-start}}