.app{display:flex;min-height:100vh;font-family:Trebuchet MS}.main{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;box-sizing:border-box;padding:1rem;flex:1 1 auto}.monster-wrapper{position:relative;display:inline-flex;flex-direction:column;align-items:center;text-align:center}#xp{font-size:200%;position:absolute;top:-1.7em;left:50%;transform:translate(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90vw}#growth-rate{font-size:150%}#monster-button{border:0;background-color:#0000;display:block;max-width:90vw;height:auto}.sidebar{width:280px;min-width:200px;background:#f7f7f8;border-left:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.75rem;padding:1.25rem;box-sizing:border-box}.upgrade-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;position:relative}.upgrade-amount{font-size:130%;color:#333;margin-left:.25rem}.upgrade-button{font-size:140%;padding:.75rem 1rem;width:100%;box-sizing:border-box;cursor:pointer}.upgrade-tooltip{display:none;position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 6px 18px #0000000f;padding:.5rem .75rem;border-radius:6px;font-size:90%;color:#222;max-width:420px;min-width:200px;padding:.6rem .9rem;z-index:20}.upgrade-wrapper:hover .upgrade-tooltip{display:block}.upgrade-tooltip strong{font-weight:600}