.role-sprite{display:block;background-image:url('/static/assets/ten-character-sheet-v1.png');background-repeat:no-repeat;background-size:500% 200%;background-position:0 0}.sprite-0{background-position:0 0}.sprite-1{background-position:25% 0}.sprite-2{background-position:50% 0}.sprite-3{background-position:75% 0}.sprite-4{background-position:100% 0}.sprite-5{background-position:0 100%}.sprite-6{background-position:25% 100%}.sprite-7{background-position:50% 100%}.sprite-8{background-position:75% 100%}.sprite-9{background-position:100% 100%}
.first-character-select{max-width:1220px;margin:0 auto 50px}.character-select-title{display:flex!important;align-items:center;gap:18px;min-height:auto!important;margin-bottom:24px;padding:22px 28px!important;color:#5f6070!important;background:linear-gradient(135deg,#fffdf8,#e4edf6)!important;border:5px solid #7e7582!important;border-radius:26px!important;box-shadow:inset 0 0 0 4px #fff,0 7px 0 #67606c,0 13px 25px #59687944!important}.character-select-title>span{display:grid;place-items:center;width:66px;height:66px;flex:0 0 66px;border:4px solid #fff0d6;border-radius:50%;background:#96b5d3;color:#fff;font-size:30px}.character-select-title h1{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}.character-select-title p{margin:5px 0 0;color:#747586}.character-select-title small{color:#8198b0;font-weight:900;letter-spacing:.14em}
.character-select-form{padding:24px;background:#ffffffc9;border:4px solid #8c838e;border-radius:26px;box-shadow:inset 0 0 0 4px #fff,0 7px 0 #706873}.ten-character-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.ten-character-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 10px 14px;overflow:hidden;text-align:center;background:#fffaf2;border:4px solid #d6c9bc;border-radius:20px;cursor:pointer;transition:.16s;color:#5d5965;box-shadow:0 5px 10px #56687b28}.ten-character-card:hover{transform:translateY(-3px);border-color:var(--role-color)}.ten-character-card:has(input:checked){border-color:var(--role-color);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--role-color) 24%,#fff),0 7px 0 color-mix(in srgb,var(--role-color) 70%,#555)}.ten-character-card input{position:absolute;opacity:0}.ten-character-card .role-sprite{width:100%;aspect-ratio:.8;border:3px solid #eee1d4;border-radius:15px;background-color:#fffdf7}.ten-character-card b{font-size:16px}.ten-character-card small{min-height:38px;color:#817985}.ten-character-card i{padding:5px 12px;border-radius:999px;background:#e7e2e8;color:#68606b;font-style:normal;font-size:12px;font-weight:800}.ten-character-card:has(input:checked) i{background:var(--role-color);color:#fff}.confirm-character{display:block!important;margin:24px auto 0!important;min-width:min(420px,100%);font-size:17px!important}
.player-hud{position:fixed;left:12px;top:10px;z-index:1001;display:grid;grid-template-columns:78px 1fr;gap:9px;width:226px;padding:7px 10px 7px 7px;background:linear-gradient(135deg,#fffdf8f5,#e2ebf4f5);border:4px solid #756d78;border-radius:20px;box-shadow:inset 0 0 0 3px #fff,0 5px 0 #5e5862,0 9px 18px #44566a55;color:#555968}.player-hud .role-sprite{width:78px;aspect-ratio:.8;border:3px solid #b6aeb9;border-radius:13px;background-color:#fff}.player-hud-info{display:flex;min-width:0;flex-direction:column;justify-content:center}.player-hud-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.player-hud-info small{color:#77788a;font-size:11px}.player-hud-info span{font-size:11px;color:#727483}.player-hud-info strong{color:#7b6c97}.player-hud-info label{display:block;color:#697366;font-size:10px}.player-hud-info i{display:block;height:8px;margin-top:2px;overflow:hidden;border:1px solid #829278;border-radius:999px;background:#dfe6da}.player-hud-info em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8fbc72,#b8d58d)}body:has(.player-hud)>header{padding-left:max(252px,calc((100% - 1180px)/2))!important}
.admin-dock-panel{color:#3f4655!important;background:linear-gradient(#fffdf9,#e9eff5)!important}.admin-dock-panel .admin-profile b,.admin-dock-panel .admin-profile small{color:#424a59!important;text-shadow:none!important}.admin-dock-panel nav a{color:#394657!important;background:#f7f9fbe8!important;border:1px solid #c6d0da!important;text-shadow:none!important;font-weight:800!important}.admin-dock-panel nav a:hover{color:#263b51!important;background:#dbe8f3!important}.admin-menu-label{color:#6c5365!important;background:#eee7ef!important;border-color:#c5b7c4!important;text-shadow:none!important}
.round-login-icon{display:grid!important;place-items:center;width:40px!important;height:40px!important;flex:0 0 40px;border:3px solid #fff;border-radius:50%;background:linear-gradient(#b8d0e6,#8aa9c6);color:#fff!important;font-size:20px!important;box-shadow:0 3px 0 #627a93;text-shadow:0 2px #657e97}.game-login-form label:nth-child(2) .round-login-icon{background:linear-gradient(#c6b4c7,#9b849d);box-shadow:0 3px 0 #746275}.cute-login-emblem{border-radius:50%!important;font-size:30px!important}.game-login-button span{display:inline-grid;place-items:center;width:29px;height:29px;margin-right:6px;border:2px solid #fff;border-radius:50%;background:#ffffff33}
.ten-character-card.is-taken{cursor:not-allowed;filter:grayscale(.65);opacity:.56}.ten-character-card.is-taken:hover{transform:none;border-color:#c9c1c7}.ten-character-card.is-taken i{background:#aaa2aa;color:#fff}
body header,body.page-dashboard>header{background:linear-gradient(#839bb6,#6f879f)!important;border-color:#596e83!important}body header .brand,body.page-dashboard header .brand{color:#fffdf8!important;text-shadow:0 2px #566a7f!important}body header nav a,body.page-dashboard header nav a{color:#fffdf8!important;background:transparent!important;border:0!important;box-shadow:none!important;text-shadow:0 2px #5d7185!important}body header nav a:hover,body header nav a.active,body header nav a[aria-current="page"]{color:#fff!important;background:#96869a!important;box-shadow:inset 0 0 0 3px #d9cfdd!important}
.page-login .game-login-shell{width:min(470px,92vw)!important}.page-login .login-sign{position:relative;border-radius:38% 24% 34% 20% / 18% 30% 20% 32%!important;padding:42px 48px 38px!important;border-width:6px!important}.page-login .login-sign:before,.page-login .login-sign:after{content:"";position:absolute;z-index:-1;background:#edf3f8;border:5px solid #817886;box-shadow:inset 0 0 0 3px #fff}.page-login .login-sign:before{width:82px;height:64px;left:-20px;top:35px;border-radius:65% 35% 55% 45%}.page-login .login-sign:after{width:72px;height:76px;right:-18px;bottom:42px;border-radius:38% 62% 45% 55%}.page-login .game-login-form label{border-radius:24px 32px 20px 30px!important}.page-login .game-login-button{border-radius:30px 22px 34px 24px!important}
.dashboard-player-card{display:grid;grid-template-columns:92px 1fr;gap:12px;width:300px;margin-left:auto;padding:9px;color:#565b6a!important;text-decoration:none;background:linear-gradient(145deg,#fffdf9,#e6edf4);border:4px solid #827985;border-radius:27px;box-shadow:inset 0 0 0 3px #fff,0 6px 0 #69616d,0 11px 20px #58677b44}.dashboard-player-card:hover{transform:translateY(-2px)}.dashboard-player-card>.role-sprite{width:92px;aspect-ratio:.8;border:3px solid #aaa0ad;border-radius:16px;background-color:#fff}.dashboard-player-card>span:last-child{display:flex;min-width:0;flex-direction:column;justify-content:center}.dashboard-player-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.dashboard-player-card small{color:#77798a}.dashboard-player-card em{color:#747687;font-style:normal}.dashboard-player-card strong{color:#796b96}.dashboard-player-card label{display:block;color:#697365;font-size:12px}.dashboard-player-card i{display:block;height:10px;margin-top:3px;overflow:hidden;border:1px solid #829278;border-radius:999px;background:#dfe6da}.dashboard-player-card u{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8fbc72,#b8d58d);text-decoration:none}
.profile-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:22px}.profile-character-panel{padding:22px;text-align:center;background:linear-gradient(145deg,#fffdf8,#e4edf5);border:5px solid #817884;border-radius:28px;box-shadow:inset 0 0 0 4px #fff,0 7px 0 #67606b,0 13px 24px #56687b44}.profile-character-panel>.role-sprite{width:min(260px,100%);aspect-ratio:.8;margin:0 auto;border:4px solid #aca2ae;border-radius:22px;background-color:#fff}.profile-character-panel h2{margin:14px 0 0}.profile-character-panel p{margin:2px 0 12px}.profile-level{font-weight:900}.profile-level i{display:block;height:12px;margin:5px 0 3px;overflow:hidden;border:1px solid #829278;border-radius:999px;background:#dfe6da}.profile-level u{display:block;height:100%;background:linear-gradient(90deg,#91b5d4,#a791bb)}.profile-character-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.profile-character-panel dl div{padding:10px;border-radius:14px;background:#fff9}.profile-character-panel dt{font-size:12px}.profile-character-panel dd{font-size:18px;font-weight:900}.battle-note{display:block;padding:10px;border-radius:13px;background:#fff9e5;color:#77717a;text-align:left}.profile-form{align-content:start}.profile-form h2{margin-top:0}
@media(max-width:1000px){.ten-character-grid{grid-template-columns:repeat(3,1fr)}.dashboard-player-card{width:270px}.profile-layout{grid-template-columns:1fr}}@media(max-width:700px){.base-titleboard{display:grid!important}.dashboard-player-card{width:100%;margin:14px 0 0}.page-login .login-sign{padding:34px 25px!important;border-radius:30px!important}.page-login .login-sign:before,.page-login .login-sign:after{display:none}}@media(max-width:620px){.ten-character-grid{grid-template-columns:repeat(2,1fr);gap:10px}.character-select-form{padding:12px}.character-select-title{padding:15px!important}.character-select-title>span{display:none}.ten-character-card{padding:7px}.ten-character-card b{font-size:14px}}
.role-user>main,.role-admin>main{max-width:1240px!important;margin:0 auto!important;padding:86px 92px 46px 22px!important}.universal-dock{right:16px!important;top:14px!important}.universal-dock>summary{background:linear-gradient(#a796aa,#817284)!important;border-color:#eee5ef!important}.current-time-status{position:fixed;z-index:99;right:102px;top:17px;padding:9px 15px;color:#596575;background:#fffdf5e8;border:3px solid #817886;border-radius:18px;box-shadow:inset 0 0 0 2px #fff,0 4px 0 #68616c;font-weight:800;backdrop-filter:blur(4px)}
.admin-base-icon{display:grid;place-items:center;width:92px;aspect-ratio:.8;border:3px solid #aaa0ad;border-radius:16px;background:linear-gradient(145deg,#e8eef5,#c7d5e3);color:#6e7483;font-size:16px;font-weight:900;letter-spacing:.12em}.profile-character-panel>.admin-base-icon{width:min(260px,100%);margin:0 auto;border-width:4px;border-radius:22px;font-size:28px}.cute-login-emblem{width:auto!important;min-width:210px!important;height:auto!important;min-height:54px!important;margin:0 auto 8px!important;padding:9px 24px!important;border-radius:46% 54% 44% 56% / 58% 42% 58% 42%!important;font-size:19px!important;font-weight:900!important;letter-spacing:.08em}.game-login-form label{display:block!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.game-login-form label input{width:100%!important}
@media(max-width:700px){.role-user>main,.role-admin>main{padding:92px 12px 35px!important}.current-time-status{left:12px;right:auto;top:14px;font-size:12px}}
.back-base-button{display:inline-flex;align-items:center;gap:7px;margin:0 0 20px;padding:10px 18px;color:#fff!important;text-decoration:none;font-weight:900;background:linear-gradient(#a895ac,#817185);border:3px solid #66586a;border-radius:999px;box-shadow:inset 0 2px #d9ccd9,0 4px 0 #5a4d5c}.back-base-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.page-login .login-sign>.login-kicker{margin-top:0!important;padding-top:4px}.universal-dock nav a{display:flex!important;align-items:center!important;gap:7px!important;font-size:15px!important}
.back-base-button{position:fixed;z-index:99;right:345px;top:17px;margin:0;padding:9px 18px}.role-user>main>.back-base-button+*,.role-admin>main>.back-base-button+*{margin-top:0}body:not(.page-dashboard):not(.page-login):not(.page-setup-character) main h1{min-height:48px!important;padding:8px 18px!important;font-size:25px!important;line-height:1.2!important}body:not(.page-dashboard):not(.page-login):not(.page-setup-character) main h1:before{width:34px!important;height:34px!important;margin-right:9px!important;font-size:17px!important}
.page-dashboard .base-titleboard h1{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
.daily-mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}.daily-mission{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;padding:13px;border:2px solid #b6bfd0;border-radius:17px;background:#f5f8fc}.daily-mission>span{grid-row:1/3;font-size:23px}.daily-mission b{color:#5e6272}.daily-mission small{color:#7a7e8e}.daily-mission.done{border-color:#9dbb8b;background:#eef8e9}.daily-game-missions>p{margin:13px 0 0;font-size:13px}.quest-ribbon.violet{background:#8e7ca8!important}@media(max-width:850px){.daily-mission-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.daily-mission-grid{grid-template-columns:1fr}}
.base-choice{max-width:900px;margin:8vh auto;padding:35px;text-align:center;border:5px solid #817886;border-radius:35px;background:#fffdf8ee;box-shadow:inset 0 0 0 4px #fff,0 8px 0 #67606b,0 20px 45px #50647a55}.base-choice h1{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}.base-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.base-choice-grid button{width:100%;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:4px solid #8d8795;border-radius:30px;background:linear-gradient(145deg,#fff,#e7eef7);color:#5e6170;box-shadow:inset 0 0 0 4px #fff,0 7px 0 #6f6874}.base-choice-grid form:last-child button{background:linear-gradient(145deg,#fffdf5,#f4dfc4);border-color:#aa8664}.base-choice-grid span{font-size:65px}.base-choice-grid b{font-size:27px}.base-choice-grid small{font-size:14px}.material-quick{margin:20px 0}.page-material-dashboard,.page-materials-manage,.page-material-borrow,.page-material-return,.page-material-history,.page-base-select{min-height:100vh;background:linear-gradient(135deg,#dcecf7,#eee7f2)}@media(max-width:650px){.base-choice-grid{grid-template-columns:1fr}.base-choice{margin:25px 10px;padding:20px}.base-choice-grid button{min-height:180px}}
.page-materials-manage .heading p{display:none!important}
@media(max-width:700px){.back-base-button{left:165px;right:auto;top:14px;padding:8px 13px;font-size:12px}}