*,*:before,*:after{box-sizing:border-box}:root{--bg-base: #16110d;--bg-panel: #241c15;--bg-panel-raised: #312619;--bg-parchment: #e8dcc0;--border-frame: #6b4f2a;--border-frame-active: #a07a3c;--divider: #3a2e1f;--text-primary: #f2e8d5;--text-secondary: #b8a886;--text-muted: #7a6a50;--text-on-parchment: #2a2018;--accent: #d4a23c;--accent-bright:#e8bd55;--accent-deep: #a87822;--hp-fill-from: #4f8a3d;--hp-fill-to: #6fae4c;--hp-fill-mid: #e0962b;--hp-fill-low: #e0432e;--hp-track: #2a2118;--danger: #b23a2e;--mana: #6d5bd0;--xp-fill: #9a6dd4;--warning: #d4a23c;--rarity-common: #b8b0a0;--rarity-uncommon: #7aba30;--rarity-rare: #4a90d9;--rarity-epic: #b15fe0;--rarity-legendary: #e89a2b}body{margin:0;background:radial-gradient(120% 70% at 50% -10%,rgba(212,162,60,.1),transparent 55%),radial-gradient(140% 120% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%),var(--bg-base);color:var(--text-primary);font-family:Spectral,Georgia,serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit}input,select,textarea{font-family:inherit}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.panel{position:relative;background:var(--bg-panel);border-radius:7px;border:1px solid var(--border-frame);padding:1rem;margin-bottom:.75rem;box-shadow:inset 0 1px #ffe6b40f,inset 0 0 28px #00000073,0 6px 18px #0006}.panel:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(160,122,60,.22);border-radius:4px;pointer-events:none}.panel--danger{border-color:#7a2e26;box-shadow:inset 0 1px #ffa08c12,inset 0 0 30px #00000080,0 0 22px #b23a2e2e}.corner{position:absolute;width:14px;height:14px;border-color:var(--border-frame-active);opacity:.7}.corner.tl{top:6px;left:6px;border-top:2px solid;border-left:2px solid;border-top-left-radius:4px}.corner.tr{top:6px;right:6px;border-top:2px solid;border-right:2px solid;border-top-right-radius:4px}.corner.bl{bottom:6px;left:6px;border-bottom:2px solid;border-left:2px solid;border-bottom-left-radius:4px}.corner.br{bottom:6px;right:6px;border-bottom:2px solid;border-right:2px solid;border-bottom-right-radius:4px}.port{width:56px;height:56px;border-radius:6px;background:radial-gradient(circle at 50% 35%,#3a2d20,#1c150f);border:2px solid var(--class-color, var(--border-frame));box-shadow:inset 0 0 10px #0009;display:grid;place-items:center;overflow:hidden}.bar{height:11px;border-radius:6px;background:var(--hp-track);box-shadow:inset 0 2px 4px #0009;border:1px solid rgba(0,0,0,.4);overflow:hidden;position:relative}.hp-fill{height:100%;border-radius:5px;position:relative}.hp-fill:after{content:"";position:absolute;inset:1px 1px auto 1px;height:3px;border-radius:4px;background:linear-gradient(90deg,#ffffff59,#ffffff0d)}.turn{position:relative;overflow:hidden}.turn:after{content:"";position:absolute;width:240px;height:240px;right:-60px;top:-90px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(212,162,60,.16),transparent 70%)}