*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #c8a84b;--gold-bright: #ffd700;--gold-dark: #8b6914;--gold-dim: #5a4510;--bg: #09080a;--panel: #110f0a;--panel-raised: #1a1610;--panel-hover: #221d14;--border: #3d3220;--border-gold: #6b541e;--text: #e8d9b0;--text-dim: #9a8a6a;--text-bright: #f5e8c0;--green: #4ade80;--green-dark: #14532d;--red: #f87171;--red-dark: #7f1d1d;--blue: #93c5fd;--blue-dark: #1e3a5f;--amber: #fbbf24}html{scroll-behavior:smooth}body{font-family:Crimson Text,Georgia,serif;font-size:1.05rem;background-color:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(100,80,20,.18) 0%,transparent 70%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c8a84b' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");color:var(--text);min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--panel)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}nav{background:linear-gradient(180deg,#1c1710,#130f09);border-bottom:1px solid var(--border-gold);box-shadow:0 2px 20px #000c,0 1px #c8a84b26;padding:0;display:flex;align-items:stretch;position:sticky;top:0;z-index:100}nav:before{content:"⚔";font-size:1.4rem;color:var(--gold);padding:.6rem 1.2rem;display:flex;align-items:center;border-right:1px solid var(--border);text-shadow:0 0 12px rgba(200,168,75,.6)}nav a{color:var(--text-dim);text-decoration:none;font-family:Cinzel,serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:0 1.1rem;display:flex;align-items:center;border-right:1px solid var(--border);transition:color .15s,background .15s;position:relative}nav a:hover{color:var(--gold-bright);background:#c8a84b12}nav a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .2s}nav a:hover:after{transform:scaleX(1)}nav .spacer{flex:1}nav .username{color:var(--gold);font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.07em;padding:0 1rem;display:flex;align-items:center;gap:.4rem}nav .username:before{content:"👤";font-size:.9rem}nav #logout-btn{color:var(--text-dim);border-right:none;border-left:1px solid var(--border)}nav #logout-btn:hover{color:var(--red)}main{max-width:1020px;margin:2rem auto;padding:0 1.25rem}h1{font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;color:var(--gold-bright);text-shadow:0 0 20px rgba(255,215,0,.3),0 2px 4px rgba(0,0,0,.8);letter-spacing:.05em;margin-bottom:1.25rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-gold);position:relative}h1:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}h2{font-family:Cinzel,serif;font-size:1.1rem;font-weight:600;color:var(--gold);letter-spacing:.06em;margin-bottom:1rem;text-transform:uppercase}.card{background:linear-gradient(160deg,#1e1a11,#141008);border:1px solid var(--border-gold);border-radius:3px;padding:1.4rem 1.6rem;margin-bottom:1.2rem;position:relative;box-shadow:0 0 0 1px #000c,inset 0 1px #c8a84b1a,0 8px 32px #0009}.card:before,.card:after{content:"";position:absolute;width:10px;height:10px;border-color:var(--gold-dark);border-style:solid}.card:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.card:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}table{width:100%;border-collapse:collapse}thead tr{background:linear-gradient(90deg,#c8a84b1f,#c8a84b0a);border-bottom:1px solid var(--border-gold)}th{font-family:Cinzel,serif;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);padding:.65rem 1rem;text-align:left}td{padding:.6rem 1rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}tbody tr{transition:background .12s}tbody tr:hover td{background:#c8a84b0f}tbody tr:last-child td{border-bottom:none}.dkp-value{font-weight:600;font-size:1.05rem;letter-spacing:.02em}.dkp-positive{color:var(--green);text-shadow:0 0 8px rgba(74,222,128,.3)}.dkp-negative{color:var(--red);text-shadow:0 0 8px rgba(248,113,113,.3)}form{display:flex;flex-direction:column;gap:.8rem;max-width:420px}label{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:-.3rem}input,select{padding:.55rem .85rem;background:#00000080;border:1px solid var(--border-gold);border-radius:2px;color:var(--text-bright);font-family:Crimson Text,serif;font-size:1rem;width:100%;transition:border-color .15s,box-shadow .15s;outline:none}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 2px #c8a84b26,0 0 10px #c8a84b1a}select option{background:#1a1610;color:var(--text)}button{padding:.55rem 1.4rem;background:linear-gradient(180deg,#c8a84b,#8b6914,#6b530f);color:#1a1208;border:1px solid var(--gold-dark);border-radius:2px;cursor:pointer;font-family:Cinzel,serif;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:filter .15s,box-shadow .15s;text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:0 2px 6px #00000080,inset 0 1px #ffffff26;white-space:nowrap}button:hover{filter:brightness(1.15);box-shadow:0 2px 12px #c8a84b66,inset 0 1px #fff3}button:active{filter:brightness(.9);transform:translateY(1px)}button.secondary{background:linear-gradient(180deg,#2a2318,#1a1610);color:var(--text-dim);border-color:var(--border);text-shadow:none;box-shadow:0 2px 4px #0006}button.secondary:hover{border-color:var(--gold-dark);color:var(--gold);filter:none;box-shadow:0 0 8px #c8a84b33}.badge{display:inline-block;padding:.15rem .55rem;border-radius:2px;font-family:Cinzel,serif;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:1px solid}.badge-gain{background:#14532d99;color:var(--green);border-color:#166534}.badge-spend{background:#7f1d1d80;color:var(--red);border-color:#991b1b}.badge-initial{background:#1e3a5f99;color:var(--blue);border-color:#1e40af}.badge-adjustment{background:#78350f80;color:var(--amber);border-color:#92400e}.error{color:var(--red);font-size:.92rem;margin-top:.4rem;display:flex;align-items:center;gap:.4rem}.error:before{content:"⚠"}.success{color:var(--green);font-size:.92rem;margin-top:.4rem;display:flex;align-items:center;gap:.4rem}.success:before{content:"✔"}.login-wrap{max-width:400px;margin:5rem auto}.login-logo{text-align:center;margin-bottom:2rem}.login-logo h1{font-size:2.2rem;border:none;padding:0;margin:0}.login-logo h1:after{display:none}.login-logo p{color:var(--text-dim);font-style:italic;margin-top:.4rem}.rank{font-family:Cinzel,serif;font-size:.85rem;color:var(--text-dim);font-weight:600}.wow-divider{text-align:center;color:var(--gold-dark);font-size:1.2rem;letter-spacing:.5em;margin:1.5rem 0;opacity:.6}a{color:var(--gold);text-decoration:none;transition:color .15s}a:hover{color:var(--gold-bright);text-decoration:underline}.text-dim{color:var(--text-dim)}.text-gold{color:var(--gold)}.text-green{color:var(--green)}.text-red{color:var(--red)}h1 img{vertical-align:middle;margin-right:.4rem;border-radius:4px}td img{border-radius:3px}