html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#121711;color:#f5f2e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}canvas{display:block;image-rendering:pixelated}.auth-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:flex-end;padding:clamp(18px,5vw,72px);box-sizing:border-box;background:linear-gradient(90deg,#0a0e0a29,#070a089e 46%,#070a08e6),url(/assets/ui/login_background.png) center / cover no-repeat,#101711;image-rendering:pixelated}.auth-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 28% 40%,rgba(238,194,86,.14),transparent 24%),radial-gradient(circle at 12% 70%,rgba(63,147,190,.12),transparent 20%),linear-gradient(180deg,#0000001f,#00000061)}.auth-panel{position:relative;width:min(470px,calc(100vw - 32px));min-height:min(760px,calc(100vh - 36px));box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0;padding:clamp(72px,8vh,92px) clamp(42px,5vw,58px) clamp(58px,7vh,72px);background:url(/assets/ui/login_panel.png) center / 100% 100% no-repeat;box-shadow:0 22px 50px #00000094,0 0 34px #1a261252}.auth-panel:before,.auth-panel:after{display:none}.auth-brand{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid rgba(207,179,101,.28)}.auth-mark{width:50px;height:50px;background:url(/assets/ui/element_fire_icon.png) 6px 5px / 24px 24px no-repeat,url(/assets/ui/element_water_icon.png) 24px 5px / 24px 24px no-repeat,url(/assets/ui/element_earth_icon.png) 6px 24px / 24px 24px no-repeat,url(/assets/ui/element_air_icon.png) 24px 24px / 24px 24px no-repeat;filter:drop-shadow(0 3px 2px rgba(0,0,0,.55));image-rendering:pixelated}.auth-panel h1{margin:0;color:#f7e8af;font-size:30px;line-height:1;letter-spacing:0;text-shadow:0 3px 0 #362512}.auth-panel p{margin:6px 0 0;color:#d3c8a4;line-height:1.35}.auth-panel form{display:grid;gap:15px}.auth-fields{display:grid;gap:10px}.auth-panel label{display:grid;gap:6px;color:#e7ddbb;font-size:13px;font-weight:700}.auth-panel input{border:1px solid rgba(181,157,93,.38);border-radius:0;padding:12px 13px;background:linear-gradient(180deg,#040605eb,#0b0e0be0),#070907;color:#fff8dc;outline:none;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 4px 8px #00000059,0 1px #e2c56b1f}.auth-panel input:focus{border-color:#d8b35d;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 2px #d8b35d2e}.class-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.class-option{display:grid;grid-template-rows:67px 1fr;min-width:0;min-height:132px;place-items:center;gap:4px;border:0;border-radius:0;padding:16px 8px 18px;background:url(/assets/ui/login_class_card.png) center / 100% 100% no-repeat;color:#efe2bc;cursor:pointer;font-size:11px;font-weight:700;text-shadow:0 2px 0 #050605;filter:brightness(.82) saturate(.9);box-shadow:none}.class-option[aria-pressed=true]{color:#fff3c6;filter:brightness(1.1) saturate(1.1);transform:translateY(1px)}.class-gem{width:58px;height:58px;border:0;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.62))}.class-option--fire .class-gem{background-image:url(/assets/ui/element_fire_icon.png)}.class-option--water .class-gem{background-image:url(/assets/ui/element_water_icon.png)}.class-option--earth .class-gem{background-image:url(/assets/ui/element_earth_icon.png)}.class-option--air .class-gem{background-image:url(/assets/ui/element_air_icon.png)}.auth-actions{display:flex;gap:10px;align-items:center;padding-top:2px}.auth-actions button{border:0;border-radius:0;min-height:52px;padding:12px 20px 15px;background:url(/assets/ui/login_button.png) center / 100% 100% no-repeat;color:#f4df9a;cursor:pointer;font-weight:800;text-shadow:0 2px 0 #050605;box-shadow:none}.auth-actions button.secondary{border:0;background:url(/assets/ui/login_button.png) center / 100% 100% no-repeat;color:#d9ceb1;font-weight:800;filter:brightness(.82)}.auth-actions button:disabled,.room-create button:disabled{cursor:default;opacity:.46}.auth-error{min-height:18px;margin-top:2px;color:#ffb4a8;font-size:14px}.room-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.room-toolbar button,.room-create button{border:0;border-radius:0;min-height:44px;padding:9px 16px 12px;background:url(/assets/ui/login_button.png) center / 100% 100% no-repeat;color:#f4df9a;cursor:pointer;font-weight:800;text-shadow:0 2px 0 #050605}.room-list{display:grid;gap:8px;max-height:min(250px,28vh);overflow:auto;padding-right:3px}.room-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(181,157,93,.34);padding:10px 11px;background:#050807b3;color:#efe2bc;cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1px #ffffff0d,0 2px #0000004d}.room-row strong,.room-row em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-row strong{color:#f4df9a;font-size:14px}.room-row em,.room-empty{color:#d3c8a4;font-size:12px;font-style:normal}.room-classes{display:grid;grid-template-columns:repeat(4,22px);gap:4px;font-style:normal}.room-class{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(226,197,107,.24);color:#817866;font-size:11px;font-style:normal;line-height:1;background:#0000005c}.room-class.occupied{color:#fff3c6}.room-class--fire.occupied{background:#8e241fe6}.room-class--water.occupied{background:#1f568be6}.room-class--earth.occupied{background:#40622de6}.room-class--air.occupied{background:#946d21e6}.room-create{display:grid;gap:9px;border-top:1px solid rgba(207,179,101,.22);padding-top:13px}.room-create strong{color:#f4df9a;font-size:14px}.class-grid--entry .class-option{grid-template-rows:58px auto auto}.class-option em{color:#d9ceb1;font-size:10px;font-style:normal}.class-option--occupied{cursor:default;filter:brightness(.42) saturate(.45);opacity:.74}@media(max-width:720px){.auth-shell{align-items:flex-end;justify-content:center;padding:18px;background-position:42% center}.auth-panel{width:min(430px,100%);min-height:min(720px,calc(100vh - 24px));padding:68px 34px 52px}.auth-panel h1{font-size:26px}.auth-actions{display:grid;grid-template-columns:1fr}.room-toolbar{grid-template-columns:1fr}.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-option{min-height:118px}.class-gem{width:54px;height:54px}}.game-hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;color:#f5f2e8;font-size:12px;pointer-events:none;text-shadow:0 2px 2px rgba(0,0,0,.72);image-rendering:pixelated}.hud-message{position:fixed;left:18px;top:18px;min-width:190px;border:2px solid #62503a;padding:10px 12px;background:#121410e6;box-shadow:inset 0 0 0 1px #f3dd9c1f,0 8px 18px #00000057}.hud-character-panel{position:fixed;left:12px;top:12px;width:min(336px,calc(100vw - 24px));aspect-ratio:1575 / 680;background:url(/assets/ui/hud_character_panel_v2.png) center / 100% 100% no-repeat}.hud-portrait{position:absolute;left:8.5%;top:21.5%;width:24%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:50%}.hud-portrait:before{position:absolute;top:19%;right:19%;bottom:19%;left:19%;content:"";border-radius:50%;background:radial-gradient(circle at 42% 28%,rgba(244,226,153,.18),transparent 30%),linear-gradient(145deg,#18292db8,#070908eb)}.hud-portrait i{position:relative;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#f4df9a59,#0a0c0a33);transform:scale(.98);transform-origin:center bottom}.hud-portrait-placeholder--air,.class-switch-sprite--air{border-radius:0;background:url(/assets/characters/air/air_player_idle_128.png) 0 0 / 192px 512px no-repeat;image-rendering:pixelated}.hud-character-info{position:absolute;left:38.7%;right:9.2%;top:17.4%;bottom:14.2%;display:grid;grid-template-rows:1.15fr repeat(3,1fr);gap:6px}.hud-top{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:hidden;padding:0 10px;border:1px solid rgba(10,8,4,.82);border-radius:3px;color:#f6e1a0;background:linear-gradient(180deg,#3e372657,#0a0a075c),repeating-linear-gradient(135deg,#ffffff0d 0,#ffffff0d 2px,#00000014 2px,#00000014 5px);box-shadow:inset 0 1px #ffecb21a,inset 0 -1px 3px #000000bd}.hud-top strong{overflow:hidden;font-size:13px;line-height:1;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 0 #160f06,1px 0 0 #160f06,-1px 0 0 #160f06,0 -1px 0 #160f06}.hud-top span{flex:0 0 auto;color:#ded2b6;font-size:10px;line-height:1;text-shadow:0 1px 0 #080806}.resource-bar{position:relative;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:hidden;padding:0 9px;border:1px solid rgba(7,7,6,.92);border-radius:3px;box-shadow:inset 0 1px #fff6cb1f,inset 0 -1px 3px #000000c7,0 1px #d5bc6b1a}.resource-bar:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 38%,rgba(0,0,0,.28)),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 6px);mix-blend-mode:soft-light}.resource-bar>span,.resource-bar>em{position:relative;z-index:1;color:#fff2ce;font-size:10px;font-style:normal;font-weight:800;line-height:1;text-shadow:0 1px 0 #130a05,1px 0 0 #130a05,-1px 0 0 #130a05,0 -1px 0 #130a05}.resource-bar>em{flex:0 0 auto;text-align:right}.resource-bar i{position:absolute;inset:0 0 0 var(--fill);display:block;background:linear-gradient(180deg,#0e0c0970,#000000ad),repeating-linear-gradient(135deg,#ffffff06 0,#ffffff06 2px,#00000014 2px,#00000014 5px);box-shadow:inset 2px 0 5px #0000005c}.resource-bar.hp{background:repeating-linear-gradient(135deg,#ffffff1a 0,#ffffff1a 2px,#510f0e1f 2px,#510f0e1f 5px),linear-gradient(90deg,#8e241f,#d84637 58%,#ee6552)}.resource-bar.mp{background:repeating-linear-gradient(135deg,#ffffff1a 0,#ffffff1a 2px,#09214d21 2px,#09214d21 5px),linear-gradient(90deg,#1f568b,#347ec1 58%,#5cb4e8)}.resource-bar.xp{background:repeating-linear-gradient(135deg,#ffffff21 0,#ffffff21 2px,#53390b24 2px,#53390b24 5px),linear-gradient(90deg,#8e641d,#d09a31 58%,#f0c24c)}.hud-top-actions{position:fixed;top:11px;right:52px;z-index:7;display:flex;gap:7px;pointer-events:auto}.hud-action-button{position:relative;width:38px;height:38px;border:0;padding:0;background:url(/assets/ui/hud_action_button.png) center / 100% 100% no-repeat;cursor:pointer;image-rendering:auto;filter:drop-shadow(0 4px 5px rgba(0,0,0,.42))}.hud-action-button:hover{filter:brightness(1.12) drop-shadow(0 4px 5px rgba(0,0,0,.46))}.hud-action-button:before,.hud-action-button:after{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%)}.hud-action-button--pause:before{width:5px;height:16px;border-radius:1px;background:#f4df9a;box-shadow:9px 0 #f4df9a,0 1px #2d1c08,9px 1px #2d1c08}.hud-action-button--classes:before{width:15px;height:15px;border:2px solid #f4df9a;border-radius:50%;box-shadow:inset 0 0 0 2px #2d1c087a}.hud-action-button--classes:after{width:19px;height:10px;border-top:2px solid #f4df9a;border-bottom:2px solid #f4df9a}.hud-minimap-panel{position:fixed;top:57px;right:14px;width:min(192px,28vw);aspect-ratio:1;background:url(/assets/ui/hud_minimap_frame.png) center / 100% 100% no-repeat}.hud-minimap-world{position:absolute;top:16%;right:16%;bottom:16%;left:16%;overflow:hidden;border-radius:50%;background:#182018;box-shadow:inset 0 0 16px #000000bf}.minimap-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;image-rendering:pixelated}.minimap-path,.minimap-zone,.minimap-player{position:absolute;display:block}.minimap-path{height:13%;border-radius:999px;background:#c7b160ad;box-shadow:0 0 0 1px #48351647}.minimap-path--one{left:6%;top:48%;width:92%;transform:rotate(-25deg)}.minimap-path--two{left:32%;top:12%;width:17%;height:82%;transform:rotate(17deg)}.minimap-zone{width:16%;height:14%;border-radius:3px;background:#2a5476cc;box-shadow:inset 0 0 0 2px #cfb75666}.minimap-zone--forest{left:21%;top:23%}.minimap-zone--ruins{right:22%;bottom:25%}.minimap-player{width:0;height:0;border-right:5px solid transparent;border-bottom:12px solid #f9f0c7;border-left:5px solid transparent;filter:drop-shadow(0 2px 1px rgba(0,0,0,.75));transform:translate(-50%,-50%) rotate(42deg)}.hud-buff-strip{position:fixed;top:min(261px,calc(67px + 28vw));right:20px;display:flex;gap:7px;min-height:34px}.buff-slot{position:relative;width:34px;height:34px;background:url(/assets/ui/hud_buff_slot.png) center / 100% 100% no-repeat}.hud-skill-bar{position:fixed;bottom:14px;left:50%;width:min(520px,calc(100vw - 28px));aspect-ratio:1004 / 238;background:url(/assets/ui/hud_skill_bar.png) center / 100% 100% no-repeat;transform:translate(-50%)}.hud-skill-menu-toggle{position:fixed;left:calc(50% + min(270px,43vw));bottom:33px;z-index:7;border:2px solid #5e4c32;border-radius:0;padding:7px 9px;background:#11150fde;color:#f2df9a;cursor:pointer;font-size:11px;font-weight:800;pointer-events:auto;text-shadow:0 2px 0 #000;box-shadow:inset 0 0 0 1px #ffffff14,0 4px #00000052}.pause-menu,.class-switch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:none;align-items:center;justify-content:center;padding:16px;background:#03070a7a;pointer-events:auto}.pause-menu.open,.class-switch.open{display:flex}.hud-modal-panel{box-sizing:border-box;background:url(/assets/ui/hud_modal_panel.png) center / 100% 100% no-repeat;filter:drop-shadow(0 18px 34px rgba(0,0,0,.68))}.hud-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.hud-modal-head strong{display:block;color:#f4df9a;font-size:20px;line-height:1;text-shadow:0 2px 0 #160f06,1px 0 0 #160f06,-1px 0 0 #160f06}.hud-modal-head span{display:block;margin-top:6px;color:#d7ceb2;font-size:12px}.hud-modal-head button,.pause-menu-actions button{min-width:40px;min-height:34px;border:0;border-radius:0;padding:7px 12px;background:url(/assets/ui/skills_page_button.png) center / 100% 100% no-repeat;color:#efe2bc;cursor:pointer;font-weight:800;text-shadow:0 2px 0 #000}.pause-menu-panel{width:min(540px,calc(100vw - 28px));aspect-ratio:1426 / 800;display:grid;grid-template-rows:auto 1fr;padding:clamp(50px,8vw,74px) clamp(44px,7vw,70px)}.pause-menu-actions{align-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pause-menu-actions button{min-height:42px;font-size:12px}.class-switch-panel{width:min(860px,calc(100vw - 24px));aspect-ratio:1426 / 800;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(54px,6.6vw,78px) clamp(48px,6vw,76px) clamp(44px,5vw,64px)}.class-switch-grid{align-self:center;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.class-switch-card{position:relative;min-width:0;min-height:190px;border:0;padding:18px 10px 14px;display:grid;grid-template-rows:1fr auto auto;justify-items:center;align-items:center;background:url(/assets/ui/login_class_card.png) center / 100% 100% no-repeat;color:#efe2bc;cursor:pointer;opacity:.82;text-shadow:0 2px 0 #000}.class-switch-card.active{opacity:1;filter:brightness(1.14) drop-shadow(0 0 12px var(--class-glow, rgba(244, 223, 154, .28)))}.class-switch-card:hover{opacity:1;filter:brightness(1.1)}.class-switch-card--fire{--class-glow: rgba(231, 74, 54, .44)}.class-switch-card--water{--class-glow: rgba(78, 165, 223, .44)}.class-switch-card--earth{--class-glow: rgba(105, 149, 78, .44)}.class-switch-card--air{--class-glow: rgba(232, 194, 89, .44)}.class-switch-sprite{width:64px;height:64px;margin-top:6px;border-radius:50%;background:radial-gradient(circle,#f4df9a47,#0a0c0a1f);transform:scale(1.45);transform-origin:center;filter:drop-shadow(0 5px 3px rgba(0,0,0,.58))}.class-switch-card strong{color:#f4df9a;font-size:14px;line-height:1}.class-switch-card em{margin-top:6px;color:#dfe7d2;font-size:12px;font-style:normal;font-weight:800}.class-switch-error{min-height:15px;margin:10px 0 0;color:#f09b87;font-size:12px;font-weight:800;text-align:center}.skill-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:none;align-items:center;justify-content:center;padding:16px;background:#03070a73;pointer-events:auto}.skill-menu.open{display:flex}.skill-menu-panel{width:min(860px,calc(100vw - 24px));aspect-ratio:860 / 772;max-height:calc(100vh - 24px);display:grid;grid-template-rows:auto 1fr auto;box-sizing:border-box;padding:clamp(58px,7.5vw,72px) clamp(42px,5.2vw,58px) clamp(42px,5vw,54px);background:url(/assets/ui/skills_page_panel.png) center / 100% 100% no-repeat;filter:drop-shadow(0 18px 34px rgba(0,0,0,.68))}.skill-menu-head{display:grid;grid-template-columns:70px 1fr 38px;align-items:center;gap:12px;min-height:74px;margin-bottom:12px}.skill-menu-head strong{display:block;color:#f4df9a;font-size:20px;line-height:1.05}.skill-menu-head span{display:block;margin-top:4px;color:#d7ceb2;font-size:12px}.skill-page-class-icon{position:relative;width:62px;height:62px;background:url(/assets/ui/skills_page_icon_slot.png) center / 100% 100% no-repeat}.skill-page-class-icon:after,.skill-menu-icon-slot:after{position:absolute;top:30%;right:30%;bottom:30%;left:30%;content:"";border-radius:50%;background:var(--class-glow, rgba(231, 213, 133, .28));box-shadow:0 0 18px var(--class-glow, rgba(231, 213, 133, .22));opacity:.9}.skill-page-class-icon--fire,.skill-menu-card--fire{--class-glow: rgba(231, 74, 54, .42)}.skill-page-class-icon--water,.skill-menu-card--water{--class-glow: rgba(78, 165, 223, .42)}.skill-page-class-icon--earth,.skill-menu-card--earth{--class-glow: rgba(105, 149, 78, .42)}.skill-page-class-icon--air,.skill-menu-card--air{--class-glow: rgba(232, 194, 89, .42)}.skill-menu-head button,.skill-menu-controls button,.skill-menu-confirm{border:0;border-radius:0;background:url(/assets/ui/skills_page_button.png) center / 100% 100% no-repeat;color:#efe2bc;cursor:pointer;font-weight:800;pointer-events:auto;text-shadow:0 2px 0 #000}.skill-menu-head button{width:38px;height:32px;padding:0;color:#f4df9a}.skill-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;min-height:0;overflow:auto;padding:2px 3px 4px}.skill-menu-card{position:relative;min-width:0;min-height:142px;box-sizing:border-box;display:grid;grid-template-rows:31px 26px 22px 28px;padding:28px 24px 16px 130px;background:url(/assets/ui/skills_page_card.png) center / 100% 100% no-repeat}.skill-menu-card--empty{filter:brightness(.7) saturate(.72)}.skill-menu-card--empty:after{position:absolute;top:13px;right:16px;bottom:13px;left:16px;content:"";background:#01050538;pointer-events:none}.skill-menu-card--empty .skill-menu-stats,.skill-menu-card--empty .skill-menu-milestones,.skill-menu-card--empty .skill-menu-controls{visibility:hidden}.skill-menu-card-top{display:flex;grid-template-columns:1fr;gap:1px;align-items:center;position:relative;min-width:0;z-index:1}.skill-menu-card-top>div{min-width:0;width:100%}.skill-menu-icon-slot{position:absolute;left:-100px;top:-8px;width:68px;height:68px;background:url(/assets/ui/skills_page_icon_slot.png) center / 100% 100% no-repeat}.skill-menu-icon-slot--empty:after{opacity:0}.skill-menu-card-top strong{display:block;overflow:hidden;color:#f2df9a;font-size:14px;line-height:1;text-align:center;text-shadow:0 1px 0 #050605,1px 0 0 #050605,-1px 0 0 #050605,0 -1px 0 #050605;text-overflow:ellipsis;white-space:nowrap}.skill-menu-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-self:start;margin-top:0;z-index:1}.skill-menu-stats span{display:flex;justify-content:space-between;gap:6px;min-width:0;border:1px solid rgba(181,157,93,.18);min-height:20px;box-sizing:border-box;padding:3px 6px;color:#f2df9a;font-size:11px;font-weight:800;line-height:1.1;text-shadow:0 1px 0 #050605;background:#0408088a}.skill-menu-stats b{color:#f7e8af;font-weight:800}.skill-menu-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-self:start;margin-top:0;z-index:1}.skill-menu-milestones small{overflow:hidden;color:#9ecbd4;font-size:10px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.skill-menu-controls{display:grid;grid-template-columns:30px 1fr 30px;gap:7px;align-items:center;align-self:end;margin-top:0;z-index:1}.skill-menu-controls button{height:27px;padding:0;font-size:16px}.skill-menu-controls em{color:#f2df9a;font-size:13px;font-style:normal;font-weight:800;text-align:center;text-shadow:0 1px 0 #050605}.skill-menu-confirm{display:block;justify-self:center;width:min(330px,72%);min-height:44px;margin-top:10px;padding:9px 16px;color:#f4df9a}.skill-menu button:disabled{cursor:default;opacity:.46}.hud-skill-grid{position:absolute;top:22%;right:7.8%;bottom:20%;left:5.9%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2.6%}.skill-slot{position:relative;min-width:0;border:0;padding:0;background:transparent;pointer-events:none;--cooldown-left: 0}.skill-slot span{position:absolute;left:7%;top:-7%;z-index:4;min-width:15px;min-height:15px;display:grid;place-items:center;border:1px solid rgba(246,223,153,.32);background:#0f0d0adb;color:#f2df9a;font-size:10px;line-height:1}.skill-icon{position:absolute;left:50%;top:50%;z-index:1;width:32px;height:32px;background-image:var(--icon-sheet, url(/assets/ui/skill_icons.png));background-position:calc(var(--icon-frame) * -32px) 0;background-size:192px 32px;filter:saturate(1.08) contrast(1.04);image-rendering:pixelated;transform:translate(-50%,-50%) scale(1.36)}.skill-cooldown-mask{position:absolute;left:50%;top:50%;z-index:2;display:none;width:46px;height:46px;background:#02070cad;box-shadow:inset 0 0 0 1px #86ddff2e;transform:translate(-50%,-50%) scaleY(var(--cooldown-left));transform-origin:center bottom}.skill-cooldown-time{position:absolute;left:50%;top:50%;z-index:3;display:none;min-width:22px;color:#eefaff;font-size:12px;font-style:normal;font-weight:800;line-height:1;text-align:center;text-shadow:0 1px 0 #031019,1px 0 0 #031019,-1px 0 0 #031019,0 -1px 0 #031019;transform:translate(-50%,-50%)}.skill-slot.cooling .skill-cooldown-mask,.skill-slot.cooling .skill-cooldown-time{display:block}.buff-slot .skill-icon{transform:translate(-50%,-50%) scale(.9)}@media(max-width:720px){.hud-character-panel{width:min(296px,calc(100vw - 20px));left:8px;top:8px}.hud-minimap-panel{width:138px;right:8px;top:52px}.hud-top-actions{top:8px;right:31px;gap:5px}.hud-action-button{width:36px;height:36px}.hud-buff-strip{top:198px;right:11px;gap:5px}.buff-slot{width:30px;height:30px}.hud-skill-bar{bottom:9px;width:min(430px,calc(100vw - 12px))}.hud-skill-menu-toggle{right:10px;bottom:78px;left:auto}.pause-menu,.class-switch{align-items:flex-end;padding:10px}.pause-menu-panel,.class-switch-panel{aspect-ratio:auto;width:min(620px,calc(100vw - 20px));max-height:calc(100vh - 20px);padding:48px 24px 34px}.pause-menu-actions{grid-template-columns:1fr}.class-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.class-switch-card{min-height:154px;padding:12px 8px}.class-switch-sprite{transform:scale(1.18)}.skill-menu{align-items:flex-end;padding:10px}.skill-menu-panel{max-height:calc(100vh - 20px);aspect-ratio:auto;min-height:min(720px,calc(100vh - 20px));padding:56px 24px 34px}.skill-menu-head{grid-template-columns:56px 1fr 34px;min-height:58px;gap:8px}.skill-page-class-icon{width:52px;height:52px}.skill-menu-head strong{font-size:16px}.skill-menu-grid{grid-template-columns:1fr}.skill-menu-card{min-height:142px;padding:28px 18px 16px 106px}.skill-menu-icon-slot{left:-82px;top:-8px;width:62px;height:62px}.skill-menu-confirm{width:min(300px,86%)}.skill-icon{transform:translate(-50%,-50%) scale(1.08)}}