#pg-arena .arn-wrap{max-width:560px;margin:0 auto;padding:0 12px 90px}.arn-card{background:var(--surface,#10281b);border:1.5px solid var(--gmd,#2c4a38);border-radius:16px;padding:14px;margin-top:12px;box-shadow:var(--sh,0 3px 10px rgba(0,0,0,.25))}.arn-mut{color:#8fae9b;font-size:.8rem}.arn-lg{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:800}.arn-lg0{background:#3e2a12;color:#e2a35c;border:1px solid #7a5426}.arn-lg1{background:#25313a;color:#b9cfdd;border:1px solid #55707f}.arn-lg2{background:#3a2f12;color:#ffd76a;border:1px solid #8a6f1f}.arn-btn{width:100%;padding:13px;border-radius:13px;border:none;font-weight:900;font-size:1rem;cursor:pointer;background:linear-gradient(180deg,#ff7a59,#e04b2f);color:#fff;box-shadow:0 4px 12px rgba(224,75,47,.4)}.arn-btn[disabled]{opacity:.55}.arn-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(140,180,155,.18)}.arn-row:last-child{border-bottom:none}.arn-hpbar{height:7px;border-radius:5px;background:#1b3527;overflow:hidden;flex:1}.arn-hpfill{height:100%;background:linear-gradient(90deg,#59d97a,#b8f06a);border-radius:5px;transition:width .28s}.arn-f{background:#0e2417;border:1.5px solid #2c4a38;border-radius:12px;padding:8px;position:relative;transition:transform .15s,border-color .2s,opacity .3s}.arn-f.hit{transform:scale(.96);border-color:#ff7a59}.arn-f.dead{opacity:.32;filter:grayscale(.9)}.arn-f.me{border-color:#ffd76a}.arn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.arn-dmg{position:absolute;top:4px;right:8px;font-weight:900;color:#ff9d7a;animation:arnPop .7s ease-out forwards;pointer-events:none}.arn-dmg.crit{color:#ffd76a;font-size:1.1rem}.arn-dmg.dodge{color:#7ad2ff}@keyframes arnPop{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}100%{opacity:0;transform:translateY(-14px)}}.arn-sheet{position:fixed;inset:0;background:rgba(4,12,8,.72);z-index:340;display:none;align-items:flex-end;justify-content:center}.arn-sheet.on{display:flex}.arn-sheet>div{background:#0d2015;border:1.5px solid #2c4a38;border-radius:18px 18px 0 0;width:100%;max-width:480px;max-height:78vh;overflow:auto;padding:16px}.arn-pick{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1.5px solid #2c4a38;margin-top:8px;cursor:pointer;background:#0e2417}.arn-pick:active{border-color:#ff7a59}.arn-rank1{color:#ffd76a}.arn-rank2{color:#cfd8dc}.arn-rank3{color:#e2a35c}#arnReplayOv{position:fixed;inset:0;background:#06140e;z-index:350;display:none;overflow:auto}#arnReplayOv.on{display:block}