body{color:#e7e1d6;background:#19090b;height:100vh;margin:0;padding:0;font-family:system-ui,sans-serif}body .h1{padding-bottom:1rem;font-size:1.5rem;font-weight:700}body .h2{padding-bottom:.5rem;font-size:1.25rem;font-weight:700}body .h3{padding-bottom:.5rem;font-size:1rem;font-weight:700}.menu{flex-direction:row;justify-content:flex-start;gap:1rem;display:flex}.stats-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a080cd9;border:1px solid #b4283c40;border-radius:10px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.game-container{width:488px}.game-container__start-battle{flex-direction:row;justify-content:space-between;gap:1rem;display:flex}.game-container__start-battle,.game-container__battle-results{background:#ffffff08;border:1px solid #b4283c40;border-radius:10px;padding:1rem}.battle{background:#151018;border:1px solid #b4283c40;border-radius:8px;flex-direction:column;gap:2rem;padding:18px;display:flex;box-shadow:inset 0 0 0 1px #000c,0 12px 40px #0009}.battle__hero{background:#ffffff08;border:1px solid #b4283c40;border-radius:8px;flex-direction:column;gap:1rem;padding:.8rem;display:flex}.battle__bars,.battle__actions{flex-direction:row;gap:.5rem;width:100%;display:flex;position:relative}.battle__log-header{justify-content:space-between;align-items:center;display:flex}.battle__log{background:#ffffff08;border:1px solid #b4283c40;border-radius:8px;height:100px;padding:.5rem;overflow:auto}.battle__enemies{flex-direction:column;gap:.5rem;display:flex}.battle__section-title{opacity:.8;font-size:.85rem}.battle__enemy-list{flex-wrap:wrap;gap:.75rem;min-height:64px;display:flex}.battle__run-info{opacity:.8;font-size:.85rem}.enemy{background:#ffffff08;border:1px solid #b4283c40;border-radius:8px;width:120px;padding:10px;transition:all .15s}.enemy.selected{background:#151018;border-color:#a32636;transform:translateY(-2px)}.enemy:hover{cursor:pointer;background:#ffffff0f;border-color:#a32636;transform:translateY(-2px)}.enemy--dead{opacity:.35;filter:grayscale(.7)}.btn{cursor:pointer;color:#e7e1d6;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.9rem;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:#7a1f2b;border-color:#dc3c5080}.btn--primary:hover:not(:disabled){background:#7a1f2b;transform:translateY(-1px)}.btn--secondary{background:#ffffff08;border-color:#b4283c40}.btn--secondary:hover:not(:disabled){background:#ffffff0f;border-color:#a3263699}.btn--action{background:#7a1f2b;border-color:#dc3c5080;border-radius:1px;width:75px;height:75px;position:relative}.btn--action:disabled{opacity:1}.btn--action:hover:not(:disabled){background:#7a1f2b;transform:translateY(-1px)}.btn--action:disabled:after{content:"";background:#000000b3;position:absolute;inset:0}.btn--action.pass{width:50px;height:50px;position:absolute;right:0}.btn__cooldown-text{color:#fff;z-index:10;font-size:2.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.debug{color:#e7e1d6b3;background:#050508e6;border-left:1px solid #b4283c40;font-size:1rem;position:absolute;top:0;right:0}.debug__button{position:absolute;bottom:10px;right:20px}.debug pre{width:320px;height:85vh;padding:1rem;overflow:auto}.debug pre.hidden{display:none}.bar{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;width:100%;height:24px;position:relative;overflow:hidden}.bar__fill{height:100%;transition:width .25s ease-in-out}.bar__label{color:#e7e1d6;pointer-events:none;text-shadow:0 1px 2px #000000e6,0 0 4px #000c;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex;position:absolute;inset:0}.bar--hp .bar__fill{background:linear-gradient(#a32636,#7a1f2b)}.bar--mp .bar__fill{background:linear-gradient(#4f7de0,#355fb8)}.bar--xp .bar__fill{background:linear-gradient(#d4af37,#b8902f)}