@font-face{font-family:altivo;src:url(/altivo.woff2)format("woff2");font-display:auto;font-style:normal;font-weight:900;font-stretch:100%}:root{background:#070c72}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:sans-serif}.app{width:100%;height:100vh;overflow:hidden}.competition{justify-content:center;align-items:flex-end;gap:2.25rem;width:100%;height:100vh;display:flex}.competitor{align-items:flex-end;height:100vh;display:flex}.bar{transform-origin:bottom;width:150px;transition:height .5s;animation:1s ease-out bar-in;position:relative}.bar-top{flex-direction:column;align-items:center;animation:.8s ease-out .5s both value-in;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.character{width:150px;height:auto;display:block;transform:translate(5px)}.value{color:#f2f0ea;white-space:nowrap;margin-top:1.5rem;margin-bottom:1.5rem;font-family:altivo,serif;font-size:3.5rem;font-weight:700}.title{color:#f2f0ea;text-align:center;white-space:nowrap;width:100%;padding:0 1rem;font-family:altivo,serif;animation:.8s ease-out title-in;position:absolute;top:1rem;left:0;font-size:clamp(3rem,9.3333vw - .5rem,6.5rem)!important}@keyframes title-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-in{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes value-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}