:root{--ink:#17324d;--muted:#667085;--paper:#f5efe1;--ivory:#fffdf7;--gold:#c7922e;--gold-dark:#8d5d18;--red:#9d3030;--line:rgba(23,50,77,.13)}
*{box-sizing:border-box}body{background:var(--paper);background-image:radial-gradient(circle at 15% 10%,rgba(199,146,46,.09),transparent 25%),radial-gradient(circle at 85% 15%,rgba(157,48,48,.06),transparent 25%),linear-gradient(rgba(23,50,77,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,50,77,.025) 1px,transparent 1px);background-size:auto,auto,32px 32px,32px 32px;color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath d='M80 12 90 35l25-5-13 22 19 17-25 5 2 26-18-18-18 18 2-26-25-5 19-17-13-22 25 5Z' fill='none' stroke='%23c7922e' stroke-opacity='.13'/%3E%3C/svg%3E")}
a{transition:.2s ease}.royal-topline{height:5px;background:linear-gradient(90deg,#702121,#c7922e,#f0d58a,#c7922e,#702121)}
.ornament-line{height:3px;background:linear-gradient(90deg,transparent 0%,rgba(199,146,46,.25) 15%,#c7922e 50%,rgba(199,146,46,.25) 85%,transparent 100%)}
.font-serif{font-family:Georgia,"Times New Roman",serif}.nav-link{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .75rem;border-radius:.8rem;font-size:.875rem;font-weight:750;color:#34495e}.nav-link:hover{background:#f8eccb;color:#17324d}.nav-link-active{background:#fff3cd;color:#7d5319;box-shadow:inset 0 0 0 1px rgba(199,146,46,.28)}
.panel{position:relative;border:1px solid var(--line);border-radius:1.25rem;background:rgba(255,253,247,.96);box-shadow:0 14px 38px rgba(23,50,77,.08)}.panel:before{content:"";position:absolute;inset:5px;border:1px solid rgba(199,146,46,.08);border-radius:1rem;pointer-events:none}.panel>*{position:relative}
.input{display:block;width:100%;border:1px solid rgba(23,50,77,.18);border-radius:.8rem;background:#fff;padding:.75rem .9rem;color:#17324d;outline:none;box-shadow:inset 0 1px 2px rgba(23,50,77,.03)}.input:focus{border-color:#c7922e;box-shadow:0 0 0 3px rgba(199,146,46,.15)}.label{display:block;margin-bottom:.4rem;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#536579}
.btn-primary,.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:.8rem;padding:.68rem 1rem;font-size:.875rem;font-weight:800;transition:.2s ease}.btn-primary{border:1px solid #8d5d18;background:linear-gradient(135deg,#e2b956,#b97d20);color:#fff;box-shadow:0 8px 18px rgba(141,93,24,.2)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn-secondary{border:1px solid rgba(23,50,77,.18);background:#fff;color:#17324d}.btn-secondary:hover,.btn-ghost:hover{background:#f8eccb}.btn-ghost{color:#536579}
.badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(199,146,46,.25);border-radius:999px;background:#fff8e5;padding:.3rem .6rem;font-size:.72rem;font-weight:800;color:#7d5319}.eyebrow{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;color:#9d3030}.text-muted{color:var(--muted)}
.alert{border-radius:1rem;border:1px solid;padding:1rem 1.1rem;background:#fff;box-shadow:0 14px 34px rgba(23,50,77,.14);font-weight:650}.alert-success{border-color:rgba(16,120,82,.25);background:#ecfdf3;color:#12613f}.alert-error{border-color:rgba(157,48,48,.25);background:#fff1f1;color:#812929}
.commander-portrait{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(circle at 50% 25%,#fff7d6 0,#f1d387 27%,#b97926 58%,#17324d 100%);color:#fff;text-shadow:0 3px 8px rgba(0,0,0,.3)}.commander-portrait:before{content:"";position:absolute;width:72%;aspect-ratio:1;border:3px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:0 0 0 7px rgba(141,93,24,.75),0 0 0 10px rgba(255,255,255,.55)}.commander-portrait:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.35);clip-path:polygon(0 12%,12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%)}.commander-portrait span{position:relative;z-index:1;font-family:Georgia,serif;font-size:3.4rem;font-weight:900}
.rarity-legendary{--rarity:#c7922e}.rarity-epic{--rarity:#7a4ba3}.rarity-elite{--rarity:#2e6ea6}.rarity-advanced{--rarity:#43875f}.rarity-border{border-top:5px solid var(--rarity)}
.member-shell,.admin-shell{display:grid;gap:1.5rem;grid-template-columns:250px minmax(0,1fr)}.side-nav{position:sticky;top:96px;align-self:start}.side-nav a{display:flex;align-items:center;gap:.7rem;border-radius:.75rem;padding:.7rem .85rem;color:#536579;font-weight:750}.side-nav a:hover,.side-nav a.active{background:#fff0c7;color:#17324d}.stat-card{border:1px solid var(--line);border-radius:1rem;background:#fff;padding:1rem}.stat-card small{display:block;color:#667085;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:800}.stat-card strong{display:block;margin-top:.35rem;font-size:1.55rem;color:#17324d}
.talent-tree{background:radial-gradient(circle at 50% 100%,rgba(199,146,46,.16),transparent 62%),linear-gradient(180deg,#fffdf7,#f8efd9)}.talent-node{position:absolute;z-index:2;width:90px;min-height:72px;transform:translate(-50%,-50%);border:2px solid rgba(23,50,77,.2);border-radius:1rem;background:#fff;color:#17324d;padding:.55rem;font-size:.68rem;font-weight:800;box-shadow:0 6px 15px rgba(23,50,77,.1)}.talent-node:hover{border-color:#c7922e}.talent-node.active{border-color:#8d5d18;background:#fff0bd;box-shadow:0 0 0 4px rgba(199,146,46,.12)}.talent-node.locked{opacity:.48}.talent-line{position:absolute;z-index:1;height:3px;transform-origin:left center;background:rgba(141,93,24,.28)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:1rem}.data-table{width:100%;min-width:720px;border-collapse:collapse;background:#fff}.data-table th{background:#f8efd9;padding:.8rem;text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#536579}.data-table td{padding:.85rem;border-top:1px solid var(--line);font-size:.875rem}
.theme-light .text-slate-300{color:#44576b!important}.theme-light .text-slate-400{color:#667085!important}.theme-light .text-slate-500{color:#788697!important}.theme-light .border-white\/10{border-color:rgba(23,50,77,.13)!important}.theme-light .bg-night-950\/60,.theme-light .bg-night-950{background-color:#fffdf7!important}.theme-light .bg-night-900{background-color:#17324d!important}.theme-light .divide-white\/10>:not([hidden])~:not([hidden]){border-color:rgba(23,50,77,.13)!important}
@media(max-width:1023px){#mainMenu.open{position:absolute;top:72px;left:1rem;right:1rem;display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:1rem;background:#fffdf7;padding:.8rem;box-shadow:0 20px 50px rgba(23,50,77,.18)}#mainMenu.open .nav-link{justify-content:flex-start}.member-shell,.admin-shell{grid-template-columns:1fr}.side-nav{position:static}.side-nav nav{display:flex;overflow:auto}.side-nav a{min-width:max-content}}
.profile-banner{position:relative;background:linear-gradient(115deg,rgba(23,50,77,.96),rgba(35,65,94,.9)),radial-gradient(circle at 70% 30%,rgba(231,195,108,.9),transparent 28%);overflow:hidden}.profile-banner:before{content:"";position:absolute;inset:-30%;background-image:repeating-radial-gradient(circle at 50% 100%,transparent 0 27px,rgba(255,255,255,.08) 28px 29px);transform:rotate(-8deg)}.profile-banner:after{content:"♜  ⚔  ♞  ➶  ♛";position:absolute;right:5%;bottom:18%;font-size:clamp(1.5rem,4vw,3.5rem);letter-spacing:.65rem;color:rgba(255,255,255,.16)}
.verified-badge{display:inline-flex;align-items:center;border:1px solid rgba(20,125,78,.23);border-radius:999px;background:#ecfdf3;padding:.3rem .65rem;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#12613f}
code{border-radius:.35rem;background:rgba(23,50,77,.07);padding:.08rem .32rem;color:#17324d}.panel code.bg-ink{background:#17324d;color:#fff;padding:1rem}
.commander-portrait img{z-index:1}.commander-portrait img+span{display:none}
.theme-light .text-kingdom-300{color:#8d5d18!important}.theme-light .bg-gradient-to-br.from-kingdom-900\/60,.theme-light .bg-gradient-to-br.from-kingdom-900\/80{background-image:linear-gradient(135deg,#f3d889,#b77b23)!important}
@media(max-width:640px){.talent-node{width:76px;min-height:64px;padding:.4rem;font-size:.61rem}.talent-tree{height:560px}.profile-banner:after{letter-spacing:.25rem}}
.theme-light .bg-night-950\/70,.theme-light .bg-night-950\/60{background-color:#fff!important}.theme-light dialog::backdrop{background:rgba(16,38,58,.55)}
.calendar-cell{min-height:145px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:.75rem;background:rgba(255,255,255,.58)}
@media(max-width:767px){.calendar-cell{min-height:auto;border-right:0;padding:1rem}}