.main-root{width:100%;max-width:1000px;height:100vh;height:100svh;margin:0 auto;display:flex;flex-direction:column;position:relative}.tap-effect-container{position:relative;width:100%;height:100%;overflow:visible}.tap-effect{position:fixed;width:50px;height:50px;background-color:transparent;transform:scale(0);z-index:calc(infinity - 1);pointer-events:none}.tap-effect,.tap-effect:after,.tap-effect:before{border-radius:50%;animation:tap-effect .5s ease-out forwards}.tap-effect:after,.tap-effect:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:5px solid rgb(164,168,176)}.tap-effect:after{border-width:10px}@keyframes tap-effect{0%{transform:scale(0);opacity:0}20%{opacity:1}to{transform:scale(1);opacity:0}}.header{position:absolute;top:0;left:0;height:100px;width:100%;z-index:10000;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-bottom:1px solid #ccc;font-size:1.4em;font-family:Noto Sans JP,sans-serif}.currency-container,.info-container,.profile-container{display:flex;align-items:center;flex-direction:row}.time-container{padding-left:10px;font-size:1em;@media (max-width:768px){font-size:.7em}}.lv-container{padding-right:10px;border-right:1px solid #ccc;text-align:center;width:3em}.name-container{width:8em;@media (max-width:768px){width:6em}}.profile-container{display:flex;position:absolute;left:50%;transform:translateX(-50%);gap:10px;border-radius:10px;border:1px solid #ccc;p{margin:0}@media (max-width:768px){left:55%}}.profile-lv,.profile-name{@media (max-width:768px){font-size:.8em}}.info-container{gap:10px}.battery-container{display:flex;justify-content:center;align-items:center;height:100%}.mini-title{font-size:.8em;@media (max-width:768px){font-size:.6em}user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.input-form{font-family:inherit;border-radius:10px;border:none;padding:0;text-decoration:none;font-size:1em}.profile-lv{text-align:center;width:2em;@media (max-width:768px){font-size:.8em}}.profile-name{width:8em;@media (max-width:768px){font-size:.8em;width:6em}}.currency-container{padding:10px;gap:10px;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;p{margin:0}}.currency-plus{cursor:pointer}.navigation{position:absolute;bottom:0;left:0;height:auto;width:100%;display:flex;justify-content:space-around;align-items:center;background:#fff;border:1px solid #ccc;border-radius:20px 20px 0 0;z-index:10000}.navigation_item{cursor:pointer;width:33.333%;padding:20px 0 30px}.nav-item-content,.navigation_item{display:flex;justify-content:center;align-items:center}.nav-item-content{width:100%;border-left:1px solid #ccc;border-right:1px solid #ccc}.modal-bg{height:100vh;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.5);justify-content:center;opacity:0;transition:opacity .3s ease-in-out}.modal-bg,.modal-root{width:100%;display:flex}.modal-root{text-align:center;align-items:center;flex-direction:column;gap:20px;transform:translateY(-20px)}.modal-bg-open,.modal-root-open{opacity:1;transform:translateY(0)}.modal-bg-close,.modal-root-close{opacity:0}.modal-root-close{transform:translateY(200px)}.menu-root{background-color:white;border-radius:20px 20px 0 0;max-width:600px;width:80%;height:calc(100dvh - 260px);text-align:center;align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:150px;padding:20px 20px 30px;transition:opacity .3s ease-in-out,transform .3s ease-in-out;overflow-y:auto}.menu-item-image{object-fit:cover;width:100%;height:100%}.menu-item-big,.menu-item-image{display:flex;justify-content:center;align-items:center}.menu-item-big{cursor:pointer;min-height:100px;min-width:300px;border:2px solid #000;border-radius:8px}@media screen and (max-width:768px){.menu-item-big{min-width:250px;max-width:250px}}.message-dialog-root{position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);background-color:white;border-radius:20px;max-width:500px;width:80%;height:50%;text-align:center;align-items:center;flex-direction:column}.message-dialog-title{color:#fff;width:100%;background-color:rgb(0,60,129);border-radius:20px 20px 0 0;align-items:center;display:flex;justify-content:center;height:3em}.message-dialog-text{padding-top:1em}.message-dialog-button{color:#fff;width:6em;padding:10px;border:1px solid #000;background-color:rgb(0,60,129);border-radius:10px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;&:hover{filter:brightness(1.2)}}