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