.chart-container{position:relative;width:100vw;height:80vh}#chart{position:relative;z-index:1}.stats-container{width:100vw;height:20vh;background-image:linear-gradient(180deg, #0a1c22, #10242c 5%);display:flex;align-items:center;justify-content:space-around}.stats-container .stats{flex:0 0 30%;border-left:20px solid transparent;padding:30px;background:rgba(0,0,0,0.2);transition:all .3s ease-out;position:relative;overflow:hidden}.stats-container .stats:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0;transform:scale(1.5);transition:all 1s ease-out}.stats-container .stats:after{content:'';position:absolute;top:30px;right:0;padding:2px 20px;box-shadow:2px 2px 5px rgba(0,0,0,0.5);transform:translateX(100%);transition:all .3s ease-out}.stats-container .stats__inner{position:relative}.stats-container .stats__heading{font-size:2vh;text-align:center;margin:0}.stats-container .stats__heading:before{content:'';display:inline-block;background:#c34731;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin-right:10px;transition:background .3s ease-out}.stats-container .stats ul{font-size:3vh;text-align:center;margin:20px 0;display:flex;flex-wrap:wrap;align-items:top;justify-content:space-between;gap:30px}.stats-container .stats ul li{flex:1}.stats-container .stats__key{text-transform:uppercase;font-size:1vh}.stats-container .stats__value{transition:all .3s ease-out}.stats-container .stats__value.up{color:#55ae04}.stats-container .stats__value.down{color:#c34731}.stats-container .stats.online .stats__heading:before{background:#55ae04}.stats-container .stats.active--chance:after{transform:translateX(0)}.stats-container .stats.active--bonus:before{opacity:.35;transform:scale(1)}.stats-container .stats--yoshimune{border-left-color:#b4ff00}.stats-container .stats--yoshimune:before{background-image:url(../images/bonus/yoshimune3.gif)}.stats-container .stats--hihouden{border-left-color:#ff3485}.stats-container .stats--hihouden:before{background-image:url(../images/bonus/hihouden3.gif)}.stats-container .stats--re-zero{border-left-color:#806dff}.stats-container .stats--re-zero:before{background-image:url(../images/bonus/rezero.gif)}.stats-container .stats--re-zero:after{content:'Battle';background-image:linear-gradient(315deg, #2f2099, #806dff)}#confetti{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.help{background:#063d52;width:200px;position:fixed;top:50%;left:50%;z-index:5;opacity:0;transform:translate(-50%, -50%);transition:all .1s ease-out;pointer-events:none}.help .keybinds{padding:0;margin:0}.help .keybinds .keybind{display:flex;height:50px;border-top:1px solid #11232a;gap:20px}.help .keybinds .keybind__bind{text-transform:uppercase;font-weight:bold;width:50px;height:100%;line-height:50px;text-align:center;background:#009688}.help .keybinds .keybind__label{flex:1;align-self:center}.help .keybinds .keybind:first-child{border-top:none}.help--visible{opacity:1;pointer-events:all}#toast-container{top:50px;right:50px}.tooltip{color:#fff;font-weight:bold;line-height:25px;text-align:center;width:24px;height:24px;background:#009688;border-radius:50%;position:fixed;top:1vw;right:1vw;z-index:15;cursor:pointer}.performance-mode .tooltip{display:none}.tippy-box[data-theme~='pachibattle']{background-color:#009688}.tippy-box[data-theme~='pachibattle'][data-placement^='top']>.tippy-arrow::before{border-top-color:#009688}.tippy-box[data-theme~='pachibattle'][data-placement^='bottom']>.tippy-arrow::before{border-bottom-color:#009688}.tippy-box[data-theme~='pachibattle'][data-placement^='left']>.tippy-arrow::before{border-left-color:#009688}.tippy-box[data-theme~='pachibattle'][data-placement^='right']>.tippy-arrow::before{border-right-color:#009688}html{background:#11232a;color:#fff}body{position:relative}