html,body{color:#fff;background:#101820;width:100%;height:100%;margin:0;font-family:system-ui,Segoe UI,sans-serif;overflow:hidden}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.login{background:radial-gradient(circle at 50% 30%,#2b4a6e 0%,#101820 70%);place-items:center;display:grid;position:absolute;inset:0}.login__panel{background:#0a1018db;border:1px solid #ffffff1f;border-radius:14px;width:min(560px,92vw);padding:28px 32px 32px;box-shadow:0 18px 60px #00000080}.login__panel h1{letter-spacing:3px;text-align:center;margin:0;font-size:40px}.login__sub{text-align:center;color:#aebbd0;margin:4px 0 20px}.field{color:#aebbd0;gap:6px;margin-bottom:16px;font-size:13px;display:grid}.field input{color:#fff;background:#ffffff0f;border:1px solid #fff3;border-radius:8px;padding:10px 12px;font-size:16px}.field--small input{width:90px}.login__error{color:#ff8a80;margin:0 0 12px;font-size:14px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(#4aa3ff,#2a73d6);border:0;border-radius:10px;width:100%;padding:12px 18px;font-size:17px;font-weight:700}.btn-primary:hover{filter:brightness(1.1)}.overlay{z-index:50;background:#080c12d1;place-content:center;justify-items:center;gap:16px;font-size:20px;display:grid;position:absolute;inset:0}.overlay .btn-primary{width:auto;min-width:180px}#ui>.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:none}.hud__top{justify-items:start;gap:8px;display:grid;position:absolute;top:12px;left:12px}.hud__panel{background:#080e169e;border:1px solid #ffffff1a;border-radius:8px;padding:7px 14px;font-size:14px}.hud__buttons{pointer-events:auto;gap:8px;padding:5px 6px;display:flex}.hud__btn{color:#e6edf8;cursor:pointer;pointer-events:auto;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:4px 12px;font-size:13px}.hud__btn:hover{background:#ffffff2e}.hud__map strong{font-size:17px}.hud__events{color:#ffd23f;border:1px solid #c9a24a;font-weight:700}.hud__events[hidden]{display:none}.hud__stats{font-variant-numeric:tabular-nums;color:#d4deee;gap:16px;display:flex}.hud__toast{background:#080e16e0;border:2px solid #4aa3ff;border-radius:10px;padding:12px 24px;font-size:18px;font-weight:600;position:absolute;top:18%;left:50%;transform:translate(-50%)}.hud__toast[data-kind=error]{color:#ffb3aa;border-color:#ff5a4a}.hud__toast.is-visible{animation:.25s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.hud__chat{pointer-events:auto;width:min(440px,60vw);position:absolute;bottom:40px;left:12px}.chat__log{text-shadow:0 1px 2px #000;word-break:break-word;scrollbar-width:thin;background:#080e1680;border-radius:8px 8px 0 0;height:150px;padding:6px 10px;font-size:13px;line-height:1.45;overflow-y:auto}.chat__line--system{color:#ffd27a}.chat__tag{font-weight:700}.chat__row{display:flex}.chat__tabs{gap:1px;display:flex}.chat__tab{color:#aab6c6;cursor:pointer;background:#080e1699;border:0;border-radius:0 0 6px 6px;flex:1;padding:4px 6px;font-size:12px;position:relative}.chat__tab:hover{color:#fff}.chat__tab.is-active{color:#fff;background:#285a96e6}.chat__tab.has-unread:after{content:"";background:#ff5a4d;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:5px}.chat__input{color:#fff;background:#080e16c7;border:0;border-radius:0;outline:none;flex:1;min-width:0;padding:8px 10px;font-size:14px}.chat__input:focus{background:#142030eb}.hud__help{color:#ffffffb3;text-shadow:0 1px 2px #000;font-size:12px;position:absolute;bottom:12px;left:12px}.combat{pointer-events:none;position:absolute;inset:0}.vitals{text-shadow:0 1px 2px #000;background:#080e16a8;border:1px solid #ffffff1f;border-radius:10px;gap:4px;width:min(380px,46vw);padding:8px 10px 9px;display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.vitals__head{justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.vitals__level{color:#ffe08a;font-size:17px;font-weight:800}.vitals__gold{color:#ffd45a;font-variant-numeric:tabular-nums}.bar{background:#0000008c;border:1px solid #ffffff24;border-radius:5px;height:17px;position:relative;overflow:hidden}.bar__fill{width:0;transition:width .18s ease-out;position:absolute;inset:0 auto 0 0}.bar__label{text-align:center;font-variant-numeric:tabular-nums;color:#fff;font-size:12px;font-weight:600;line-height:15px;display:block;position:relative}.bar--shield .bar__fill{background:linear-gradient(#a9bdd6,#6f89a8)}.bar--hp .bar__fill{background:linear-gradient(#f05a5a,#b92b2b)}.bar--mana .bar__fill{background:linear-gradient(#5aa0ff,#2a62c8)}.bar--exp{height:11px}.bar--exp .bar__fill{background:linear-gradient(#e6b84a,#b5832a)}.bar--exp .bar__label{font-size:10px;line-height:9px}.vitals__reward{text-align:center;color:#ffe08a;text-shadow:0 1px 3px #000;opacity:0;font-size:14px;font-weight:700;position:absolute;top:-26px;left:0;right:0}.vitals__reward.is-visible{animation:2.4s ease-out forwards reward-in}@keyframes reward-in{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.combat__warning{color:#9cc4ff;white-space:nowrap;background:#0a142cd9;border:1px solid #4a8cff;border-radius:8px;padding:6px 16px;font-size:15px;font-weight:700;animation:1.4s ease-in-out infinite warn-pulse;position:absolute;bottom:118px;left:50%;transform:translate(-50%)}@keyframes warn-pulse{50%{opacity:.55}}.target{text-shadow:0 1px 2px #000;background:#080e16b3;border:1px solid #ffffff29;border-radius:9px;gap:3px;width:min(380px,62vw);padding:7px 10px 8px;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%)}.target__head{align-items:baseline;gap:8px;font-size:15px;font-weight:700;display:flex}.target__name{overflow-wrap:anywhere;min-width:0;line-height:1.15}.target__head{flex-wrap:wrap}.target__level{font-variant-numeric:tabular-nums}.target__tag{color:#ffb3aa;background:#ff5a4a40;border-radius:4px;margin-left:auto;padding:0 7px;font-size:11px}.target .bar{height:14px}.target .bar__label{font-size:11px;line-height:12px}.floaters{position:absolute;inset:0;overflow:hidden}.floater{white-space:nowrap;text-shadow:0 0 3px #000,0 2px 3px #000;font-weight:800;animation:1.15s ease-out forwards floater-rise;position:absolute;transform:translate(-50%)}.floater--hit{color:#fff;-webkit-text-stroke:1.5px #3a2a00;text-shadow:0 0 6px #ffe27a,0 2px 4px #000;font-size:34px}.floater--crit{color:#ffd84a;-webkit-text-stroke:2px #5a2a00;text-shadow:0 0 10px #ff9a1f,0 3px 5px #000;font-size:56px;animation-name:floater-crit;animation-duration:1.35s}.floater--taken{color:#ff5a4a;font-size:24px}.floater--takenCrit{color:#ff3b2f;font-size:34px;animation-name:floater-crit;animation-duration:1.35s}.floater--gold{color:#ffd45a;font-size:20px}.floater--exp{color:#c9a8ff;font-size:18px}.floater--hint{color:#cfd6e0;font-size:16px;font-style:italic}@keyframes floater-rise{0%{opacity:0;margin-top:0}10%{opacity:1}70%{opacity:1}to{opacity:0;margin-top:-78px}}@keyframes floater-crit{0%{opacity:0;margin-top:6px;scale:.6}12%{opacity:1;scale:1.25}25%{scale:1}75%{opacity:1}to{opacity:0;margin-top:-92px}}.levelup{letter-spacing:2px;color:#ffe36a;text-shadow:0 0 18px #ffc828e6,0 3px 6px #000;font-size:64px;font-weight:900;position:absolute;top:24%;left:50%;transform:translate(-50%)}.levelup[data-duel=lose]{color:#b8bec8;text-shadow:0 0 14px #5a606ccc,0 3px 6px #000;font-size:52px}.levelup.is-visible{animation:2.8s ease-out forwards levelup-in}@keyframes levelup-in{0%{opacity:0;scale:.4}14%{opacity:1;scale:1.15}24%{scale:1}80%{opacity:1}to{opacity:0;margin-top:-30px}}.hurt{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 120px 30px #dc14148c}.hurt.is-hit{animation:.4s ease-out hurt-flash}.hurt.is-crit{animation:.5s ease-out hurt-flash;box-shadow:inset 0 0 160px 50px #f00a0acc}@keyframes hurt-flash{0%{opacity:.85}to{opacity:0}}.death{pointer-events:auto;z-index:40;background:#020408c7;place-items:center;display:grid;position:absolute;inset:0}.death__box{text-align:center;gap:10px;display:grid}.death__title{letter-spacing:6px;color:#c62d2d;text-shadow:0 4px 18px #000;font-size:76px;font-weight:900}.death__count{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700}.death__hint{color:#aebbd0;font-size:16px}.combat [hidden]{display:none!important}.overlay--dead{background:#020408e6}.overlay__dead-title{letter-spacing:6px;color:#c62d2d;margin:0;font-size:72px;font-weight:900}.overlay__dead-count{font-variant-numeric:tabular-nums;margin:0;font-size:38px;font-weight:700}[hidden]{display:none!important}.hud__menu{pointer-events:none;flex-direction:column-reverse;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.hud__menu .hud__mlist{position:absolute;bottom:52px;right:0}.hud__mail{color:#ffd678;cursor:pointer;pointer-events:auto;background:#080e16d9;border:1px solid #ffd67899;border-radius:10px;width:44px;height:44px;font-size:22px;line-height:1;animation:1.6s ease-in-out infinite hud-mail-pulse;position:absolute;bottom:12px;right:64px}.hud__mail[hidden]{display:none}.hud__mail:hover{background:#3c3214f2}.hud__mailbadge{color:#fff;text-align:center;background:#d9342b;border-radius:9px;min-width:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-7px;right:-7px}@keyframes hud-mail-pulse{0%,to{box-shadow:0 0 #ffd67880}50%{box-shadow:0 0 10px 3px #ffd67873}}.hud__mtoggle{color:#e6edf8;cursor:pointer;pointer-events:auto;background:#080e16c7;border:1px solid #ffffff40;border-radius:10px;width:44px;height:44px;font-size:22px;line-height:1}.hud__mtoggle:hover{background:#283c5ae6}.hud__mlist{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;opacity:0;transform-origin:100% 100%;visibility:hidden;background:#080e16c7;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:3px;min-width:190px;max-height:calc(100vh - 80px);padding:6px;transition:opacity .18s ease-out,transform .18s ease-out,visibility 0s linear .18s;display:flex;overflow-y:auto;transform:translateY(12px)scale(.96)}.hud__menu.is-open .hud__mlist{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease-out,transform .18s ease-out;transform:none}.hud__mbtn{color:#e6edf8;cursor:pointer;text-align:left;background:#ffffff12;border:1px solid #ffffff24;border-radius:6px;flex-shrink:0;align-items:center;gap:10px;padding:4px 10px;font-size:13px;display:flex}.hud__mbtn:hover{background:#ffffff2e}.hud__mico{text-align:center;width:20px}.hud__mlab{flex:1}.hud__mkey{text-align:center;background:#ffffff24;border-radius:4px;min-width:18px;padding:0 5px;font-size:11px}@media (width<=480px){.hud__mlist{min-width:160px}}.duelcd{text-align:center;pointer-events:none;z-index:40;position:absolute;top:30%;left:50%;transform:translate(-50%)}.duelcd__vs{color:#ffb36b;text-shadow:0 2px 6px #000c;margin-bottom:4px;font-size:18px;font-weight:700}.duelcd__num{color:#ff9a3c;-webkit-text-stroke:2px #3a1600;text-shadow:0 0 24px #ff8c28e6,0 4px 10px #000c;font-size:96px;font-weight:900;line-height:1;animation:1s ease-out both duelcd-pop}.duelcd__num--go{color:#ffe14d;font-size:84px;animation:1.2s ease-out both duelcd-go}@keyframes duelcd-pop{0%{opacity:0;transform:scale(2.6)}25%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(.6)}}@keyframes duelcd-go{0%{opacity:0;transform:scale(.3)rotate(-8deg)}30%{opacity:1;transform:scale(1.25)rotate(2deg)}50%{transform:scale(1)rotate(0)}85%{opacity:1}to{opacity:0;transform:scale(1.6)}}*{scrollbar-width:thin;scrollbar-color:#d6a446bf #080e168c}::-webkit-scrollbar{background:#080e168c;width:8px;height:8px}::-webkit-scrollbar-track{background:#080e168c;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(#e3b861,#b07d2c);border:1px solid #080e16b3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#f2cb7c,#c48f38)}::-webkit-scrollbar-corner{background:0 0}.hud__red{color:#ff6b6b;text-shadow:0 0 6px #ff3c3c99;border-color:#ff505099;font-weight:700}.mobile-block{color:#e6edf8;text-align:center;background:#0b111a;justify-content:center;align-items:center;padding:16px;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:0}.mobile-block__card{background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;max-width:420px;padding:24px}.mobile-block__card h1{color:#ffd24a;margin:0 0 12px}.hud>.win,.hud>.qbars{pointer-events:auto}.win{color:#e6edf8;-webkit-user-select:none;user-select:none;z-index:20;background:#0a101af0;border:1px solid #ffffff2e;border-radius:10px;min-width:200px;font-size:13px;position:absolute;box-shadow:0 10px 40px #0000008c}.win__bar{cursor:move;background:#ffffff0d;border-bottom:1px solid #ffffff1f;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:6px 8px 6px 12px;display:flex}.win__title{letter-spacing:.5px;font-weight:700}.win__close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:5px;width:22px;height:22px;font-size:16px;line-height:1}.win__close:hover{background:#c0392b}.win__body{padding:10px}.islot{box-sizing:border-box;background:#ffffff0a;border:2px solid #ffffff1f;border-radius:6px;place-items:center;width:44px;height:44px;display:grid;position:relative}.islot--full{cursor:grab}.islot.is-dragging{opacity:.4}.islot__icon{object-fit:cover;pointer-events:none;border-radius:4px;width:100%;height:100%}.islot__count{text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font-size:11px;font-weight:700;position:absolute;bottom:0;right:2px}.islot__plus{color:#ffd84a;text-shadow:0 1px 2px #000;pointer-events:none;font-size:11px;font-weight:800;position:absolute;top:0;left:3px}.islot__label{color:#7f8aa0;font-size:10px}.islot--locked{opacity:.45;background:repeating-linear-gradient(45deg,#ffffff08,#ffffff08 4px,#0000 4px 8px)}.inv-tabs{gap:4px;margin-bottom:6px;display:flex}.inv-tab{color:#cfd8ea;cursor:pointer;background:#1a2133;border:1px solid #3a4560;border-radius:4px;min-width:30px;padding:3px 8px;font-size:12px;font-weight:700}.inv-tab.is-active{color:#fff;background:#35508a;border-color:#6f93e0}.inv-tab.is-locked{opacity:.4;cursor:not-allowed}.inv-grid{grid-template-columns:repeat(8,44px);gap:4px;display:grid}.inv-pets{border-top:1px solid #ffffff1f;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;padding-top:6px;display:flex}.inv-pets__title{color:#8a96ac;width:100%;font-size:11px}.inv-pets__none{color:#6f7a90;font-size:11px}.islot--pet-out{box-shadow:0 0 8px 1px #6be39ab3}.inv-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.inv-gold{color:#ffd84a;font-weight:700}.inv-destroy{color:#ff9a8a;border:1px dashed #ff6e5a99;border-radius:6px;padding:5px 8px;font-size:12px}.inv-hint,.shop-hint,.set-note{color:#8a96ac;margin-top:8px;font-size:11px}.char-sheet{grid-template-rows:repeat(5,74px);grid-template-columns:70px 150px 70px;grid-template-areas:"necklace helmet wings""weapon portrait armor""shield portrait gloves""ring boots earring""costume bracelet pet";justify-items:center;gap:4px 8px;display:grid}.eq{justify-items:center;gap:2px;display:grid}.eq--necklace{grid-area:necklace}.eq--helmet{grid-area:helmet}.eq--wings{grid-area:wings}.eq--weapon{grid-area:weapon}.eq--armor{grid-area:armor}.eq--ring{grid-area:ring}.eq--gloves{grid-area:gloves}.eq--boots{grid-area:boots}.eq--bracelet{grid-area:bracelet}.eq--earring{grid-area:earring}.eq--shield{grid-area:shield}.eq--costume{grid-area:costume}.eq--pet{grid-area:pet}.eq__label{color:#8a96ac;font-size:10px}.char-portrait{box-sizing:border-box;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;grid-area:portrait;justify-content:flex-end;align-items:center;width:100%;height:100%;padding-bottom:8px;display:flex}.char-portrait__name{text-shadow:0 1px 3px #000;font-size:14px;font-weight:700}.char-portrait__class{color:#cdd6e6;font-size:11px}.char-stats{gap:2px;margin-top:8px;display:grid}.char-stats__row{background:#ffffff0a;border-radius:4px;justify-content:space-between;gap:10px;padding:2px 6px;display:flex}.win--shop{pointer-events:auto;flex-direction:column;width:360px;max-height:calc(100vh - 24px);display:flex}.win--shop .win__body{flex-direction:column;min-height:0;display:flex;overflow:hidden}.shop-tabs{flex-wrap:wrap;gap:3px;margin-bottom:6px;display:flex}.shop-tab{color:#cfd8ea;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:10px;padding:2px 8px;font-size:11px}.shop-tab.is-active{color:#fff;background:#4aa3ff59;border-color:#4aa3ff}.shop-search{color:#e6edf8;-webkit-user-select:text;user-select:text;background:#00000059;border:1px solid #ffffff2e;border-radius:6px;margin-bottom:6px;padding:3px 6px}.shop-greeting{color:#cfd8ea;margin-bottom:8px;font-style:italic}.shop-list{flex:auto;align-content:start;gap:4px;min-height:80px;max-height:min(42vh,360px);padding-right:4px;display:grid;overflow-y:auto}.shop-row{cursor:pointer;background:#ffffff0d;border-radius:6px;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.shop-row:hover,.shop-row.is-selected{background:#4aa3ff33}.shop-row__icon{border-radius:4px;width:38px;height:38px}.shop-row__name{font-weight:600}.shop-row__req{color:#8a96ac;font-size:11px}.shop-row__price{color:#ffd84a;font-weight:700}.shop-foot{gap:4px;margin-top:8px;display:grid}.set-title{margin-bottom:4px;font-weight:700}.set-row{align-items:center;gap:8px;margin-top:8px;display:flex}.set-num{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:4px;width:56px;padding:2px 4px}.tip{z-index:200;pointer-events:none;background:#060a12f5;border:1px solid #ffffff40;border-radius:8px;gap:2px;max-width:260px;padding:8px 10px;font-size:12px;display:grid;position:fixed}.tip__name{font-size:14px;font-weight:800}.tip__sub{color:#8a96ac}.tip__stat{color:#9fe0a0}.tip__bonus{color:#7fb6ff}.tip__bound{color:#ff7a8a;letter-spacing:.3px;font-weight:800}.islot__bound{filter:drop-shadow(0 1px 1px #000);pointer-events:none;font-size:10px;line-height:1;position:absolute;bottom:1px;right:2px}.tip__bonus--special{color:#3be8c9;font-weight:600}.tip__desc{color:#aab4c6;max-width:240px}.tip__price{color:#ffd84a;margin-top:4px}.drag-ghost{z-index:300;opacity:.85;pointer-events:none;border-radius:6px;width:44px;height:44px;position:fixed}.modal{z-index:250;pointer-events:auto;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.modal__box{color:#e6edf8;background:#0c121efa;border:1px solid #ffffff40;border-radius:10px;gap:10px;min-width:260px;padding:16px 18px;display:grid}.modal__title{font-weight:700}.modal__input{color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:6px;padding:6px 8px;font-size:15px}.modal__row{justify-content:flex-end;gap:8px;display:flex}.btn-secondary{color:#e6edf8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:6px;padding:6px 14px}.btn-danger,.btn-danger.btn-primary{color:#fff;background:#b3261e;border-color:#e0524a}.btn-danger:hover{background:#d1322a}.qbars{justify-items:center;gap:3px;display:grid;position:absolute;bottom:138px;left:50%;transform:translate(-50%)}.qrow{gap:3px;display:flex}.qslot{box-sizing:border-box;cursor:pointer;background:#080e16b3;border:1px solid #fff3;border-radius:6px;width:40px;height:40px;position:relative;overflow:hidden}.qslot--full{cursor:pointer;border-color:#fff6}.qslot--empty-stock .qslot__icon{filter:grayscale()brightness(.55)}.qslot.is-pressed{animation:.15s ease-out qpress}@keyframes qpress{0%{transform:scale(.88)}to{transform:scale(1)}}.qslot__icon{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.qslot__key{color:#d8e0ee;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font-size:10px;font-weight:700;position:absolute;top:0;left:2px}.qslot__count{text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font-size:12px;font-weight:800;position:absolute;bottom:0;right:2px}.qslot__cd{pointer-events:none;position:absolute;inset:0}.qslot__cdtext{text-shadow:0 1px 3px #000;pointer-events:none;place-items:center;font-size:15px;font-weight:800;display:grid;position:absolute;inset:0}.qtoggle{color:#fff;cursor:pointer;background:#080e16b3;border:1px solid #ffffff40;border-radius:5px;width:22px;height:22px;font-size:10px;position:absolute;bottom:0;right:-26px}.qcast{background:#080e16cc;border:1px solid #ffffff40;border-radius:9px;width:260px;height:18px;margin-bottom:4px;position:relative;overflow:hidden}.qcast__fill{background:linear-gradient(90deg,#3a78e8,#7fd6ff);position:absolute;inset:0 auto 0 0}.qcast__text{text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;inset:0}.win[hidden],.qrow[hidden],.qcast[hidden],.qslot__cd[hidden],.loot-label[hidden],.modal[hidden],.tip[hidden]{display:none!important}.loot-label{white-space:nowrap;text-shadow:0 1px 2px #000;pointer-events:none;background:#060a12d1;border:1px solid #ffffff40;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.loot-label[data-locked="1"]:after{content:" (kilitli)";color:#9aa6bd;font-weight:400}.win--smith,.win--master{width:340px}.win--master{width:420px}.smith-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.smith-slot{flex:none;width:56px;height:56px;position:relative}.smith-name{font-weight:700}.smith-hint{color:#9aa6bd;font-size:11px}.smith-info{gap:3px;margin-bottom:6px;display:grid}.smith-line{justify-content:space-between;gap:8px;font-size:13px;display:flex}.smith-line--big{color:#ffd870;justify-content:center;font-size:18px;font-weight:800}.smith-stone{align-items:center;gap:6px;margin-bottom:4px;font-size:13px;display:flex}.smith-warn{color:#ff5a4a;text-align:center;margin:4px 0;font-weight:800;animation:1s ease-in-out infinite smith-blink}.smith-go{width:100%}.smith-msg{text-align:center;min-height:18px;margin-top:6px;font-size:13px}.smith-msg--ok{color:#ffd870;font-weight:700}.smith-msg--bad{color:#ff8a7a;font-weight:700}.smith-slot.is-hammering{animation:.35s ease-in-out infinite smith-hammer}.smith-slot.is-success,.master-row.is-success{animation:1.2s ease-out smith-flash}.smith-slot.is-fail,.master-row.is-fail{animation:.5s ease-in-out smith-shake}.smith-slot .islot__icon.is-burning{animation:1.2s ease-in forwards smith-burn}.master-hdr{color:#cfd8ea;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.master-list{gap:4px;display:grid}.master-rows{gap:4px;max-height:min(56vh,460px);display:grid;overflow-y:auto}.master-tabs{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.master-tab{color:#cfd8ea;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:6px;padding:3px 8px;font-size:12px}.master-tab.is-active{color:#fff;background:#ffd26e40;border-color:#ffd26eb3}.master-row{background:#ffffff0d;border-radius:6px;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.master-row__icon{width:36px;height:36px}.master-row__name{font-size:13px;font-weight:700}.master-row__sub{color:#cfd8ea;font-size:12px}@keyframes smith-flash{0%{filter:brightness(2.2);box-shadow:0 0 #ffdc6ee6}60%{filter:brightness(1.5);box-shadow:0 0 22px 10px #ffdc6e99}to{filter:none;box-shadow:0 0 #ffdc6e00}}@keyframes smith-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes smith-hammer{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes smith-burn{0%{filter:none;opacity:1;transform:scale(1)}35%{filter:sepia()saturate(6)hue-rotate(-20deg)brightness(1.6);opacity:1;transform:scale(1.08)}to{filter:sepia()saturate(6)hue-rotate(-20deg)brightness(.2)blur(3px);opacity:0;transform:scale(.6)translateY(-8px)}}@keyframes smith-blink{50%{opacity:.55}}.smith-warn[hidden],.smith-stone[hidden]{display:none!important}.win--teleporter{pointer-events:auto;flex-direction:column;min-width:320px;max-height:calc(100vh - 120px);display:flex}.win--teleporter .win__body{flex-direction:column;min-height:0;padding:8px;display:flex}.tp-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.tp-search{color:#e6edf8;-webkit-user-select:text;user-select:text;background:#00000059;border:1px solid #ffffff2e;border-radius:6px;flex:1;min-width:0;padding:2px 6px}.tp-list{align-content:start;gap:3px;min-height:0;display:grid;overflow-y:auto}.tp-group{color:#8a96ac;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:700}.tp-row.is-current{outline:1px solid #4aa3ff}.tp-gold{color:#ffd84a;margin-bottom:4px;font-weight:700}.tp-row{background:#ffffff0d;border-radius:6px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:2px 6px;display:grid}.tp-row__name{font-weight:600}.tp-row__req{color:#8a96ac;font-size:11px}.tp-row__price{color:#ffd84a;font-weight:700}.tp-row__go:disabled{opacity:.4;cursor:not-allowed}.drop-ok{outline:2px solid #4cd964!important;box-shadow:0 0 10px 2px #4cd964bf,inset 0 0 8px #4cd96473!important}.drop-bad{outline:2px solid #ff4d4d!important;box-shadow:0 0 10px 2px #ff4d4da6,inset 0 0 8px #ff4d4d66!important}.stat-panel{gap:3px;margin-top:10px;display:grid}.stat-panel__title{color:#ffd36a;font-weight:700}.stat-panel__type{color:#cdd6e6;font-size:11px}.stat-panel__left{font-size:12px}.stat-panel__left--has{color:#7dff9a;font-weight:700}.stat-panel__row{background:#ffffff0a;border-radius:4px;align-items:center;gap:6px;padding:2px 6px;display:flex}.stat-panel__row--off{opacity:.45}.stat-panel__name{flex:1}.stat-panel__val{text-align:right;min-width:54px}.stat-panel__btn,.stat-panel__apply{cursor:pointer;color:#e6edf9;background:#1c2536;border:1px solid #55627a;border-radius:4px;padding:1px 8px}.stat-panel__btn:disabled,.stat-panel__apply:disabled{opacity:.35;cursor:default}.stat-panel__apply{background:#2f6b3a;border-color:#4fa65e;font-weight:700}.stat-panel__btn--wide{padding:1px 6px;font-size:11px}.stat-panel__bar{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.stat-panel__preview{color:#9fe3ff;font-size:11px}.hud__mbtn--alert{position:relative;box-shadow:0 0 0 2px #7dff9a}.hud__mbtn--alert:after{content:"+";color:#062;background:#7dff9a;border-radius:8px;padding:0 5px;font-size:12px;font-weight:900;position:absolute;top:-6px;right:-4px}.hud__mbtn--gift{position:relative}.hud__mbtn--gift:before{content:"!";text-align:center;color:#4a2a00;pointer-events:none;background:#ffc933;border-radius:8px;min-width:16px;height:16px;font-size:12px;font-weight:900;line-height:16px;animation:1.4s ease-out infinite gift-pulse;position:absolute;top:-6px;left:-4px;box-shadow:0 0 #ffc933cc}@keyframes gift-pulse{70%{box-shadow:0 0 0 8px #ffc93300}to{box-shadow:0 0 #ffc93300}}.char-tabs{gap:4px;margin-bottom:8px;display:flex}.char-tabs__btn{color:#cdd6e6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:6px;flex:1;padding:5px 6px;font-size:12px;position:relative}.char-tabs__btn.is-active{color:#ffd36a;background:#ffd36a29;border-color:#ffd36a99;font-weight:700}.char-tabs__dot{background:#3fe06b;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;right:4px;box-shadow:0 0 5px #3fe06b}.char-pane{scrollbar-width:thin;max-height:calc(100vh - 150px);overflow-y:auto}.modal__skip{color:#cdd6e6;cursor:pointer;align-items:center;gap:6px;margin:6px 0;font-size:12px;display:flex}.win--inventory{width:max-content}.win--inventory .inv-hint{width:0;min-width:100%}.inv-foot__right{align-items:center;gap:6px;display:flex}.inv-sort{pointer-events:auto;color:#e6edf8;cursor:pointer;background:#3c507880;border:1px solid #ffffff47;border-radius:6px;padding:5px 10px;font-size:12px}.inv-sort:hover{background:#506eaaa6}.tip--rich{gap:6px;min-width:190px;max-width:290px}.tip__head{border-bottom:1px solid #ffffff24;gap:1px;padding-bottom:5px;display:grid}.tip__section{gap:1px;padding-top:1px;display:grid}.tip__section+.tip__section{border-top:1px solid #ffffff12;padding-top:5px}.tip__caption{letter-spacing:.6px;text-transform:uppercase;color:#7f8aa0;font-size:10px}.tip__gem{color:#ff7a4a;font-weight:700}.tip__gem-empty{color:#6b7488;font-style:italic}.tip__special{color:#3be8c9;font-weight:600}.tip__pvp{color:#ffb347;font-weight:600}.tip__req{color:#c8d0e0}.tip__req-bad{color:#ff6a5a}.tip__muted{color:#8a96ac}.tip__flag{color:#8fc7a0;font-size:11px}.tip__next{color:#8fd0ff}.smith-tabs{gap:4px;margin-bottom:8px;display:flex}.smith-tab{color:#c8d0e0;cursor:pointer;pointer-events:auto;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:6px;flex:1;padding:5px 8px}.smith-tab.is-active{color:#fff;background:#ffaa4633;border-color:#ffb347}.sock-row{pointer-events:auto;grid-template-columns:48px 1fr;align-items:center;gap:8px;padding:4px 0;display:grid}.sock-slot{color:#8a96ac;text-align:center;pointer-events:auto;border:2px dashed #ffffff47;border-radius:8px;place-items:center;width:48px;height:48px;font-size:10px;display:grid;position:relative}.sock-slot img{pointer-events:none;width:40px;height:40px}.sock-slot.is-empty{color:#ffb347;border-color:#ffb347}.sock-slot.is-locked{opacity:.45}.sock-slot.drop-ok{box-shadow:0 0 8px 2px #50ff8cb3}.sock-info{gap:3px;font-size:12px;display:grid}.sock-effect{color:#ff7a4a;font-weight:700}.sock-actions{flex-wrap:wrap;gap:4px;display:flex}.sock-actions button{pointer-events:auto;padding:2px 6px;font-size:11px}.tip[data-glow=rare]{border-color:#6eaaffb3;box-shadow:0 0 10px #5096ff73}.tip[data-glow=epic],.tip[data-glow=legendary]{border-color:#0000}.tip[data-glow=epic]:before,.tip[data-glow=legendary]:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background-size:300% 100%;border-radius:10px;padding:2px;animation:3s linear infinite tip-flow;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tip[data-glow=epic]:before{background-image:linear-gradient(90deg,#7a2cff,#d76bff,#ff4fd8,#7a2cff,#d76bff)}.tip[data-glow=legendary]:before{background-image:linear-gradient(90deg,#ffd23c,#ff7a1a,#ff2f4f,#c13cff,#ffd23c,#ff7a1a)}.tip[data-glow=epic]{animation:2s ease-in-out infinite tip-pulse-epic}.tip[data-glow=legendary]{animation:2s ease-in-out infinite tip-pulse-legend}.tip[data-plus=high]:before{padding:3px;animation-duration:1.6s;inset:-3px}@keyframes tip-flow{0%{background-position:0%}to{background-position:300%}}@keyframes tip-pulse-epic{0%,to{box-shadow:0 0 8px #be50ff73,0 0 18px #be50ff33}50%{box-shadow:0 0 14px #d76effcc,0 0 30px #be50ff66}}@keyframes tip-pulse-legend{0%,to{box-shadow:0 0 10px #ffbe3c80,0 0 22px #c83cff40}50%{box-shadow:0 0 18px #ffc846e6,0 0 38px #dc46ff80}}@media (prefers-reduced-motion:reduce){.tip[data-glow]:before,.tip[data-glow]{animation:none}}.smith-fate{color:#e6d4ff;cursor:pointer;background:#2a1a4a;border:1px solid #b266ff;border-radius:4px;width:100%;margin-top:8px;padding:6px 8px}.smith-fate:hover{background:#3a2468}.tip[data-costume] .tip__head{background:linear-gradient(90deg,#9646ff73,#ff46aa59);border-bottom:1px solid #ff7ad980;border-radius:4px;padding:4px 6px 5px}.tip__badge{letter-spacing:.5px;color:#2b0f3d;background:linear-gradient(90deg,#c9a0ff,#ff9ae0);border-radius:8px;margin-left:8px;padding:0 6px;font-size:10px;font-weight:700}.tip[data-costume] .tip__pvp,.tip[data-costume] .tip__bonus{color:#ff9ae0}.tip[data-costume]{border-color:#0000;animation:2s ease-in-out infinite tip-pulse-epic}.tip[data-costume]:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background-image:linear-gradient(90deg,#7a2cff,#ff4fd8,#ff9ae0,#b266ff,#7a2cff,#ff4fd8);background-size:300% 100%;border-radius:10px;padding:2px;animation:2.4s linear infinite tip-flow;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (prefers-reduced-motion:reduce){.tip[data-costume],.tip[data-costume]:before{animation:none}}.stat-panel__row{flex-wrap:wrap}.stat-panel__gain{color:#9fe3ff;flex:1 0 100%;font-size:11px}.qslot--skill{border-color:#ffffff80}.qslot--locked .qslot__icon{filter:grayscale()brightness(.45)}.qslot__lock{pointer-events:none;text-shadow:0 1px 3px #000;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.qslot--nomana:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:#dc281e80;position:absolute;inset:0}.qslot--nomana .qslot__icon{filter:saturate(.5)brightness(.8)}.qslot__lock[hidden]{display:none!important}.statusbar{pointer-events:none;flex-wrap:wrap;gap:4px;display:flex}.statusbar--player{justify-content:center;max-width:420px;margin-bottom:2px}.target__effects{justify-content:center;min-height:0;margin-top:2px}.status{pointer-events:auto;cursor:help;background:#10151f;border:1px solid #ffffff59;border-radius:5px;width:30px;height:30px;position:relative;overflow:hidden;box-shadow:0 1px 4px #0009}.status--bad{border-color:#c0392b}.status--good{border-color:#3a9d5a}.status__icon{object-fit:cover;width:100%;height:100%;display:block}.status__time{text-align:center;color:#fff;text-shadow:0 1px 2px #000;background:#0000008c;font-size:11px;font-weight:800;line-height:12px;position:absolute;inset:auto 0 0}.floater--heal{color:#7dff9a;-webkit-text-stroke:1px #0a3a14;font-size:26px}.win--skills{width:min(500px,100vw - 24px)}.skillwin__head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.skillwin__class{letter-spacing:.4px;font-size:15px;font-weight:800}.skillwin__hint{opacity:.65;font-size:11px}.skillwin__list{gap:6px;max-height:min(68vh,620px);padding-right:2px;display:grid;overflow-y:auto}.skillwin__group{letter-spacing:.6px;text-transform:uppercase;color:#ffd98a;border-bottom:1px solid #ffd98a59;margin:6px 0 0;padding:2px 6px;font-size:12px;font-weight:800}.skillrow{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:56px 1fr;gap:10px;padding:7px;display:grid}.skillrow--locked{opacity:.55}.skillrow__icon{cursor:grab;border-radius:6px;width:56px;height:56px;position:relative;overflow:hidden}.skillrow--locked .skillrow__icon{cursor:default}.skillrow--locked .skillrow__img{filter:grayscale()}.skillrow__img{pointer-events:none;width:100%;height:100%;display:block}.skillrow__slot{text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font-size:11px;font-weight:800;position:absolute;top:1px;left:3px}.skillrow__lock{pointer-events:none;background:#00000059;place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.skillrow__title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.skillrow__name{font-size:14px;font-weight:800}.skillrow__level{color:#ffd84a;font-size:12px;font-weight:700}.skillrow__sub{opacity:.7;margin-bottom:2px;font-size:11px}.skillrow__blurb{color:#cdd7e8;font-size:12px;line-height:1.35}.skillrow__nums{flex-wrap:wrap;gap:4px 6px;margin-top:4px;display:flex}.skillrow__chip{color:#e6edf8;background:#ffffff14;border-radius:4px;padding:1px 6px;font-size:11px}.skillrow__chip b{color:#9fb4d6;font-weight:600}.petframe__grip{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;color:#9fd8b4;letter-spacing:.04em;margin:-2px 0 4px;font-size:10px}.petframe{pointer-events:auto;color:#e6f4ea;background:#0c121cc7;border:1px solid #7be0a073;border-radius:8px;width:190px;padding:6px 8px;font-size:12px;position:absolute;top:140px;left:12px;box-shadow:0 2px 8px #00000080}.petframe[hidden]{display:none}.petframe__row+.petframe__row{margin-top:5px}.petframe__row--dead{opacity:.5}.petframe__name{color:#9be8bf;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.petframe__bar{background:#1a2230;border-radius:4px;height:12px;margin-top:2px;position:relative;overflow:hidden}.petframe__bar i{display:block;position:absolute;left:0}.petframe__hp{background:linear-gradient(#e0554a,#a8322b);height:9px;top:0}.petframe__shield{background:#6fb7ff;height:3px;bottom:0}.petframe__text{text-align:center;text-shadow:0 0 2px #000;font-size:10px;line-height:9px;position:absolute;inset:0}.petframe__buttons{gap:4px;margin-top:6px;display:flex}.petframe__btn{color:#e6f4ea;cursor:pointer;background:#1f2b3d;border:1px solid #ffffff40;border-radius:4px;flex:1;padding:3px 0;font-size:11px}.petframe__btn:hover{background:#2b3d57}.petframe__row{align-items:center;gap:6px;display:flex}.petframe__main{flex:1;min-width:0}.petframe__portrait{border-radius:50%;flex:none;width:30px;height:30px}.petframe__buttons{flex-wrap:wrap}.hud__right{pointer-events:none;flex-direction:column;gap:8px;width:180px;max-height:calc(100% - 80px);display:flex;position:absolute;top:12px;right:12px}.minimap{pointer-events:auto;width:180px;position:relative}.minimap__canvas{background:#080c12;border:2px solid #ffffff8c;border-radius:50%;width:180px;height:180px;display:block;box-shadow:0 4px 18px #0009}.minimap__name,.minimap__coords{text-align:center;text-shadow:0 1px 3px #000,0 0 6px #000;font-size:12px;line-height:1.3}.minimap__name{color:#ffe9a8;margin-top:4px;font-weight:700}.minimap__coords{color:#d4deee;font-variant-numeric:tabular-nums}.qtrack{pointer-events:auto;background:#080e16c7;border:1px solid #ffffff29;border-radius:8px;flex:0 auto;min-height:0;max-height:34vh;padding:8px 10px;font-size:12px;line-height:1.35;overflow:auto}.qtrack__head{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.qtrack__arrow{color:#cfd8ea;font-size:14px}.qtrack.is-collapsed .qtrack__head{margin-bottom:0}.qtrack__head{color:#ffe08a;margin-bottom:4px;font-weight:700}.qtrack__quest{cursor:pointer;border-radius:5px;margin:0 -6px;padding:4px 6px}.qtrack__quest:hover,.qtrack__quest.is-hl{background:#ffe05024}.qtrack__title{color:#fff;font-weight:700}.qtrack__quest.is-ready .qtrack__title{color:#ffd23f}.qtrack__obj{color:#cfd8ea;padding-left:8px}.qtrack__obj.is-done{color:#7fe08a}.qmark{color:#ffd23f;text-shadow:0 0 6px #000,0 2px 4px #000,1px 1px #7a5a00,-1px -1px #7a5a00;pointer-events:none;font-size:34px;font-weight:900;line-height:1;animation:1.1s ease-in-out infinite alternate qmark-bob;position:absolute;top:0;left:0}.qmark[data-kind=grey]{color:#a9afb8;text-shadow:0 0 6px #000,0 2px 4px #000,1px 1px #3c4048,-1px -1px #3c4048}@keyframes qmark-bob{0%{margin-top:0}to{margin-top:-6px}}.win--quest{width:520px;max-width:calc(100vw - 24px)}.qd__greet{color:#cfd8ea;margin-bottom:8px;font-style:italic}.qd__cols{grid-template-columns:170px 1fr;gap:10px;display:grid}.qd__list{align-content:start;gap:4px;display:grid}.qd__item{text-align:left;color:#e6edf8;cursor:pointer;font:inherit;background:#ffffff0d;border:1px solid #ffffff24;border-radius:6px;grid-template-columns:16px 1fr;align-items:center;gap:2px 6px;padding:6px 8px;display:grid}.qd__item.is-selected{background:#ffd23f1f;border-color:#ffd23f}.qd__mark{color:#ffd23f;grid-row:span 2;font-size:16px;font-weight:900}.qd__item--locked_level .qd__mark,.qd__item--active .qd__mark{color:#a9afb8}.qd__ilvl{color:#9aa7bd;font-size:11px}.qd__detail{min-height:220px}.qd__kind{text-transform:uppercase;letter-spacing:.06em;color:#8fb4ff;font-size:11px}.qd__title{margin-bottom:4px;font-size:16px;font-weight:700}.qd__line{color:#dbe4f5;margin:4px 0}.qd__head{color:#ffe08a;margin-top:8px;font-weight:700}.qd__objs,.qd__rewards{margin:2px 0 0;padding-left:18px}.qd__objs li.is-done{color:#7fe08a}.qd__buttons{gap:8px;margin-top:10px;display:flex}.qd__btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:7px;padding:7px 16px;font-weight:700}.qd__btn--go{background:linear-gradient(#4aa3ff,#2a73d6);border-color:#2a73d6}.qd__locked,.qd__empty{color:#ffb3aa}.bossbar{pointer-events:none;text-align:center;width:min(460px,46vw);position:absolute;top:10px;left:50%;transform:translate(-50%)}.bossbar__name{overflow-wrap:anywhere;color:#ffb3aa;text-shadow:0 1px 4px #000,0 0 8px #000;font-size:clamp(12px,1.6vw,16px);font-weight:800;line-height:1.15}.bossbar__track{background:#0a0606d9;border:2px solid #8a1c14;border-radius:6px;height:20px;margin-top:2px;position:relative;overflow:hidden}.bossbar__fill{background:linear-gradient(#ff5a4a,#b3261c);height:100%;transition:width .15s linear}.bossbar__text{text-shadow:0 1px 2px #000;font-size:12px;font-weight:700;line-height:16px;position:absolute;inset:0}.banner{text-align:center;letter-spacing:.02em;color:#ffe9a8;text-shadow:0 2px 8px #000,0 0 18px #000;pointer-events:none;background:linear-gradient(90deg,#0000,#280604d1 20% 80%,#0000);max-width:90vw;padding:14px 40px;font-size:30px;font-weight:900;position:absolute;top:24%;left:50%;transform:translate(-50%)}.banner[data-kind=boss]{color:#ff9c8c}.banner.is-visible{animation:5s ease-out forwards banner-in}@keyframes banner-in{0%{opacity:0;transform:translate(-50%)scale(1.25)}8%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}.ticker{pointer-events:none;z-index:5;background:linear-gradient(90deg,#3c0806eb,#1e0606d9);border-bottom:1px solid #c0392b;align-items:center;height:30px;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:0 2px 8px #0009}.ticker__label{letter-spacing:.08em;color:#2a0503;z-index:1;background:#ff6b5a;flex:none;align-items:center;height:100%;padding:0 12px;font-size:12px;font-weight:900;display:flex}.ticker__track{flex:1;height:100%;position:relative;overflow:hidden}.ticker__text{white-space:nowrap;color:#ffe9a8;text-shadow:0 1px 3px #000;transform:translate(var(--ticker-from,100vw), -50%);font-size:15px;font-weight:700;position:absolute;top:50%;left:0}@keyframes ticker-scroll{0%{transform:translate(var(--ticker-from,100vw), -50%)}to{transform:translate(-100%,-50%)}}.has-ticker>.bossbar{top:40px}.has-ticker>.hud__top,.has-ticker>.hud__right{transition:top .2s ease-out;top:42px}.has-bossbar .target{top:58px}.has-bossbar.has-ticker .target{top:92px}.has-bossbar>.dgbar,.has-bossbar>.dfbar,.has-bossbar>.arbar{top:140px}.has-bossbar.has-ticker>.dgbar,.has-bossbar.has-ticker>.dfbar,.has-bossbar.has-ticker>.arbar{top:174px}.wmap{z-index:60;pointer-events:auto;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wmap[hidden]{display:none}.wmap__panel{background:#0c121cf5;border:1px solid #ffffff38;border-radius:10px;flex-direction:column;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);display:flex;box-shadow:0 10px 40px #000000b3}.wmap__bar{color:#ffe9a8;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:700;display:flex}.wmap__close{color:#d4deee;cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1}.wmap__body{gap:12px;min-height:0;padding:12px;display:flex}.wmap__canvas{cursor:pointer;border:1px solid #ffffff40;border-radius:6px;flex:none;width:520px;max-width:100%;height:520px}.wmap__side{flex-direction:column;gap:8px;width:260px;min-height:0;display:flex}.wmap__list{flex-direction:column;flex:1;gap:3px;max-height:520px;display:flex;overflow-y:auto}.wmap__head{letter-spacing:.06em;text-transform:uppercase;color:#8fa0b8;margin-top:6px;font-size:11px}.wmap__row{color:#e6edf8;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex}.wmap__row:hover{background:#ffffff1f}.wmap__row.is-selected{background:#ffe05029;border-color:#ffe050}.wmap__dot{border-radius:50%;flex:none;width:10px;height:10px}.wmap__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.wmap__role{color:#9fb0c8;white-space:nowrap;font-size:12px}.wmap__tabs{gap:4px;display:flex}.wmap__tabs[hidden],.wmap__tpinfo[hidden],.wmap__list[hidden]{display:none}.wmap__tab{color:#d4deee;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;flex:1;padding:5px 8px;font-size:13px}.wmap__tab.is-active{color:#fff;background:#6fe3ff29;border-color:#6fe3ff}.wmap__tpinfo{color:#6fe3ff;font-size:12px}.wmap__row.is-locked{opacity:.5}.wmap__row:disabled{cursor:default}.wmap__hint{color:#8fa0b8;font-size:11px}@media (width<=860px){.wmap__body{flex-direction:column;overflow-y:auto}.wmap__side{width:auto}.wmap__list{max-height:200px}}@media (width<=480px){.hud__right,.minimap,.minimap__canvas{width:150px}.minimap__canvas{height:150px}}.qtrack.is-free{z-index:30;width:240px;position:fixed}.qtrack__grip{cursor:grab;color:#cfd8ea;touch-action:none;margin-right:6px}.qtrack__title{flex:1}.partyframe{pointer-events:auto;color:#e6f4ea;background:#0c121cc7;border:1px solid #7be08a80;border-radius:8px;width:210px;padding:6px 8px;font-size:12px;position:absolute;top:270px;left:12px;box-shadow:0 2px 8px #00000080}.partyframe[hidden],.partyinvite[hidden],.ctxmenu[hidden]{display:none}.partyinvite--duel{border-color:#ff9a3c;top:calc(28% + 90px)}.partyframe__head{color:#7be08a;justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:700;display:flex}.partyframe__leave{color:#ddd;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:4px;padding:1px 6px;font-size:11px}.partyframe__row{cursor:pointer;border-radius:5px;gap:6px;padding:3px 2px;display:flex}.partyframe__row:hover{background:#ffffff14}.partyframe__row--off{opacity:.5}.partyframe__class{text-align:center;color:#fff;text-shadow:0 1px 2px #000;border-radius:50%;flex:none;width:22px;height:22px;font-size:12px;font-style:normal;font-weight:700;line-height:22px}.partyframe__body{flex:1;min-width:0}.partyframe__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.partyframe__lv{color:#aab;margin-left:6px;font-size:10px}.partyframe__bar{background:#00000080;border-radius:3px;height:5px;margin-top:2px;overflow:hidden}.partyframe__bar i{height:100%;display:block}.partyframe__bar--sh i{background:#9aa7b8}.partyframe__bar--hp i{background:#d9473f}.partyframe__bar--mp i{background:#3f78d9}.partyframe__info{color:#ffd27a;font-size:10px}.partyinvite{pointer-events:auto;color:#fff;text-align:center;z-index:5;background:#0c121ceb;border:1px solid #7be08a;border-radius:10px;padding:12px 16px;position:absolute;top:28%;left:50%;transform:translate(-50%)}.partyinvite p{margin:0 0 8px}.partyinvite button{cursor:pointer;border:0;border-radius:6px;margin:0 4px;padding:4px 14px;font-weight:600}.partyinvite__yes{color:#fff;background:#3fae5a}.partyinvite__no{color:#fff;background:#b04a42}.ctxmenu{pointer-events:auto;z-index:6;background:#0c121cf2;border:1px solid #ffffff40;border-radius:8px;min-width:150px;padding:4px;position:absolute}.ctxmenu__title{color:#9ab;padding:2px 8px 4px;font-size:11px}.ctxmenu__item{text-align:left;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:5px;width:100%;padding:5px 8px;display:block}.ctxmenu__item:hover{background:#7be08a40}.partywin{color:#e6f4ea;min-width:340px;max-width:400px;font-size:12px}.partywin__invite{gap:6px;margin-bottom:8px;display:flex}.partywin__input{color:#fff;background:#00000059;border:1px solid #ffffff40;border-radius:4px;flex:1;padding:4px 6px}.partywin__btn{color:#e6f4ea;cursor:pointer;background:#285a37b3;border:1px solid #7be08a99;border-radius:4px;padding:4px 10px}.partywin__btn:hover{background:#3c8250d9}.partywin__btn--small{padding:2px 6px;font-size:11px}.partywin__empty,.partywin__help{color:#aab8b0;margin:6px 0}.partywin__row{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:4px 0;display:flex}.partywin__row--off{opacity:.5}.partywin__info{flex:1;min-width:0}.partywin__name{font-weight:700}.partywin__meta{color:#aab8b0;font-size:11px}.partywin__actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:150px;display:flex}.partywin__loot{margin:8px 0}.partywin__select{color:#fff;background:#0006;border:1px solid #ffffff40;border-radius:4px;padding:2px 4px}.followbadge{color:#e6f4ea;pointer-events:auto;background:#0c121ccc;border:1px solid #7be08a99;border-radius:10px;padding:3px 8px;font-size:12px;position:absolute;top:52px;left:50%;transform:translate(-50%)}.followbadge[hidden]{display:none}.followbadge__x{color:#ff8a7a;cursor:pointer;background:0 0;border:0;margin-left:6px;font-size:14px}.petframe__stance{width:100%;margin:2px 0}.petframe__stance[data-passive="1"]{color:#9bd}.petframe__revive{color:#ffcf7a}.partywin__pname{color:#7be08a;text-align:center;background:#14461e59;border:1px solid #4fd163;border-radius:6px;margin:0 0 6px;padding:3px 8px;font-weight:600}.partyframe__loot{pointer-events:auto;border-top:1px solid #ffffff26;margin-top:4px;padding-top:4px;font-size:11px}.partyframe__select{color:#e6f4ea;pointer-events:auto;background:#ffffff1a;border:1px solid #ffffff40;border-radius:4px;font-size:11px}.partyframe__select option{color:#111}.win--guild{width:460px;max-width:calc(100vw - 16px)}.win--guildmaster{width:340px}.guildinvite{border-color:#6db3ff}.guildwin__count{color:#6db3ff;margin-bottom:8px;font-weight:600}.guildwin__noticebox{background:#6db3ff1a;border-radius:6px;margin-bottom:8px;padding:6px 8px}.guildwin__noticehead{color:#9db8f0;margin-bottom:4px;font-size:12px}.guildwin__noticetext{white-space:pre-wrap;word-break:break-word}.guildwin__notice{box-sizing:border-box;resize:vertical;color:#fff;width:100%;font:inherit;background:#080e16cc;border:1px solid #34507a;border-radius:4px;margin-bottom:4px;display:block}.guildwin__foot{gap:8px;margin-top:10px;display:flex}.guildwin__danger{background:#8a3a34}.guildwin__req{margin:0 0 8px;padding-left:18px}.guildwin__req .ok{color:#7be08a}.guildwin__req .bad{color:#ff8a7a}.guildwin__help{color:#aab6c6;margin:0 0 8px;font-size:12px}.guildwin__err{color:#ff8a7a;min-height:1em;margin:6px 0 0}.guildwin__tabs{gap:6px;margin-bottom:8px;display:flex}.guildwin__tab--on{color:#fff;background:#3a6bb5}.warpanel__box{background:#6db3ff1a;border-radius:6px;margin-bottom:6px;padding:6px 8px}.warpanel__castle{background:#ffd24a1f}.warpanel__invite{border:1px solid #e0503c}.warpanel__head{color:#ffd24a;margin:6px 0 4px;font-weight:700}.warpanel__meta{color:#9db8f0;margin-bottom:4px;font-size:12px}.win--storage{pointer-events:auto;width:520px;max-width:calc(100vw - 16px)}.storage__head{margin:8px 0 4px;font-size:13px;font-weight:700}.storage__grid{grid-template-columns:repeat(10,44px);gap:4px;max-height:252px;padding-right:4px;display:grid;overflow-y:auto}.storage__grid--bag{max-height:none;overflow:visible}.storage__grid .islot--full{cursor:pointer}.storage__help{opacity:.75;margin:8px 0 0;font-size:12px}.win--messages{width:660px;max-width:calc(100vw - 16px)}.win--messages .win__body{padding:0}.msg__tabs{border-bottom:1px solid #ffffff1f;gap:4px;padding:6px 8px 0;display:flex}.msg__tab{color:#cfd8e6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-bottom:none;border-radius:6px 6px 0 0;padding:6px 14px;position:relative}.msg__tab.is-on{color:#fff;background:#5a82c84d}.msg__badge{color:#fff;text-align:center;background:#d9342b;border-radius:8px;min-width:16px;margin-left:6px;padding:0 5px;font-size:11px;line-height:16px;display:inline-block}.msg__main{height:390px;max-height:calc(100vh - 160px);display:flex}.msg__list{border-right:1px solid #ffffff1f;flex-direction:column;flex:none;gap:4px;width:220px;padding:6px;display:flex;overflow-y:auto}.msg__pane{flex-direction:column;flex:1;min-width:0;display:flex}.msg__new{gap:4px;margin-bottom:4px;display:flex}.msg__input{color:#eef3fb;background:#00000059;border:1px solid #fff3;border-radius:6px;flex:1;min-width:0;padding:5px 8px}.msg__btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4664a080;border:1px solid #fff3;border-radius:6px;padding:4px 10px}.msg__btn:hover{background:#5a82c8b3}.msg__btn--danger{background:#96323280}.msg__btn--danger:hover{background:#be3c3cb3}.msg__conv{text-align:left;color:#dbe4f2;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:6px;padding:6px 8px}.msg__conv:hover{background:#ffffff17}.msg__conv.is-on{background:#5a82c840;border-color:#78a0e6b3}.msg__convtop{align-items:center;gap:6px;font-weight:600;display:flex}.msg__convname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.msg__convlast{color:#9fb0c8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.msg__convtime{color:#7f90a8;font-size:11px}.msg__dot{background:#666e7a;border-radius:50%;flex:none;width:8px;height:8px}.msg__dot.is-on{background:#4cd964}.msg__head{border-bottom:1px solid #ffffff1f;align-items:center;gap:6px;padding:8px 10px;display:flex}.msg__head strong{flex:1}.msg__thread{flex-direction:column;flex:1;gap:6px;padding:8px 10px;display:flex;overflow-y:auto}.msg__bubble{overflow-wrap:anywhere;background:#ffffff1a;border-radius:10px;align-self:flex-start;max-width:80%;padding:5px 9px}.msg__bubble.is-mine{background:#466ebe8c;align-self:flex-end}.msg__time{color:#9fb0c8;text-align:right;font-size:10px}.msg__more{color:#b5c4dc;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:10px;align-self:center;padding:3px 10px}.msg__send{border-top:1px solid #ffffff1f;gap:6px;padding:8px 10px;display:flex}.msg__empty{color:#8c9bb2;padding:10px;font-size:13px}.msg__friends{flex:1;padding:8px 12px;overflow-y:auto}.msg__sec{color:#cfe0ff;margin:10px 0 6px;font-weight:700}.msg__frow{align-items:center;gap:8px;padding:4px 0;display:flex}.msg__fname{min-width:90px;font-weight:600}.msg__fmeta{color:#9fb0c8;flex:1;font-size:12px}@media (width<=700px){.msg__list{width:140px}}.msg__attitems .islot--small,.modal .islot--small{width:38px;height:38px}.msg__attach{background:#00000040;border:1px solid #ffd84a59;border-radius:8px;margin-top:4px;padding:5px 6px}.msg__attgold{color:#ffd84a;font-weight:700}.msg__attitems{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.msg__attstate{color:#b5c4dc;margin-top:3px;font-size:11px}.msg__compose{border-top:1px solid #ffffff1f;padding:6px 10px}.msg__btn.is-on{background:#466ebeb3}.win--friends{width:520px}.win--friends .msg__friends{max-height:60vh}.frq-toast{z-index:9000;color:#e8eefc;background:#141a28f2;border:1px solid #fff3;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex;position:fixed;top:90px;right:16px}.win--companion{width:520px;max-width:calc(100vw - 16px)}.comp__empty,.comp__hint{color:#b9c2d6;margin:6px 0;font-size:12px}.comp__list{flex-wrap:wrap;gap:4px;display:flex}.comp__pet{color:#dfe6f5;cursor:pointer;background:#1a2133;border:1px solid #3a4560;border-radius:6px;padding:4px 8px;font-size:12px}.comp__pet--on{background:#243253;border-color:#6db3ff}.comp__pet[data-summoned="1"]:before{content:"● ";color:#6be39a}.comp__count{color:#8f9ab3;margin:4px 0 8px;font-size:11px}.comp__head{align-items:baseline;gap:8px;display:flex}.comp__name{font-size:15px}.comp__tier{color:#b9c2d6;font-size:12px}.comp__tier--rare{color:#6db3ff}.comp__tier--epic{color:#c78bff}.comp__traits{color:#cfe8d6;margin:6px 0;padding-left:18px;font-size:12px}.comp__actions,.comp__row{gap:6px;margin:6px 0;display:flex}.comp__input{color:#e6ecfa;background:#121826;border:1px solid #3a4560;border-radius:6px;flex:1;min-width:0;padding:4px 6px}.comp__auto{align-items:center;gap:6px;margin:6px 0;font-size:12px;display:flex}.comp__bagtitle{margin:8px 0 4px;font-size:12px;font-weight:700}.comp__grid{grid-template-columns:repeat(10,44px);gap:3px;max-width:100%;display:grid;overflow-x:auto}.comp__tabs{gap:4px;margin-bottom:8px;display:flex}.comp__tab{color:#e6ecfa;cursor:pointer;background:#121826;border:1px solid #3a4560;border-radius:6px;flex:1;padding:4px 6px}.comp__tab--on{background:#2a3a66;border-color:#6f8cff}.comp__fuse{justify-content:center;align-items:center;gap:8px;margin:10px 0;display:flex}.comp__fslot{color:#e6ecfa;text-align:center;cursor:pointer;background:#121826;border:1px dashed #3a4560;border-radius:8px;justify-content:center;align-items:center;width:64px;height:52px;font-size:11px;display:flex}.comp__fslot--res{cursor:default;border-style:solid}.comp__fslot--win{animation:1.2s ease-out comp-fuse-win;box-shadow:0 0 14px 4px #ffd75a}.comp__fslot--lose{animation:.9s ease-out comp-fuse-lose}@keyframes comp-fuse-win{0%{transform:scale(.6);box-shadow:0 0 #fff}50%{transform:scale(1.25);box-shadow:0 0 24px 10px #ffe9a0}to{transform:scale(1)}}@keyframes comp-fuse-lose{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.comp__eggs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.comp__tier--legendary{color:#ffd24a;text-shadow:0 0 6px #ffb300,0 0 12px #ffb30088;font-weight:700}.win--trade{width:560px;max-width:calc(100vw - 16px)}.win--stallsetup,.win--stall{width:440px;max-width:calc(100vw - 16px)}.partyinvite--trade{border-color:#ffd24a}.trade__cols{gap:10px;display:flex}.trade__col{background:#161c2b;border:1px solid #3a4560;border-radius:6px;flex:1;min-width:0;padding:6px}.trade__col--own{border-color:#6db3ff}.trade__who{color:#dfe6f5;margin-bottom:4px;font-weight:700}.trade__grid{grid-template-columns:repeat(5,44px);gap:3px;display:grid}.trade__gold{color:#ffd24a;align-items:center;gap:6px;margin:6px 0 2px;font-size:12px;display:flex}.trade__input{color:#dfe6f5;background:#0f1420;border:1px solid #3a4560;border-radius:4px;width:110px;padding:3px 6px}.trade__input--wide{flex:1;width:auto}.trade__state{color:#b9c2d6;margin-top:4px;font-size:12px}.trade__state--lock{color:#ffd24a}.trade__state--done{color:#7be08a}.trade__actions{gap:6px;margin-top:8px;display:flex}.trade__actions button:disabled{opacity:.45;cursor:not-allowed}.trade__hint{color:#b9c2d6;margin:6px 0;font-size:12px}.stall__lines{flex-direction:column;gap:4px;margin:6px 0;display:flex}.stall__line{align-items:center;gap:8px;display:flex}.stall__name{color:#dfe6f5;flex:1;min-width:0;font-size:12px}.stall__price{color:#ffd24a;white-space:nowrap;font-size:12px}.stall__grid{grid-template-columns:repeat(5,72px);gap:8px 6px;margin:8px 0;display:grid}.stall__cell{flex-direction:column;align-items:center;gap:3px;display:flex}.stall__cellprice{box-sizing:border-box;width:68px;padding:2px 4px;font-size:11px}.stall__free{color:#6f7a90;height:24px;font-size:10px}.partyinvite--trade{top:36%}.dg-gate{flex-direction:column;gap:6px;min-width:260px;display:flex}.dg-gate__name{color:#ffd84a;font-size:16px;font-weight:700}.dg-gate__row{justify-content:space-between;gap:12px;font-size:13px;display:flex}.dg-gate__val{font-weight:600}.dg-gate__hint{opacity:.75;font-size:12px;line-height:1.35}.dg-gate__hint--warn{color:#ff8a7a;opacity:1}.dg-gate__go{cursor:pointer;color:#fff;background:#285a32d9;border:1px solid #7be08a;border-radius:6px;margin-top:4px;padding:6px 10px;font-weight:600}.dg-gate__go:disabled{opacity:.45;cursor:not-allowed}.dgbar{color:#fff;text-align:center;pointer-events:auto;z-index:20;background:#0e0c18d1;border:1px solid #b266ff8c;border-radius:8px;min-width:320px;max-width:520px;padding:6px 12px 8px;position:absolute;top:100px;left:50%;transform:translate(-50%)}.dgbar__head{justify-content:center;align-items:center;gap:12px;display:flex}.dgbar__name{color:#d9b8ff;font-weight:700}.dgbar__time{font-variant-numeric:tabular-nums;font-weight:700}.dgbar__time--low{color:#ff6a5a}.dgbar__leave{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff59;border-radius:4px;padding:1px 8px;font-size:11px}.dgbar__stage{opacity:.85;margin-top:2px;font-size:12px}.dgbar__obj{color:#ffd84a;margin-top:2px;font-size:13px}.dgresult{color:#fff;text-align:center;z-index:30;pointer-events:auto;background:#0e0c18eb;border:2px solid #ffd84a;border-radius:10px;flex-direction:column;gap:4px;min-width:300px;padding:14px 18px;display:flex;position:absolute;top:28%;left:50%;transform:translate(-50%)}.dgresult--fail{border-color:#ff6a5a}.dgresult__title{color:#ffd84a;font-size:20px;font-weight:800}.dgresult--fail .dgresult__title{color:#ff6a5a}.dgresult__chest{opacity:.8;margin-top:6px;font-size:13px}.dgresult__item{font-size:14px;font-weight:600}.dgresult__btn{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #fff6;border-radius:6px;margin-top:8px;padding:5px 10px}.arinvite{color:#fff;text-align:center;z-index:31;pointer-events:auto;background:#0e0c18eb;border:2px solid #e0503c;border-radius:10px;flex-direction:column;gap:6px;min-width:300px;padding:12px 16px;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}.arinvite__yes,.arinvite__no{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #fff6;border-radius:6px;padding:5px 10px}.arinvite__yes{background:#285a32d9;border-color:#7be08a}.arbar{color:#fff;text-align:center;pointer-events:auto;z-index:20;background:#0e0c18d1;border:1px solid #e0503c99;border-radius:8px;min-width:340px;padding:6px 12px 8px;position:absolute;top:100px;left:50%;transform:translate(-50%)}.arbar__head{justify-content:center;align-items:center;gap:12px;display:flex}.arbar__phase{color:#ffd0c0;font-weight:700}.arbar__time{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.arbar__time--low{color:#ff6a5a}.arbar__leave{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff59;border-radius:4px;padding:1px 8px;font-size:11px}.arbar__teams{justify-content:center;gap:18px;margin-top:3px;font-size:13px;display:flex}.arbar__team--mine{font-weight:800;text-decoration:underline}.arresult{color:#fff;text-align:center;z-index:30;pointer-events:auto;background:#0e0c18eb;border:2px solid #ffd84a;border-radius:10px;flex-direction:column;gap:4px;min-width:300px;padding:14px 18px;display:flex;position:absolute;top:28%;left:50%;transform:translate(-50%)}.arresult--lose{border-color:#ff6a5a}.arresult__title{color:#ffd84a;font-size:22px;font-weight:800}.arresult--lose .arresult__title{color:#ff6a5a}.arrequest{color:#fff;z-index:30;pointer-events:none;background:#0e0c18eb;border:2px solid #e0a13c;border-radius:10px;min-width:340px;max-width:560px;padding:10px 14px;position:absolute;top:40%;left:50%;transform:translate(-50%)}.arrequest--bad{border-color:#ff6a5a}.arrequest__title{text-align:center;color:#ffd890;margin-bottom:4px;font-weight:800}.arrequest__cols{justify-content:center;gap:18px;display:flex}.arrequest__col{min-width:150px}.arrequest__leader{margin-bottom:2px;font-weight:700}.arrequest__member{font-size:13px}.arrequest__member--yes{color:#7be08a}.arrequest__member--no{color:#ff8a7a}.arrequest__member--wait{color:#d8d0c0}.arrequest__time,.arrequest__text{text-align:center;margin-top:6px;font-size:13px}.arportals{color:#fff;z-index:19;pointer-events:auto;background:#0e0c18d9;border:1px solid #e0a13cb3;border-radius:8px;min-width:240px;max-width:340px;padding:8px 10px;position:absolute;top:150px;right:12px}.arportals__title{color:#ffd890;margin-bottom:4px;font-size:13px;font-weight:800}.arportals__row{justify-content:space-between;align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.arportals__btn{cursor:pointer;color:#fff;white-space:nowrap;background:#e0a13c40;border:1px solid #e0a13c;border-radius:4px;padding:2px 8px}.arportals__btn:disabled{opacity:.5;cursor:default}.dfbar{color:#fff;text-align:center;pointer-events:auto;z-index:20;background:#140a0cd6;border:1px solid #e0503ca6;border-radius:8px;min-width:340px;max-width:560px;padding:6px 12px 8px;position:absolute;top:100px;left:50%;transform:translate(-50%)}.dfbar__head{justify-content:center;align-items:center;gap:12px;display:flex}.dfbar__phase{color:#ffb8a0;font-weight:700}.dfbar__time{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.dfbar__time--low{color:#ff6a5a}.dfbar__leave{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff59;border-radius:4px;padding:1px 8px;font-size:11px}.dfbar__stage{opacity:.85;margin-top:2px;font-size:12px}.dfbar__obj{color:#ffd84a;margin-top:2px;font-size:13px;line-height:1.3}.dfbar__teams{flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-top:4px;font-size:12px;display:flex}.dfbar__team--mine{font-weight:800;text-decoration:underline}.dfresult{color:#fff;text-align:center;z-index:30;pointer-events:auto;background:#0e0c18f0;border:2px solid #ffd84a;border-radius:10px;flex-direction:column;gap:4px;min-width:300px;max-width:420px;padding:14px 18px;display:flex;position:absolute;top:28%;left:50%;transform:translate(-50%)}.dfresult--fail{border-color:#ff6a5a}.dfresult__title{color:#ffd84a;font-size:20px;font-weight:800}.dfresult--fail .dfresult__title{color:#ff6a5a}.dfresult__text{opacity:.9;font-size:13px}.dfresult__chest{opacity:.8;margin-top:6px;font-size:13px}.dfresult__item{font-size:14px;font-weight:600}.dfresult__btn{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #fff6;border-radius:6px;margin-top:8px;padding:5px 10px}.win--biologist{pointer-events:auto;width:480px;max-width:calc(100vw - 16px)}.bio{padding:10px;font-size:12px}.bio__greeting{color:#cbbf9d;margin-bottom:8px;font-style:italic;line-height:1.4}.bio__card{background:#ffffff0d;border:1px solid #ffd75a66;border-radius:6px;padding:8px 10px}.bio__title{color:#ffd75a;margin-bottom:4px;font-weight:800}.bio__line{margin:3px 0}.bio__bar{background:#00000073;border-radius:5px;height:10px;margin:4px 0;overflow:hidden}.bio__fill{background:linear-gradient(90deg,#3fae5a,#7dff9a);height:100%}.bio__timer{color:#9fd8ff;margin:4px 0;font-weight:700}.bio__elixir{align-items:flex-start;gap:6px;margin:6px 0;line-height:1.3;display:flex}.bio__btn{cursor:pointer;padding:5px 18px;font-weight:800}.bio__btn:disabled{opacity:.5;cursor:not-allowed}.bio__flash{margin-top:6px;font-weight:700}.bio__flash.is-ok{color:#7dff9a}.bio__flash.is-bad{color:#ff8a7a}.bio__done{color:#7dff9a;padding:8px;font-weight:700}.bio__head{margin:10px 0 4px;font-size:13px;font-weight:700}.bio__bonus{color:#7dff9a;margin:2px 0}.bio__muted{opacity:.65}.bio__list{scrollbar-gutter:stable;max-height:180px;overflow-y:auto}.bio__row{padding:2px 4px}.bio__row.is-done{color:#7dff9a}.bio__row.is-current{color:#ffd75a;font-weight:700}.bio__row.is-locked{opacity:.55}.bio__help{opacity:.75;margin:8px 0 0}.gat{width:min(400px,94vw);padding:10px}.gat__hint{color:#cbbf9d;margin-bottom:8px;font-size:11px;line-height:1.4}.gat__card{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;margin-bottom:8px;padding:8px;font-size:12px}.gat__title{margin-bottom:4px;font-weight:700}.gat__bar{background:#0006;border-radius:4px;height:8px;margin:4px 0;overflow:hidden}.gat__fill{background:linear-gradient(90deg,#3a8fd8,#7bd6ff);height:100%}.gat__card--mine .gat__fill{background:linear-gradient(90deg,#b87a3a,#f0c53a)}.gat__btn{cursor:pointer;margin-top:6px;padding:4px 10px}.gat-pull{color:#fff;z-index:60;pointer-events:none;background:#dc3c28d9;border:2px solid #ffd2c8;border-radius:12px;padding:10px 28px;font-size:30px;font-weight:800;animation:.35s ease-in-out infinite alternate gat-pulse;position:fixed;top:34%;left:50%;transform:translate(-50%)}@keyframes gat-pulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.12)}}.autohunt-btn{pointer-events:auto;color:#cfd8e3;cursor:pointer;background:#0a101ad9;border:1px solid #ffffff40;border-radius:12px;padding:3px 12px;font-size:12px;position:absolute;bottom:292px;left:50%;transform:translate(-50%)}.autohunt-btn--on{color:#fff;background:#28783ce6;border-color:#7dffa0}.autohunt-slots{flex-wrap:wrap;gap:6px}.autohunt-slot{align-items:center;gap:2px;display:inline-flex}.devboss{z-index:19;pointer-events:auto;flex-direction:column;gap:4px;width:190px;display:flex}.devboss[hidden]{display:none}.devboss__card{color:#fff;text-align:center;pointer-events:auto;opacity:.7;background:#1e080ce0;border:1px solid #e0143cbf;border-radius:6px;padding:3px 8px 5px;font-size:11px}.devboss__title{color:#ff6b81;letter-spacing:.02em;font-size:12px;font-weight:800}.devboss__time{font-variant-numeric:tabular-nums;color:#ffd23f;font-weight:700}.devboss__place{opacity:.9;font-size:10px}.devboss__track{background:#0000008c;border-radius:3px;height:12px;margin-top:3px;position:relative;overflow:hidden}.devboss__fill{background:linear-gradient(#e0143c,#8a0b25);height:100%;transition:width .3s}.devboss__hp{font-variant-numeric:tabular-nums;text-shadow:0 0 3px #000;font-size:9px;line-height:12px;position:absolute;inset:0}.lucky-badge{z-index:19;pointer-events:none;color:#ffe9a0;text-align:center;text-shadow:0 0 6px #ffc828cc;background:linear-gradient(100deg,#3c2800e6,#785408e6,#3c2800e6) 0 0/200% 100%;border:1px solid #ffd65ae6;border-radius:6px;max-width:260px;padding:3px 10px;font-size:11px;font-weight:800;animation:3s linear infinite lucky-shimmer;box-shadow:0 0 10px #ffbe288c}.lucky-badge[hidden]{display:none}@keyframes lucky-shimmer{0%{background-position:0 0}to{background-position:200% 0}}.surprise-cast{z-index:25;pointer-events:none;text-align:center;color:#e8dcff;text-shadow:0 1px 3px #000;width:240px;font-size:12px;font-weight:700;position:absolute;bottom:170px;left:50%;transform:translate(-50%)}.surprise-cast[hidden]{display:none}.surprise-cast__track{background:#0a0618d9;border:1px solid #b48cffcc;border-radius:5px;height:10px;margin-top:3px;overflow:hidden}.surprise-cast__fill{background:linear-gradient(90deg,#7a4bff,#ff8ae8);width:0;height:100%}.hint-bubble{z-index:40;color:#f3e6c0;pointer-events:auto;background:#18140cf0;border:1px solid #ffd65ad9;border-radius:10px;width:min(340px,90vw);padding:10px 12px;font-size:13px;line-height:1.4;position:absolute;bottom:190px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #ffbe2859}.hint-bubble[hidden]{display:none}.hint-bubble__head{color:#ffd75a;justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.hint-bubble__x{color:inherit;cursor:pointer;background:0 0;border:none;font-size:18px}.hint-bubble__off{color:#a99d7c;cursor:pointer;background:0 0;border:none;margin-top:6px;padding:0;font-size:11px;text-decoration:underline}.daily{width:min(600px,92vw);padding:10px}.daily__note{color:#cbbf9d;margin:0 0 8px;font-size:12px}.daily__grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.daily__day{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;min-height:88px;padding:6px;font-size:11px;position:relative}.daily__day.is-last{border-color:#ffd65a99;grid-column:span 2}.daily__day.is-today{background:#ffd65a24;border-color:#ffd75a;box-shadow:0 0 10px #ffbe2880}.daily__day.is-claimed{opacity:.6}.daily__day.is-locked{opacity:.85}.daily__n{color:#ffd75a;font-weight:800}.daily__gold{color:#f3e6c0}.daily__item{color:#b9d7ff}.daily__tick{color:#7be07b;font-size:16px;font-weight:800;position:absolute;top:4px;right:6px}.daily__foot{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.daily__left{color:#cbbf9d;font-size:12px}.daily__claim{color:#ffe9a0;cursor:pointer;background:linear-gradient(#7a5a10,#4a3508);border:1px solid #ffd75a;border-radius:6px;padding:6px 16px;font-weight:800}.daily__claim:disabled{opacity:.5;cursor:default}.board{width:min(480px,92vw);padding:10px}.board__tabs{gap:4px;margin-bottom:8px;display:flex}.board__tab{color:#e6dcc0;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:6px;flex:1;padding:5px 4px;font-size:12px}.board__tab.is-on{color:#ffd75a;background:#ffd65a2e;border-color:#ffd75a}.board__list{max-height:320px;overflow-y:auto}.board__row{border-bottom:1px solid #ffffff12;align-items:center;gap:8px;padding:3px 6px;font-size:12px;display:flex}.board__row.is-top1{color:#ffd75a;font-weight:800}.board__row.is-top2{color:#d6dbe3;font-weight:700}.board__row.is-top3{color:#d99a5b;font-weight:700}.board__rank{text-align:right;width:24px}.board__name{flex:1}.board__val{font-variant-numeric:tabular-nums}.board__me{color:#ffd75a;margin-top:8px;font-size:12px;font-weight:800}.board__end,.board__rewards{color:#cbbf9d;margin-top:6px;font-size:11px}.rank .board__list{scrollbar-gutter:stable;max-height:340px}.rank__filter{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.rank__cls{flex:none;padding:3px 8px;font-size:11px}.board__row.is-me{background:#ffd65a29;border-radius:4px;outline:1px solid #ffd65a8c}.ach{width:min(560px,94vw);padding:10px}.ach__sum{color:#cbbf9d;margin-bottom:6px;font-size:12px}.ach__tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.ach__tab{flex:none;padding:3px 8px;font-size:11px}.ach__list{scrollbar-gutter:stable;max-height:380px;overflow-y:auto}.ach__row{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;margin-bottom:6px;padding:6px 8px;font-size:12px}.ach__row.is-done{border-color:#7dff9a73}.ach__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ach__name{color:#ffd75a;font-weight:800}.ach__title{font-size:11px;font-weight:700}.ach__desc{color:#cbbf9d;margin:2px 0 4px}.ach__bar{background:#00000073;border-radius:7px;height:14px;position:relative;overflow:hidden}.ach__fill{background:linear-gradient(90deg,#c98a1c,#ffd75a);height:100%}.ach__row.is-done .ach__fill{background:linear-gradient(90deg,#3aa85a,#7dff9a)}.ach__barlab{text-align:center;color:#fff;text-shadow:0 0 3px #000;font-size:10px;line-height:14px;position:absolute;inset:0}.ach__foot{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.ach__reward{color:#a99d7c;font-size:11px}.ach__got{color:#7dff9a;font-size:11px}.ach__claim,.ach__clear{color:#ffd75a;cursor:pointer;background:#ffd65a33;border:1px solid #ffd75a;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.ach__clear{margin-bottom:6px}.ach__clear:disabled{opacity:.45;cursor:default}.ach__trow{align-items:center;gap:10px;display:flex}.ach__trow.is-locked{opacity:.65}.ach__trow.is-worn{border-color:#ffd75a}.ach__tname{min-width:120px;font-weight:800}.ach__tsrc{color:#a99d7c;flex:1;font-size:11px}.hud__abadge{color:#4a2a00;text-align:center;background:#ffc933;border-radius:8px;min-width:16px;margin-left:6px;padding:0 4px;font-size:11px;font-weight:900}.hud__abadge[hidden]{display:none}.hud__mbtn--ach{box-shadow:0 0 0 2px #ffc933}.mnt{width:min(480px,94vw);padding:10px}.mnt__hint{color:#cbbf9d;margin-bottom:8px;font-size:11px;line-height:1.4}.mnt__list{scrollbar-gutter:stable;max-height:380px;overflow-y:auto}.mnt__row{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;margin-bottom:6px;padding:6px 8px;font-size:12px}.mnt__row.is-active{border-color:#7dff9a8c}.mnt__row.is-locked{opacity:.65}.mnt__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mnt__name{color:#ffd75a;font-weight:800}.mnt__req{color:#cbbf9d;font-size:11px}.mnt__desc{color:#d9d2bd;margin:2px 0 4px}.mnt__bar{background:#00000073;border-radius:7px;height:14px;position:relative;overflow:hidden}.mnt__fill{background:linear-gradient(90deg,#4f9d4e,#8be07a);height:100%}.mnt__barlab{text-align:center;color:#fff;text-shadow:0 0 3px #000;font-size:10px;line-height:14px;position:absolute;inset:0}.mnt__bonus{color:#9fd0ff;margin-top:4px;font-weight:600}.mnt__src{color:#cbbf9d;margin-top:2px;font-size:11px}.mnt__btn{color:#ffe9a8;cursor:pointer;background:#ffd75a26;border:1px solid #ffd75a99;border-radius:5px;margin-top:6px;padding:3px 14px;font-weight:700}.mnt__btn:disabled{opacity:.45;cursor:not-allowed}.cal{width:min(760px,96vw);max-height:80vh;padding:10px;overflow-y:auto}.cal__season{background:linear-gradient(90deg,#7846a059,#3c285a33);border:1px solid #ffd75a59;border-radius:6px;margin-bottom:8px;padding:8px 10px;font-size:12px}.cal__season.is-running{border-color:#ffd75a;box-shadow:0 0 10px #ffd75a73}.cal__stitle{color:#ffd75a;font-weight:800}.cal__sfx{color:#8be07a;font-weight:700}.cal__sdesc{color:#d9d2bd}.cal__scount{color:#cbbf9d;font-variant-numeric:tabular-nums}.cal__next{color:#f3e6bd;font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:12px}.cal__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.cal__day{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;min-height:110px;padding:4px;font-size:11px}.cal__day.is-today{background:#ffd75a1a;border-color:#ffd75a}.cal__dname{color:#ffd75a;text-align:center;margin-bottom:4px;font-weight:800}.cal__empty{text-align:center;color:#6d6a60}.cal__item{background:#00000059;border:1px solid #ffffff1a;border-radius:4px;margin-bottom:4px;padding:3px 4px}.cal__item.is-active{border-color:#7dff9a;animation:1.6s ease-in-out infinite cal-glow}.cal__iname{color:#f3e6bd;font-weight:700}.cal__itime{color:#cbbf9d;font-variant-numeric:tabular-nums}.cal__ifx{color:#8be07a}.cal__ilive{color:#7dff9a;font-variant-numeric:tabular-nums;font-weight:800}.cal__foot{color:#9d977f;margin-top:8px;font-size:10px}@keyframes cal-glow{0%,to{box-shadow:0 0 2px #7dff9a4d}50%{box-shadow:0 0 10px #7dff9ad9}}@media (width<=640px){.cal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.loading-screen{z-index:60;text-align:center;color:#f3e6bd;opacity:1;pointer-events:auto;background:radial-gradient(at 50% 40%,#2a2140 0%,#120e1c 60%,#07050c 100%);place-content:center;justify-items:center;gap:10px;padding:24px;transition:opacity .45s;display:grid;position:absolute;inset:0}.loading-screen.auth-bg--image{background:linear-gradient(#07050c8c, #07050cbf), var(--lobby-image) center / cover no-repeat, #07050c}.loading-screen--out{opacity:0;pointer-events:none}.loading-screen__logo{letter-spacing:10px;color:#e8c25a;text-shadow:0 0 24px #e8c25a73,0 3px #5a3d0a;font-size:56px;font-weight:900}.loading-screen__map{margin-top:18px;font-size:28px;font-weight:700}.loading-screen__band{color:#c9b98a;min-height:20px;font-size:15px}.loading-screen__bar{background:#0000008c;border:1px solid #c9a84c;border-radius:6px;width:min(420px,80vw);height:10px;margin-top:14px;overflow:hidden}.loading-screen__fill{background:linear-gradient(90deg,#b8860b,#f0d070);width:0;height:100%;transition:width .3s ease-out}.loading-screen__label{color:#a89c78;font-size:13px}.loading-screen__tip{color:#d9ccaa;max-width:min(560px,86vw);min-height:40px;margin-top:22px;font-size:15px;font-style:italic}