.app{font-family:sans-serif;background:url(/static/game3/dist/assets/bg_castle-DtB6FQLv.png) no-repeat center center fixed;background-size:cover;min-height:100vh;color:#fff;display:flex;flex-direction:column;justify-content:space-between}*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;background-color:#111;color:#fff;line-height:1.5}button{cursor:pointer;font-size:1rem;border:none;border-radius:8px;padding:8px 16px;transition:transform .1s ease-in-out}button:active{transform:scale(.95)}html,body{margin:0;padding:0;height:100%}#root,.app{height:100%;display:flex;flex-direction:column}.app{font-family:sans-serif;background:url(/static/game3/dist/assets/bg_castle-DtB6FQLv.png) no-repeat center center fixed;background-size:cover;min-height:100vh;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.top-bar{height:60px;flex-shrink:0;display:flex;align-items:center;background:#00000080;padding:0 10px}.map-wrapper{flex:1;overflow-y:auto;padding:10px;box-sizing:border-box}.resource img{height:20px;margin-right:4px}.char-illust{height:220px;animation:float 3s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.mode-buttons{display:flex;justify-content:space-around;margin:20px}.mode-buttons button.glow{background:linear-gradient(90deg,violet,purple);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:1.2em;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 10px violet}50%{box-shadow:0 0 30px purple}}.mode-buttons button.locked{background:gray;color:#ccc;border-radius:12px;padding:12px 24px}.bottom-nav{display:flex;justify-content:space-around;padding:10px;background:#000000b3}:root{--char-size: clamp(180px, 30vw, 320px)}.char-illust{width:var(--char-size);height:auto;margin:0 auto}.user-status{display:flex;justify-content:center;gap:1rem;font-size:1rem;font-weight:700;background:#00000080;color:#fff;padding:.3rem .6rem;border-radius:8px;margin:.5rem auto;width:fit-content}.register-user{display:flex;flex-direction:column;align-items:center;gap:.5rem}.register-user input{padding:.3rem .6rem;border-radius:6px;border:1px solid #ccc}.register-user button{padding:.3rem .8rem;border:none;border-radius:6px;background:#4caf50;color:#fff;cursor:pointer}.register-user .error-message{color:red;font-size:.9rem;margin-top:.5rem}.login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:.5rem}.login-form input{padding:.3rem .6rem;border-radius:6px;border:1px solid #ccc}.login-form button{padding:.4rem .8rem;border:none;border-radius:6px;background:#2196f3;color:#fff;cursor:pointer}