:root{font-family:Trebuchet MS,Verdana,sans-serif;--ui-ink: #111722;--ui-panel: #193048;--ui-panel-dark: #0d1d2e;--ui-gold: #f1ae37;--ui-shadow: 4px 5px 0 rgba(5, 9, 15, .8);color:#f4f2e8;background:radial-gradient(circle at top,#1d2e3d,#0a1117 55%,#05080c);line-height:1.4;font-weight:400}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{overflow:hidden}#app{position:relative}.game-shell{position:relative;width:100vw;height:100vh;overflow:hidden}.game-shell canvas{transition:filter 1.3s cubic-bezier(.22,.8,.25,1)}.game-shell.is-dying canvas,.game-shell.is-dead canvas{filter:grayscale(1) brightness(.5)}.server-badge{position:relative;display:inline-flex;min-width:154px;min-height:52px;align-items:center;justify-content:center;padding:10px 16px;border-radius:0;background:#0b2342;border:8px solid transparent;border-image:url(/assets/menu-panel-ICRcbw7G.webp) 42 fill / 8px / 0 round;box-shadow:0 8px 18px #00000052;color:#eef7ff;font-size:13px;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase;white-space:nowrap}.server-badge.is-offline{border-color:#ff8a8a47;color:#ffd4d4}.dev-tools{position:absolute;top:72px;left:50%;z-index:17;display:flex;align-items:center;gap:8px;transform:translate(-50%)}.dev-tools__button{min-width:58px;height:38px;padding:0 14px;border:2px solid rgba(17,23,34,.9);border-radius:9px;background:#193048eb;box-shadow:2px 3px #05090fb8;color:#f7e2a3;cursor:pointer;font:inherit;font-size:13px;font-weight:700;text-transform:uppercase}.dev-tools__button--level{min-width:38px;width:38px;padding:0;font-size:22px}.dev-tools__button:hover{background:#2b587df5;transform:translateY(-1px)}.hud{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:8px;padding:12px 14px;min-width:242px;background:#0b2342;border:12px solid transparent;border-image:url(/assets/menu-panel-ICRcbw7G.webp) 42 fill / 12px / 0 round;border-radius:0;box-shadow:0 12px 28px #0000005c;z-index:10}.ability-hud{position:absolute;left:16px;bottom:18px;display:flex;gap:14px;z-index:10}.leaderboard{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;min-width:242px;padding:14px 16px;background:#0b2342;border:12px solid transparent;border-image:url(/assets/menu-panel-ICRcbw7G.webp) 42 fill / 12px / 0 round;border-radius:0;box-shadow:0 12px 28px #0000005c;z-index:10}.leaderboard__title{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#9ed4ff}.leaderboard__row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;font-size:14px}.leaderboard__rank{color:#ffe8b2eb;font-weight:700}.leaderboard__name{color:#f4f8fc}.developer-crown{margin-left:5px;color:#e9c86a;font-size:.82em;opacity:.86}.leaderboard__value{color:#ffd88a;font-weight:700}.ability-hud__slot{position:relative;width:92px;height:92px}.ability-hud__icon{position:relative;width:92px;height:92px;border:3px solid var(--ui-ink);border-radius:12px;overflow:hidden;background:#080e14e0;box-shadow:var(--ui-shadow);transition:transform .12s ease,filter .12s ease}.ability-hud__icon-image{width:100%;height:100%;display:block;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.ability-hud__slot:hover .ability-hud__icon{transform:translateY(-1px);filter:brightness(1.04)}.ability-hud__cooldown-mask{position:absolute;inset:0 0 auto;height:0%;background:linear-gradient(180deg,#03080ec7,#03080e8f);pointer-events:none;transition:height .12s linear}.ability-hud__key{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:6px;font-size:13px;font-weight:700;color:#f6f7fb;background:#e4a438;border:2px solid var(--ui-ink);box-shadow:2px 3px #05090fcc}.ability-hud__cooldown-text{position:absolute;left:50%;bottom:8px;transform:translate(-50%);min-width:54px;padding:4px 8px;border-radius:6px;text-align:center;font-size:12px;font-weight:700;color:#f5f8fc;background:var(--ui-panel-dark);border:2px solid var(--ui-ink)}.ability-hud__tooltip{position:absolute;left:0;bottom:104px;width:220px;padding:12px 14px;border-radius:10px;background:var(--ui-panel-dark);border:3px solid var(--ui-ink);box-shadow:var(--ui-shadow);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .14s ease,transform .14s ease}.ability-hud__slot:hover .ability-hud__tooltip{opacity:1;transform:translateY(0)}.ability-hud__tooltip-title{margin-bottom:6px;font-size:15px;font-weight:700;color:#f6f7fb}.ability-hud__tooltip-line{color:#f0f5fbd1;font-size:13px;line-height:1.45}.hud__row{display:flex;justify-content:space-between;gap:12px;font-size:14px}.hud__bar{width:100%;height:12px;background:#ffffff1a;border:2px solid var(--ui-ink);border-radius:6px;overflow:hidden}.hud__bar-fill{height:100%;width:100%;background:#e94a36;transition:width .12s ease}.overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#42484ea8;z-index:20}.overlay.is-visible{display:flex}.overlay--death{background:transparent}.overlay--death.is-transitioning{display:flex;pointer-events:none;animation:death-screen-gray 1.35s cubic-bezier(.22,.8,.25,1) both}.overlay--death .overlay__panel--death{opacity:0;transform:scale(.82) translateY(22px)}.overlay--death.is-visible{pointer-events:auto}.overlay--death.is-visible .overlay__panel--death{animation:death-menu-pop .36s cubic-bezier(.18,.9,.3,1.24) both}@keyframes death-screen-gray{0%{background:#42484e00}to{background:#42484eb8}}@keyframes death-menu-pop{0%{opacity:0;transform:scale(.82) translateY(22px)}72%{opacity:1;transform:scale(1.035) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}.overlay--offline{background:#070d12d6}.overlay--menu{background:#070d12b8}.overlay__panel{width:min(440px,calc(100vw - 32px));padding:28px;border-radius:12px;background:var(--ui-panel-dark);border:3px solid var(--ui-ink);box-shadow:6px 7px #05090fcc;text-align:center}.overlay__panel--framed{border:none;border-radius:0;background:center / contain no-repeat url(/assets/ui-panel-tpN1j9wv.webp);box-shadow:0 24px 60px #00000059}.overlay__panel--framed{width:min(760px,calc(100vw - 32px));aspect-ratio:1229 / 620;padding:7% 9% 6%}.overlay__panel--death{width:min(760px,calc(100vw - 32px),calc((100vh - 32px) * 1281 / 875));display:flex;flex-direction:column;align-items:center}.overlay__panel--menu-panel{width:min(760px,calc(100vw - 32px),calc((100vh - 32px) * 1281 / 875));aspect-ratio:1281 / 875;padding:7% 9% 6%;border:0;border-radius:0;background:center / contain no-repeat url(/assets/menu-panel-ICRcbw7G.webp);box-shadow:0 24px 60px #0000006b}.overlay__panel--death,.overlay__panel--pause{justify-content:center}.overlay__panel--pause{display:flex;flex-direction:column;align-items:center}.overlay__title{margin:0 0 8px;font-size:32px;letter-spacing:.04em}.overlay__body{margin:0 0 20px;color:#ffffffd1}.overlay__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.overlay__button{border:none;border:3px solid var(--ui-ink);border-radius:10px;padding:12px 20px;min-width:132px;color:#f4f2e8;background:#2f6692;box-shadow:3px 4px #05090fcc;cursor:pointer;font-size:15px;transition:transform .12s ease,filter .12s ease}.overlay__button-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.overlay__button--image{position:relative;min-width:0;width:292px;height:108px;padding:0;border:none;border-radius:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;box-shadow:none}.overlay__button--respawn{background-image:url(/assets/respawn-button-B4Fr-3JP.webp)}.overlay__button--exit{background-image:url(/assets/exit-button-B2MNjNd_.webp)}.overlay__button--image.is-locked,.overlay__button--image:disabled{cursor:default;filter:grayscale(.25) brightness(.72)}.overlay__button:hover{transform:translateY(-1px);filter:brightness(1.08)}.overlay__button--image:hover{filter:brightness(1.04)}.overlay__button--image.is-locked:hover,.overlay__button--image:disabled:hover{transform:none;filter:grayscale(.25) brightness(.72)}.overlay__button--ghost{background:#ffffff14}.menu-card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0308163d,#030816b3),center / cover no-repeat url(/assets/title-background-DtFMGk93.webp);z-index:15}.menu-card__discord{position:absolute;right:24px;bottom:24px;width:304px;height:88px;background:center / contain no-repeat url(/assets/discord-button-BsOUhkAD.webp);transition:transform .12s ease,filter .12s ease}.menu-card__discord:hover{transform:translateY(-1px);filter:brightness(1.06)}.menu-card__panel{position:relative;width:min(520px,calc(100vw - 32px));padding:58px 56px 48px;border:4px solid var(--ui-ink);border-radius:14px;background:#18304ae6;box-shadow:8px 9px #05090fd1}.menu-card__panel--wide{width:min(960px,calc(100vw - 32px),calc((100vh - 32px) * 1281 / 875));aspect-ratio:1281 / 875;padding:50px 68px 34px;border:0;border-radius:0;background:center / contain no-repeat url(/assets/menu-panel-ICRcbw7G.webp);box-shadow:none}.menu-card__title-header{position:absolute;top:-150px;left:50%;width:min(320px,42vw);aspect-ratio:1240 / 744;transform:translate(-50%);background:center / contain no-repeat url(/assets/title-header-BwoV9ISE.webp);filter:drop-shadow(0 12px 16px rgba(0,0,0,.62));pointer-events:none}.menu-card__panel--wide .menu-card__subheading{margin-bottom:12px;font-size:clamp(20px,2.6vw,26px)}.menu-card__panel--wide .class-select{gap:14px}.menu-card__panel--wide .class-select__card{gap:6px;padding:14px}.menu-card__panel--wide .class-select__subtitle{font-size:11px}.menu-card__panel--wide .class-select__title{font-size:26px}.menu-card__panel--wide .class-select__art,.menu-card__panel--wide .class-select__art-viewport{min-height:132px}.menu-card__panel--wide .class-select__art-shell{gap:8px}.menu-card__panel--wide .class-select__skin-toggle{width:38px;height:38px;flex-basis:38px}.menu-card__panel--wide .class-select__unlock{flex-basis:28px;height:28px}.menu-card__panel--wide .class-select__skills{font-size:12px;line-height:1.3}.menu-card__panel--wide .menu-card__footer{margin-top:10px}.menu-card__panel--wide .menu-card__lower-actions{margin-top:4px}.menu-card__panel--wide .menu-card__name-input,.menu-card__panel--wide .menu-card__login-button{height:42px}.menu-card__panel--wide .menu-card__username{line-height:42px}.menu-card__panel--wide .menu-card__play-row{margin-top:8px}.menu-card__panel--wide .menu-card__play-button{width:286px;height:100px}.menu-card__panel--wide .menu-card__skill-tree-button{width:136px;height:136px}.menu-card__panel--wide .menu-card__settings-button{top:34px;left:34px;width:64px;height:64px}.menu-card__panel--wide .menu-card__points{top:34px;right:34px}.menu-card__account{position:absolute;top:34px;left:112px;display:flex;align-items:center;gap:10px;color:#e6f1fbc7;font-size:13px}.menu-card__account strong{color:#fff4c7}.menu-card__account button,.account-form__switch{padding:0;border:0;background:transparent;color:#9ed4ff;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:3px}.account-panel{width:min(460px,calc(100vw - 32px));text-align:left}.account-form{display:flex;flex-direction:column;gap:8px}.account-form__label{margin-top:5px;color:#dfeffcc7;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.account-form__input{width:100%;height:48px;padding:0 14px;border:3px solid var(--ui-ink);border-radius:8px;outline:none;background:#edf0e9;box-shadow:2px 3px #05090fcc;color:#142435;font:inherit}.account-form__input:focus{border-color:var(--ui-gold)}.account-form__error{min-height:20px;margin-top:4px;color:#ffb2a5;font-size:13px}.account-form__submit{width:100%}.account-form__submit:disabled{cursor:wait;filter:grayscale(.45);opacity:.72}.account-form__switch{display:block;margin:20px auto 0}.account-form__back{display:block;margin:12px auto 0;padding:0;border:0;background:transparent;color:#dcebf8b8;cursor:pointer;font:inherit}.account-form__back:hover{color:#fff}.menu-card__play-row{display:flex;justify-content:center;margin-top:12px}.menu-card__button-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-card__play-button,.menu-card__settings-button{border:none;padding:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;transition:transform .12s ease,filter .12s ease}.menu-card__play-button{width:330px;height:115px;background-image:url(/assets/play-button-B1bqQL1H.webp)}.menu-card__settings-button{position:absolute;top:18px;left:18px;width:76px;height:76px;background-image:url(/assets/settings-menu-button-B6C1voxs.webp)}.menu-card__play-button:hover,.menu-card__settings-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.settings-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:min(520px,calc(100vw - 32px));min-height:300px;padding:48px 52px;border:18px solid transparent;border-image:url(/assets/menu-panel-ICRcbw7G.webp) 42 fill / 18px / 0 round;border-radius:0;background:#0b2342;box-shadow:0 24px 60px #0000006b;text-align:left}@media(max-width:760px),(max-height:650px){.overlay__panel--framed:not(.overlay__panel--menu-panel){width:min(440px,calc(100vw - 32px));aspect-ratio:auto;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(180deg,#1d2936f5,#080c12fa)}.overlay__panel--death:not(.overlay__panel--menu-panel){width:min(440px,calc(100vw - 32px))}}@media(max-width:920px){.overlay__panel--death:not(.overlay__panel--menu-panel){width:min(440px,calc(100vw - 32px));aspect-ratio:auto;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(180deg,#1d2936f5,#080c12fa)}.overlay__panel--menu-panel .overlay__button--image{width:210px;height:78px}}.menu-card__points{position:absolute;top:26px;right:28px;display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:0;background:#0b2342;border:9px solid transparent;border-image:url(/assets/menu-panel-ICRcbw7G.webp) 42 fill / 9px / 0 round;box-shadow:0 8px 18px #00000052}.menu-card__points-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#ffe8b2b8}.menu-card__points-value{font-size:18px;font-weight:700;color:#ffd88a}.menu-card__eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#8dc0f0}.menu-card__title{margin:0;font-size:clamp(34px,6vw,52px)}.menu-card__subheading{margin:0 0 20px;color:#f7e2a3;font-size:clamp(20px,3vw,28px);letter-spacing:.08em;text-align:center;text-transform:uppercase;text-shadow:2px 3px 0 var(--ui-ink)}.menu-card__body{margin:16px 0 22px;color:#fffc;max-width:42ch}.menu-card__button{border:none;border:3px solid var(--ui-ink);border-radius:10px;padding:14px 24px;background:#e6653d;box-shadow:3px 4px #05090fcc;color:#fff8ef;cursor:pointer;font-size:16px;font-weight:700}.menu-card__button--ghost{background:#2b587d;border-color:var(--ui-ink)}.menu-card__footer{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;flex-wrap:wrap}.menu-card__lower-actions{display:grid;grid-template-columns:minmax(140px,1fr) 330px minmax(140px,1fr);align-items:center;gap:18px;margin-top:10px}.menu-card__server-slot{display:flex;align-items:center;justify-content:center;justify-self:center}.menu-card__primary-actions{display:flex;min-width:0;flex-direction:column;align-items:center}.menu-card__selection{display:flex;flex-direction:column;gap:4px}.menu-card__name-row{display:flex;justify-content:center;align-items:center;gap:12px}.menu-card__selection-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#bbd6f0ad}.menu-card__selection-value{font-size:22px;font-weight:700;color:#f7fbff}.menu-card__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.menu-card__name-input{min-width:220px;height:48px;padding:0 16px;border-radius:8px;border:3px solid var(--ui-ink);background:#edf0e9;color:#142435;font-size:15px;outline:none;box-shadow:2px 3px #05090fcc}.menu-card__name-input:disabled{color:#142435b8;cursor:not-allowed;filter:saturate(.72)}.menu-card__username{min-width:220px;color:#f7fbff;font-size:22px;font-weight:700;line-height:48px;text-align:center;text-shadow:2px 3px 0 rgba(5,9,15,.82);overflow-wrap:anywhere}.menu-card__login-button{height:48px;padding:0 20px;border:9px solid transparent;border-image:url(/assets/menu-panel-ICRcbw7G.webp) 42 fill / 9px / 0 round;border-radius:0;background:#0b2342;box-shadow:0 8px 18px #00000052;color:#f7fbff;cursor:pointer;font:inherit;font-weight:700;white-space:nowrap}.menu-card__login-button:hover{transform:translateY(-1px);filter:brightness(1.12)}.overlay__panel--pause,.account-panel{border:18px solid transparent;border-image:url(/assets/menu-panel-ICRcbw7G.webp) 42 fill / 18px / 0 round;border-radius:0;background:#0b2342;box-shadow:0 24px 60px #0000006b}.skill-tree,.overlay--offline .overlay__panel{border:18px solid transparent;border-image:url(/assets/menu-panel-ICRcbw7G.webp) 42 fill / 18px / 0 round;border-radius:0;background:#0b2342;box-shadow:0 24px 60px #0000006b}.overlay__panel--pause{width:min(620px,calc(100vw - 32px));min-height:330px;padding:48px 56px}.account-panel{width:min(520px,calc(100vw - 32px));padding:48px 52px 42px}.overlay__panel--pause .overlay__button,.settings-panel .overlay__button,.skill-tree__footer .overlay__button,.overlay--offline .overlay__button,.account-form__submit{min-height:48px;padding:8px 20px;border:9px solid transparent;border-image:url(/assets/menu-panel-ICRcbw7G.webp) 42 fill / 9px / 0 round;border-radius:0;background:#0b2342;box-shadow:0 8px 18px #00000052;color:#f7fbff;cursor:pointer;font:inherit;font-weight:700;text-decoration:none;transition:transform .12s ease,filter .12s ease}.overlay__panel--pause .overlay__button:hover,.settings-panel .overlay__button:hover,.skill-tree__footer .overlay__button:hover,.overlay--offline .overlay__button:hover,.account-form__submit:hover{color:#fff;transform:translateY(-1px);filter:brightness(1.12)}.menu-card__skill-tree-button{display:inline-flex;width:152px;height:152px;align-items:center;justify-content:center;justify-self:center;border:0;border-radius:50%;background:center / contain no-repeat url(/assets/skill-tree-button-oCDsBOr-.webp);color:transparent;cursor:pointer;font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.06em;line-height:1.12;text-align:center;text-shadow:none;text-transform:uppercase;transition:transform .12s ease,filter .12s ease}.menu-card__skill-tree-launcher{display:flex;flex-direction:column;align-items:center;justify-self:center;gap:2px}.menu-card__skill-tree-caption{color:#f7e2a3;font-size:14px;font-weight:700;letter-spacing:.08em;line-height:1;text-align:center;text-shadow:2px 3px 0 rgba(5,9,15,.92);text-transform:uppercase}.menu-card__skill-tree-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.menu-card__name-input::placeholder{color:#1424358a}.menu-card__name-input:focus{border-color:var(--ui-gold);box-shadow:2px 3px #05090fcc}.class-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.class-select__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;border-radius:0;border:10px solid transparent;border-image:url(/assets/menu-panel-ICRcbw7G.webp) 42 fill / 10px / 0 round;background:#173a5a;color:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.class-select__card:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 18px #05090fb8}.class-select__card.is-selected{filter:brightness(1.06);box-shadow:0 0 0 2px var(--ui-gold),0 0 18px #ffc84bdb,4px 5px #05090fcc}.class-select__card.is-selected:after{content:"";position:absolute;inset:2px;z-index:5;border:3px solid #ffd76d;box-shadow:inset 0 0 10px #ffd66db8,0 0 12px #ffbe37a8;pointer-events:none}.class-select__card.is-selected .class-select__glow{opacity:1}.class-select__glow{position:absolute;inset:auto auto 0 0;width:140px;height:140px;border-radius:999px;background:radial-gradient(circle,#62bbff47,#62bbff00);filter:blur(4px);opacity:.36;pointer-events:none;transition:opacity .14s ease}.class-select__card[data-class-option=mage] .class-select__glow{background:radial-gradient(circle,#9f85ff52,#9f85ff00)}.class-select__subtitle{position:relative;font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#8fc3ff}.class-select__card[data-class-option=mage] .class-select__subtitle{color:#bbadff}.class-select__title{position:relative;font-size:30px;font-weight:700;color:#fbfdff}.class-select__body,.class-select__skills{position:relative;color:#ecf3fbc7;line-height:1.5}.class-select__art{position:relative;display:block;width:100%;min-height:168px;border-radius:18px;background-position:center;background-repeat:no-repeat;background-size:contain;background-color:#0a1018b8;border:1px solid rgba(170,205,236,.12)}.class-select__art-viewport{position:relative;display:block;flex:1 1 auto;min-width:0;min-height:168px;overflow:hidden;border-radius:18px;isolation:isolate}.class-select__art-viewport.is-transitioning .class-select__art{position:absolute;inset:0}.class-select__art--outgoing{z-index:2;pointer-events:none}.class-select__art.is-locked{filter:grayscale(.82) brightness(.58)}.class-select__art-shell{position:relative;display:flex;align-items:center;gap:10px;width:100%}.class-select__skin-toggle{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:999px;background:center / contain no-repeat url(/assets/circle-button-DEDMt7w-.webp);border:0;color:#dff4ff;font-size:13px;text-shadow:1px 2px 0 rgba(5,9,15,.92);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .14s ease,filter .14s ease,opacity .14s ease}.class-select__skin-toggle:hover{transform:scale(1.06);filter:brightness(1.12)}.class-select__skin-toggle.is-disabled{opacity:.38;cursor:default}.class-select__skin-toggle.is-disabled:hover{transform:none;filter:none}.class-select__art--mage,.class-select__art--knight{background-size:contain;background-position:center}.class-select__skills{margin-top:auto;color:#fff0d6e0}.class-select__skin-name{position:relative;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#cee5fbb8}.class-select__unlock{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;padding:2px 8px;border:5px solid transparent;border-image:url(/assets/menu-panel-ICRcbw7G.webp) 42 fill / 5px / 0 round;border-radius:0;background:#0b2342;color:#f7d890;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap}.class-select__unlock[hidden]{display:inline-flex!important;visibility:hidden;pointer-events:none}.skill-tree{display:flex;flex-direction:column;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 48px);text-align:left;overflow:hidden}.skill-tree__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:visible;padding:120px 4px 120px 6px}.skill-tree__footer{flex:0 0 auto;padding-top:12px;border-top:1px solid rgba(170,205,236,.1);background:linear-gradient(180deg,#070c1300,#070c13eb 18%)}.skill-tree__library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.skill-tree__canvas{position:relative;margin-bottom:14px;padding:14px 24px 6px;border-radius:12px;background:#173047;border:3px solid var(--ui-ink);box-shadow:3px 4px #05090fb8}.skill-tree__canvas--mage{display:flex;flex-direction:column;gap:10px}.skill-tree__tier-label{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#a0d0ffb3}.skill-tree__tier-label--top{margin-top:4px}.skill-tree__row{display:flex;justify-content:center;gap:14px;align-items:center}.skill-tree__row--middle,.skill-tree__row--bottom{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));justify-items:center}.skill-tree__branch-bar{width:2px;height:18px;margin:-6px auto 0;background:linear-gradient(180deg,#9dd0ffb8,#9dd0ff29)}.skill-tree__branch-grid{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:14px;align-items:start}.skill-tree__row--mage,.skill-tree__branch-grid--mage{grid-template-columns:repeat(3,minmax(72px,1fr))}.skill-tree__branch{position:relative;min-height:20px}.skill-tree__branch:before{content:"";position:absolute;top:0;left:50%;width:2px;height:20px;transform:translate(-50%);background:linear-gradient(180deg,#9dd0ffb8,#9dd0ff29)}.skill-tree__branch--left:after,.skill-tree__branch--mid:after,.skill-tree__branch--right:after,.skill-tree__branch--down:after{content:"";position:absolute;top:0;height:2px;background:#9dd0ff94}.skill-tree__branch--left:after{left:50%;width:calc(100% + 10px)}.skill-tree__branch--mid:after{left:calc(-50% - 10px);width:calc(200% + 20px)}.skill-tree__branch--right:after{right:50%;width:calc(100% + 10px)}.skill-tree__branch-grid--bottom{margin-top:-2px}.skill-tree__merge-branch{position:relative;width:calc((100% + 14px) / 3);height:32px;margin:-4px auto 0;transform:translate(50%)}.skill-tree__merge-branch:before,.skill-tree__merge-branch:after{content:"";position:absolute;top:0;width:calc(50% + 1px);height:2px;background:linear-gradient(90deg,#ff681ec7,#b542e6e6);box-shadow:0 0 7px #9d3edd61}.skill-tree__merge-branch:before{left:0;transform:rotate(12deg);transform-origin:left center}.skill-tree__merge-branch:after{right:0;transform:rotate(-12deg);transform-origin:right center}.skill-tree__merge-branch>span{position:absolute;left:50%;top:21px;width:2px;height:13px;transform:translate(-50%);background:linear-gradient(180deg,#be45ebe6,#be45eb2e);box-shadow:0 0 6px #be45eb6b}.skill-tree__row--mage-merge{position:relative;min-height:72px}.skill-tree__row--mage-merge .skill-tree__skill{position:absolute;left:calc(66.666% + 2px);transform:translate(-50%)}.skill-tree__branch--down:after{left:50%;width:calc(50% + 10px)}.skill-tree__branch--empty:before,.skill-tree__branch--empty:after{display:none}.skill-tree__branch--down-only:after{display:none}.skill-tree__skill{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px;width:100%;max-width:220px;border-radius:16px;border:1px solid rgba(159,201,240,.16);background:#080e14b8;color:inherit;text-align:left;cursor:grab;overflow:visible}.skill-tree__skill.is-dragging{opacity:.55}.skill-tree__skill.is-locked{border-color:#f1ae3747;cursor:pointer;filter:grayscale(.82) brightness(.62)}.skill-tree__skill.is-locked:hover{filter:grayscale(.6) brightness(.78)}.skill-tree__skill.is-locked.is-affordable{border-color:#ffda5beb;filter:none;box-shadow:0 0 0 2px #ffd03e3d,0 0 22px #ffbf2480,inset 0 0 18px #ffd04d1f}.skill-tree__skill.is-locked.is-affordable:hover{border-color:#ffe88f;filter:brightness(1.12);box-shadow:0 0 0 2px #ffe27561,0 0 30px #ffbf24ad,inset 0 0 20px #ffdc652e}.skill-tree__skill.is-prerequisite-locked,.skill-tree__skill.is-prerequisite-locked:hover{border-color:#919fb033;filter:grayscale(.95) brightness(.48)}.skill-tree__lock-badge{position:absolute;right:5px;bottom:5px;z-index:2;padding:3px 6px;border-radius:7px;background:#070c12f0;color:#f3d68e;font-size:10px;font-weight:700}.skill-tree__error{min-height:20px;margin:-6px 0 0;color:#ffb2a5;font-size:13px;text-align:center}.skill-tree__skill-icon,.skill-tree__slot-icon{width:64px;height:64px;border-radius:16px;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 8px 18px #00000057,inset 0 0 0 1px #ffffff14}.skill-tree__skill--tree{width:72px;max-width:72px;min-width:72px;min-height:72px;padding:7px;align-items:center;justify-content:center;border-radius:20px;background:radial-gradient(circle at 50% 35%,#4e89c938,#080e14f5 72%);border-color:#7fbeff47;box-shadow:0 16px 30px #00000047,inset 0 0 0 1px #ffffff0d;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,filter .12s ease}.skill-tree__skill--tree:hover{transform:translateY(-2px) scale(1.03);border-color:#a3d6ff75;box-shadow:0 20px 34px #00000052,0 0 0 1px #b1deff14 inset}.skill-tree__skill--tree .skill-tree__skill-icon{width:56px;height:56px;border-radius:14px}.skill-tree__skill--tree .skill-tree__skill-title,.skill-tree__skill--tree .skill-tree__skill-body{display:none}.skill-tree__tree-spacer{width:72px;height:72px}.skill-tree__skill-title,.skill-tree__slot-title{font-size:16px;font-weight:700;color:#f8fbff}.skill-tree__skill-body,.skill-tree__slot-body{color:#e7eff7c7;font-size:13px;line-height:1.45}.skill-tree__floating-tooltip{position:absolute;display:flex;flex-direction:column;gap:4px;width:220px;padding:12px 14px;border-radius:14px;background:#070c12f5;border:1px solid rgba(156,206,255,.22);box-shadow:0 18px 40px #00000057;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:120}.skill-tree__floating-tooltip.is-visible{opacity:1;transform:translateY(0)}.skill-tree__tooltip-title{font-size:15px;font-weight:700;color:#f6f7fb}.skill-tree__tooltip-line{color:#f0f5fbd1;font-size:13px;line-height:1.4}.skill-tree__slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.skill-tree__slot{display:flex;flex-direction:column;gap:10px;min-height:132px;padding:14px;border-radius:18px;border:1px solid rgba(170,205,236,.18);background:#060c12d6;transition:transform .12s ease,border-color .12s ease,background .12s ease}.skill-tree__slot.is-drop-target{transform:translateY(-1px);border-color:#8cd1ff8a;background:#0d1924f0}.skill-tree__slot-key{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;font-weight:700;color:#f8fbff;background:#162532f0;border:1px solid rgba(255,255,255,.1)}@media(max-width:900px){.skill-tree__slots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.menu-card__panel--wide{width:min(100% - 24px,560px);aspect-ratio:auto;padding:46px 28px 34px;background-size:cover}.class-select{grid-template-columns:1fr}.menu-card__footer{align-items:stretch}.menu-card__button{width:100%}.menu-card__discord{right:16px;bottom:16px;min-width:0;padding-inline:16px}.menu-card__skill-tree-button{order:2;width:120px;height:120px;font-size:14px}.menu-card__skill-tree-launcher{order:2}.menu-card__panel--wide .menu-card__skill-tree-button{width:120px;height:120px}.menu-card__lower-actions{display:flex;flex-direction:column}.menu-card__primary-actions{order:1}.menu-card__lower-spacer{display:none}.menu-card__server-slot{order:3}.menu-card__title-header{top:-92px;width:min(230px,58vw)}.menu-card__points{position:static;width:fit-content;margin-bottom:18px}.menu-card__actions{width:100%}.menu-card__name-input{width:100%;min-width:0}.menu-card__name-row{align-items:stretch}.skill-tree__library,.skill-tree__slots{grid-template-columns:1fr}.skill-tree__canvas--mage{min-height:auto}.skill-tree__row,.skill-tree__row--middle,.skill-tree__row--bottom{flex-direction:column;justify-content:flex-start}.skill-tree__canvas--mage .skill-tree__branch-bar{display:block}.skill-tree__canvas--mage .skill-tree__branch-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(64px,1fr))}.skill-tree__canvas--mage .skill-tree__row{flex-direction:row;justify-content:center}.skill-tree__canvas--mage .skill-tree__row--middle,.skill-tree__canvas--mage .skill-tree__row--bottom{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(64px,1fr));justify-items:center}.skill-tree__skill{max-width:none}.skill-tree__skill--tree{width:72px;max-width:72px;min-width:72px;min-height:0}}@media(max-height:800px)and (min-width:761px){.menu-card__title-header{top:-22px;width:120px}}