#loading.entry-shell{--entry-rose:#fa557e;--entry-muted:#c0a9c7;position:fixed;inset:0;z-index:1000;display:flex;align-items:stretch;justify-content:flex-start;overflow:auto;padding:28px clamp(22px,4vw,72px) 20px;color:#fff0f5;background:linear-gradient(90deg,#150b2580,#190a2250 45%,#130b25a8),linear-gradient(0deg,#100719ed,transparent 70%),url('../assets/entry-world.webp') center/cover no-repeat #1a1026;font-family:'Noto Sans Thai',Tahoma,sans-serif;isolation:isolate}
#loading.entry-shell.loaded,#loading.entry-shell[hidden],.entry-shell [hidden]{display:none!important}.entry-shell *{box-sizing:border-box}.entry-shell button,.entry-shell input{font:inherit}.entry-shell button{touch-action:manipulation}.entry-shell button:focus-visible,.entry-shell input:focus-visible{outline:2px solid #ff9eba;outline-offset:5px}.entry-shell h1,.entry-shell h2,.entry-shell p{margin-top:0}.entry-shell .entry-kicker{display:block;color:#f99db9;font:600 10px/1.7 Georgia,serif;letter-spacing:2.6px}.entry-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% 75%,#b522611c,transparent 50%),radial-gradient(ellipse at 8% 12%,#b4387530,transparent 40%)}.entry-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0}.entry-wordmark{font:18px Georgia,serif;letter-spacing:2px;color:#ffe8e8;text-decoration:none}.entry-wordmark span{font-size:11px;letter-spacing:4px;margin-left:7px}.entry-chapter{font-size:10px;letter-spacing:1px;color:#d9c3d6}.entry-chapter i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#f75884;margin:0 9px}.entry-steps{display:flex;justify-content:center;align-items:center;gap:18px;padding:25px 0;color:#b59aaf;font-size:10px}.entry-steps>span{display:flex;align-items:center;gap:8px}.entry-steps b{font-weight:400}.entry-steps>i{height:1px;width:70px;background:#d6acc133}.entry-steps .active{color:#ffe2ed;text-shadow:0 0 12px #ff6492}.entry-logo{object-fit:contain;display:block;width:310px;max-width:100%;height:180px;margin:0 auto 8px;filter:drop-shadow(0 8px 22px #18051c99)}.entry-login{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:7vw;align-items:center;width:min(1220px,100%);margin:auto;padding:25px 0 42px}.entry-story{text-align:center;text-shadow:0 3px 20px #210e24}.entry-story .entry-logo{width:390px;height:240px;margin-bottom:12px}.entry-story h1{font-size:clamp(30px,3.5vw,52px);font-weight:500;line-height:1.45;margin:16px 0}.entry-story p{font-size:13px;line-height:2;color:#eadce9}.entry-story-rule{display:flex;align-items:center;justify-content:center;gap:14px;color:#eaa3ba;margin-top:24px}.entry-story-rule i{height:1px;width:65px;background:linear-gradient(90deg,transparent,#c994ad)}.entry-story-rule i:last-child{transform:rotate(180deg)}.entry-card{position:relative;background:linear-gradient(135deg,#27182fec,#150d21f5);border:1px solid #a45b827a;border-radius:4px 26px 4px 26px;padding:30px;box-shadow:0 24px 65px #07051166,inset 0 1px #ffd6ec24}.entry-card:before,.entry-card:after{content:'◆';position:absolute;color:#ff557e;font-size:14px;line-height:1;text-shadow:0 0 16px #ff467c}.entry-card:before{left:-7px;top:-7px}.entry-card:after{right:-7px;bottom:-7px}.entry-login-card h2{font-size:27px;margin:12px 0 7px;font-weight:500}.entry-subtitle{font-size:12px;line-height:1.8;color:var(--entry-muted);margin-bottom:28px}.entry-primary,.entry-secondary{width:100%;min-height:52px;padding:13px 18px;display:flex;justify-content:center;align-items:center;gap:12px;border-radius:5px 14px 5px 14px;font-size:14px;font-weight:600;transition:background .16s,transform .16s}.entry-shell .entry-primary{color:#fff5f7;border:1px solid #ff8bac;background:linear-gradient(110deg,#96254f,#bf285b 55%,#931d51);box-shadow:0 6px 25px #de25583b,inset 0 1px #ffcfdf55}.entry-primary:hover{background:linear-gradient(110deg,#b83563,#dc376c);transform:translateY(-1px)}.entry-primary span:last-child{margin-left:auto}.entry-shell .entry-secondary{background:#2b193a9c;color:#f5e2f2;border:1px solid #966486}.entry-secondary:hover{background:#442548}.entry-secondary span:first-child{color:#f781aa}.entry-secondary span:last-child{margin-left:auto}.entry-action-note{font-size:10px;color:var(--entry-muted);text-align:center;margin:9px 0 0}.entry-or{display:flex;align-items:center;gap:12px;color:#ac8fac;font-size:10px;margin:22px 0}.entry-or:before,.entry-or:after{content:'';height:1px;background:#ad78a13d;flex:1}.entry-session-note{display:flex;gap:12px;align-items:center;border-top:1px solid #98617c40;margin-top:25px;padding-top:18px}.entry-session-note>span{font-size:20px;color:#d081ab}.entry-session-note p{font-size:10px;line-height:1.8;color:#b7a0bc;margin:0}.entry-accounts{display:grid;gap:8px;max-height:164px;overflow:auto;margin-top:9px}.entry-shell .entry-account{display:flex;text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:13px;background:#48274177;border:1px solid #9e668c5c;border-radius:7px;color:#f7e4ed}.entry-account strong{font-size:12px;overflow-wrap:anywhere}.entry-account small{font-size:9px;color:#c8aec7;flex-shrink:0}.entry-account:hover{background:#59304b}.entry-footer{margin-top:auto;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#c0a1ba;padding-top:20px}.entry-footer>span:first-child{letter-spacing:1.5px;font:9px Georgia,serif}.entry-footer i{font-style:normal;color:#f7759d;margin:0 9px}.entry-load{width:min(530px,100%);margin:auto;text-align:center;padding:30px 0}.entry-load h1{font-size:27px;font-weight:500;margin:18px 0 10px}.entry-shell .entry-load>p{color:#d8c4df;font-size:12px}.entry-load-status{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:50px;text-align:left;font-size:11px;color:#d7bad0}.entry-load-status strong{font:20px Georgia,serif;color:#ffd5e5}.entry-load progress{display:block;width:100%;height:5px;margin:13px 0 24px;border:0;border-radius:4px;background:#8d55823b;overflow:hidden;accent-color:#f25086}.entry-load progress::-webkit-progress-bar{background:#8d55823b}.entry-load progress::-webkit-progress-value{background:linear-gradient(90deg,#861d66,#ec366c,#ffabc2);box-shadow:0 0 15px #ff407a;transition:width .2s}.entry-tip{display:block;font-size:10px;color:#c2a6c7;line-height:1.8}.entry-load .entry-primary{margin:16px 0}.entry-selection{width:min(1360px,100%);margin:auto;padding:15px 0 35px}.entry-selection-head{display:flex;gap:17px;align-items:center;margin:5px 0 30px}.entry-selection-head h1{font-size:26px;font-weight:500;margin:3px 0 0}.entry-shell .entry-back{width:42px;height:42px;border:1px solid #ba739566;border-radius:50%;background:#25112baa;color:#f0cddd;font-size:22px}.entry-badge{margin-left:auto;border:1px solid #a76b9766;border-radius:20px;padding:7px 14px;font-size:11px;color:#eed0e2;background:#28133088}.entry-character-layout{display:grid;grid-template-columns:300px minmax(260px,1fr) 280px;gap:22px;align-items:center}.entry-character-info h2,.entry-character-details h2{font-size:19px;font-weight:500;margin:12px 0 22px}.entry-label{font-size:11px;color:#e9c8da;display:block;margin:8px 0}.entry-shell input{width:100%;padding:13px 12px;border:1px solid #935d8599;border-radius:6px;background:#100a1be8;color:#fff3fa;min-height:48px;font-size:14px}.entry-shell input::placeholder{color:#937891}.entry-shell input+small{display:block;font-size:9px;line-height:1.8;color:#baa2c1;margin-top:9px}.entry-error{color:#ff93ad!important;font-size:11px!important;min-height:17px;margin:7px 0 0}.entry-character-slot{display:flex;align-items:center;gap:12px;border:1px solid #d47da066;background:linear-gradient(90deg,#62274377,#47244655);padding:17px 12px;border-radius:7px;margin-top:23px}.entry-slot-icon{color:#fc96bb;font-size:23px}.entry-character-slot strong{font-size:12px}.entry-character-slot small{display:block;font-size:9px;color:#c1a6c5;margin-top:5px}.entry-selected-check{margin-left:auto;color:#f9abc7}.entry-detail-note{font-size:11px;line-height:1.9;color:#b8a0c0;margin:18px 0 0}.entry-character-stage{position:relative;isolation:isolate;text-align:center;min-width:0;padding-bottom:15px}.entry-character-stage canvas{display:block;width:min(100%,360px);height:auto;position:relative;margin:auto;z-index:2;filter:drop-shadow(0 4px 5px #24092566)}.entry-character-stage>strong{display:block;position:relative;z-index:3;font-size:20px;overflow-wrap:anywhere;margin:12px 0 4px}.entry-character-stage>span{font-size:10px;color:#d4b9d4}.entry-stage-glow{position:absolute;inset:5% -15% 5%;background:radial-gradient(ellipse,#be517c33,transparent 64%);z-index:-1}.entry-pedestal{position:absolute;left:50%;top:72%;transform:translateX(-50%);width:80%;height:70px;border:1px solid #f493b279;border-radius:50%;box-shadow:0 0 0 7px #d4537a12,0 0 0 8px #dc6b972e,0 0 40px #b32b6a33,inset 0 0 25px #db2b6d30;background:radial-gradient(ellipse,#b044751a,#30123155)}.entry-character-details .entry-subtitle{margin:-15px 0 16px;font-size:10px}.entry-map-thumb{height:100px;border-radius:5px;background:linear-gradient(0deg,#1a10274d,transparent),url('../assets/maps/highland-native/grass-ground.46ce8d31cf20.webp') center/cover;border:1px solid #ab72925c}.entry-character-details dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin:22px 0}.entry-character-details dl>div{border-bottom:1px solid #9c638137;padding-bottom:9px}.entry-character-details dt{font-size:10px;color:#b69abd;margin-bottom:6px}.entry-character-details dd{font:22px Georgia,serif;margin:0;color:#ffd6e7}.entry-character-details .entry-primary{font-size:11px;padding:13px 8px}.entry-enter-note{display:block;text-align:center;font-size:9px;color:#b6a0bc;margin-top:13px}#character-existing-name{display:block;font-size:20px;overflow-wrap:anywhere}#entry-exit{font-size:10px;padding:10px 14px;background:#fffdf2f0;border-radius:9px;color:#304c3b}
@media(min-width:1500px){.entry-login{gap:100px;grid-template-columns:minmax(0,1fr) 440px}.entry-login-card{padding:40px}.entry-story .entry-logo{width:450px;height:260px}.entry-character-layout{grid-template-columns:320px minmax(340px,1fr) 310px}}
@media(max-width:1000px){.entry-character-layout{grid-template-columns:minmax(220px,1fr) minmax(230px,1fr)}.entry-character-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.entry-character-details h2{margin:0}.entry-character-details>.entry-kicker{grid-column:1/-1}.entry-character-details .entry-subtitle{margin:0;grid-column:1}.entry-map-thumb{grid-column:1;grid-row:4/7;height:130px}.entry-character-details dl{grid-column:2;grid-row:2/5;margin:0}.entry-character-details .entry-primary,.entry-enter-note{grid-column:2}.entry-login{grid-template-columns:1fr 360px;gap:25px}.entry-story h1{font-size:34px}.entry-story .entry-logo{width:300px;height:190px}.entry-story p{font-size:11px}.entry-card{padding:26px}.entry-chapter{display:none}}
@media(max-width:680px){#loading.entry-shell{padding:20px 22px 18px;background-position:61% center}.entry-wordmark{font-size:14px}.entry-wordmark span{font-size:9px}.entry-steps{gap:9px;padding:23px 0 13px;font-size:8px}.entry-steps>span{gap:5px}.entry-steps>i{width:18px}.entry-login{display:flex;flex-direction:column;gap:10px;padding:5px 0 20px}.entry-story .entry-logo{width:220px;height:135px;margin:0 auto}.entry-story .entry-kicker{font-size:8px}.entry-story h1,.entry-story p,.entry-story-rule{display:none}.entry-login-card{width:min(100%,410px);padding:26px}.entry-login-card h2{font-size:24px}.entry-login-card .entry-subtitle{margin-bottom:23px}.entry-footer{font-size:8px;justify-content:center;text-align:center}.entry-footer>span:last-child{display:none}.entry-footer>span:first-child{font-size:7px}.entry-selection{padding:12px 0 20px}.entry-selection-head{gap:10px;flex-wrap:wrap;margin:5px 0 20px}.entry-selection-head h1{font-size:21px}.entry-selection-head .entry-kicker{font-size:7px;letter-spacing:1.6px}.entry-badge{font-size:9px;padding:6px 9px}.entry-character-layout{display:flex;flex-direction:column;gap:22px}.entry-character-stage{order:0;width:100%}.entry-character-stage canvas{width:245px}.entry-character-stage>strong{font-size:19px;margin-top:0}.entry-pedestal{width:230px;top:68%;height:50px}.entry-character-info{order:1;width:100%}.entry-character-details{order:2;width:100%;display:block}.entry-character-info h2{font-size:19px}.entry-character-details h2{margin:12px 0 7px}.entry-character-details .entry-subtitle{margin:0 0 14px}.entry-map-thumb{height:100px}.entry-character-details dl{margin:20px 0}.entry-character-details .entry-primary{font-size:13px}.entry-load h1{font-size:22px}.entry-load .entry-logo{width:270px;height:180px}.entry-load-status{margin-top:35px}.entry-load-status>span{font-size:10px}.entry-load>.entry-kicker{font-size:8px}}
#loading.entry-shell p{color:var(--entry-muted)}#loading.entry-shell .entry-story p{color:#eadce9}#loading.entry-shell .entry-login-card h2{font-size:27px}#loading.entry-shell .entry-character-info h2,#loading.entry-shell .entry-character-details h2{font-size:19px}
@media(prefers-reduced-motion:reduce){.entry-shell *{animation:none!important;transition:none!important}}

.entry-auth-tabs{display:flex;gap:6px;margin:0 0 22px;padding:4px;border:1px solid #98617c55;border-radius:9px;background:#10091b66}.entry-auth-tabs button{flex:1;padding:10px 6px;border:0;border-radius:6px;background:transparent;color:#c7acc5;font-size:12px}.entry-auth-tabs button.active{background:#7d2b505c;color:#ffe0ed;box-shadow:inset 0 0 0 1px #dc769864}#auth-form>.entry-label,#auth-confirm-field>.entry-label{margin-top:16px}#auth-submit{margin-top:14px}#auth-retry{margin-top:12px;font-size:11px}.entry-shell button:disabled{opacity:.55;cursor:wait;transform:none}.entry-shell #character-new:disabled{cursor:default}.entry-shell .entry-account[aria-pressed=true]{border-color:#f195b5;background:#70375388}.entry-character-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 24px}.entry-character-actions small{font-size:10px;color:#bda6c1}.entry-character-actions button,.entry-shell .entry-logout{border:1px solid #a46a8b88;background:#30172b9c;border-radius:7px;padding:8px 10px;color:#f4d8e8;font-size:11px}.entry-character-details dd{font-family:Tahoma,sans-serif;font-size:19px}.entry-character-details dl{gap:12px}.entry-selection-head .entry-logout{flex-shrink:0}.entry-accounts:empty{display:none}@media(max-width:680px){.entry-character-info{order:0}.entry-character-stage{order:1}.entry-character-details{order:2}.entry-selection-head .entry-badge{max-width:100%;overflow-wrap:anywhere}.entry-login-card{padding:24px}.entry-shell .entry-logout{font-size:10px}}

.entry-stage-glow,.entry-pedestal{pointer-events:none}