aside{background:linear-gradient(180deg,color-mix(in srgb,#310,#0000 80%),color-mix(in srgb,#530,#0000 60%) 40%);border-right:color-mix(in srgb,var(--main-color),#0000 70%) solid 4px}.panel-header{background:linear-gradient(90deg,color-mix(in srgb,var(--main-color),#0000 80%) -20%,#fff0 120%);border-bottom:color-mix(in srgb,var(--main-color),#0000 70%) solid 2px}aside section{border-bottom:color-mix(in srgb,var(--main-color),#0000 70%) solid 2px}#menu-panel nav a{background-color:color-mix(in srgb,var(--main-bg),#0000 0%);color:var(--main-font-color);transition:.2s;text-decoration:none}#menu-panel nav a:hover{background-color:color-mix(in srgb,var(--main-color),#0000 60%);color:var(--main-color);transform:scale(1.02)}#menu-panel nav a:active{background-color:color-mix(in srgb,var(--main-color),#0000 15%);color:#fff;transform:scale(1)}#menu-panel nav a:disabled,#menu-panel nav a[disabled]{background-color:#aaa8;color:color-mix(in srgb,var(--main-color),#0000 15%);transform:scale(1);cursor:default;pointer-events:none}.badge-number{font-size:1.1rem;color:#000}.badge-number.food{background-color:#cc4646}.badge-number.keys{background-color:#46adcc}.gm-icon{border:color-mix(in srgb,var(--main-color),#0000 20%) solid 3px}.gm-icon.normal{color:#33c733;border-color:#33c733}.gm-icon.hardcore{border-color:var(--destructive);color:var(--destructive)}.active-player-top{border:color-mix(in srgb,var(--main-color),#0000 20%) solid 3px;border-bottom:#000 solid 0px;border-radius:3px 3px 0 0;position:relative;padding:1rem;margin-bottom:0}.active-player-top.normal{border:color-mix(in srgb,#0f0,#0000 20%) solid 3px;border-bottom:#000 solid 0px}.active-player-top.hardcore{border:color-mix(in srgb,var(--destructive),#0000 20%) solid 3px;border-bottom:#000 solid 0px}.active-player-bottom{border-radius:3px;position:relative;padding:1rem;padding-top:0;margin-top:0}.active-player-bottom>div:first-child{margin-top:0}.active-player-bottom:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,color-mix(in srgb,var(--main-color),#0000 20%),transparent 80%)}.active-player-bottom.normal:before{background:linear-gradient(to bottom,color-mix(in srgb,#0f0,#0000 20%),transparent 80%)}.active-player-bottom.hardcore:before{background:linear-gradient(to bottom,color-mix(in srgb,var(--destructive),#0000 20%),transparent 80%)}.active-player-bottom:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,color-mix(in srgb,var(--main-color),#0000 20%) 0%,transparent 80%)}.active-player-bottom.normal:after{background:linear-gradient(to bottom,color-mix(in srgb,#0f0,#0000 20%),transparent 80%)}.active-player-bottom.hardcore:after{background:linear-gradient(to bottom,color-mix(in srgb,var(--destructive),#0000 20%),transparent 80%)}.progress-bar-container{position:relative;width:100%;height:20px;background-color:#2a1a0a;border:2px solid #d4af37;border-radius:10px;overflow:hidden;margin:.5rem 0}.progress-bar-fill{height:100%}.xp .progress-bar-fill{background:linear-gradient(to right,#33c7c0,#7dcce4)}.time .progress-bar-fill{background:linear-gradient(to right,#818d11,#c8dd4d)}.character-stats-container{margin-top:.5rem;background:#2a1a0a;width:100%;border-radius:.25rem;border:2px solid #d4af37;box-shadow:0 4px 6px #0000001a;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:.2rem;justify-items:center;align-items:start}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}