*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101827;color:#f2f5ff;font-family:system-ui,sans-serif}main{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}#boot{padding:24px;text-align:center;background:radial-gradient(circle at 50% 35%,#263c65,#101827 60%)}h1{font-size:clamp(2rem,8vw,4rem);margin:0;color:#70e1ff}p{color:#b8c4db;max-width:420px;text-align:center}.loader{width:42px;height:42px;border:4px solid #ffffff30;border-top-color:#70e1ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#auth,#character{overflow-y:auto;padding:14px}.card{width:min(420px,100%);padding:24px;border:1px solid #ffffff18;border-radius:22px;background:#18263e;box-shadow:0 20px 60px #0005}.card h1{font-size:clamp(1.8rem,7vw,2.2rem);text-align:center}.card p{margin-left:auto;margin-right:auto}.tabs{display:flex;gap:8px;margin:18px 0 12px}.tabs button{flex:1;min-width:0;padding:10px;background:#243753;color:#b8c4db}.tabs button.active{background:#70e1ff;color:#102039}form{display:flex;flex-direction:column;gap:10px}input,button,select{font:inherit;border:0;border-radius:12px;padding:13px 14px}input,select{width:100%;background:#f3f6ff;color:#152039}button{cursor:pointer;background:#70e1ff;color:#102039;font-weight:800;min-width:0}label{color:#b8c4db;font-size:.9rem}#authStatus,#characterStatus{min-height:22px;color:#ffadad;font-size:.9rem}#version{font-size:.8rem}#characterList{display:flex;flex-direction:column;gap:10px;margin:16px 0}.character-option{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;background:#243753}.character-option strong{color:#70e1ff}.character-option button{padding:8px 12px;background:#70e1ff}#game{justify-content:flex-start;background:#0a1120}header{height:52px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#131f35;gap:8px}#stats{font-size:.72rem;color:#b8c4db;white-space:nowrap}#floorControls{display:flex;gap:6px}#floorControls button{padding:6px 9px;background:#34567d;color:#f2f5ff;font-size:.8rem}canvas{display:block;touch-action:none;max-width:100%;max-height:calc(100% - 52px);object-fit:contain}#joystick{position:fixed;bottom:30px;left:30px;width:120px;height:120px;border-radius:50%;background:#ffffff28;border:2px solid #ffffff40;display:none;touch-action:none}#stick{position:absolute;width:48px;height:48px;border-radius:50%;background:#70e1ff;left:34px;top:34px}#leave{position:fixed;right:18px;bottom:18px;min-width:auto;padding:10px 16px;background:#ff7185;color:white}@media(max-width:600px){header{padding:0 8px;gap:4px}header strong{font-size:.82rem}#count{font-size:.7rem}#coordinates{font-size:.75rem;color:#b8c4db;white-space:nowrap}#stats{font-size:.62rem}#floorControls button{padding:5px 6px}}@media(max-height:600px){#auth,#character{justify-content:flex-start;padding-top:8px}.card{padding:14px 18px}.card h1{font-size:1.7rem}.tabs{margin:10px 0 8px}.tabs button{padding:8px 9px}input,button,select{padding:10px 12px}.card p{margin:6px auto}}
main[hidden]{display:none!important}
.camera-zoom-controls{display:flex;align-items:center;gap:10px;margin:16px 0 8px}.camera-zoom-controls input{flex:1}.camera-zoom-controls button{min-width:48px;padding:8px 12px}
#hudStats .stat-bar{width:min(calc(42vw / var(--eternium-ui-scale,1)),calc((100vw - 28px) / var(--eternium-ui-scale,1)),280px)}
@media(max-width:600px){#hudStats .stat-bar{width:min(calc(46vw / var(--eternium-ui-scale,1)),calc((100vw - 20px) / var(--eternium-ui-scale,1)),320px)}}
.apk-mode #hudStats .stat-bar{width:min(calc(46vw / var(--eternium-ui-scale,1)),calc((100vw - 44px) / var(--eternium-ui-scale,1)),310px)}
#nearbyEntitiesPanel{position:fixed;z-index:9;top:108px;right:12px;width:min(330px,calc(100vw - 24px));max-height:min(48vh,360px);overflow:hidden;border:1px solid #70e1ff66;border-radius:14px;background:#101c30eF;box-shadow:0 10px 30px #0009;color:#f2f5ff;backdrop-filter:blur(5px);touch-action:none}#nearbyEntitiesPanel.anchored .nearby-entities-header{cursor:default}#nearbyEntitiesPanel.minimized{width:auto;max-height:none}#nearbyEntitiesPanel.minimized #nearbyEntitiesList{display:none}.nearby-entities-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;background:#1d3554;color:#70e1ff;cursor:move;user-select:none}.nearby-entities-header div{display:flex;gap:5px}.nearby-entities-header button{min-width:32px;padding:4px 7px;background:#34567d;color:#fff;line-height:1}.nearby-entities-header button:first-child{background:#70e1ff;color:#102039}.nearby-entities-header span{color:#fff}.nearby-entity{display:grid;grid-template-columns:26px minmax(0,1fr) auto minmax(58px,auto);align-items:center;gap:8px;min-height:52px;padding:10px 12px;border-bottom:1px solid #ffffff12;font-size:.88rem;cursor:pointer;user-select:none}.nearby-entity:hover,.nearby-entity:focus{background:#2a4b70;outline:none}.nearby-entity>span{font-size:1.15rem}.nearby-entity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nearby-entity small{color:#9fb2cd;font-size:.7rem}.nearby-entity.player strong{color:#b8e8ff}.nearby-entity.monster strong{color:#ff9c9c}.nearby-entity.npc strong{color:#a9f5bd}.nearby-hp{position:relative;display:block;min-width:58px;height:15px;overflow:hidden;border:1px solid #dcecff88;border-radius:4px;background:#172235;color:#fff;font-size:.6rem;line-height:13px;text-align:center}.nearby-hp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#a7192e,#ef4250)}.nearby-hp.empty{min-width:58px;border:0;background:transparent}.nearby-empty{margin:0;padding:14px 10px;color:#b8c4db;font-size:.8rem;text-align:center}@media(max-width:600px){#nearbyEntitiesPanel{top:92px;right:8px;width:min(310px,calc(100vw - 16px));max-height:44vh}.nearby-entity{grid-template-columns:24px minmax(0,1fr) auto minmax(52px,auto);min-height:58px;padding:10px 9px;font-size:.8rem}.nearby-hp,.nearby-hp.empty{min-width:52px}}
.chat-card{width:min(560px,94vw)!important;max-height:82vh;display:flex;flex-direction:column}.chat-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.chat-tabs button{padding:9px 6px;background:#243753;color:#b8c4db}.chat-tabs button.active{background:#70e1ff;color:#102039}.chat-messages{min-height:120px;max-height:38vh;overflow-y:auto;padding:4px 2px;display:flex;flex-direction:column;gap:6px;text-align:left}.chat-message{padding:8px 10px;border-radius:10px;background:#243753}.chat-message.mine{background:#2f6480}.chat-message>div{display:flex;justify-content:space-between;gap:8px}.chat-message strong{color:#70e1ff;font-size:.78rem}.chat-message time{color:#9fb2cd;font-size:.65rem}.chat-message p{margin:3px 0 0;color:#f2f5ff;max-width:none;text-align:left;overflow-wrap:anywhere}.chat-compose,.chat-add-friend{display:flex;flex-direction:row;gap:6px;margin-top:8px}.chat-compose input,.chat-add-friend input{min-width:0;flex:1}.chat-compose button,.chat-add-friend button{padding:10px 12px}.chat-help,.chat-empty,.chat-private-title{display:block;color:#b8c4db;font-size:.75rem;text-align:center}.chat-help{margin:6px 0}.chat-friend-list{display:flex;gap:6px;overflow-x:auto;padding:3px 0 8px}.chat-friend{flex:0 0 auto;padding:8px 11px;background:#243753;color:#dcecff}.chat-friend.active{background:#70e1ff;color:#102039}.chat-private-title{padding:6px;color:#70e1ff;font-weight:800}
#hudStats{position:fixed;z-index:5;top:64px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none}.stat-bar{position:relative;width:min(34vw,220px);height:28px;overflow:hidden;border:2px solid #dcecff;border-radius:7px;background:#172235;box-shadow:0 3px 8px #0008}.stat-fill{position:absolute;inset:0 auto 0 0;width:100%;transition:width .2s ease}.health .stat-fill{background:linear-gradient(90deg,#a7192e,#ef4250)}.mana .stat-fill{background:linear-gradient(90deg,#1453a0,#3aa9ff)}.stat-label,.stat-text{position:absolute;z-index:1;top:50%;transform:translateY(-50%);font-weight:900;text-shadow:0 1px 3px #000}.stat-label{left:8px;font-size:.72rem}.stat-text{left:50%;transform:translate(-50%,-50%);font-size:.85rem;white-space:nowrap}@media(max-width:600px){#hudStats{top:58px;left:8px;right:8px}.stat-bar{width:38vw;height:25px}.stat-text{font-size:.74rem}.stat-label{font-size:.64rem}}
#protectedZoneStatus{position:fixed;z-index:6;top:98px;left:50%;transform:translateX(-50%);padding:6px 12px;border:1px solid;border-radius:999px;background:#101c30eF;box-shadow:0 3px 10px #0008;font-size:.78rem;font-weight:900;white-space:nowrap;pointer-events:none}#protectedZoneStatus.is-protected{border-color:#71f0b0;color:#b8ffd9}#protectedZoneStatus.is-normal{border-color:#ffb86b;color:#ffd6aa}@media(max-width:600px){#protectedZoneStatus{top:91px;font-size:.68rem;padding:5px 9px}}
#menuButtons{position:fixed;z-index:7;right:18px;bottom:78px;display:flex;flex-direction:column;gap:8px}#menuButtons button{min-width:112px;padding:10px 14px;background:#34567d;color:#f2f5ff;box-shadow:0 3px 8px #0008}.game-panel{position:fixed;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#0009}.game-panel[hidden]{display:none!important}.panel-card{position:relative;width:min(360px,90vw);padding:26px 22px;border:1px solid #ffffff26;border-radius:18px;background:#18263e;box-shadow:0 20px 60px #000b;text-align:center}.panel-card h2{margin:0 0 12px;color:#70e1ff}.panel-card p{margin:0 auto;color:#b8c4db}.panel-close{position:absolute;top:8px;right:8px;min-width:0;padding:4px 10px;background:#405878;color:#fff}@media(max-width:600px){#menuButtons{right:10px;bottom:74px}#menuButtons button{min-width:98px;padding:9px 10px;font-size:.8rem}}
#menuButtons{position:fixed;z-index:7;right:18px;bottom:78px;display:flex;flex-direction:column;gap:8px}#menuButtons button{min-width:112px;padding:10px 14px;background:#34567d;color:#f2f5ff;box-shadow:0 3px 8px #0008}.game-panel{position:fixed;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#0009}.game-panel[hidden]{display:none!important}.panel-card{position:relative;width:min(360px,90vw);padding:26px 22px;border:1px solid #ffffff26;border-radius:18px;background:#18263e;box-shadow:0 20px 60px #000b;text-align:center}.panel-card h2{margin:0 0 12px;color:#70e1ff}.panel-card p{margin:0 auto;color:#b8c4db}.panel-close{position:absolute;top:8px;right:8px;min-width:0;padding:4px 10px;background:#405878;color:#fff}.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.equipment-slot{min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px;border:1px solid #70e1ff55;border-radius:12px;background:#243753;color:#f2f5ff;font-weight:700}.equipment-slot small{min-height:16px;color:#9fb2cd;font-size:.68rem;font-weight:400;line-height:1.15}.slot-icon{font-size:1.45rem;line-height:1.2}@media(max-width:600px){#menuButtons{right:10px;bottom:74px}#menuButtons button{min-width:98px;padding:9px 10px;font-size:.8rem}.panel-card{padding:24px 14px}.equipment-grid{gap:7px}.equipment-slot{min-height:78px;padding:6px;font-size:.82rem}.equipment-slot small{font-size:.62rem}}
#rankingsButton{display:block;pointer-events:auto;position:relative;z-index:8;margin-top:8px;width:min(34vw,220px);padding:7px 10px;background:#34567d;color:#f2f5ff;box-shadow:0 3px 8px #0008;font-size:.8rem}.rankings-card{width:min(430px,92vw);max-height:min(76vh,620px);display:flex;flex-direction:column;text-align:left}.rankings-card h2{text-align:center}.rankings-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:5px;padding:3px 2px 10px}.ranking-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;background:#243753;color:#eaf3ff}.ranking-row strong{color:#70e1ff}.ranking-row b{font-size:.82rem;color:#b8e8ff}.ranking-row.current{background:#2f6480;outline:2px solid #70e1ff}.current-ranking{position:sticky;bottom:0;margin-top:8px;padding:12px 10px;border-radius:10px;background:#70e1ff;color:#102039;font-weight:900;text-align:center;box-shadow:0 -8px 16px #18263e}.rankings-list p{text-align:center;width:100%}@media(max-width:600px){#rankingsButton{width:38vw;padding:6px 8px;font-size:.7rem}.rankings-card{max-height:78vh}.ranking-row{padding:8px;font-size:.85rem}.ranking-row b{font-size:.72rem}.current-ranking{font-size:.8rem}}
.apk-mode button{min-height:64px;padding:18px 23px;font-size:1.08rem}.apk-mode #floorControls button{min-height:58px;padding:13px 17px}.apk-mode #menuButtons{gap:12px;right:22px;bottom:92px}.apk-mode #menuButtons button{min-width:180px;padding:18px 22px;font-size:1.08rem}.apk-mode #leave{padding:18px 24px;font-size:1.08rem}.apk-mode #rankingsButton{min-height:60px;padding:15px 19px;font-size:1.05rem}.apk-mode .panel-close{min-height:52px;padding:11px 16px}.apk-mode .stat-bar{width:min(44vw,310px);height:44px;border-width:3px}.apk-mode .stat-label{left:13px;font-size:1rem}.apk-mode .stat-text{font-size:1.12rem}.apk-mode #joystick{width:144px;height:144px}.apk-mode #stick{width:60px;height:60px;left:40px;top:40px}
.apk-mode #auth .card,.apk-mode #character .card{width:min(520px,94vw);padding:34px 30px}.apk-mode #auth .card h1,.apk-mode #character .card h1{font-size:2.65rem}.apk-mode #auth .tabs{gap:12px;margin:24px 0 18px}.apk-mode #auth .tabs button,.apk-mode #auth input,.apk-mode #auth select{min-height:64px;font-size:1.12rem}.apk-mode #auth form{gap:16px}.apk-mode #auth small{font-size:.95rem}
.inventory-card{width:min(520px,94vw)!important;text-align:left}.inventory-card h2{text-align:center}.inventory-toolbar{display:flex;gap:8px;margin:4px 0 10px}.inventory-search{flex:1;min-width:0;padding:10px 12px!important}.inventory-sort{width:112px;padding:10px 8px!important}.inventory-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px}.inventory-tabs button{padding:9px 5px;background:#243753;color:#b8c4db;font-size:.75rem}.inventory-tabs button.active{background:#70e1ff;color:#102039}.inventory-body{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:10px}.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:42vh;overflow-y:auto;padding:2px}.inventory-item{position:relative;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 4px;border:1px solid #70e1ff44;border-radius:10px;background:#243753;color:#f2f5ff}.inventory-item:hover,.inventory-item.selected{background:#2f6480;border-color:#70e1ff;outline:2px solid #70e1ff55}.inventory-icon{font-size:1.65rem;line-height:1.2}.inventory-item strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.inventory-item small{color:#70e1ff;font-weight:900}.inventory-detail{min-height:130px;padding:12px;border:1px solid #70e1ff44;border-radius:10px;background:#101c30;color:#b8c4db;font-size:.78rem}.inventory-detail strong,.inventory-detail span{display:block}.inventory-detail strong{margin-bottom:8px;color:#70e1ff;font-size:.95rem}.inventory-detail button{width:100%;margin-top:14px;padding:9px}.inventory-empty{grid-column:1/-1;color:#b8c4db;text-align:center;font-size:.8rem}@media(max-width:600px){.inventory-card{width:min(520px,96vw)!important}.inventory-body{grid-template-columns:1fr}.inventory-detail{min-height:76px}.inventory-detail button{width:auto;float:right;margin-top:-28px}.inventory-grid{max-height:35vh}.inventory-item{min-height:76px}.inventory-tabs button{font-size:.68rem}}
.inventory-window{padding-top:12px!important}.inventory-window h2{cursor:move;touch-action:none}.inventory-window .panel-close,.inventory-window .panel-minimize,.inventory-window .panel-anchor{z-index:3}.inventory-window .panel-close{right:8px}.inventory-window .panel-minimize{right:48px}
.game-panel:has(.movable-panel){align-items:flex-start;justify-content:flex-end;padding:68px 12px 12px;background:transparent;pointer-events:none}.game-panel:has(.movable-panel) .panel-card{pointer-events:auto;max-height:calc(100vh - 82px);overflow-y:auto;box-shadow:0 14px 36px #000c}.game-panel:has(.movable-panel) .panel-card.panel-minimized{overflow:hidden;pointer-events:auto}.game-panel:has(.movable-panel) .panel-card h2{cursor:move;touch-action:none}@media(max-width:600px){.game-panel:has(.movable-panel){padding:58px 8px 8px}}
#rankingsPanel{align-items:flex-start;justify-content:flex-end;padding:68px 12px 12px;background:transparent;pointer-events:none}#rankingsPanel .panel-card{pointer-events:auto;max-height:calc(100vh - 82px);overflow-y:auto;box-shadow:0 14px 36px #000c}@media(max-width:600px){#rankingsPanel{padding:58px 8px 8px}}
.panel-card:not(.panel-minimized) .panel-close{right:6px;width:30px;height:30px;padding:2px 6px}.panel-card:not(.panel-minimized) .panel-minimize{right:42px;width:30px;height:30px;min-width:30px;padding:2px 6px}.panel-card:not(.panel-minimized) .panel-anchor{right:78px;width:30px;height:30px;min-width:30px;padding:2px 4px}.panel-card:not(.panel-minimized) h2{padding-left:96px;padding-right:96px}.panel-card.panel-minimized .panel-anchor{right:38px;width:30px;height:30px;min-width:30px}.panel-card.panel-minimized .panel-minimize{width:30px;height:30px;min-width:30px}
.inventory-window-title{display:block!important;margin:-4px 0 14px!important;padding:9px 96px 9px 10px!important;border-bottom:1px solid #70e1ff55;border-radius:8px;color:#70e1ff!important;background:#1d3554;text-align:left!important;font-size:1rem!important;line-height:1.25;cursor:move!important;user-select:none}.panel-card.panel-minimized .inventory-window-title{margin:0!important;padding:0 80px 0 0!important;border:0;background:transparent;text-align:left!important;font-size:.86rem!important}
.character-class-badge{display:block;margin-top:4px;color:#70e1ff;font-size:.78rem;font-weight:800}
.inventory-drag-header{display:block;margin:-4px 0 14px;padding:9px 96px 9px 10px;border-bottom:1px solid #70e1ff55;border-radius:8px;background:#1d3554;color:#70e1ff;font-size:1rem;font-weight:900;line-height:1.25;text-align:left;cursor:move;user-select:none;touch-action:none}.panel-card.panel-minimized .inventory-drag-header{margin:0;padding:0 80px 0 0;border:0;background:transparent;font-size:.86rem;line-height:32px}
.panel-card.panel-minimized .inventory-drag-header{display:block!important}
.set-card{width:min(430px,calc(100vw - 24px))!important;max-height:calc(100vh - 24px)!important;overflow:hidden!important;padding:14px 16px!important}.set-card h2{margin:0 0 6px}.set-card .equipment-grid{gap:6px;margin-top:8px}.set-card .equipment-slot{min-height:clamp(52px,10vh,78px);padding:5px;font-size:.82rem}.set-card .equipment-slot small{min-height:12px;font-size:.62rem}.set-card .slot-icon{font-size:1.25rem}@media(max-height:600px){.set-card{padding:10px 12px!important}.set-card h2{margin-bottom:3px}.set-card .equipment-grid{gap:4px;margin-top:4px}.set-card .equipment-slot{min-height:clamp(44px,9vh,62px);padding:3px;font-size:.72rem}.set-card .equipment-slot small{font-size:.55rem}.set-card .slot-icon{font-size:1rem}}.apk-mode .set-card{padding:12px!important}.apk-mode .set-card .equipment-slot{min-height:clamp(48px,9vh,68px);padding:4px;font-size:.76rem}.apk-mode .set-card .slot-icon{font-size:1.05rem}.apk-mode .set-card .equipment-slot small{font-size:.58rem}
.inventory-card{width:min(500px,calc(100vw - 24px))!important;padding:16px 22px 20px!important;border:1px solid #70e1ff66;border-radius:22px;background:linear-gradient(145deg,#203b5d 0%,#172b47 58%,#12233b 100%);box-shadow:0 18px 45px #000b,0 0 0 1px #ffffff0d inset!important}.inventory-card .inventory-drag-header{margin:-5px -10px 14px;padding:10px 112px 10px 14px;border:0;border-radius:13px;background:linear-gradient(90deg,#2d567d,#244568);color:#d9f6ff;font-size:1.05rem;letter-spacing:.01em;box-shadow:0 3px 0 #0d1d32aa}.inventory-card .inventory-drag-header::before{content:'🎒';margin-right:8px}.inventory-card .gold-section{margin:12px 0 14px!important;padding:12px 16px!important;border:1px solid #f4c95daa!important;border-radius:15px!important;background:linear-gradient(135deg,#554528,#3d3424)!important;box-shadow:0 4px 12px #0004,inset 0 1px #ffe8a044}.inventory-card .gold-section strong{color:#fff0bd;font-size:.92rem}.inventory-card .gold-section span:last-child{font-size:1.35rem}.inventory-content{padding-top:2px}.inventory-toolbar{gap:8px;margin:0 0 10px}.inventory-search,.inventory-sort{border:1px solid #8bb6dc!important;box-shadow:0 2px 6px #0003}.inventory-search:focus,.inventory-sort:focus{outline:3px solid #70e1ff55;border-color:#70e1ff!important}.inventory-tabs{gap:6px;margin-bottom:12px}.inventory-tabs button{border:1px solid #ffffff0f;border-radius:10px;background:#294466;color:#d8e7f7;transition:background .15s,transform .15s}.inventory-tabs button:hover{background:#3c638a;transform:translateY(-1px)}.inventory-tabs button.active{background:#70e1ff;color:#102039;box-shadow:0 3px 8px #0004}.inventory-body{gap:12px}.inventory-grid{gap:8px;padding:3px}.inventory-item{min-height:88px;border:1px solid #70e1ff44;border-radius:13px;background:linear-gradient(145deg,#294a6d,#213c5c);box-shadow:0 3px 7px #0003;transition:transform .15s,background .15s}.inventory-item:hover,.inventory-item.selected{background:linear-gradient(145deg,#37688b,#2d5778);transform:translateY(-2px)}.inventory-empty{display:flex;min-height:112px;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:18px;border:1px dashed #8bb6dc66;border-radius:14px;background:#142a43;color:#c6d8eb;font-size:.82rem}.inventory-empty::before{content:'🎒';display:block;margin-bottom:6px;font-size:1.8rem;filter:grayscale(.15)}.inventory-detail{border:1px solid #70e1ff55;border-radius:13px;background:linear-gradient(145deg,#132843,#102138);box-shadow:inset 0 1px #ffffff0d}.inventory-card.panel-minimized{background:linear-gradient(90deg,#203b5d,#172b47)!important}@media(max-width:600px){.inventory-card{width:min(500px,calc(100vw - 16px))!important;padding:14px 12px 16px!important}.inventory-card .inventory-drag-header{margin:-4px -4px 12px;padding-left:10px}.inventory-body{grid-template-columns:1fr}.inventory-detail{min-height:82px}.inventory-grid{max-height:32vh}}
.update-link{display:block;margin-top:16px;padding:14px 18px;border-radius:12px;background:#70e1ff;color:#102039!important;font-weight:900;text-decoration:none;text-align:center}
canvas{background:#1a6680}
#boot,#auth,#character{background-image:linear-gradient(#09132688,#09132688),url('assets/eternium-ot-wallpaper.png');background-size:cover;background-position:center;background-repeat:no-repeat}#boot h1{display:none}#auth .card,#character .card{background:#18263ecc;backdrop-filter:blur(3px)}
.brand-logo{display:block;object-fit:contain}.boot-logo{width:clamp(130px,24vw,220px);height:clamp(130px,24vw,220px);margin-bottom:-4px;filter:drop-shadow(0 8px 14px #000b)}.card-logo{width:92px;height:92px;margin:0 auto -4px;filter:drop-shadow(0 5px 10px #0008)}.client-brand{display:flex;align-items:center;gap:8px}.client-brand img{width:34px;height:34px;object-fit:contain}.client-brand strong{color:#70e1ff}
.support-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:12px;padding:10px 14px;border:1px solid #70e1ff77;border-radius:12px;background:#244568;color:#eaf8ff;font-weight:700;text-align:center;text-decoration:none}.support-link:hover,.support-link:focus-visible{background:#345f85;outline:2px solid #70e1ff66}.apk-mode .support-link{min-height:56px;font-size:1rem}
#menuButtons.menu-collapsed{gap:0}#menuButtons.menu-collapsed button:not(#menuCollapseButton){display:none}#menuCollapseButton{order:99!important;min-width:36px!important;width:36px;padding:7px 8px!important;background:#70e1ff!important;color:#102039!important;font-size:1rem;line-height:1}#menuButtons.menu-collapsed #menuCollapseButton{display:block}
.panel-minimize{position:absolute;top:8px;right:48px;min-width:32px;padding:4px 9px;background:#405878;color:#fff;line-height:1}.panel-anchor{position:absolute;top:8px;right:88px;min-width:32px;padding:4px 7px;background:#405878;color:#fff;line-height:1}.panel-card.panel-anchored{outline:2px solid #70e1ff66}.panel-card.panel-minimized{display:flex!important;align-items:center;width:180px!important;min-width:180px!important;height:44px!important;min-height:44px!important;padding:5px 80px 5px 12px!important;overflow:hidden}.panel-card.panel-minimized>*:not(.panel-minimize):not(.panel-anchor):not(h2){display:none!important}.panel-card.panel-minimized h2{display:block;margin:0!important;padding:0!important;overflow:hidden;color:#70e1ff;font-size:.86rem;line-height:32px;text-overflow:ellipsis;white-space:nowrap}.panel-card.panel-minimized .panel-minimize{position:absolute;top:6px;right:6px;display:block;width:32px;height:32px;min-width:32px;padding:3px;margin:0;background:#70e1ff;color:#102039}.panel-card.panel-minimized .panel-anchor{top:6px;right:42px;width:32px;height:32px;min-width:32px;padding:3px;margin:0;background:#405878;color:#fff}
.panel-drag-handle{cursor:move;user-select:none;touch-action:none}.movable-panel{position:fixed!important;top:68px;right:12px;left:auto;z-index:11;will-change:left,top}
#inventoryPanel,#setPanel,#settingsPanel,#chatPanel{align-items:flex-start;justify-content:flex-end;padding:68px 12px 12px;background:transparent;pointer-events:none}#inventoryPanel .panel-card,#setPanel .panel-card,#settingsPanel .panel-card,#chatPanel .panel-card{pointer-events:auto;max-height:calc(100vh - 82px);overflow-y:auto;box-shadow:0 14px 36px #000c}.delete-dialog{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px;background:#050b16cc}.delete-dialog[hidden]{display:none}.delete-dialog-card{width:min(420px,100%);padding:24px;border:2px solid #70e1ff;border-radius:18px;background:#18263e;box-shadow:0 20px 70px #000b;text-align:center}.delete-dialog-card h2{margin:0 0 12px;color:#ff7185}.delete-dialog-card p{margin:8px auto;color:#dcecff}.delete-dialog-card strong{color:#70e1ff}.delete-dialog-actions{display:flex;gap:10px;margin-top:20px}.delete-dialog-actions button{flex:1}.delete-dialog-actions button:last-child{background:#ff7185;color:#fff}
.inventory-card.panel-minimized .inventory-drag-header{display:flex!important;flex:1 1 auto;min-width:0;max-width:none;margin:0!important;padding:0 82px 0 0!important;border:0;background:transparent;box-shadow:none;line-height:32px;cursor:move;touch-action:none;user-select:none}.inventory-card.panel-minimized .panel-anchor,.inventory-card.panel-minimized .panel-minimize,.inventory-card.panel-minimized .panel-close{display:block!important;z-index:5;pointer-events:auto}.inventory-card.panel-minimized .panel-close{position:absolute!important;top:6px!important;right:78px!important;width:32px!important;height:32px!important;padding:3px!important}.inventory-card.panel-minimized .panel-anchor{right:42px!important}.inventory-card.panel-minimized .panel-minimize{right:6px!important}
.nearby-entity.selected{background:#70e1ff33;outline:2px solid #70e1ff;box-shadow:inset 0 0 0 1px #d8f8ff66}.nearby-entity.selected strong{color:#fff}
#nearbyEntitiesPanel .nearby-entity.selected{background:#315b78;outline:2px solid #70e1ff;box-shadow:0 0 12px #70e1ff66}
.inventory-icon img{display:block;width:42px;height:42px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 3px #0008)}.inventory-item .inventory-icon{display:flex;align-items:center;justify-content:center;min-height:44px}
#combatNotice{position:fixed;z-index:100;left:50%;top:112px;transform:translate(-50%,-8px);opacity:0;pointer-events:none;max-width:min(360px,82vw);padding:8px 14px;border:1px solid #70e1ff88;border-radius:10px;background:#10243ddd;color:#e8f8ff;box-shadow:0 5px 18px #0008;font-size:.8rem;font-weight:700;text-align:center;transition:opacity .16s,transform .16s}#combatNotice.visible{opacity:1;transform:translate(-50%,0)}
.apk-mode #hudStats{top:60px;left:10px;right:10px}.apk-mode #hudStats .stat-bar{width:min(24vw,290px);height:38px}.apk-mode #hudStats>div:last-child{margin-right:76px}.apk-mode #menuButtons{left:12px;right:auto;bottom:92px;gap:7px}.apk-mode #menuButtons button{min-width:142px;min-height:48px;padding:10px 14px;font-size:.92rem}.apk-mode #leave{left:12px;right:auto;bottom:18px;width:142px;min-height:46px;padding:10px 14px;font-size:.92rem}.apk-mode #quickAbilities{right:10px;bottom:10px;transform:scale(.86);transform-origin:right bottom}.apk-mode #nearbyEntitiesPanel{top:106px;left:12px;right:auto;width:min(290px,30vw);max-height:38vh}.apk-mode .game-panel:has(.movable-panel){padding:64px 12px 12px}.apk-mode .game-panel:has(.movable-panel) .panel-card{width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 86px);padding:18px 16px}.apk-mode .settings-card{font-size:.88rem}.apk-mode .settings-card button{min-height:46px;padding:10px 14px;font-size:.9rem}
#nearbyEntitiesPanel{z-index:20}
.apk-mode #nearbyEntitiesPanel{left:12px;right:auto;width:min(330px,calc(100vw - 24px));z-index:20}
.nearby-select-button{min-height:34px!important;padding:6px 8px!important;border:1px solid #70e1ff88;border-radius:8px;background:#70e1ff;color:#102039;font-size:.68rem;font-weight:900;white-space:nowrap;touch-action:manipulation}
.nearby-select-button:active{background:#b8f2ff;transform:scale(.97)}
@media(max-width:600px){.nearby-select-button{min-height:40px!important;padding:7px 9px!important;font-size:.7rem}}
.direction-pad{position:fixed;z-index:8;left:24px;bottom:28px;width:156px;height:156px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px;padding:5px;border:2px solid #ffffff40;border-radius:24px;background:#10243dcc;box-shadow:0 6px 18px #0008;touch-action:none;user-select:none}
.direction-pad button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0;border:1px solid #70e1ff66;border-radius:12px;background:#34567d;color:#eaf8ff;font-size:1.7rem;line-height:1;touch-action:none;user-select:none;-webkit-user-select:none}
.direction-pad button:active,.direction-pad button.active{background:#70e1ff;color:#102039;transform:scale(.94)}
.direction-pad-center{border-radius:12px;background:#1c3552}
@media(max-width:600px){.direction-pad{left:14px;bottom:18px;width:156px;height:156px}.direction-pad button{font-size:1.65rem}}
.apk-mode .direction-pad{left:18px;bottom:24px;width:180px;height:180px;gap:6px;padding:6px}.apk-mode .direction-pad button{min-height:0;padding:0;font-size:1.95rem}
#hudStats{top:54px}
#hudStats .stat-bar{width:min(38vw,360px)}
#nearbyEntitiesPanel{width:min(390px,calc(100vw - 24px));max-height:min(54vh,440px)}
#nearbyEntitiesPanel .nearby-entities-header{padding:12px 14px;font-size:1rem}
#nearbyEntitiesPanel .nearby-entity{min-height:62px;padding:12px 14px;grid-template-columns:30px minmax(0,1fr) auto minmax(70px,auto);font-size:.95rem}
#nearbyEntitiesPanel .nearby-hp,#nearbyEntitiesPanel .nearby-hp.empty{min-width:70px;height:17px}
.apk-mode #hudStats{top:56px}
.apk-mode #hudStats .stat-bar{width:min(42vw,340px)}
.apk-mode #nearbyEntitiesPanel{width:min(370px,calc(100vw - 24px));max-height:44vh}
@media(max-width:600px){#hudStats{top:54px}#hudStats .stat-bar{width:min(47vw,280px)}#nearbyEntitiesPanel{width:min(350px,calc(100vw - 16px));max-height:48vh}}
#joystick{display:none!important}
#directionPad{transform:scale(var(--direction-pad-scale,1));transform-origin:left bottom}
#quickAbilities .quick-ability{width:calc(48px * var(--quick-bar-scale,2));height:calc(48px * var(--quick-bar-scale,2));min-width:calc(48px * var(--quick-bar-scale,2));font-size:calc(.68rem * var(--quick-bar-scale,2))}
#quickAbilities .quick-ability span{font-size:calc(.62rem * var(--quick-bar-scale,2))}
#quickAbilities .quick-ability-row[data-quick-category="all"],#quickAbilities .quick-consumable-row{grid-template-columns:repeat(4,calc(48px * var(--quick-bar-scale,2)))}
#quickAbilities .quick-consumable-row{min-height:calc(48px * var(--quick-bar-scale,2))}
#quickAbilities #abilitiesButton{width:calc(48px * var(--quick-bar-scale,2));min-width:calc(48px * var(--quick-bar-scale,2));height:calc(34px * var(--quick-bar-scale,2))}
@media(max-width:600px){#quickAbilities .quick-ability{width:calc(42px * var(--quick-bar-scale,2));height:calc(42px * var(--quick-bar-scale,2));min-width:calc(42px * var(--quick-bar-scale,2))}#quickAbilities .quick-ability-row[data-quick-category="all"],#quickAbilities .quick-consumable-row{grid-template-columns:repeat(4,calc(42px * var(--quick-bar-scale,2)))}#quickAbilities .quick-consumable-row{min-height:calc(42px * var(--quick-bar-scale,2))}}
#directionPad{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));width:min(190px,calc(100vw - 28px));height:min(190px,calc(100vw - 28px));display:block;padding:0;border-radius:50%;overflow:visible;transform-origin:left bottom}
#directionPad button{position:absolute;width:28%;height:28%;min-height:0;padding:0;border-radius:30%;font-size:clamp(1.1rem,5vw,1.8rem);line-height:1;z-index:2}
#directionPad button:nth-of-type(1){left:18%;top:12%}#directionPad button:nth-of-type(2){left:36%;top:2%}#directionPad button:nth-of-type(3){left:54%;top:12%}
#directionPad button:nth-of-type(4){left:2%;top:36%}#directionPad button:nth-of-type(5){left:70%;top:36%}
#directionPad button:nth-of-type(6){left:18%;top:60%}#directionPad button:nth-of-type(7){left:36%;top:70%}#directionPad button:nth-of-type(8){left:54%;top:60%}
#directionPad .direction-pad-center{position:absolute;left:36%;top:36%;width:28%;height:28%;border:1px solid #70e1ff44;border-radius:50%;background:#1c3552;z-index:1}
.apk-mode #directionPad{left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:min(200px,calc(100vw - 32px));height:min(200px,calc(100vw - 32px))}
#directionPad{display:none!important}
#directionPadWindow{position:fixed;z-index:1000;left:12px;bottom:12px;width:208px;height:238px;padding:30px 8px 8px;border:2px solid #70e1ff99;border-radius:24px;background:#10243def;box-shadow:0 10px 28px #000b;touch-action:none;pointer-events:auto;overflow:visible}
.direction-pad-window-title{position:absolute;top:5px;left:0;right:0;text-align:center;color:#bfefff;font-size:.72rem;font-weight:900;pointer-events:none}
.direction-pad-window-body{position:relative;width:100%;height:100%}
.direction-pad-window-button{position:absolute;width:28%;height:28%;min-height:0!important;min-width:0!important;padding:0!important;border:1px solid #70e1ff88;border-radius:30%;background:#34567d;color:#eaf8ff;font-size:1.7rem;line-height:1;touch-action:none;user-select:none;-webkit-user-select:none}
.direction-pad-window-button:active,.direction-pad-window-button.active{background:#70e1ff;color:#102039;transform:scale(.94)}
.direction-pad-window-center{position:absolute;left:36%;top:36%;width:28%;height:28%;border:1px solid #70e1ff44;border-radius:50%;background:#1c3552}
.direction-pad-window-button:nth-of-type(1){left:18%;top:12%}.direction-pad-window-button:nth-of-type(2){left:36%;top:2%}.direction-pad-window-button:nth-of-type(3){left:54%;top:12%}.direction-pad-window-button:nth-of-type(4){left:2%;top:36%}.direction-pad-window-button:nth-of-type(5){left:70%;top:36%}.direction-pad-window-button:nth-of-type(6){left:18%;top:60%}.direction-pad-window-button:nth-of-type(7){left:36%;top:70%}.direction-pad-window-button:nth-of-type(8){left:54%;top:60%}
@media(max-width:600px){#directionPadWindow{left:8px;bottom:8px;width:174px;height:204px;padding-top:27px}.direction-pad-window-button{font-size:1.35rem}}
.ping-indicator{display:inline-flex;align-items:center;margin-left:10px;padding:4px 9px;border:2px solid #71839d;border-radius:5px;background:#101d31;color:#dbe7f5;font-size:.76rem;font-weight:800;line-height:1;white-space:nowrap}
.ping-indicator.low{border-color:#57e389;color:#57e389}.ping-indicator.medium{border-color:#ffd34d;color:#ffd34d}.ping-indicator.high{border-color:#ff4f5e;color:#ff4f5e}
@media(max-width:600px){.ping-indicator{margin-left:5px;padding:4px 6px;font-size:.66rem}}
#directionPadWindow{transition:opacity .15s,visibility .15s}
#directionPadWindow.control-hidden{opacity:0;visibility:hidden;pointer-events:none}
#genericJoystickWindow{position:fixed;z-index:1000;left:12px;bottom:12px;width:208px;height:238px;padding:30px 8px 8px;border:2px solid #70e1ff99;border-radius:24px;background:#10243def;box-shadow:0 10px 28px #000b;touch-action:none;pointer-events:none;opacity:0;visibility:hidden;overflow:visible}
#genericJoystickWindow.active{pointer-events:auto;opacity:1;visibility:visible}
.generic-joystick-title{position:absolute;top:5px;left:0;right:0;text-align:center;color:#bfefff;font-size:.72rem;font-weight:900;pointer-events:none}
.generic-joystick-base{position:absolute;left:12%;top:18%;width:76%;height:76%;border:2px solid #70e1ff88;border-radius:50%;background:#1b3554aa;box-shadow:inset 0 0 0 10px #0b1a2b55;touch-action:none}
.generic-joystick-knob{position:absolute;left:50%;top:50%;width:38%;height:38%;margin:-19%;border-radius:50%;background:#70e1ff;border:2px solid #c8f6ff;box-shadow:0 4px 12px #0008;pointer-events:none;will-change:transform}
@media(max-width:600px){#genericJoystickWindow{left:8px;bottom:8px;width:174px;height:204px;padding-top:27px}}
.logout-button{width:100%;margin-top:12px;background:#ff7185;color:#fff;border:0;border-radius:10px;padding:11px 14px;font-weight:900;cursor:pointer;box-shadow:0 4px 12px #0003}
.logout-button:hover{background:#ff5b72}
.equipment-slot.is-equipped{border-color:#70e1ffcc;background:linear-gradient(145deg,#2d5879,#213a59);box-shadow:inset 0 0 0 1px #70e1ff33,0 4px 10px #0004}
.equipment-item-image{display:block;width:42px;height:42px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 3px #0008)}
.equipment-slot .slot-icon{display:flex;align-items:center;justify-content:center;min-height:42px}
.minimap-card{width:min(350px,92vw)!important;padding:18px!important}.minimap-card h2{margin:0 0 10px}.minimap-card canvas{display:block;width:100%;height:auto;aspect-ratio:10/7;border:2px solid #70e1ff77;border-radius:10px;background:#081525;image-rendering:pixelated;image-rendering:crisp-edges}.minimap-card p{margin-top:8px;font-size:.72rem}.minimap-card.panel-minimized{width:min(190px,70vw)!important;padding:10px 42px 10px 12px!important}.minimap-card.panel-minimized h2{margin:0;font-size:.82rem;text-align:left}.minimap-card.panel-minimized canvas,.minimap-card.panel-minimized p{display:none}
#character{justify-content:flex-start;align-items:center;padding-top:24px;padding-bottom:24px;scroll-padding-top:24px}
#character .card{margin:0 auto;flex:0 0 auto}
@media(max-width:600px){#character{padding-top:14px;padding-bottom:20px}}
.unequip-item-button{min-height:0!important;padding:3px 7px!important;border:1px solid #ffb86b!important;border-radius:6px;background:#704634;color:#ffe8d2;font-size:.62rem;font-weight:800}.unequip-item-button:hover{background:#98543d}