:root{--ink:#eef4f0;--muted:#92a39a;--panel:#0d1212f0;--panel-soft:#181f1ee0;--line:#ffffff1a;--danger:#ff746c;--gold:#f2ca67;--success:#77e5ad;--shadow:0 24px 70px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;color:var(--ink);overscroll-behavior:none;background:#080c0d;margin:0}body{overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--zone-accent,#76e2ad);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.game-root{--zone-accent:#76e2ad;--zone-color:#13261f;background:#718571;width:100vw;height:100dvh;min-height:540px;position:relative;overflow:hidden}.game-root:before{z-index:20;pointer-events:none;content:"";border:1px solid #ffffff0d;position:absolute;inset:0;box-shadow:inset 0 0 70px #1117133d}.game-hud{top:max(10px, env(safe-area-inset-top));z-index:30;pointer-events:none;grid-template-columns:auto minmax(140px,220px) minmax(170px,1fr) auto;align-items:center;gap:7px;display:grid;position:absolute;left:12px;right:12px}.brand-lockup,.player-chip,.level-hud,.resource-hud{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#080c0db3;min-height:46px;box-shadow:0 8px 24px #0000002e}.brand-lockup{border-radius:13px;align-items:center;padding:5px;display:flex}.brand-lockup>span{color:#07110d;background:var(--zone-accent);width:34px;height:34px;box-shadow:0 0 28px color-mix(in srgb, var(--zone-accent) 32%, transparent);border-radius:9px;place-items:center;display:grid}.brand-lockup svg{width:21px}.player-chip div,.level-hud div{flex-direction:column;min-width:0;display:flex}.brand-lockup strong{letter-spacing:.08em;text-transform:uppercase;font-size:15px}.brand-lockup small,.player-chip span,.level-hud small{color:var(--muted);letter-spacing:.08em;font-size:9px}.player-chip{cursor:pointer;text-align:left;border-radius:13px;align-items:center;gap:9px;min-width:0;padding:6px 9px;display:flex}.player-chip>svg:first-child{width:27px;color:var(--zone-accent)}.player-chip>svg:last-child{width:16px;color:var(--muted);margin-left:auto}.player-chip strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.level-hud{border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:7px 11px;display:grid}.level-hud>span{color:var(--zone-accent);letter-spacing:.08em;font-size:12px;font-weight:900}.level-hud small{text-align:right;margin-top:5px}.resource-hud{border-radius:13px;align-items:center;gap:6px;padding:5px;display:flex}.resource-hud span{color:#dbe6e0;white-space:nowrap;background:#ffffff0b;border-radius:10px;align-items:center;gap:5px;min-height:34px;padding:0 9px;font-size:12px;font-weight:800;display:flex}.resource-hud svg{width:15px;color:var(--zone-accent)}.progress-track{background:#ffffff17;border-radius:999px;width:100%;height:6px;display:block;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg, var(--zone-accent), #d7ffeb);height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--zone-accent) 55%, transparent);transition:width .24s;display:block}.progress-health i{background:linear-gradient(90deg,#da514f,#ff9b72)}.progress-enemy i{background:linear-gradient(90deg,#f1535f,#ff9d70)}.world-stage{position:absolute;inset:0}.world-stage>canvas{width:100%!important;height:100%!important}.zone-title{z-index:12;color:#edf4ef;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#11171394;border:1px solid #ffffff1f;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;display:flex;position:absolute;top:70px;left:16px}.zone-title h1{letter-spacing:.04em;margin:0;font-family:inherit;font-size:10px;font-weight:800}.boss-alert,.boss-timer{z-index:13;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#250c10d9;border:1px solid #ff786659;border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:6px 10px;display:flex;position:absolute;top:70px;right:16px;box-shadow:0 12px 36px #00000047,0 0 30px #ff5b541a}.boss-alert{cursor:crosshair;text-align:left;animation:2s ease-in-out infinite boss-glow}.boss-alert>svg,.boss-timer>svg{color:#ff776b;width:23px}.boss-alert div{flex-direction:column;display:flex}.boss-alert small{color:#ff978c;letter-spacing:.12em;font-size:9px;font-weight:900}.boss-alert strong{font-size:12px}.boss-alert>span,.boss-timer strong{color:#ffd0c9;font-variant-numeric:tabular-nums;margin-left:5px;font-size:12px}.boss-timer{border-color:var(--line);color:var(--muted);background:#080c0db8;font-size:11px}.boss-timer>svg{color:#8d9993}@keyframes boss-glow{50%{box-shadow:0 12px 36px #00000047,0 0 36px #ff5b5447}}.scene-loading,.scene-fallback{z-index:4;background:radial-gradient(circle, color-mix(in srgb, var(--zone-accent) 12%, transparent), transparent 36%), var(--zone-color);align-content:center;justify-items:center;display:grid;position:absolute;inset:0}.scene-loading>span,.scene-fallback>svg{border:1px solid color-mix(in srgb, var(--zone-accent) 40%, transparent);width:62px;height:62px;color:var(--zone-accent);border-radius:50%;place-items:center;margin-bottom:16px;animation:2.5s linear infinite spin-mark;display:grid}.scene-loading svg{width:28px}.scene-loading small,.scene-fallback p{max-width:360px;color:var(--muted);text-align:center;margin-top:7px;font-size:12px}@keyframes spin-mark{to{transform:rotate(360deg)}}.event-feed{z-index:12;pointer-events:none;flex-direction:column;gap:5px;width:min(300px,36vw);display:flex;position:absolute;top:106px;left:16px}.event-feed article{color:#c6d0cb;background:linear-gradient(90deg,#0d120f9e,#0000);border-left:2px solid #ffffff24;align-items:flex-start;gap:8px;padding:6px 8px;font-size:10px;animation:.28s both feed-in;display:flex}.event-feed article span{color:var(--zone-accent);font-weight:900}.event-feed p{margin:0}.event-feed .event-loot{border-color:#ba84ff}.event-feed .event-loot span,.event-feed .event-level span{color:#d8abff}.event-feed .event-defeat{border-color:var(--danger)}@keyframes feed-in{0%{opacity:0;transform:translate(-8px)}}.target-card{z-index:14;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080c0dc2;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:10px;width:min(340px,100vw - 32px);min-height:58px;padding:8px 10px;display:grid;position:absolute;bottom:82px;right:50%;transform:translate(50%);box-shadow:0 9px 28px #00000038}.target-copy{flex-direction:column;min-width:0;display:flex}.target-heading{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.target-heading small{color:#f18b82;letter-spacing:.13em;flex:none;font-size:8px;font-weight:900}.target-heading strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:12px;overflow:hidden}.target-copy>span{color:var(--muted);text-align:right;margin-top:3px;font-size:9px}.target-actions{color:var(--success);text-transform:uppercase;align-items:center;gap:6px;font-size:9px;display:flex}.auto-pulse{background:var(--success);border-radius:50%;width:10px;height:10px;animation:1.4s ease-out infinite auto-pulse;box-shadow:0 0 #77e5ad8c}@keyframes auto-pulse{to{box-shadow:0 0 0 9px #77e5ad00}}.target-actions .text-button{color:#f3a19a;margin-left:2px;font-size:8px}.target-champion{border-color:#bd84ff59}.target-boss{background:#20090de6;border-color:#ff675b7a}.rest-button{right:84px;bottom:calc(env(safe-area-inset-bottom,0px) + 118px);z-index:14;color:#9bf0c3;cursor:pointer;background:#0a1e16d1;border:1px solid #77e5ad4d;border-radius:11px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;font-weight:800;display:flex;position:absolute}.rest-button svg{width:15px}.encounter-strip{z-index:13;scrollbar-width:none;gap:5px;max-width:calc(100vw - 24px);padding:3px 4px 5px;display:flex;position:absolute;bottom:82px;left:auto;right:50%;overflow-x:auto;transform:translate(50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000);mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000)}.encounter-strip::-webkit-scrollbar{display:none}.encounter-chip{border:1px solid var(--line);cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080c0db3;border-radius:10px;align-items:center;gap:6px;min-width:118px;padding:5px 7px;display:flex;box-shadow:0 7px 20px #00000029}.encounter-chip:hover,.encounter-chip.active{border-color:color-mix(in srgb, var(--zone-accent) 48%, transparent);transform:translateY(-1px)}.encounter-chip:disabled{cursor:default;filter:grayscale(.7);opacity:.58}.encounter-chip:disabled:hover{border-color:var(--line);transform:none}.encounter-chip>span{color:#ff8177;background:#ffffff0d;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;font-size:13px;display:grid}.encounter-chip div{flex-direction:column;min-width:0;display:flex}.encounter-chip strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.encounter-chip small{color:var(--muted);margin-top:1px;font-size:7px}.encounter-champion{border-color:#be80ff4d}.encounter-boss{background:#260a0ee0;border-color:#ff675b6b}.resource-strip{z-index:12;gap:5px;max-width:calc(100vw - 24px);display:flex;position:absolute;bottom:132px;right:50%;transform:translate(50%)}.resource-chip{color:#cfe8df;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071815b8;border:1px solid #6fe0c43d;border-radius:10px;align-items:center;gap:6px;min-width:126px;padding:5px 8px;display:flex;box-shadow:0 7px 20px #00000024}.resource-chip:hover,.resource-chip.resource-selected{background:#0c2c24d1;border-color:#6fe0c494;transform:translateY(-1px)}.resource-chip>span{color:#8bf0d2;background:#6fe0c417;border-radius:7px;flex:none;place-items:center;width:25px;height:25px;display:grid}.resource-chip div{flex-direction:column;min-width:0;display:flex}.resource-chip strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.resource-chip small{color:#8fb8aa;font-size:7px}.empty-encounters{width:100%;color:var(--muted);text-align:center;padding:12px;font-size:11px}.game-dock{right:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:32;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070a0be6;border-radius:18px;gap:4px;padding:6px;display:flex;position:absolute;transform:translate(50%)}.game-dock button{color:#84928b;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-items:center;gap:3px;min-width:68px;padding:7px 10px 6px;display:grid}.game-dock button:hover,.game-dock button.active{color:var(--ink);background:#fff1}@media (hover:hover) and (pointer:fine){.game-dock button{transition:transform .14s,padding .14s,color .14s,background .14s}.game-dock button:hover{padding:10px 14px 9px;transform:translateY(-4px)scale(1.06)}.game-dock button:hover svg{width:23px}}.game-dock button.active{color:var(--zone-accent)}.game-dock button>span{place-items:center;display:grid;position:relative}.game-dock svg{width:20px}.game-dock b{color:#0a100d;background:var(--zone-accent);border-radius:99px;min-width:15px;height:15px;padding:0 4px;font-size:8px;line-height:15px;position:absolute;top:-7px;right:-10px}.game-dock small{font-size:8px;font-weight:700}.panel-backdrop{z-index:80;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020505ad;justify-content:center;align-items:center;animation:.18s both backdrop-in;display:flex;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}}.game-panel{background:linear-gradient(145deg, color-mix(in srgb, var(--zone-accent) 5%, transparent), transparent 30%), var(--panel);width:min(560px,100%);max-height:min(780px,100dvh - 36px);box-shadow:var(--shadow);border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) both panel-in;display:flex;overflow:hidden}.game-panel-wide{width:min(960px,100%)}@keyframes panel-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.panel-header{border-bottom:1px solid var(--line);background:#ffffff06;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:15px 16px;display:grid}.panel-icon{border:1px solid color-mix(in srgb, var(--zone-accent) 34%, transparent);width:40px;height:40px;color:var(--zone-accent);background:color-mix(in srgb, var(--zone-accent) 8%, transparent);border-radius:12px;place-items:center;display:grid}.panel-icon svg{width:20px}.panel-header div{min-width:0}.panel-header small{color:var(--zone-accent);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:900}.panel-header h2{margin:2px 0 0;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:500}.icon-button{border:1px solid var(--line);color:#a7b3ad;cursor:pointer;background:#ffffff09;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{color:var(--ink);border-color:#ffffff38}.icon-button svg{width:17px}.panel-content{scrollbar-color:#ffffff2e transparent;min-height:0;padding:16px;overflow-y:auto}.panel-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.loadout-summary{flex-wrap:wrap;gap:6px;display:flex}.loadout-summary span{border:1px solid var(--line);color:#bcc9c2;background:#ffffff08;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:800;display:flex}.loadout-summary svg{width:14px;color:var(--zone-accent)}.primary-button,.secondary-button,.text-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:34px;font-size:10px;font-weight:900;display:inline-flex}.primary-button{border:1px solid color-mix(in srgb, var(--zone-accent) 52%, transparent);color:#07110d;background:var(--zone-accent);box-shadow:0 7px 20px color-mix(in srgb, var(--zone-accent) 14%, transparent)}.primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.secondary-button{border:1px solid var(--line);color:#cbd6d0;background:#ffffff0a}.text-button{min-height:auto;color:var(--gold);background:0 0;border:0;padding:0}.primary-button svg,.secondary-button svg,.text-button svg{width:14px}.panel-toolbar>button{padding:0 12px}.resource-inventory{flex-wrap:wrap;gap:7px;margin-bottom:10px;display:flex}.resource-inventory span{color:#aebdb7;background:#6fe0c40b;border:1px solid #6fe0c42e;border-radius:10px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;display:inline-flex}.resource-inventory b{color:#8bf0d2}.resource-inventory strong{color:#e7f3ed;margin-left:5px}.empty-state,.empty-chat{min-height:290px;color:var(--muted);text-align:center;align-content:center;justify-items:center;padding:28px;display:grid}.empty-state>svg,.empty-chat>svg{width:38px;color:var(--zone-accent);opacity:.72;margin-bottom:10px}.empty-state h3{color:var(--ink);margin:0}.empty-state p{max-width:420px;margin:8px 0 0;font-size:12px;line-height:1.55}.card-list,.quest-list,.market-grid,.skill-tree,.zone-map{flex-direction:column;gap:9px;display:flex}.item-card,.market-card{border:1px solid var(--line);background:#ffffff07;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.item-card.item-equipped{border-color:color-mix(in srgb, var(--zone-accent) 42%, transparent);background:color-mix(in srgb, var(--zone-accent) 5%, #ffffff06)}.item-glyph{border:1px solid var(--line);color:#dbe4df;background:#ffffff0b;border-radius:13px;place-items:center;width:48px;height:48px;font-family:Georgia,serif;font-size:24px;display:grid}.item-copy,.market-card>div{min-width:0}.item-title-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.item-title-row strong{font-size:12px}.item-title-row em{color:#9ca9a2;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-style:normal;font-weight:900}.item-copy>small,.market-card small,.skill-node small{color:var(--muted);font-size:9px}.item-copy p,.market-card p,.skill-node p{color:#aebbb4;margin:4px 0 5px;font-size:10px;line-height:1.4}.stats-line{color:var(--zone-accent);font-size:9px;font-weight:800}.item-actions{gap:7px;min-width:78px;display:grid}.item-actions button{padding:0 10px}.rarity-uncommon{border-color:#4bd58f40}.rarity-uncommon .item-title-row em,.rarity-uncommon .item-glyph{color:#6ee1a2}.rarity-rare{border-color:#5497ff4d}.rarity-rare .item-title-row em,.rarity-rare .item-glyph{color:#73aaff}.rarity-epic{border-color:#bb75ff57}.rarity-epic .item-title-row em,.rarity-epic .item-glyph{color:#c58aff}.rarity-legendary{background:linear-gradient(90deg,#f5bd4d0f,#ffffff05);border-color:#f5bd4d66}.rarity-legendary .item-title-row em,.rarity-legendary .item-glyph{color:#f5c75b}.skill-intro,.market-note,.world-route-note{border:1px solid color-mix(in srgb, var(--zone-accent) 24%, transparent);color:#b7c5bd;background:color-mix(in srgb, var(--zone-accent) 5%, transparent);border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:11px 12px;display:flex}.skill-intro svg,.market-note svg,.world-route-note svg{width:21px;color:var(--zone-accent);flex:none}.skill-intro p,.market-note p,.world-route-note p{margin:0;font-size:10px;line-height:1.45}.skill-branch{padding-left:22px;position:relative}.skill-connector{background:#ffffff24;width:1px;position:absolute;top:-14px;bottom:calc(100% - 25px);left:9px}.skill-node{border:1px solid var(--line);background:#ffffff06;border-radius:14px;grid-template-columns:auto 1fr minmax(105px,auto);align-items:center;gap:12px;padding:13px;display:grid}.skill-node:before{content:"";background:#141a18;border:2px solid #59645f;border-radius:50%;width:11px;height:11px;position:absolute;left:4px}.skill-unlocked:before{border-color:var(--zone-accent);background:var(--zone-accent);box-shadow:0 0 14px color-mix(in srgb, var(--zone-accent) 48%, transparent)}.skill-glyph{border:1px solid var(--line);width:43px;height:43px;color:var(--muted);background:#ffffff09;border-radius:50%;place-items:center;font-size:20px;display:grid}.skill-unlocked .skill-glyph{border-color:color-mix(in srgb, var(--zone-accent) 48%, transparent);color:var(--zone-accent)}.skill-node button{padding:0 11px}.requirement{color:#8c9992;text-transform:capitalize;font-size:8px}.quest-card{border:1px solid var(--line);background:#ffffff06;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.quest-card>span{width:39px;height:39px;color:var(--zone-accent);background:color-mix(in srgb, var(--zone-accent) 8%, transparent);border-radius:11px;place-items:center;font-size:19px;display:grid}.quest-card strong{font-size:12px}.quest-card p{color:var(--muted);margin:3px 0 7px;font-size:10px}.quest-reward{justify-items:end;gap:7px;min-width:125px;display:grid}.quest-reward small{color:var(--gold);align-items:center;gap:4px;font-size:8px;display:flex}.quest-reward svg{width:11px}.quest-reward button{padding:0 11px}.done-label{color:var(--success);align-items:center;gap:4px;font-size:9px;display:flex}.quest-claimed{opacity:.58}.zone-map{position:relative}.zone-card{--zone-accent:#7be4ad;border:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--zone-accent) 6%, transparent), #ffffff05);border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:15px;display:grid}.zone-index{border:1px solid color-mix(in srgb, var(--zone-accent) 38%, transparent);width:46px;height:46px;color:var(--zone-accent);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:20px;display:grid}.zone-index svg{width:18px}.zone-card small{color:var(--zone-accent);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:900}.zone-card h3{margin:2px 0 0;font-family:Georgia,serif;font-size:20px;font-weight:500}.zone-card strong{color:#b9c5bf;font-size:10px}.zone-card p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.4}.zone-route-state{border:1px solid var(--line);min-width:105px;color:var(--muted);text-align:center;background:#ffffff06;border-radius:10px;padding:8px 12px;font-size:9px;font-weight:800}.zone-route-state.current{border-color:color-mix(in srgb, var(--zone-accent) 42%, transparent);color:var(--zone-accent)}.zone-current{border-color:color-mix(in srgb, var(--zone-accent) 52%, transparent);box-shadow:inset 3px 0 var(--zone-accent)}.zone-locked{filter:grayscale(.75);opacity:.55}.market-grid{grid-template-columns:1fr 1fr;display:grid}.market-card{grid-template-columns:auto 1fr;align-content:start}.market-card>button{grid-column:1/-1;width:100%}.market-locked{filter:grayscale(.75)}.social-layout{grid-template-columns:280px 1fr;gap:14px;min-height:520px;display:grid}.online-column,.chat-column{border:1px solid var(--line);background:#ffffff05;border-radius:15px;min-height:0}.online-column{padding:11px;overflow-y:auto}.online-column h3{color:#b8c5be;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:6px;margin:5px 4px 9px;font-size:9px;display:flex}.online-column h3:not(:first-child){margin-top:20px}.online-column h3 svg{width:13px;color:var(--zone-accent)}.online-player,.friend-row{border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.online-player:hover,.friend-row:hover{background:#ffffff09}.online-player>i,.friend-row>span{border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px}.online-player div,.friend-row div{flex-direction:column;min-width:0;display:flex}.online-player strong,.friend-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.online-player small,.friend-row small,.social-status{color:var(--muted);font-size:8px}.online-player .icon-button{width:30px;height:30px}.social-friend{color:var(--success)}.friend-row>span{box-shadow:none;background:#5a625e}.friend-row>.friend-online{background:var(--success);box-shadow:0 0 9px #77e5ad80}.muted-copy{color:var(--muted);padding:12px 4px;font-size:10px}.chat-column{grid-template-rows:1fr auto;display:grid;overflow:hidden}.chat-messages{min-height:0;padding:12px;overflow-y:auto}.chat-messages article{border:1px solid var(--line);background:#ffffff09;border-radius:4px 12px 12px;max-width:82%;margin-bottom:8px;padding:8px 10px}.chat-messages article.own-message{border-color:color-mix(in srgb, var(--zone-accent) 30%, transparent);background:color-mix(in srgb, var(--zone-accent) 6%, transparent);border-radius:12px 4px 12px 12px;margin-left:auto}.chat-messages header{align-items:center;gap:6px;display:flex}.chat-messages header strong{color:var(--zone-accent);font-size:9px}.chat-messages header span,.chat-messages time{color:var(--muted);font-size:7px}.chat-messages time{margin-left:auto}.chat-messages article p{color:#d3ddd8;overflow-wrap:anywhere;margin:4px 0 0;font-size:10px;line-height:1.4}.chat-form,.chat-lock{border-top:1px solid var(--line);background:#00000029;align-items:center;gap:8px;padding:10px;display:flex}.chat-form input,.account-form input{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:#ffffff0a;border-radius:10px}.chat-form input{padding:0 12px}.chat-form button{padding:0 13px}.chat-lock>svg{width:22px;color:var(--gold);flex:none}.chat-lock div{flex-direction:column;flex:1;min-width:0;display:flex}.chat-lock strong{font-size:10px}.chat-lock span{color:var(--muted);font-size:8px}.chat-lock button{flex:none;padding:0 11px}.account-saved{text-align:center;justify-items:center;padding:25px 20px;display:grid}.account-saved>svg{width:54px;color:var(--success)}.account-saved h3{margin:10px 0 5px;font-family:Georgia,serif;font-size:24px;font-weight:500}.account-saved p{max-width:420px;color:var(--muted);margin:0;font-size:11px;line-height:1.5}.account-actions{gap:8px;display:grid}.account-actions button,.account-submit,.passkey-login{width:100%;min-height:42px}.danger-button{color:#ffaaa2;border-color:#ff736940}.account-tabs{background:#ffffff0a;border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:15px;padding:4px;display:grid}.account-tabs button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:10px;font-weight:800}.account-tabs button.active{color:var(--ink);background:#ffffff14}.account-form{gap:11px;display:grid}.account-form label{color:#b6c2bc;letter-spacing:.05em;text-transform:uppercase;gap:5px;font-size:9px;font-weight:800;display:grid}.account-form input{text-transform:none;padding:0 11px}.passkey-login{margin-top:8px}.account-footnote{color:var(--muted);align-items:flex-start;gap:7px;margin:14px 0 0;font-size:9px;line-height:1.45;display:flex}.account-footnote svg{width:14px;color:var(--gold);flex:none}.toast{top:max(82px, calc(env(safe-area-inset-top) + 68px));z-index:120;border:1px solid var(--line);min-width:min(380px,100vw - 30px);max-width:560px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0f0ef0;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px 11px 15px;font-size:10px;animation:.22s both toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast-error{color:#ffc2bd;border-color:#ff746c5c}.toast-success{color:#b9f4d3;border-color:#77e5ad4d}.toast button{color:currentColor;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.toast svg{width:15px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}}.connection-screen{background:radial-gradient(circle at 50% 35%,#5cdd9c1c,#0000 30%),linear-gradient(160deg,#101b17,#070a0b 66%);place-items:center;width:100vw;min-height:100dvh;padding:24px;display:grid}.connection-screen section{text-align:center;justify-items:center;max-width:440px;display:grid}.connection-mark{color:#77e5ad;background:#77e5ad0f;border:1px solid #77e5ad52;border-radius:22px;place-items:center;width:74px;height:74px;margin-bottom:18px;display:grid;box-shadow:0 0 60px #77e5ad1a}.connection-mark svg{width:34px}.connection-screen small{color:#77e5ad;letter-spacing:.2em;font-size:9px;font-weight:900}.connection-screen h1{margin:8px 0 5px;font-family:Georgia,serif;font-size:36px;font-weight:500}.connection-screen p{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.6}.connection-screen button{padding:0 16px}.loading-line{background:#ffffff14;border-radius:99px;width:180px;height:2px;margin-top:10px;display:block;overflow:hidden}.loading-line:after{content:"";background:#77e5ad;width:40%;height:100%;animation:1.2s ease-in-out infinite loading-run;display:block}@keyframes loading-run{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (max-width:980px){.game-hud{grid-template-columns:auto minmax(150px,1fr) auto}.brand-lockup{padding:5px}.level-hud{grid-template-columns:auto 1fr;min-height:30px;padding:6px 9px;position:absolute;top:53px;left:0;right:0}.zone-title,.boss-alert,.boss-timer{top:91px}.event-feed{top:127px}.social-layout{grid-template-columns:220px 1fr}}@media (max-width:720px){.game-root{min-height:100dvh}.game-hud{top:max(7px, env(safe-area-inset-top));grid-template-columns:auto 1fr auto;gap:6px;left:8px;right:8px}.brand-lockup,.player-chip,.resource-hud{border-radius:12px;min-height:45px}.brand-lockup>span{border-radius:9px;width:31px;height:31px}.brand-lockup svg{width:17px}.player-chip{padding:5px 8px}.player-chip>svg:first-child{width:21px}.player-chip strong{font-size:10px}.player-chip span{font-size:7px}.resource-hud{padding:4px}.resource-hud span{min-height:35px;padding:0 8px;font-size:10px}.resource-hud span:not(:first-child){display:none}.level-hud{border-radius:10px;min-height:28px;top:49px}.zone-title{min-height:25px;padding:0 8px;top:83px;left:9px}.boss-alert,.boss-timer{min-height:38px;padding:6px 8px;top:83px;right:9px}.boss-alert>svg,.boss-timer>svg{width:18px}.boss-alert strong{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:9px;overflow:hidden}.boss-alert small,.boss-timer span{display:none}.event-feed{width:62vw;top:116px;left:9px}.target-card{width:calc(100vw - 16px);min-height:54px;padding:7px 9px;bottom:67px;right:8px;transform:none}.rest-button{right:78px;bottom:calc(env(safe-area-inset-bottom,0px) + 112px)}.encounter-strip{max-width:calc(100vw - 12px);bottom:67px}.encounter-chip{min-width:104px}.resource-strip{max-width:calc(100vw - 12px);bottom:119px}.resource-chip{min-width:108px;padding:4px 6px}.game-dock{right:6px;bottom:max(6px, env(safe-area-inset-bottom));border-radius:15px;justify-content:space-between;gap:1px;padding:4px;left:6px;transform:none}.game-dock button{flex:1;min-width:0;padding:6px 3px 4px}.game-dock svg{width:18px}.game-dock small{font-size:7px}.panel-backdrop{padding:max(8px, env(safe-area-inset-top)) 0 0;align-items:flex-end}.game-panel,.game-panel-wide{border-bottom:0;border-left:0;border-right:0;border-radius:22px 22px 0 0;width:100%;max-height:88dvh}.panel-header{padding:12px}.panel-header h2{font-size:19px}.panel-content{padding:11px 10px calc(14px + env(safe-area-inset-bottom))}.panel-toolbar{flex-direction:column;align-items:stretch}.item-card,.market-card{grid-template-columns:auto 1fr;gap:9px;padding:10px}.item-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.skill-node{grid-template-columns:auto 1fr}.skill-node button{grid-column:1/-1;width:100%}.quest-card{grid-template-columns:auto 1fr}.quest-reward{grid-column:1/-1;grid-template-columns:1fr auto;place-items:center start}.zone-card{grid-template-columns:auto 1fr;gap:10px}.zone-route-state{grid-column:1/-1;width:100%}.market-grid{grid-template-columns:1fr}.social-layout{grid-template-rows:auto minmax(420px,1fr);grid-template-columns:1fr;min-height:64dvh}.online-column{max-height:180px}.chat-lock{flex-direction:column;align-items:stretch}.chat-lock>svg{display:none}}@media (max-height:650px) and (min-width:721px){.zone-title,.boss-alert,.boss-timer{top:62px}.event-feed{top:98px}.target-card{bottom:72px}.game-dock{bottom:7px}}.game-root,.game-root :not(input):not(textarea){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-root input,.game-root textarea{-webkit-user-select:text;user-select:text}.world-stage,.world-stage canvas{touch-action:none}.game-hud{grid-template-columns:minmax(118px,180px) minmax(135px,1fr) auto;max-width:760px}.player-chip,.level-hud,.resource-hud,.game-dock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070b0ba8;border-color:#ffffff14;box-shadow:0 5px 16px #00000029}.zone-route-state{cursor:pointer;justify-content:center;align-items:center;gap:5px;display:inline-flex}.zone-route-state svg{width:13px}.lucky-box-card{background:linear-gradient(100deg,#f2ca6712,#ffffff05);border:1px solid #f2ca673d;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:10px 0;padding:12px;display:grid}.lucky-box-card>span{width:44px;height:44px;color:var(--gold);background:#f2ca6714;border-radius:12px;place-items:center;display:grid}.lucky-box-card svg{width:21px}.lucky-box-card strong{font-size:12px}.lucky-box-card p{color:var(--muted);margin:2px 0;font-size:9px}.lucky-box-card small{color:var(--gold);font-size:8px}.active-buffs{gap:7px;margin-bottom:10px;display:flex;overflow-x:auto}.active-buffs>span{border:1px solid color-mix(in srgb, var(--zone-accent) 25%, transparent);color:#dce8e1;background:color-mix(in srgb, var(--zone-accent) 6%, transparent);border-radius:10px;align-items:center;gap:6px;min-width:max-content;padding:7px 9px;font-size:9px;display:inline-flex}.active-buffs b{color:var(--zone-accent)}.active-buffs small{color:var(--muted)}.adaptive-joystick{z-index:48;opacity:.92;pointer-events:none;background:radial-gradient(circle,#0a121057 42%,#0a121029 100%);border:2px solid #f0fff657;border-radius:50%;width:116px;height:116px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000038,inset 0 0 18px #ffffff0f}.adaptive-joystick:after{content:"";border:1px dashed #ffffff24;border-radius:50%;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.adaptive-joystick>i{background:radial-gradient(circle at 38% 32%,#f6fff8,#b8dfc9);border:1.5px solid #ffffffb3;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #00000057}.adaptive-joystick.is-charging{border-color:#ffe27e80}.adaptive-joystick.is-radial{background:radial-gradient(circle,#0a121094,#0a12103d)}.party-navigation{z-index:26;pointer-events:none;position:absolute;inset:0}.party-navigation>span{color:#baf5d2;filter:drop-shadow(0 2px 4px #000000a6);justify-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.party-navigation svg{fill:#77e5ad2e;width:22px}.party-navigation small{text-overflow:ellipsis;white-space:nowrap;background:#0509089e;border-radius:6px;max-width:110px;padding:2px 5px;font-size:7px;overflow:hidden}.party-section{border:1px solid var(--line);background:#ffffff05;border-radius:14px;margin-bottom:12px;padding:10px}.party-section>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.party-section>header span,.party-section>header small{align-items:center;gap:6px;display:flex}.party-section>header span{color:var(--zone-accent);text-transform:uppercase;font-size:10px;font-weight:900}.party-section>header svg{width:15px}.party-section>header small{color:var(--muted);font-size:8px}.party-locked,.party-invite{align-items:center;gap:8px;display:flex}.party-locked{color:var(--muted);font-size:9px}.party-locked>svg{width:16px;color:var(--gold)}.party-invite{background:color-mix(in srgb, var(--zone-accent) 6%, transparent);border-radius:10px;margin-bottom:7px;padding:8px}.party-invite>div{flex:1;display:grid}.party-invite strong{font-size:10px}.party-invite small{color:var(--muted);font-size:8px}.party-invite button{min-height:30px;padding:0 9px}.party-members{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.party-members article{background:#ffffff08;border-radius:9px;flex:1;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-width:150px;padding:7px 8px;display:grid}.party-members article>i{background:#59625d;border-radius:50%;width:8px;height:8px}.party-members article>i.online{background:var(--success);box-shadow:0 0 8px #77e5ad99}.party-members article>div{display:grid}.party-members strong{align-items:center;gap:4px;font-size:9px;display:flex}.party-members strong svg{width:11px;color:var(--gold)}.party-members small{color:var(--muted);font-size:7px}.party-leave{padding:0 8px}.online-actions{gap:3px;display:flex}@media (max-width:720px){.game-hud{grid-template-columns:minmax(102px,1fr) minmax(104px,1fr) auto}.resource-hud span:nth-child(2){display:flex}.resource-hud span:nth-child(3){display:none}.lucky-box-card{grid-template-columns:auto 1fr}.lucky-box-card>button{grid-column:1/-1;width:100%}.party-section>header{flex-direction:column;align-items:flex-start;gap:4px}.party-navigation>span{transform:translate(-50%,-50%)scale(.9)}}.character-nameplate{pointer-events:none;text-align:center;justify-items:center;gap:2px;width:max-content;max-width:128px;display:grid}.character-nameplate>div{color:#f2f8f4;text-shadow:0 1px 2px #000000d9;background:#060b0b70;border-radius:7px;align-items:baseline;gap:3px;min-width:0;padding:1px 4px;display:flex}.character-nameplate b{color:#cdf6dd;white-space:nowrap;font-size:6.5px;font-weight:800}.character-nameplate strong{text-overflow:ellipsis;white-space:nowrap;max-width:108px;font-size:7.5px;font-weight:700;overflow:hidden}.character-nameplate em{color:#ff8178;font-size:6px;font-style:normal;font-weight:900}.character-nameplate.rank-champion>div{background:#3016428f;box-shadow:inset 0 0 0 1px #c58cff66}.character-nameplate.rank-boss>div{background:#4010109e;box-shadow:inset 0 0 0 1px #ff7b6f80}.character-nameplate.rank-boss strong{max-width:96px;font-size:9px}.character-nameplate.is-focused>div{background:#080e0eb8;box-shadow:inset 0 0 0 1px #ffe27e8c}.character-nameplate>span{background:#00000080;border-radius:9px;width:52px;height:2.5px;display:block;overflow:hidden;box-shadow:0 1px 2px #0006}.character-nameplate.rank-boss>span{width:88px;height:3.5px}.character-nameplate>span i{border-radius:inherit;height:100%;transition:width .14s linear;display:block}.character-health i{background:linear-gradient(90deg,#d94d4b,#ff9b72)}.character-nameplate:not(.is-enemy) .character-health i{background:linear-gradient(90deg,#43c98a,#8ff0c0)}.character-nameplate.is-downed{opacity:.8}.character-preview-loading{background:radial-gradient(circle,#77e5ad14,#0000 62%);width:100%;height:100%}.character-preview-fallback{color:var(--muted);background:radial-gradient(circle,#77e5ad17,#0000 58%);align-content:center;justify-items:center;display:grid;position:absolute;inset:0}.character-preview-fallback svg{width:58px;color:var(--zone-accent);opacity:.62}.character-preview-fallback small{margin-top:8px;font-size:8px}.character-preview-canvas{width:100%!important;height:100%!important}.profile-card-layout{grid-template-columns:minmax(280px,.88fr) minmax(330px,1.12fr);gap:14px;min-height:470px;display:grid}.profile-model,.inventory-character{border:1px solid var(--line);background:radial-gradient(circle at 50% 38%,#77e5ad21,#0000 46%),linear-gradient(155deg,#ffffff09,#0000001f);border-radius:18px;min-height:390px;position:relative;overflow:hidden}.profile-model>.character-preview-canvas,.inventory-character>.character-preview-canvas{inset:0;position:absolute!important}.profile-vitals{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050909bd;border-radius:12px;gap:5px;padding:9px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.profile-vitals span,.profile-vitals small{color:#dce8e1;align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex}.profile-vitals svg{color:#ff7c73;width:13px}.profile-vitals small{color:var(--muted);justify-content:flex-end;font-size:7px}.profile-details{flex-direction:column;gap:12px;min-width:0;display:flex}.profile-stat-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.profile-stat-grid>span{border:1px solid var(--line);min-height:72px;color:var(--muted);background:#ffffff06;border-radius:13px;grid-template-columns:auto 1fr;align-content:center;gap:3px 8px;padding:10px;font-size:9px;display:grid}.profile-stat-grid svg{width:18px;color:var(--zone-accent);grid-row:span 2}.profile-stat-grid b{color:var(--ink);font-size:16px}.profile-equipment{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.profile-equipment>span{border:1px solid var(--line);text-align:center;background:#ffffff06;border-radius:13px;align-content:center;justify-items:center;min-width:0;min-height:102px;padding:8px;display:grid}.profile-equipment>span.equipped{border-color:color-mix(in srgb, var(--zone-accent) 35%, transparent)}.profile-equipment b{color:var(--zone-accent);margin-bottom:5px;font-size:24px}.profile-equipment small{color:var(--muted);text-transform:uppercase;font-size:7px}.profile-equipment strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:9px;overflow:hidden}.profile-buffs{border:1px solid var(--line);background:#ffffff05;border-radius:13px;min-height:120px;padding:12px}.profile-buffs h3{text-transform:uppercase;margin:0 0 9px;font-size:10px}.profile-buffs>p{color:var(--muted);font-size:10px}.profile-buffs>span{background:color-mix(in srgb, var(--zone-accent) 6%, transparent);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px;font-size:9px;display:grid}.profile-buffs>span+span{margin-top:5px}.profile-buffs>span b{color:var(--zone-accent)}.profile-buffs>span small{color:var(--muted);font-size:7px}.inventory-overview{grid-template-columns:minmax(270px,.85fr) minmax(310px,1.15fr);gap:12px;min-height:330px;margin-bottom:13px;display:grid}.inventory-character{min-height:330px}.equipment-slots{z-index:3;grid-template-columns:repeat(3,1fr);gap:6px;display:grid;position:absolute;bottom:9px;left:9px;right:9px}.equipment-slots button{border:1px solid var(--line);color:#dfe9e4;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#050909c2;border-radius:10px;align-content:center;justify-items:center;min-width:0;min-height:55px;display:grid}.equipment-slots button b{font-size:18px}.equipment-slots button small{color:var(--muted);margin-top:2px;font-size:7px}.inventory-inspector{border:1px solid var(--line);background:#ffffff06;border-radius:18px;flex-direction:column;min-width:0;padding:15px;display:flex}.inventory-inspector>header{grid-template-columns:auto 1fr;align-items:center;gap:11px;display:grid}.inventory-inspector>header>span{border:1px solid;border-radius:13px;place-items:center;width:56px;height:56px;font-size:27px;display:grid}.inventory-inspector h3{margin:2px 0;font-size:18px}.inventory-inspector header small,.inventory-inspector header em{color:var(--muted);font-size:8px;font-style:normal;display:block}.inventory-inspector>p{color:#b6c3bc;margin:14px 0 8px;font-size:10px;line-height:1.5}.inventory-inspector-actions{align-items:center;gap:12px;margin:15px 0;display:flex}.inventory-inspector-actions>button:first-child{min-width:100px;padding:0 14px}.inventory-inspector .loadout-summary{margin-top:auto}.inventory-market-button{width:100%;margin-top:9px}.bare-hands-info{color:var(--muted);text-align:center;flex:1;align-content:center;justify-items:center;display:grid}.bare-hands-info svg{width:36px;color:var(--zone-accent)}.bare-hands-info h3{color:var(--ink);margin:8px 0 0}.bare-hands-info p{font-size:10px}.inventory-bag{border:1px solid var(--line);background:#0000001a;border-radius:15px;margin-bottom:12px;padding:11px}.inventory-bag>header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.inventory-bag>header strong{text-transform:uppercase;font-size:10px}.inventory-bag>header small{color:var(--muted);font-size:8px}.inventory-grid{grid-template-columns:repeat(10,minmax(48px,1fr));gap:6px;display:grid}.inventory-slot{aspect-ratio:1;color:#dce6e1;background:#ffffff07;border:1px solid #ffffff1a;border-radius:9px;place-items:center;min-width:0;display:grid;position:relative}button.inventory-slot{cursor:pointer}.inventory-slot.selected{outline:2px solid var(--zone-accent);outline-offset:1px}.inventory-slot.equipped:after{content:"";border:1px solid color-mix(in srgb, var(--zone-accent) 45%, transparent);pointer-events:none;border-radius:6px;position:absolute;inset:3px}.inventory-slot>span{font-size:22px}.inventory-slot>small{color:var(--muted);font-size:7px;position:absolute;bottom:2px;right:4px}.inventory-slot>b{color:var(--zone-accent);font-size:7px;position:absolute;top:2px;left:4px}.lucky-box-costs{flex-wrap:wrap;gap:3px 8px;margin-top:4px;display:flex}.lucky-box-costs small.missing{color:#ff8d85}.skill-tree-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.skill-tree-toolbar p{margin:0;font-size:9px}.skill-tree-viewport{border:1px solid var(--line);cursor:grab;touch-action:none;background:radial-gradient(circle,#77e5ad12,#0000 43%),linear-gradient(#ffffff06 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/28px 28px,#0c1211;border-radius:18px;height:min(570px,68dvh);position:relative;overflow:hidden}.skill-tree-viewport:active{cursor:grabbing}.skill-tree-canvas{transform-origin:top;width:760px;height:700px;position:absolute;top:12px;left:50%}.skill-tree-canvas>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.skill-tree-canvas path{fill:none;stroke:#ffffff21;stroke-width:3px}.skill-tree-canvas path.unlocked{stroke:color-mix(in srgb, var(--zone-accent) 72%, white 8%);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--zone-accent) 35%, transparent))}.skill-orb{color:#8d9b94;cursor:pointer;background:#141c19;border:2px solid #47534d;border-radius:50%;place-items:center;width:78px;height:78px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 9px 22px #00000061}.skill-orb>span{font-size:25px}.skill-orb>b{color:#aab7b0;background:#090e0c;border-radius:99px;min-width:24px;padding:3px 5px;font-size:7px;position:absolute;bottom:1px;right:-2px}.skill-orb>small{color:#aebbb4;text-align:center;width:120px;font-size:8px;font-weight:800;position:absolute;top:calc(100% + 7px)}.skill-orb.unlocked{border-color:var(--zone-accent);color:var(--zone-accent);background:color-mix(in srgb, var(--zone-accent) 11%, #101714);box-shadow:0 0 24px color-mix(in srgb, var(--zone-accent) 18%, transparent)}.skill-orb.selected{outline-offset:4px;outline:3px solid #ffffffb8}.skill-detail-card{z-index:4;cursor:default;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b0ae6;border:1px solid #ffffff21;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px;display:grid;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 12px 30px #00000057}.skill-detail-card>span{width:44px;height:44px;color:var(--zone-accent);background:color-mix(in srgb, var(--zone-accent) 9%, transparent);border-radius:50%;place-items:center;font-size:21px;display:grid}.skill-detail-card header{justify-content:space-between;display:flex}.skill-detail-card strong{font-size:11px}.skill-detail-card em,.skill-detail-card small{color:var(--muted);font-size:8px;font-style:normal}.skill-detail-card p{color:#b6c2bc;margin:3px 0 0;font-size:9px}.skill-detail-card>button{min-width:130px;padding:0 12px}.quest-contract{border-color:color-mix(in srgb, var(--zone-accent) 42%, transparent);background:color-mix(in srgb, var(--zone-accent) 6%, #ffffff05)}.zone-title{display:none}.mini-map{z-index:25;cursor:pointer;background:#183440;border:2px solid #ffffff52;border-radius:50%;width:112px;height:112px;padding:0;position:absolute;top:70px;left:14px;overflow:hidden;box-shadow:0 9px 28px #0000004d}.mini-map:after{content:"";pointer-events:none;border:1px solid #ffffff26;border-radius:50%;position:absolute;inset:5px}.mini-map svg{width:100%;height:100%}.mini-map>span{color:#f3f7f5;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050909b0;border-radius:7px;padding:3px 5px;font-size:7px;font-weight:800;position:absolute;bottom:11px;left:13px;right:13px;overflow:hidden}.quest-tracker{z-index:24;color:#e6eee9;width:min(230px,100vw - 28px);box-shadow:none;cursor:pointer;text-align:left;text-shadow:0 1px 2px #000000fa,0 0 7px #000000c7;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 8px;display:grid;position:absolute;top:191px;left:14px}.quest-tracker.claimable{filter:drop-shadow(0 0 8px #f2ca6742)}.quest-tracker>span{width:30px;height:30px;color:var(--zone-accent);background:color-mix(in srgb, var(--zone-accent) 8%, transparent);border-radius:8px;place-items:center;display:grid}.quest-tracker>div{gap:2px;min-width:0;display:grid}.quest-tracker small{color:var(--muted);letter-spacing:.09em;font-size:6px}.quest-tracker strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.quest-tracker>b{color:#c9d5ce;font-size:8px}.event-feed{top:246px;left:14px}.world-map-backdrop{z-index:92;background:#010405c7;align-items:center}.world-map-panel{justify-items:center;width:min(760px,100%);max-height:calc(100dvh - 28px);display:grid}.world-map-panel>header{justify-content:space-between;align-items:center;width:min(610px,100%);margin-bottom:8px;padding:0 6px;display:flex}.world-map-panel>header small{color:var(--zone-accent);letter-spacing:.11em;font-size:8px;font-weight:900}.world-map-panel>header h2{margin:1px 0 0;font-family:Georgia,serif;font-size:24px;font-weight:500}.world-map-circle{aspect-ratio:1;touch-action:none;background:#244b5e;border:3px solid #ffffff47;border-radius:50%;width:min(610px,70vw,68dvh);overflow:hidden;box-shadow:0 25px 70px #0000008a,inset 0 0 40px #00000047}.world-map-circle svg{cursor:grab;width:100%;height:100%;display:block}.world-map-circle svg:active{cursor:grabbing}.world-map-actions{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b0be0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:min(680px,100%);min-height:58px;margin-top:10px;padding:9px;display:flex}.world-map-actions>div{flex:1;align-items:center;gap:8px;min-width:180px;display:flex}.world-map-actions>div>svg{width:20px;color:var(--zone-accent)}.world-map-actions>div span{display:grid}.world-map-actions strong{font-size:10px}.world-map-actions small,.world-map-actions>p{color:var(--muted);font-size:8px}.world-map-actions>button{min-width:112px;padding:0 12px}.radial-layer,.player-action-layer{z-index:56;position:absolute;inset:0}.radial-menu{width:1px;height:1px;position:absolute;transform:translate(-50%,-50%)}.radial-menu>i{pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#080d0c94;border:1px solid #ffffff38;border-radius:50%;width:44px;height:44px;position:absolute;top:-22px;left:-22px;box-shadow:0 0 28px #77e5ad21}.radial-menu>button{color:#edf5f0;cursor:pointer;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#070c0be6;border:1px solid #fff3;border-radius:50%;place-items:center;width:66px;height:66px;animation:.15s both radial-in;display:grid;position:absolute;box-shadow:0 10px 28px #00000057}.radial-menu>button:hover{border-color:var(--zone-accent);color:var(--zone-accent)}.radial-menu>button svg{width:21px}.radial-menu>button span{margin-top:-9px;font-size:7px;font-weight:800}.radial-emote{top:-108px;left:-33px}.radial-chat{top:-20px;left:-105px}.radial-profile{top:-20px;left:39px}@keyframes radial-in{0%{opacity:0;transform:scale(.72)}}.quick-chat{z-index:61;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b0bed;border:1px solid #ffffff29;border-radius:14px;align-items:center;gap:8px;width:min(620px,100vw - 24px);padding:8px;display:flex;position:absolute;bottom:86px;right:50%;transform:translate(50%);box-shadow:0 16px 42px #0006}.quick-chat>svg{width:20px;color:var(--zone-accent);flex:none}.quick-chat>span{color:var(--muted);flex:1;font-size:10px}.quick-chat input{border:1px solid var(--line);min-width:0;min-height:39px;color:var(--ink);background:#ffffff0b;border-radius:10px;flex:1;padding:0 12px}.quick-chat>.primary-button{min-height:39px;padding:0 14px}.player-action-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#070b0bed;border:1px solid #ffffff2b;border-radius:14px;width:min(310px,100vw - 20px);position:absolute;overflow:hidden;transform:translate(-50%,-100%);box-shadow:0 15px 42px #0000006b}.player-action-menu:after{content:"";background:#070b0bed;width:12px;height:12px;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.player-action-menu>header{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:9px 10px;display:flex}.player-action-menu>header>i{border-radius:50%;width:9px;height:9px;box-shadow:0 0 9px}.player-action-menu>header span{display:grid}.player-action-menu>header strong{font-size:10px}.player-action-menu>header small{color:var(--muted);font-size:7px}.player-action-menu>div{grid-template-columns:repeat(2,1fr);gap:5px;padding:7px;display:grid}.player-action-menu>div button{border:1px solid var(--line);color:#cbd6d0;cursor:pointer;background:#ffffff09;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:36px;font-size:8px;font-weight:800;display:flex}.player-action-menu>div button svg{width:14px;color:var(--zone-accent)}.downed-overlay{z-index:120;-webkit-backdrop-filter:grayscale(.65)blur(4px);backdrop-filter:grayscale(.65)blur(4px);background:radial-gradient(circle,#58090d33,#020405d4);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.downed-overlay>section{text-align:center;background:#0d0c0deb;border:1px solid #ff746c47;border-radius:20px;justify-items:center;width:min(520px,100%);padding:25px;display:grid;box-shadow:0 25px 70px #0000008c}.downed-overlay>section>svg{color:#ff746c;width:44px}.downed-overlay>section>small{color:#ff8b83;letter-spacing:.14em;margin-top:10px;font-size:8px;font-weight:900}.downed-overlay h2{margin:4px 0 5px;font-family:Georgia,serif;font-size:25px;font-weight:500}.downed-overlay p{max-width:420px;color:var(--muted);margin:0 0 15px;font-size:10px;line-height:1.55}.downed-overlay>section>div:last-child{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;display:grid}.downed-overlay button{min-height:52px;padding:7px 10px}.revive-waiting{color:#b8eecf;align-items:center;gap:7px;margin-bottom:10px;font-size:9px;display:flex}.revive-waiting svg{width:15px}@media (max-width:720px){.mini-map{width:104px;height:104px;top:83px;left:9px}.quest-tracker{width:min(218px,100vw - 18px);top:195px;left:9px}.event-feed{width:min(260px,72vw);top:247px;left:9px}.profile-card-layout,.inventory-overview{grid-template-columns:1fr;min-height:0}.profile-model{min-height:330px}.inventory-character{min-height:285px}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-equipment{gap:5px}.profile-equipment>span{min-height:86px;padding:5px}.inventory-grid{grid-template-columns:repeat(6,1fr);gap:5px}.inventory-slot>span{font-size:18px}.inventory-inspector-actions{flex-direction:column;align-items:stretch}.skill-tree-viewport{height:66dvh;min-height:460px}.skill-detail-card{grid-template-columns:auto 1fr}.skill-detail-card>button{grid-column:1/-1;width:100%}.world-map-panel{align-content:center;height:100%}.world-map-panel>header{width:min(94vw,560px)}.world-map-circle{width:min(94vw,58dvh)}.world-map-actions{flex-wrap:wrap;width:min(94vw,560px)}.world-map-actions>div{min-width:100%}.world-map-actions>button{flex:1}.quick-chat{bottom:calc(72px + env(safe-area-inset-bottom))}.quick-chat>svg{display:none}.quick-chat>.primary-button{padding:0 10px}.quick-chat>.primary-button svg{display:none}.downed-overlay>section{padding:20px 14px}.downed-overlay>section>div:last-child{grid-template-columns:1fr}.downed-overlay button{min-height:43px}}.game-hud,.zone-title,.boss-alert,.boss-timer,.target-card,.event-feed{display:none!important}.mini-map{top:max(12px, env(safe-area-inset-top));width:98px;height:98px;left:auto;right:12px}.quest-tracker{top:calc(env(safe-area-inset-top,0px) + 72px);cursor:default;gap:5px;width:min(306px,100vw - 132px);padding:5px;display:flex;left:12px}.quest-tracker-main{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:2px;display:grid}.quest-tracker-main>span{width:28px;height:28px;color:var(--zone-accent);background:0 0;border-radius:8px;place-items:center;display:grid}.quest-tracker-main>div{gap:2px;min-width:0;display:grid}.quest-tracker-main small{color:var(--muted);letter-spacing:.09em;font-size:6px}.quest-tracker-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.quest-tracker-main>b{color:#c9d5ce;font-size:8px}.quest-tracker>.quest-tracker-actions{align-items:stretch;gap:3px;min-width:auto;display:flex}.quest-tracker-actions button{color:#cad7d0;filter:drop-shadow(0 1px 3px #000000e6);cursor:pointer;background:0 0;border:0;border-radius:8px;align-content:center;place-items:center;gap:1px;width:38px;min-height:42px;padding:3px;display:grid}.quest-tracker-actions button:hover,.quest-tracker-actions button:focus-visible{color:var(--zone-accent);background:color-mix(in srgb, var(--zone-accent) 8%, transparent)}.quest-tracker-actions svg{width:13px;height:13px}.quest-tracker-actions small{color:currentColor;letter-spacing:0;font-size:6px}.hud-notifications{top:max(12px, env(safe-area-inset-top));z-index:88;pointer-events:none;width:min(430px,100vw - 250px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.hud-notification{color:#edf5f0;min-height:42px;box-shadow:none;text-shadow:0 2px 3px #000000fa,0 0 8px #000000d1;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;animation:.22s both hud-notification-in;display:grid}.hud-notification>span{width:24px;height:24px;color:var(--zone-accent);background:0 0;border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.hud-notification p{margin:0;font-size:9px;line-height:1.4}.hud-notification button{width:25px;height:25px;color:var(--muted);pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.hud-notification button svg{width:13px}.hud-notification.is-error{color:#ffd5d1}.hud-notification.is-error>span{color:#ff8c84;background:0 0}@keyframes hud-notification-in{0%{opacity:0;transform:translateY(-12px)scale(.97)}}@property --joystick-charge{syntax:"<percentage>";inherits:false;initial-value:0%}.adaptive-joystick{width:104px;height:104px;overflow:visible}.joystick-charge{--joystick-charge:0%;background:conic-gradient(var(--zone-accent) var(--joystick-charge), #ffffff14 0);opacity:0;border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(circle,#0000 64%,#000 66%);mask:radial-gradient(circle,#0000 64%,#000 66%)}.adaptive-joystick.is-charging .joystick-charge{opacity:.9;animation:.675s linear .145s forwards joystick-charge-fill}@keyframes joystick-charge-fill{to{--joystick-charge:100%}}.adaptive-joystick.is-radial{border-color:color-mix(in srgb, var(--zone-accent) 60%, transparent);box-shadow:inset 0 0 28px #ffffff09, 0 0 38px color-mix(in srgb, var(--zone-accent) 15%, transparent);background:#070c0c8f}.joystick-radial-options{position:absolute;inset:0}.joystick-radial-options .radial-option{color:#edf5f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;cursor:pointer;width:66px;height:66px;font:inherit;background:#070c0be6;border:1px solid #ffffff2e;border-radius:50%;align-content:center;place-items:center;gap:1px;animation:.15s both radial-in;display:grid;position:absolute;box-shadow:0 10px 28px #00000057}.joystick-radial-options .radial-option.selected{border-color:var(--zone-accent);color:var(--zone-accent);background:color-mix(in srgb, var(--zone-accent) 12%, #070c0bf0);box-shadow:0 0 25px color-mix(in srgb, var(--zone-accent) 22%, transparent);transform:scale(1.08)}.joystick-radial-options .radial-option svg{width:20px;height:20px}.joystick-radial-options .radial-option b{font-size:7px}.joystick-radial-options .radial-emote{top:-86px;left:19px}.joystick-radial-options .radial-chat{top:19px;left:-86px}.joystick-radial-options .radial-profile{top:19px;left:124px}.joystick-radial-options .radial-cancel{color:#ffaaa4;top:124px;left:19px}.character-nameplate{width:124px;box-shadow:none;text-shadow:0 1px 2px #000000f2,0 0 5px #000000c7;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.character-nameplate>div{justify-content:center;margin-bottom:3px}.character-nameplate strong{flex:0 auto}.character-nameplate.is-enemy b{color:#ffd28b}.character-nameplate.is-enemy>span{height:4px}.rest-button.is-resting{border-color:color-mix(in srgb, var(--zone-accent) 55%, transparent);color:#d9ffea;background:#163729e0}.profile-settings-tabs{border:1px solid var(--line);background:#ffffff05;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px;padding:4px;display:grid}.profile-settings-tabs button{min-height:35px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:9px;font-weight:800}.profile-settings-tabs button.active{color:var(--zone-accent);background:color-mix(in srgb, var(--zone-accent) 10%, transparent)}.profile-settings-section{text-align:center;align-content:center;place-items:center;gap:12px;min-height:310px;padding:24px;display:grid}.profile-settings-section>svg{width:46px;height:46px;color:var(--zone-accent)}.profile-settings-section h3{margin:0 0 5px;font-size:16px}.profile-settings-section p{max-width:470px;color:var(--muted);margin:0;font-size:10px;line-height:1.55}.profile-settings-section>button{min-width:220px}.preference-list{gap:7px;padding:4px 0;display:grid}.build-update{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#12141eeb;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:12px;padding:8px 8px 8px 14px;font-size:13px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.build-update p{margin:0}.build-update button{color:#12141e;font:inherit;cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-weight:600;display:flex}.build-update button svg{width:15px;height:15px}.build-stamp{text-align:center;letter-spacing:.04em;opacity:.55;margin:2px 0 0;font-size:11px}.build-stamp code{-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.preference-list>button{border:1px solid var(--line);min-height:64px;color:var(--ink);cursor:pointer;text-align:left;background:#ffffff06;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.preference-list>button span{gap:3px;display:grid}.preference-list strong{font-size:10px}.preference-list small{color:var(--muted);font-size:8px}.preference-list i{background:#ffffff1c;border-radius:20px;flex:none;width:40px;height:22px;position:relative}.preference-list i:after{content:"";background:#c7d0cb;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px}.preference-list>button.enabled i{background:color-mix(in srgb, var(--zone-accent) 45%, #ffffff1a)}.preference-list>button.enabled i:after{background:#effff6;transform:translate(18px)}@media (max-width:720px){.mini-map{top:max(9px, env(safe-area-inset-top));width:88px;height:88px;left:auto;right:9px}.quest-tracker{top:calc(env(safe-area-inset-top,0px) + 68px);width:min(270px,100vw - 112px);left:9px}.quest-tracker-main>span,.quest-tracker-main>b{display:none}.quest-tracker-main{grid-template-columns:minmax(0,1fr)}.quest-tracker-actions button{width:34px}.hud-notifications{top:calc(env(safe-area-inset-top,0px) + 124px);width:min(360px,100vw - 18px)}.profile-settings-tabs{grid-template-columns:repeat(2,1fr)}}.damage-number,.xp-soul-label,.loot-quantity{color:#fff1b0;white-space:nowrap;pointer-events:none;text-shadow:0 2px 3px #000000eb,0 0 8px;font-weight:950;line-height:1;display:inline-block}.damage-number{font-size:21px;animation:.64s cubic-bezier(.16,1.2,.3,1) both damage-number-pop}@keyframes damage-number-pop{0%{opacity:0;transform:translateY(4px)scale(.4)}18%{opacity:1;transform:translateY(-6px)scale(1.35)}34%{transform:translateY(-11px)scale(1)}to{opacity:0;transform:translateY(-30px)scale(.92)}}.damage-number.skill-whirlwind{color:#8cefff}.damage-number.skill-battle_focus{color:#88f5b1}.damage-number.skill-rift_burst{color:#c89aff;font-size:20px}.xp-soul-label{color:#d9c8ff;font-size:10px}.loot-quantity{color:#f4f8f5;text-shadow:0 1px 3px #000000e6;background:#05090885;border-radius:5px;padding:2px 4px;font-size:8px}.game-sprite{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 4px #00000073);max-width:100%;max-height:100%;display:block}.inventory-slot svg,.inventory-slot img,.equipment-slots svg,.equipment-slots img,.item-glyph svg,.item-glyph img{width:78%;height:78%}.inventory-slot>b svg{width:11px;height:11px}.mini-map canvas,.world-map-circle canvas{width:100%;height:100%;display:block}.world-map-circle canvas{cursor:grab;touch-action:none}.world-map-circle canvas:active{cursor:grabbing}.panel-backdrop.is-closing{animation:.19s both backdrop-out}.game-panel.is-closing{animation:.19s both panel-out}@keyframes backdrop-out{to{opacity:0}}@keyframes panel-out{to{opacity:0;transform:translateY(20px)scale(.985)}}.craft-layout{grid-template-columns:minmax(160px,.42fr) minmax(300px,1fr) minmax(240px,.72fr);gap:12px;display:grid}.craft-box-tabs{align-content:start;gap:7px;display:grid}.craft-box-tabs button{border:1px solid var(--line);min-height:66px;color:var(--muted);cursor:pointer;text-align:left;background:#ffffff06;border-radius:13px;align-items:center;gap:10px;padding:10px;display:flex}.craft-box-tabs button.active{border-color:color-mix(in srgb, var(--zone-accent) 48%, transparent);color:var(--ink);background:color-mix(in srgb, var(--zone-accent) 9%, #ffffff05)}.craft-box-tabs button>svg{color:var(--zone-accent);flex:none}.craft-box-tabs button span{gap:3px;display:grid}.craft-box-tabs strong{font-size:10px}.craft-box-tabs small{font-size:7px}.craft-bench,.craft-reveal{border:1px solid var(--line);background:#ffffff06;border-radius:17px;padding:14px}.craft-bench>header,.craft-reveal>header{align-items:center;gap:10px;display:flex}.craft-bench>header>span,.craft-reveal>header>svg{width:43px;height:43px;color:var(--zone-accent);background:color-mix(in srgb, var(--zone-accent) 9%, transparent);border-radius:12px;flex:none;place-items:center;padding:10px;display:grid}.craft-bench header small,.craft-reveal header small{color:var(--muted);font-size:7px}.craft-bench h3,.craft-reveal h3{margin:2px 0;font-size:15px}.craft-bench header p,.craft-reveal header p{color:var(--muted);margin:0;font-size:8px}.craft-material-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:15px 0 12px;display:grid}.craft-material-slots article{border:1px solid var(--line);color:#cbd6d0;text-align:center;background:#00000024;border-radius:12px;align-content:center;place-items:center;gap:3px;min-height:90px;padding:8px;display:grid;position:relative}.craft-material-slots article.ready{border-color:#77e5ad47}.craft-material-slots article.missing{color:#d6aaa6;border-color:#ff7b7040}.craft-material-slots article>svg:last-child{color:currentColor;width:13px;position:absolute;top:7px;right:7px}.craft-material-slots strong{font-size:8px}.craft-material-slots small{color:var(--muted);font-size:7px}.craft-progress{opacity:0;background:#ffffff12;border-radius:99px;height:5px;margin:8px 0 12px;overflow:hidden}.craft-bench.is-crafting .craft-progress{opacity:1}.craft-progress i{background:linear-gradient(90deg,#7de6b1,#ffe28a);width:100%;height:100%;display:block;transform:translate(-100%)}.craft-bench.is-crafting .craft-progress i{animation:.62s ease-out forwards craft-fill}@keyframes craft-fill{to{transform:translate(0)}}.craft-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.craft-actions button{min-width:0;padding:0 10px}.craft-reveal{align-content:start;min-height:330px;display:grid}.craft-carousel-window{background:#0003;border:1px solid #ffffff1a;border-radius:14px;align-self:center;margin-top:24px;padding:9px 0;position:relative;overflow:hidden}.craft-carousel-window:after{content:"";background:#ffe28a;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 12px #ffe28a}.craft-carousel-track{gap:8px;width:max-content;animation:.85s cubic-bezier(.12,.72,.2,1) forwards craft-carousel;display:flex;transform:translate(-20%)}.craft-carousel-track span{background:#111917;border:1px solid #ffffff1a;border-radius:12px;place-items:center;width:76px;height:76px;display:grid}@keyframes craft-carousel{0%{transform:translate(-2%)}to{transform:translate(-68%)}}.craft-reward,.craft-reveal-empty{text-align:center;border-radius:15px;align-content:center;place-items:center;gap:10px;min-height:220px;margin-top:18px;display:grid}.craft-reward{background:radial-gradient(circle,#ffffff14,#0000 68%);border:1px solid;animation:.26s cubic-bezier(.2,.9,.25,1.2) both craft-reward-in}@keyframes craft-reward-in{0%{opacity:0;transform:scale(.72)}}.craft-reward small{letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:900}.craft-reward h3{margin:3px 0;font-size:17px}.craft-reward p,.craft-reveal-empty p{color:var(--muted);margin:0;font-size:8px}.craft-reveal-empty{color:var(--muted)}.craft-reveal-empty svg{width:42px}.profile-overview-card{grid-template-columns:auto 1fr;align-content:center;gap:14px;max-width:620px;min-height:330px;margin:0 auto;padding:26px;display:grid}.profile-overview-mark{width:66px;height:66px;color:var(--zone-accent);background:color-mix(in srgb, var(--zone-accent) 10%, transparent);border-radius:18px;place-items:center;display:grid}.profile-overview-mark svg{width:34px}.profile-overview-copy small{color:var(--zone-accent);letter-spacing:.1em;font-size:8px;font-weight:900}.profile-overview-copy h3{margin:4px 0;font-size:22px}.profile-overview-copy p{color:var(--muted);margin:0;font-size:9px}.profile-overview-progress,.profile-history-grid{grid-column:1/-1}.profile-overview-progress>span{justify-content:space-between;align-items:end;margin-bottom:7px;display:flex}.profile-overview-progress strong{font-size:15px}.profile-overview-progress small{color:var(--muted);font-size:8px}.profile-history-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px;display:grid}.profile-history-grid span{border:1px solid var(--line);min-height:74px;color:var(--muted);border-radius:12px;align-content:center;place-items:center;gap:3px;font-size:8px;display:grid}.profile-history-grid svg{width:18px;color:var(--zone-accent)}.profile-history-grid b{color:var(--ink);font-size:14px}.level-up-world-label{color:#fff2ad;letter-spacing:.08em;white-space:nowrap;text-shadow:0 2px 3px #000000e6,0 0 12px #ffe078;font-size:11px;font-weight:950;animation:2.5s ease-out both level-world-label}@keyframes level-world-label{0%{opacity:0;transform:translateY(10px)scale(.72)}18%{opacity:1;transform:translateY(0)scale(1.08)}to{opacity:0;transform:translateY(-22px)scale(.96)}}.level-up-choice-backdrop{z-index:130;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020505c7;place-items:center;padding:18px;animation:.18s both backdrop-in;display:grid;position:fixed;inset:0}.level-up-choice{background:#0a100e;border:1px solid #ffe28247;border-radius:22px;width:min(820px,100%);padding:18px;animation:.28s cubic-bezier(.2,.9,.22,1.1) both level-choice-in;box-shadow:0 28px 80px #00000094}@keyframes level-choice-in{0%{opacity:0;transform:translateY(20px)scale(.94)}}.level-up-choice>header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.level-up-choice>header>span{color:#ffe28a;background:#ffe28a1a;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 0 28px #ffe28a29}.level-up-choice header small{color:#ffe28a;letter-spacing:.12em;font-size:8px;font-weight:900}.level-up-choice h2{margin:2px 0;font-size:23px}.level-up-choice header p{color:var(--muted);margin:0;font-size:9px}.level-up-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.level-up-cards button{min-height:260px;color:var(--ink);cursor:pointer;text-align:center;background:radial-gradient(circle at 50% 25%,#77e5ad1a,#0000 42%),#ffffff06;border:1px solid #ffffff1c;border-radius:17px;align-content:center;place-items:center;gap:8px;padding:16px;display:grid}.level-up-cards button:hover,.level-up-cards button:focus-visible{border-color:#ffe28a;transform:translateY(-4px);box-shadow:0 18px 38px #00000052}.level-up-cards button>span{width:78px;height:78px;color:var(--zone-accent);background:color-mix(in srgb, var(--zone-accent) 11%, transparent);border-radius:50%;place-items:center;display:grid}.level-up-cards small,.level-up-cards em{color:#ffe28a;letter-spacing:.08em;font-size:7px;font-style:normal;font-weight:900}.level-up-cards strong{font-size:14px}.level-up-cards p{min-height:42px;color:var(--muted);margin:0;font-size:9px;line-height:1.5}@media (max-width:720px){.game-dock{z-index:96;justify-content:space-around;gap:1px;width:calc(100vw - 18px);max-width:440px;padding:5px}.game-dock button{flex:1;min-width:0;padding-inline:4px}.panel-backdrop{padding:max(12px, env(safe-area-inset-top)) 9px calc(88px + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;background:#02050580;align-items:flex-end}.game-dock,.joystick-radial-options .radial-option,.quick-chat,.player-action-menu{-webkit-backdrop-filter:none;backdrop-filter:none}.game-panel,.game-panel-wide{width:100%;max-height:calc(100dvh - 112px - env(safe-area-inset-top));border-radius:20px;animation:.22s cubic-bezier(.2,.85,.22,1) both sheet-up}.game-panel.is-closing{animation:.19s ease-in both sheet-down}@keyframes sheet-up{0%{opacity:0;transform:translateY(calc(100% + 24px))}}@keyframes sheet-down{to{opacity:0;transform:translateY(calc(100% + 24px))}}.panel-header{padding:11px 12px}.panel-content{padding:12px 12px 16px}.craft-layout{grid-template-columns:1fr}.craft-box-tabs{grid-template-columns:repeat(3,1fr)}.craft-box-tabs button{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:68px}.craft-box-tabs button span{gap:1px}.craft-bench,.craft-reveal{padding:11px}.craft-reveal{min-height:260px}.profile-overview-card{min-height:290px;padding:14px 8px}.profile-history-grid{gap:5px}.level-up-choice-backdrop{padding:9px 9px calc(9px + env(safe-area-inset-bottom));align-items:end}.level-up-choice{max-height:calc(100dvh - 18px);padding:13px;overflow-y:auto}.level-up-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.level-up-cards button{min-height:238px;padding:10px 7px}.level-up-cards button>span{width:60px;height:60px}.level-up-cards strong{font-size:11px}.level-up-cards p{min-height:58px;font-size:7px}}@keyframes damage-number-rise{0%{opacity:0;transform:translateY(8px)scale(.74)}18%{opacity:1;transform:translateY(-3px)scale(1.12)}to{opacity:0;transform:translateY(-34px)scale(.94)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.world-marker{color:#f2f8f4;pointer-events:none;text-align:center;text-shadow:0 1px 2px #000c;background:#060b0b8f;border-radius:9px;justify-items:center;gap:2px;width:max-content;max-width:132px;padding:3px 7px;display:grid}.world-marker b{white-space:nowrap;font-size:8.5px;font-weight:800}.world-marker i{color:#cfe4d8;white-space:nowrap;font-size:7px;font-style:normal}.world-marker-cave{box-shadow:inset 0 0 0 1px #ffd98a6b}.world-marker-shrine{box-shadow:inset 0 0 0 1px #c9a4ff80}.world-marker-bar{background:#0000008c;border-radius:9px;width:92px;height:3px;display:block;overflow:hidden}.world-marker-bar i{border-radius:inherit;background:linear-gradient(90deg,#a97cff,#e0c8ff);height:100%;display:block}.interior-marker{color:#cbd8d1;pointer-events:none;white-space:nowrap;background:#060b0b9e;border-radius:9px;padding:3px 8px;font-size:8px;font-weight:700}.interior-marker.is-open{color:#9dfad0;background:#143026c7;box-shadow:inset 0 0 0 1px #8ff0c880}.interior-hud{z-index:30;top:calc(env(safe-area-inset-top,0px) + 10px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080e0db8;border:1px solid #ffffff1f;border-radius:16px;justify-items:center;gap:8px;width:min(320px,100% - 24px);padding:10px 12px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000059}.interior-hud-title{text-align:center;justify-items:center;gap:2px;display:grid}.interior-hud-title strong{color:#f2f8f4;font-size:14px}.interior-hud-title small{color:#9fb3a8;font-size:11px}.interior-hud-actions{gap:8px;display:flex}.interior-hud-hint{color:#9fb3a8;text-align:center;margin:0;font-size:11px}.ghost-button.is-danger{color:#ff9b8f;border-color:#ff7b6f66}.pet-roster ul,.pet-shop ul,.house-shop ul{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.pet-roster li,.pet-shop li,.house-shop li{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.pet-roster li.is-active{background:#7ee9c014;border-color:#7ee9c073}.pet-roster strong,.pet-shop strong,.house-shop strong{color:#f2f8f4;font-size:13px;display:block}.pet-roster small,.pet-shop small,.house-shop small{color:#93a99e;font-size:11px;display:block}.pet-shop em{color:#9dfad0;font-size:11px;font-style:normal}.pet-avatar{color:#12201a;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.pet-avatar svg{width:18px;height:18px}.pet-owned{color:#9fb3a8;font-size:11px}.house-swatch{border:1px solid #ffffff29;border-radius:12px;width:34px;height:34px}.house-name-form{gap:8px;margin:8px 0;display:flex}.house-name-form input{color:#f2f8f4;min-width:0;font:inherit;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;flex:1;padding:9px 12px}.house-toggle{color:#cbd8d1;align-items:center;gap:10px;margin-top:10px;font-size:12px;display:flex}.house-themes li{grid-template-columns:34px 1fr auto}.panel-hint{color:#93a99e;margin:0 0 10px;font-size:12px;line-height:1.5}.player-hud{z-index:28;top:calc(env(safe-area-inset-top,0px) + 8px);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e0d99;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:8px;width:min(214px,56%);padding:7px 9px;display:flex;position:absolute;left:10px}.player-hud-level{color:#9dfad0;background:#7ee9c024;border:1px solid #9dfad066;border-radius:11px;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:grid}.player-hud-bars{flex:1;gap:3px;min-width:0;display:grid}.player-hud-name{justify-content:space-between;align-items:baseline;gap:6px;min-width:0;display:flex}.player-hud-name b{color:#f2f8f4;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.player-hud-name i{color:#f0d187;flex:none;font-size:10px;font-style:normal;font-weight:700}.player-hud-name em{color:#93a99e;font-size:9px;font-style:normal;font-weight:500}.player-hud-bar{background:#00000075;border-radius:9px;height:9px;display:block;position:relative;overflow:hidden}.player-hud-bar i{border-radius:inherit;height:100%;transition:width .18s ease-out;display:block}.player-hud-bar b{color:#ffffffdb;text-shadow:0 1px 2px #000000bf;font-size:7.5px;font-weight:700;line-height:9px;position:absolute;top:0;right:5px}.player-hud-bar.is-health i{background:linear-gradient(90deg,#46c98a,#8ff0c0)}.player-hud-bar.is-xp{height:7px}.player-hud-bar.is-xp i{background:linear-gradient(90deg,#7d8cff,#c9a2ff)}.player-hud-bar.is-xp b{line-height:7px}.action-rail{z-index:30;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 112px);justify-items:end;gap:8px;display:grid;position:absolute}.rail-button{color:#9fb3a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e0da8;border:1px solid #ffffff29;border-radius:50%;align-content:center;justify-items:center;gap:1px;width:52px;height:52px;display:grid;box-shadow:0 8px 22px #00000052}.rail-button svg{width:20px;height:20px}.rail-button small{font-size:8.5px;font-weight:700}.rail-button.is-resting{color:#9dfad0;background:#7ee9c029;border-color:#7ee9c080}.rail-button.is-on{color:#ffc79a;background:#ff945833;border-color:#ffb26c8c}.world-timers{z-index:28;top:calc(env(safe-area-inset-top,0px) + 150px);pointer-events:none;justify-items:end;gap:5px;display:grid;position:absolute;right:10px}.world-timers>span{color:#cbd8d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e0d99;border:1px solid #ffffff1a;border-radius:11px;align-items:center;gap:5px;padding:4px 8px;display:flex}.world-timers svg{color:#9fb3a8;width:13px;height:13px}.world-timers b{font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.world-timers small{color:#8ba396;font-size:9px}.world-timers .is-live{color:#ffb3a8;background:#ff5b4e33;border-color:#ff7b6f80}.world-timers .is-live svg,.world-timers .is-live small{color:#ffb3a8}.world-marker-timer{color:#ffcf8f;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:7.5px;font-style:normal;font-weight:700}.world-marker.is-locked{opacity:.72}.world-marker.is-locked b{color:#b8c6bd}.game-dock button.is-locked{opacity:.5}.stepped-progress{gap:2px;margin-top:3px;display:grid}.stepped-progress i{background:#ffffff24;border-radius:2px;height:5px;transition:background .16s ease-out}.stepped-progress i.is-filled{background:linear-gradient(90deg,#7ee9c0,#b9f4d3)}.quest-tracker.claimable .stepped-progress i.is-filled{background:linear-gradient(90deg,#f2ca67,#ffe6a4)}.quality-picker{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;gap:8px;padding:11px 12px;display:grid}.quality-picker strong{color:#f2f8f4;font-size:13px;display:block}.quality-picker small{color:#93a99e;font-size:11px;line-height:1.45;display:block}.quality-picker div{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.quality-picker button{color:#cbd8d1;font:inherit;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;padding:8px 6px;font-size:12px;font-weight:700}.quality-picker button.is-active{color:#9dfad0;background:#7ee9c024;border-color:#7ee9c080}.area-banner{z-index:34;pointer-events:none;text-align:center;background:linear-gradient(90deg,#080e0d00,#080e0db8,#080e0d00);border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;justify-items:center;gap:2px;padding:10px 22px;animation:2.6s ease-out forwards area-banner;display:grid;position:absolute;top:34%;left:50%;transform:translate(-50%)}.area-banner small{color:#9dfad0;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:700}.area-banner strong{color:#f6fbf7;text-shadow:0 2px 8px #0009;font-size:20px;font-weight:800}@keyframes area-banner{0%{opacity:0;transform:translate(-50%)translateY(10px)}14%,70%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-8px)}}.hub-tabs{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin-bottom:12px;display:grid}.hub-tabs button{color:#9fb3a8;font:inherit;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:13px;font-weight:700;display:flex}.hub-tabs button svg{width:16px;height:16px}.hub-tabs button small{background:#ffffff1a;border-radius:9px;padding:1px 6px;font-size:10px}.hub-tabs button.is-active{color:#9dfad0;background:#7ee9c01f;border-color:#7ee9c073}.locked-notice{color:#ffe6a4;background:#f2ca6714;border:1px solid #ffe27e47;border-radius:12px;align-items:center;gap:8px;padding:9px 11px;display:flex}.locked-notice svg{flex:none;width:15px;height:15px}.game-dock{transition:padding .22s,gap .22s,opacity .22s}.game-dock button{transition:min-width .22s,gap .22s,border-radius .22s,padding .22s}.game-dock button small{opacity:1;max-height:14px;transition:max-height .2s,opacity .16s,margin .2s;overflow:hidden}.game-dock button svg{transition:transform .22s}.game-dock.is-compact{opacity:.72;gap:0;padding:2px 3px}.game-dock.is-compact button{border-radius:10px;gap:0;min-width:36px;padding:5px 3px 4px}.game-dock.is-compact button small{opacity:0;max-height:0;margin:0}.game-dock.is-compact button svg{transform:scale(.86)}@media (prefers-reduced-motion:reduce){.game-dock,.game-dock button,.game-dock button small,.game-dock button svg{transition:none}}.draft-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040808b8;place-items:center;padding:16px;animation:.2s ease-out both draft-in;display:grid;position:absolute;inset:0}@keyframes draft-in{0%{opacity:0}to{opacity:1}}.draft-panel{background:#0a100ff5;border:1px solid #ffe27e47;border-radius:22px;gap:14px;width:min(380px,100%);padding:18px 16px;display:grid;box-shadow:0 20px 60px #00000080}.draft-panel header{text-align:center;justify-items:center;gap:3px;display:grid}.draft-panel small{color:#9dfad0;letter-spacing:.16em;font-size:9px;font-weight:800}.draft-panel h2{color:#f6fbf7;margin:0;font-size:19px}.draft-panel header p{color:#93a99e;margin:0;font-size:11px;line-height:1.45}.draft-options{gap:9px;display:grid}.draft-options button{color:#f2f8f4;font:inherit;text-align:left;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:38px 1fr auto;align-items:center;gap:2px 11px;padding:11px 12px;display:grid}.draft-options button:disabled{opacity:.5}.draft-icon{color:#12201a;border-radius:13px;grid-row:span 2;place-items:center;width:38px;height:38px;display:grid}.draft-options strong{font-size:14px}.draft-options em{text-align:right;font-size:12px;font-style:normal;font-weight:800}.draft-options small{color:#93a99e;letter-spacing:0;grid-column:2/span 2;font-size:11px}.draft-options b{color:#ffe28b;grid-column:2/span 2;font-size:10px}.blessing-bar{z-index:28;top:calc(env(safe-area-inset-top,0px) + 118px);pointer-events:none;flex-wrap:wrap;align-items:center;gap:5px;max-width:60%;display:flex;position:absolute;left:10px}.blessing-bar>span{display:block;position:relative}.blessing-bar b{color:#12201a;border:1px solid #00000052;border-radius:9px;place-items:center;width:24px;height:24px;display:grid;box-shadow:0 3px 8px #0000004d}.blessing-bar i{color:#ffe28b;text-align:center;background:#080e0deb;border-radius:7px;min-width:13px;padding:0 3px;font-size:9px;font-style:normal;font-weight:800;position:absolute;bottom:-3px;right:-3px}.blessing-bar em{color:#cbd8d1;font-variant-numeric:tabular-nums;background:#080e0da8;border-radius:9px;padding:2px 7px;font-size:10px;font-style:normal;font-weight:700}