.toast-container{position:fixed;top:1.25rem;right:1.25rem;z-index:10000;display:flex;flex-direction:column;gap:.625rem}.toast{min-width:7.5rem;max-width:18.75rem;padding:.625rem .9375rem;background:#000000bf;color:#fff;font-size:.875rem;border-radius:.25rem;box-shadow:0 .125rem .5rem #0000004d;opacity:0;transform:translateY(1.25rem);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.toast.hide{opacity:0;transform:translateY(1.25rem)}:root{--size-avoid-top: 0px;--size-avoid-bottom: 0px;--size-avoid-left: 0px;--size-avoid-right: 0px;--font-size: 16px;--tab-bar-height: 2.5rem}:root{--color-background: var(--color-background-white);--color-text: var(--color-text-black)}@media (prefers-color-scheme: dark){:root{--color-background: var(--color-background-black);--color-text: var(--color-text-white)}}@keyframes toLeftAnim{0%{transform:translate(-50%)}50%{transform:translate(calc(-50% - 1.25rem))}to{transform:translate(-50%)}}@keyframes toRightAnim{0%{transform:translate(-50%)}50%{transform:translate(calc(-50% + 1.25rem))}to{transform:translate(-50%)}}@keyframes toTopAnim{0%{transform:translate(-50%)}50%{transform:translate(-50%,-1rem)}to{transform:translate(-50%)}}.unit-wrapper{will-change:transform;left:50%;transform:translate(-50%);position:relative}.unit-wrapper.attack{animation:toRightAnim .4s ease-in}.unit-wrapper.hit{animation:toRightAnim .4s ease-out .1s}.unit-wrapper.counterattack{animation:toLeftAnim .4s ease-in}.unit-wrapper.hit-counter{animation:toLeftAnim .4s ease-out .1s}.unit-wrapper.miss{animation:toTopAnim .4s ease-in}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}*,*:before,*:after{box-sizing:border-box;margin:0}html{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0!important}div,p,span,img,a{-webkit-user-select:none;user-select:none}html,body{touch-action:manipulation;overscroll-behavior:none}.tab-bar{position:fixed;bottom:calc(var(--size-avoid-bottom) - var(--tab-bar-height));width:calc(100% - var(--size-avoid-left) - var(--size-avoid-right));height:var(--tab-bar-height);display:grid;line-height:var(--tab-bar-height);text-align:center;font-weight:700!important;grid-template-columns:repeat(4,1fr)}.tab-item{cursor:pointer}.tab-item:hover{color:var(--color-green);transition:color .5s}.active{color:var(--color-red)!important}[data-v-acb2fb17]:root{--color-text-white: #ffffff;--color-text-black: #000000;--color-background-white: #ffffff;--color-background-black: #000000e6;--color-red: #f00;--color-green: #0bf517;--bg-paper: #FAF5E6;--color-main: #5C8A4F;--color-accent: #A38C5D;--text-primary: #2E2E2E;--text-secondary: #6D6D6D;--border-light: rgba(0, 0, 0, .1)}.basic_btn[data-v-acb2fb17]{width:11.5rem;height:2.5rem;border-radius:.5rem;overflow:hidden;background-size:contain;box-shadow:0 .25rem .9375rem #0003;margin:0 auto;cursor:pointer}.basic_btn[data-v-acb2fb17]:hover,.basic_btn[data-v-acb2fb17]:active{transform:translateY(2px) scale(.98);box-shadow:0 2px 4px #0003}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;color:var(--color-accent);font-weight:500}.form-group input[type=text],.form-group select{width:100%;padding:.5rem;border:.0625rem solid var(--border-light);border-radius:.25rem;background:#ffffffe6;font-size:1rem;color:var(--color-accent)!important;outline:none;transition:border-color .2s}.form-group input[type=text]:focus,.form-group select:focus{border-color:var(--color-main);box-shadow:0 0 .25rem #5c8a4f4d}.form-group .options{display:flex;gap:1rem}.form-group .options label{font-size:.95rem;color:var(--color-accent)}.form-group .options label input{margin-right:.3rem}.form-actions{text-align:center}.form-actions .btn{display:inline-block;padding:.6rem 1.4rem;margin:0 .5rem;border:none;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.form-actions .btn.primary{background:var(--color-main);color:#fff}.form-actions .btn.secondary{background:var(--color-accent);color:#fff}.form-actions .btn:hover{box-shadow:0 .125rem .375rem #00000026;transform:translateY(-.0625rem)}.form-actions .btn:active{transform:translateY(.125rem);box-shadow:none}.profession-selector{display:flex;align-items:center;justify-content:center;gap:.9375rem}.nav-btn{font-size:20px;background:none;color:#7a5c38;cursor:pointer}.profession-card{width:180px;text-align:center;transition:all .3s ease}.profession-card img{width:100%;border:.125rem solid #a8936d;border-radius:.5rem}.confirm-btn{width:100%;padding:.625rem 0;background:#c2b38b;border:none;border-radius:.625rem;font-weight:700;font-size:1.125rem;cursor:pointer}.modal-mask[data-v-4f1d53fa]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;display:flex;align-items:center;justify-content:center}.modal-wrapper[data-v-4f1d53fa]{width:95%;max-width:31.25rem;margin:0 auto}.modal-container[data-v-4f1d53fa]{background-color:var(--bg-paper);border-radius:.5rem;overflow:hidden;box-shadow:0 .625rem 1.875rem #0000004d;animation:modal-in-4f1d53fa .3s ease;color:var(--color-accent)}.modal-header[data-v-4f1d53fa]{padding:1rem;font-weight:700;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-body[data-v-4f1d53fa]{padding:1rem}.modal-footer[data-v-4f1d53fa]{padding:.5rem 1rem;border-top:1px solid #eee;text-align:right}.modal-close[data-v-4f1d53fa]{font-size:1.5rem;cursor:pointer;line-height:1}.modal-fade-enter-active[data-v-4f1d53fa],.modal-fade-leave-active[data-v-4f1d53fa]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-4f1d53fa],.modal-fade-leave-to[data-v-4f1d53fa]{opacity:0}@keyframes modal-in-4f1d53fa{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}[data-v-0eb57a95]::-webkit-scrollbar{display:none}.save-page[data-v-0eb57a95]{padding:1rem;background:#fff;color:#333}.save-list[data-v-0eb57a95]{list-style:none;margin:0;padding:0;max-height:25rem;overflow-x:hidden;overflow-y:auto}.save-item[data-v-0eb57a95]{display:flex;padding:.75rem;border:1px solid #eee;border-radius:6px;margin-bottom:.75rem;cursor:pointer;transition:border-color .2s,background .2s}.save-item.selected[data-v-0eb57a95]{border-color:#409eff;background:#f0f8ff}.cover[data-v-0eb57a95]{width:4rem;height:4rem;border-radius:.25rem;object-fit:cover;margin-right:1rem;box-shadow:0 .125rem .375rem #0000001a}.info[data-v-0eb57a95]{flex:1;display:flex;flex-direction:column;justify-content:space-between}.row[data-v-0eb57a95]{display:flex;margin-bottom:.4rem}.label[data-v-0eb57a95]{width:5rem;font-weight:500;color:#666}.value[data-v-0eb57a95]{flex:1;color:#333}.editable .value[data-v-0eb57a95]{-webkit-user-select:none;user-select:none}.save-name-input[data-v-0eb57a95]{flex:1;padding:.2rem .4rem;border:1px solid #ccc;border-radius:4px}.save-item[data-v-0eb57a95]:hover{background:#f0f8ff}:root{--color-text-white: #ffffff;--color-text-black: #000000;--color-background-white: #ffffff;--color-background-black: #000000e6;--color-red: #f00;--color-green: #0bf517;--bg-paper: #FAF5E6;--color-main: #5C8A4F;--color-accent: #A38C5D;--text-primary: #2E2E2E;--text-secondary: #6D6D6D;--border-light: rgba(0, 0, 0, .1)}.login_view{background-color:#e6f8f8}.grid4{display:flex;flex-direction:column;justify-content:center}.grid4 .image_area{flex:3;display:flex;flex-direction:column}.grid4 .image_area .title{flex:1;display:flex;align-items:end;width:85%;margin:0 auto}.grid4 .image_area .main_person{flex:2.5;display:flex;align-items:center;width:95%;margin:0 auto}.grid4 .btn_area{flex:1;display:flex;flex-direction:column;align-items:center}.grid4 .btn_area .login_btn{transition:all .4s ease-in-out;margin:1rem auto 1.875rem}.grid4 .btn_area .register_btn{transition:all .5s ease-in-out}.grid8{display:flex;flex-direction:column}.grid8 .image_area{flex:5;display:flex;flex-direction:column}.grid8 .image_area .title{flex:1;display:flex;align-items:end;width:25%;height:0;margin:0 auto}.grid8 .image_area .main_person{flex:3;display:flex;align-items:center;width:35%;margin:0 auto}.grid8 .btn_area{flex:1;display:flex;align-items:center;justify-content:center}.grid8 .btn_area .login_btn,.grid8 .btn_area .register_btn{transition:all .5s ease-in-out}.current_user{width:100%;height:2.5rem;display:flex;align-items:center;justify-content:center}.current_user .username{color:var(--color-main);font-size:1.625rem;margin-right:1.25rem}.current_user .re_select{width:1.75rem;height:1.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.main_box{width:100vw;height:100vh;overflow:hidden}.main_box .main_content{width:100%;padding-left:var(--size-avoid-left);padding-right:var(--size-avoid-right);height:calc(100vh - var(--size-avoid-top) - var(--size-avoid-bottom));overflow:auto}.main_nav{width:100%;min-height:var(--size-avoid-top);transition:min-height .5s}.main_footer{width:100%;min-height:var(--size-avoid-bottom);transition:min-height .5s}