:root{--gold: #f7e8b0;--gold-soft: #e6d9b5;--bg-dark: rgba(18, 18, 24, .92);--bg-card: rgba(30, 32, 46, .95);--accent: #c8a951;--error: #ff6b6b}*{box-sizing:border-box}body{margin:0;font-family:Garamond,serif;background-color:#292c3a;color:var(--gold);font-size:14px;height:100%}.login-wrapper{background:var(--bg-dark);border-radius:10px;padding:1.6rem;max-width:340px;margin:3rem auto;box-shadow:0 0 25px #000c;text-align:center}h1{margin:0 0 .3rem;font-size:1.9rem}.subtitle{margin-bottom:1.4rem;font-style:italic;color:var(--gold-soft)}.login-form{display:flex;flex-direction:column;gap:.8rem}input{padding:.5rem .7rem;border-radius:5px;border:none;font-family:inherit;font-size:.95rem}button{background:linear-gradient(#c8a951,#8d6b20);border:none;border-radius:6px;padding:.55rem;font-size:1rem;cursor:pointer;color:#1b1b1b;font-weight:700}button:hover{filter:brightness(1.1)}.error{margin-top:.8rem;color:var(--error);min-height:1.2em}.char-sheet{padding:.8rem;display:flex;flex-direction:column;gap:.6rem}.char-header{display:flex;align-items:center;align-self:center;gap:.6rem}.portrait{width:52px;height:52px;border-radius:6px;object-fit:cover;border:1px solid var(--accent)}.clickable-portrait{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.clickable-portrait:hover{transform:scale(1.05);box-shadow:0 0 8px #0006}.char-header h2{margin:0;font-size:1.3rem}.card{background:var(--bg-card);border-radius:8px;padding:.5rem .6rem}.card h3{margin:0 0 .35rem;font-size:.9rem;color:var(--gold-soft);border-bottom:1px solid rgba(255,255,255,.1)}.resources-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.resource-box{background:#00000040;border-radius:6px;padding:.3rem;text-align:center;font-size:.85rem}.resource-label{font-weight:700;font-size:.75rem;color:var(--gold-soft)}.resource-controls{display:flex;justify-content:center;align-items:center;gap:.3rem;margin:.2rem 0}.resource-controls button{width:22px;height:22px;padding:0;font-size:1rem}.resource-max{font-size:.7rem;color:var(--gold-soft)}.class-tooltip{display:flex;align-items:center;gap:6px}.tooltip{position:relative;cursor:help;font-size:.9em}.tooltip-text{visibility:hidden;opacity:0;position:absolute;background:#141414f2;color:#f7e8b0;border:1px solid #8d6b20;border-radius:8px;padding:10px;width:260px;z-index:10;top:120%;left:auto;right:0;transition:.15s ease;font-size:.85em}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}#tooltipStatusText{right:auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem .8rem;font-size:.85rem}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem .6rem;font-size:.8rem}.skill{display:block;justify-content:space-between}.skill span{color:var(--gold-soft)}.actions{display:flex;gap:.6rem;margin-top:.4rem}.actions button{flex:1;font-size:.95rem;padding:.45rem}.roll-btn{background:transparent;border-radius:6px;color:#f7e8b0;font-size:.8rem;padding:2px 0;cursor:pointer;transition:all .15s ease;font-weight:500;text-align:left}.roll-btn:hover{background:#3a3f47;border-color:#666}.roll-btn:active{transform:scale(.95)}.roll-btn:disabled{opacity:.5;cursor:default}select{background-color:var(--bg-card);color:var(--gold);border:1px solid var(--accent);border-radius:6px;padding:6px 12px;font-size:.95em;cursor:pointer;outline:none;transition:.2s ease}select:hover{border-color:var(--gold-soft);background-color:#1e202e}select:focus{border-color:var(--gold);box-shadow:0 0 5px var(--gold-soft)}select::-ms-expand{display:none}select option{background-color:var(--bg-card);color:var(--gold)}.select-wrapper{position:relative;display:inline-block}.select-wrapper:after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--gold)}