#entry-screen[hidden],#game[hidden]{display:none!important}
#pwa-install{width:100%;margin-top:12px;border:1px solid #86ddd16b;border-radius:9px;background:#163f50;color:#c4eee6;padding:10px;font-size:11px}#pwa-install:hover{background:#245568}#pwa-install-hint{margin:12px 0 0;color:#acd0d2;font-size:9px;line-height:1.7;text-align:center}#pwa-install-hint b{color:#ffe0a0}
.entry-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(390px,92%);padding:0;margin:19px auto 0;list-style:none}.entry-highlights li{min-width:0;padding:9px 10px;border:1px solid #b9e0d333;border-radius:9px;background:#062b3c77;text-align:center;backdrop-filter:blur(5px)}.entry-highlights b,.entry-highlights span{display:block}.entry-highlights b{font:700 15px 'Noto Sans KR',sans-serif;color:#ffe0a0;letter-spacing:.5px}.entry-highlights span{margin-top:3px;color:#b5d5d4;font-size:8px;white-space:nowrap}
#account-blocker[hidden],#entry-confirm-field[hidden]{display:none!important}
.entry-recovery{margin-top:20px;padding:15px;border:1px solid #dcbd7980;border-radius:10px;background:#061f31}.entry-recovery>b{color:#ffe3a5;font-size:13px}.entry-recovery p{font-size:11px;line-height:1.8;color:#b5c9ce}.entry-recovery button{display:block;width:100%;padding:9px;margin-top:8px;border:1px solid #9abcba55;border-radius:6px;background:#b7d7cb;color:#163c4c;font-size:11px}.entry-recovery button[hidden]{display:none}
.entry-tabs{display:flex;background:#041f30;border:1px solid #91b8b536;padding:4px;border-radius:9px;gap:4px;margin:0 0 18px}.entry-tabs button{flex:1;border:0;background:transparent;color:#9bbbc4;border-radius:6px;font-size:12px;padding:9px}.entry-tabs button.selected{background:#b6d7ca;color:#204651}.entry-account #entry-submit{margin-top:21px}.entry-password-wrap{position:relative}.entry-password-wrap input{padding-right:52px!important}.entry-password-wrap button{position:absolute;right:5px;top:5px;height:31px;border:0;background:transparent;color:#a8c6c8;font-size:10px;padding:0 8px}#entry-confirm-field label{display:block;font-size:9px;color:#96b6c0;margin:10px 0 6px}.entry-account input:focus{outline:2px solid #d9bf83;outline-offset:1px}#entry-status{color:#ffd097}#account-status{font-size:8px;letter-spacing:0;color:#9de0c0}#account-status.save-error{color:#ffb58e}.player #account-name{max-width:150px;overflow:hidden;text-overflow:ellipsis}#account-blocker{position:fixed;z-index:2000;inset:0;background:#001b30df;display:grid;place-items:center;padding:24px}#account-blocker>div{max-width:430px;padding:25px;background:#123b50;border:1px solid #e4d09980;border-radius:15px;color:#eae2ca}#account-blocker h2{font:24px var(--display)}#account-blocker p{font-size:12px;line-height:1.8}#account-blocker button{width:100%;margin-top:12px;background:#f4d99f;color:#214254;border:0;border-radius:8px;padding:12px}#account-logout-error{color:#ffd097;font-size:12px}
.entry-screen{position:fixed;inset:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) 410px;align-items:center;gap:6vw;padding:45px max(6vw,24px) 60px;overflow-y:auto;background:#072e40;color:#fff0d5;isolation:isolate}
.entry-background{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#032a3e66,#04263818 42%,#031f36d9 80%),linear-gradient(0deg,#032338f5,transparent 70%),url('../assets/images/lobby.png') center/cover no-repeat}
.entry-world{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:560px;max-height:780px}.entry-eyebrow{font-size:10px;color:#b1e1df;letter-spacing:4px;display:flex;align-items:center;gap:14px}.entry-eyebrow:before{content:'';width:32px;height:1px;background:#b1e1df}.entry-world h1{font:800 clamp(54px,6.8vw,108px)/.95 'Noto Sans KR',sans-serif;letter-spacing:-4px;margin:23px 0 0;text-shadow:0 5px 30px #00283c40}.entry-world h1 span{display:block;font-size:.66em;letter-spacing:8px;color:#ffe1a0;margin-top:15px}.entry-korean{font:16px var(--display);letter-spacing:7px;margin:20px 0 0;color:#d8e8e3}.entry-heroes{display:flex;align-items:flex-end;justify-content:center;height:260px;margin:5px -25px -5px;filter:drop-shadow(0 15px 15px #001c3980)}.entry-heroes>.sprite{height:190px;width:165px;flex:none;max-width:32%;animation:entry-float 5s ease-in-out infinite}.entry-heroes>.sprite:nth-child(2){height:240px;width:205px;z-index:1;animation-delay:-1.8s;margin:0 -9px}.entry-heroes>.sprite:nth-child(3){animation-delay:-3s}.entry-story{text-align:center;margin-top:14px}.entry-story h2{font:24px var(--display);margin:0 0 10px}.entry-story p{font-size:12px;line-height:1.9;color:#b5d0d4;margin:0}
.entry-panel{width:100%;max-width:450px;justify-self:center;border:1px solid #b4d5ca54;border-radius:22px;padding:27px 30px 22px;background:linear-gradient(145deg,#123f51f5,#06283bef);box-shadow:0 24px 70px #001a3659;backdrop-filter:blur(16px)}.entry-panel-top{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #b9d4c726}.entry-emblem{display:grid;place-items:center;width:43px;height:43px;border:1px solid #e6cf9259;border-radius:50%;font-size:27px;color:#f3d797}.entry-panel-top>span:nth-child(2){font-size:8px;color:#8fbac1;line-height:1.8;letter-spacing:2px}.entry-panel-top b{font-size:11px;color:#d6e1d6;letter-spacing:.5px}.entry-ticket{margin-left:auto;color:#d5d5b23b;font:35px Georgia,serif}.entry-welcome{margin:23px 0}.entry-welcome small{font-size:8px;letter-spacing:2px;color:#85b6c0}.entry-welcome h2{font:27px var(--display);margin:9px 0}.entry-welcome p{font-size:10px;line-height:1.7;color:#a8c3c9;margin:0}.entry-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.entry-label>b{font-size:11px;color:#c9dad6}.entry-label>span{font-size:8px;border:1px solid #deb97946;border-radius:20px;padding:3px 8px;color:#dfc697;background:#d6b97b0c}.entry-account>label{display:block;font-size:9px;color:#96b6c0;margin:10px 0 6px}.entry-account input{width:100%;height:41px;border:1px solid #91b8b52b;background:#031e3180;border-radius:8px;color:#bdcfcf;padding:0 12px;font-size:11px}.entry-account input:disabled{opacity:.7;cursor:not-allowed}.entry-account input::placeholder{color:#7697a6}.entry-login{width:100%;margin-top:14px;padding:11px;border:1px solid #94bdb438;border-radius:8px;background:#597b7b32;color:#bed0ce;font-size:11px}.entry-login:disabled{opacity:.55}.entry-account>p{font-size:9px;color:#8dabb7;line-height:1.8;margin:10px 0 0}.entry-divider{display:flex;align-items:center;gap:11px;color:#86a8b2;font-size:9px;margin:19px 0}.entry-divider:before,.entry-divider:after{content:'';height:1px;flex:1;background:#b9d4c721}.entry-guest{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #ffedbf;border-radius:11px;background:linear-gradient(120deg,#ffe9b2,#eec577);padding:13px 18px;text-align:left;color:#254654;box-shadow:0 4px 0 #917441,0 9px 22px #001b363b}.entry-guest small{display:block;font-size:7px;letter-spacing:1.6px;opacity:.65;margin-bottom:5px}.entry-guest b{font:23px var(--display);white-space:nowrap}.entry-guest>span:last-child{font-size:29px}.entry-save-note{font-size:9px;line-height:1.8;color:#9ebec2;margin:16px 0 0;text-align:center}.entry-status{font-size:10px;color:#ffd89a;margin:0;line-height:1.7}.entry-status:not(:empty){margin-top:12px}.entry-footer{position:absolute;left:6vw;right:6vw;bottom:20px;display:flex;align-items:center;justify-content:space-between;color:#a4c9cb;font-size:9px;letter-spacing:1px}.entry-footer span{font-size:7px;letter-spacing:2px;color:#7c9eae}.entry-noscript{position:fixed;z-index:40;left:15px;right:15px;bottom:10px;padding:12px;background:#ffdf9b;color:#163548;text-align:center}
@keyframes entry-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(min-width:1700px){.entry-screen{grid-template-columns:minmax(0,1fr) 450px;padding-left:10vw;padding-right:10vw;gap:10vw}.entry-panel{padding:32px 36px}.entry-heroes{height:300px}.entry-heroes>.sprite{height:220px;width:195px}.entry-heroes>.sprite:nth-child(2){height:280px;width:240px}}
@media(max-width:1000px){.entry-screen{grid-template-columns:minmax(0,1fr) 360px;gap:25px;padding:30px 30px 55px}.entry-panel{padding:22px}.entry-world h1{font-size:65px}.entry-world h1 span{letter-spacing:5px}.entry-heroes{height:220px;margin:10px -15px}.entry-heroes>.sprite{height:140px;width:120px}.entry-heroes>.sprite:nth-child(2){height:190px;width:155px}.entry-story h2{font-size:21px}.entry-story p{font-size:10px}}
@media(max-width:700px){.entry-screen{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px 18px 25px}.entry-background{position:fixed;background:linear-gradient(#04263830,#032338f2 50%),url('../assets/images/lobby.png') center top/auto 100vh no-repeat}.entry-world{min-height:0;align-self:center;flex:none;width:100%;max-width:390px;align-items:center}.entry-eyebrow{font-size:7px;letter-spacing:3px}.entry-eyebrow:before{display:none}.entry-world h1{text-align:center;font-size:44px;letter-spacing:1px;margin:12px 0 0}.entry-world h1 span{display:inline;font-size:1em;letter-spacing:0;margin-left:9px}.entry-korean{font-size:10px;letter-spacing:5px;margin:10px 0 0}.entry-heroes{height:96px;margin:5px 0 0;width:240px}.entry-heroes>.sprite{width:65px;height:75px}.entry-heroes>.sprite:nth-child(2){width:84px;height:95px;margin:0}.entry-story{display:none}.entry-panel{max-width:390px;padding:20px 23px;border-radius:17px;flex:none}.entry-panel-top{padding-bottom:12px}.entry-panel-top .entry-emblem{width:33px;height:33px;font-size:22px}.entry-panel-top .entry-ticket{font-size:26px}.entry-welcome{margin:16px 0}.entry-welcome h2{font-size:25px}.entry-account input{height:38px}.entry-divider{margin:16px 0}.entry-guest{padding:11px 16px}.entry-guest b{font-size:22px}.entry-save-note{margin-top:13px;font-size:8px}.entry-footer{position:static;width:100%;justify-content:center;font-size:8px;flex:none}.entry-footer span{display:none}}
@media(max-height:650px) and (min-width:701px){.entry-screen{align-items:start;padding-top:20px;padding-bottom:40px}.entry-world{min-height:520px}.entry-panel{padding:20px 24px}.entry-welcome{margin:15px 0}.entry-panel-top{padding-bottom:12px}.entry-divider{margin:14px 0}.entry-footer{position:static;grid-column:1/-1}.entry-heroes{height:220px}.entry-story{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.entry-heroes>.sprite{animation:none}}