:root{box-sizing:border-box;--bg:#0e1420;--fg:#f2f4f8;--dim:#8891a3;--accent:#ffb84d;--panel:#151c2c;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#dfe8f5;--fg:#12151c;--dim:#5c6470;--accent:#c47a1a;--panel:#ffffffcc}}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--bg)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--fg)}#app{position:relative;width:100%;height:100%}canvas{display:block;width:100%;height:100%}#hud{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;display:flex;justify-content:center;padding:16px;pointer-events:none}#hud .pill{background:var(--panel);border:1px solid #ffffff1a;border-radius:999px;padding:8px 18px;font-size:13px;color:var(--dim);letter-spacing:.03em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#hud .pill b{color:var(--accent)}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:var(--bg);z-index:10}#loading .spinner{width:34px;height:34px;border-radius:50%;border:3px solid #ffffff22;border-top-color:var(--accent);animation:spin .8s linear infinite}#loading p{color:var(--dim);font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}#portalPrompt{display:none;position:absolute;transform:translate(-50%,-100%);align-items:stretch;gap:8px;pointer-events:none;z-index:5;letter-spacing:.02em}#portalPrompt b{display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--bg);border-radius:10px;font-weight:800;font-size:14px;padding:9px 14px;border:1px solid #ffffff2a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#portalPrompt span{display:flex;align-items:center;background:var(--panel);border:1px solid #ffffff2a;border-radius:10px;padding:9px 16px;font-size:13px;color:var(--fg);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#minimap{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));left:16px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#6fbf5288,#2b3346cc);border:2px solid #ffffff33;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}#mmArrow{width:22px;height:22px;transition:transform .1s linear}#dayNightIcon{position:absolute;bottom:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:var(--panel);border:1px solid #ffffff2a;display:flex;align-items:center;justify-content:center;font-size:13px;transition:background .5s}#levelBadge.levelUp #levelInner{animation:levelPulse .6s ease}@keyframes levelPulse{0%{box-shadow:0 0 0 0 var(--accent)}to{box-shadow:0 0 0 28px transparent}}#locationLabel{position:absolute;right:16px;bottom:calc(174px + env(safe-area-inset-bottom,0px));width:148px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.03em;color:var(--fg);background:var(--panel);border:1px solid #ffffff1a;border-radius:999px;padding:6px 4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#topRightDock{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:16px;display:flex;align-items:center;gap:8px}#profileBox{background:var(--panel);border:1px solid #ffffff1a;border-radius:12px;padding:10px 14px 10px 10px;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#avatarWrap{position:relative;flex-shrink:0;cursor:pointer}.visuallyHiddenSelect{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}#avatarCircle{width:44px;height:44px;border-radius:50%;background:#0003;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:20px;background-size:cover;background-position:center}#avatarBadge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--panel)}#avatarReset{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--panel);color:var(--accent);font-size:11px;font-weight:800;line-height:1;align-items:center;justify-content:center;border:1px solid var(--accent);cursor:pointer}#nameInput{background:transparent;border:none;border-bottom:1px solid #ffffff2a;color:var(--fg);font-size:13px;font-weight:600;padding:2px 0;width:110px;margin-bottom:4px}#nameInput:focus{outline:none;border-color:var(--accent)}#actionDock{position:absolute;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;width:380px;transform:scale(1.3);transform-origin:bottom left}#topDockRow{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;align-items:stretch}#invBtn{width:64px;border-radius:12px;border:1px solid #ffffff1a;background:var(--panel);color:#f2e6da;font-size:11px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;grid-column:1 / 3;width:100%;height:64px;padding:0}#invBtn .slotIcon img{display:block}#invBtn .slotKey{position:absolute;top:3px;left:5px;font-size:9px;color:var(--dim);font-weight:600;z-index:1}#invBtn.active{border-color:var(--accent)}#barsCol{grid-column:3 / 11;min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center}.barBox{background:var(--panel);border:1px solid #ffffff1a;border-radius:8px;padding:5px 8px}.bar-label{display:flex;justify-content:space-between;color:var(--dim);margin-bottom:2px;font-size:10px}.bar-track{height:7px;border-radius:999px;background:#0003;overflow:hidden}.bar-fill{height:100%;border-radius:999px;transition:width .2s}#hpFill{background:#e0524f}#mpFill{background:#4f8fe0}#itemRow,#fkeyRow{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;position:relative}.slot{width:100%;min-width:0;height:38px;border-radius:7px;border:1px solid #ffffff1a;background:var(--panel);color:var(--fg);font-size:9px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;position:relative;padding:0}.slot .slotIcon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;height:14px;display:flex;align-items:center;justify-content:center}.slot .slotIcon svg{width:13px;height:13px}.slot .slotImg{width:14px;height:14px;object-fit:contain;display:block}.slot .slotKey{position:absolute;top:2px;left:2px;font-size:8px;color:#fff;background:#00000070;padding:0 3px;border-radius:3px;z-index:2;line-height:1.4;font-weight:700}.slot .slotImgFull{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px;z-index:1}.slot .slotLv{display:block;position:absolute;top:2px;right:2px;font-size:6px;color:#4ade80;font-weight:800;z-index:2;background:#00000070;padding:0 3px;border-radius:3px;line-height:1.4}.slot.locked .slotKey,.slot.locked .slotIcon,.slot.locked .slotImg,.slot.locked .slotImgFull{filter:grayscale(1);opacity:.45}.slot.noMp{opacity:.6}.slot.inactive{filter:grayscale(1);opacity:.35;cursor:not-allowed}.eqEmpty{color:var(--dim);font-size:11px;padding:4px 2px}.invSlot.eqOn{border-color:#6fbf52}.invSlot .slotQty.eqBadge{background:#6fbf52;color:#10210a}#invGearFilter{background:#0003;color:var(--fg);border:1px solid #ffffff2a;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:700;cursor:pointer;margin-bottom:8px}.slot.equipped{border-color:#6fbf52;box-shadow:0 0 0 1px #6fbf52 inset}#nameTag{position:absolute;left:0;top:0;transform:translate(-50%,-100%);pointer-events:none;font-size:24px;font-weight:800;letter-spacing:.03em;color:#e6d3a0;white-space:nowrap;text-shadow:0 2px 3px #090806,0 0 7px rgba(0,0,0,.92);z-index:4;display:none}.npcTag{position:absolute;left:0;top:0;transform:translate(-50%,-100%);pointer-events:none;font-size:12px;font-weight:800;letter-spacing:.03em;color:#7fe7e4;white-space:nowrap;text-shadow:0 2px 3px #090806,0 0 6px rgba(0,0,0,.92);z-index:4;display:none}.npcTag.npcBanner{display:none;align-items:center;gap:8px;padding:6px 22px;color:#fff3d0;font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 2px #000;background:linear-gradient(#a8703f,#7a4b26);border:2px solid #4a2c14;border-radius:6px;box-shadow:0 3px 8px #000a,inset 0 1px #ffffff40,inset 0 -2px #0004;margin-top:-6px}.npcTag.npcBanner:before,.npcTag.npcBanner:after{content:"";position:absolute;top:6px;width:12px;height:calc(100% - 4px);background:var(--bannerRibbon,#c0392b);border:2px solid #4a2c14;z-index:-1}.npcTag.npcBanner:before{left:-12px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,35% 50%)}.npcTag.npcBanner:after{right:-12px;clip-path:polygon(0 0,100% 0,65% 50%,100% 100%,0 100%)}.npcTag.npcBanner .bIcon{font-size:16px;text-shadow:none}.npcTag.npcBanner .bStrings{position:absolute;left:50%;top:100%;width:64%;height:8px;transform:translate(-50%);border-left:2px solid #4a2c14;border-right:2px solid #4a2c14}.slot.holding{border-color:#ffb84d;box-shadow:0 0 0 1px #ffb84d55 inset}#escHint{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);background:var(--panel);border:1px solid #ffffff2a;border-radius:999px;padding:6px 14px;font-size:12px;color:var(--fg);letter-spacing:.02em;pointer-events:none;z-index:6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}#escHint b{display:inline-block;margin-right:6px;background:var(--accent);color:var(--bg);border-radius:5px;padding:1px 7px;font-weight:800}.slot .slotQty{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:8px;font-weight:700;color:var(--accent);background:#0005;border-radius:4px;padding:0 3px;line-height:1.4;white-space:nowrap}.slot:disabled{opacity:.4;cursor:not-allowed}.slot.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}#invPanel{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;width:min(360px,calc(100vw - 32px));background:var(--panel);border:1px solid #ffffff2a;border-radius:14px;padding:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:min(460px,calc(100vh - 32px));overflow:hidden;box-shadow:0 12px 40px #000a}.invHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:800}#invClose{background:#0003;color:var(--fg);border:1px solid #ffffff1a;border-radius:6px;width:26px;height:26px;cursor:pointer}.goldRow b{color:#f2c94c;font-size:13px;letter-spacing:.02em}.goldRow span{display:flex;align-items:center;gap:6px}#invPanel.active{display:flex;flex-direction:column}#invPanel{height:min(430px,calc(100vh - 32px));overflow:hidden}.invTabs{display:flex;gap:5px;margin-bottom:8px}.invTab{flex:1;padding:6px 4px;border-radius:8px;border:1px solid #ffffff1a;background:#0002;color:var(--dim);font-weight:700;font-size:11px;cursor:pointer}.invTab.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.invPages{flex:1;overflow:hidden}.invPage{display:none}.invPage.active{display:block}.invFooter{margin-top:8px;padding-top:8px;border-top:1px solid #ffffff1a}.invFooter .invRow{margin-bottom:0}.invSection{font-size:10px;color:var(--dim);font-weight:700;letter-spacing:.04em;margin:8px 0 4px}.invSection:first-child{margin-top:0}.invRow{width:100%;display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:8px;border:1px solid #ffffff1a;background:#0002;color:var(--fg);font-size:11px;cursor:default;margin-bottom:6px}.invGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.invSlot{position:relative;aspect-ratio:1;min-width:0;border-radius:10px;border:1px solid #ffffff1a;background:#0003;color:var(--fg);padding:5px 4px 4px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:inherit;cursor:pointer;overflow:hidden}.invSlot:disabled{opacity:.35;cursor:not-allowed}.invSlot:not(:disabled):not(.invSlotEmpty):hover{border-color:var(--accent)}.invSlot .slotIcon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1}.invSlot .slotIcon svg{display:block}.invSlot .slotIcon .recipeWeaponIcon{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:2px;box-sizing:border-box}.gearEquipBtn,.gearUnequipBtn{flex:0 0 auto;min-height:20px;padding:2px 8px;font-size:11px}.invSlot .slotQty{position:absolute;right:3px;bottom:3px;font-size:9px;font-weight:800;color:#fff;line-height:1.5;background:#000000a8;border-radius:5px;padding:0 4px}.invSlot .slotDesc{font-size:8px;color:var(--dim);line-height:1.2;margin-top:3px;width:100%;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.invSlotEmpty{border-style:dashed;opacity:.3;cursor:default}.helpLine{font-size:11px;color:var(--dim);margin-bottom:4px}.helpLine b{color:var(--accent)}#levelBadge{position:absolute;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:148px;height:148px}#levelBadge svg{width:100%;height:100%;transform:rotate(-90deg)}#levelBadge .lvl-track{fill:none;stroke:#0003;stroke-width:6}#levelBadge .lvl-fill{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .3s}#levelInner{position:absolute;inset:16px;border-radius:50%;background:var(--panel);border:1px solid #ffffff1a;display:flex;flex-direction:column;align-items:center;justify-content:center}#levelNum{font-size:40px;font-weight:800;color:var(--fg);line-height:1}#levelTag{font-size:16px;color:var(--dim);letter-spacing:.05em;margin-top:2px}#chatBox{position:absolute;right:174px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:296px;height:148px;background:var(--panel);border:1px solid #ffffff1a;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#chatTabs{display:flex;flex-shrink:0;border-bottom:1px solid #ffffff1a}.chatTab{flex:1;padding:7px 0;background:transparent;border:none;cursor:pointer;color:var(--dim);font-size:11px;font-weight:700;letter-spacing:.02em}.chatTab.active{color:var(--accent);background:#ffffff0d}#chatLog{flex:1;min-height:0;overflow-y:auto;padding:6px 8px;font-size:11px;line-height:1.45;color:var(--fg);display:flex;flex-direction:column;gap:2px}.chatMsg b{color:var(--accent);margin-right:4px}.chatMsg.sys{color:var(--dim);font-style:italic}#chatInputRow{flex-shrink:0;border-top:1px solid #ffffff1a;padding:5px 6px}#chatInput{width:100%;box-sizing:border-box;background:#0003;border:1px solid #ffffff1a;border-radius:7px;color:var(--fg);font-size:11px;padding:6px 8px;outline:none}#chatInput:focus{border-color:var(--accent)}#settingsBtn{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff1a;background:var(--panel);color:var(--fg);font-size:16px;cursor:pointer;flex-shrink:0}#settingsModal{display:none;position:absolute;inset:0;background:#0007;align-items:center;justify-content:center;z-index:20}#settingsModal.active{display:flex}#settingsCard{width:280px;background:var(--panel);border:1px solid #ffffff22;border-radius:14px;padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:calc(100vh - 24px);overflow:hidden}#settingsCard h2{margin:0 0 12px;font-size:15px}.setRow{margin-bottom:12px}.setRow label{display:flex;justify-content:space-between;font-size:12px;color:var(--dim);margin-bottom:4px}.setRow input[type=range]{width:100%}.setRow select{width:100%;background:#0003;color:var(--fg);border:1px solid #ffffff1a;border-radius:6px;padding:5px;font-size:12px}.toggleRow{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:10px}.toggleRow button{width:42px;height:22px;border-radius:999px;border:1px solid #ffffff2a;background:#0003;position:relative;cursor:pointer}.toggleRow button:after{content:"";position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background:var(--dim);transition:transform .15s,background .15s}.toggleRow button.on:after{transform:translate(20px);background:var(--accent)}#closeSettings{width:100%;margin-top:6px;padding:8px;border-radius:8px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-weight:600;cursor:pointer}#shopPrompt,#workPrompt{display:none;position:absolute;left:50%;bottom:24%;transform:translate(-50%);background:var(--panel);border:1px solid #ffffff2a;border-radius:999px;padding:9px 18px;font-size:13px;color:var(--fg);pointer-events:none;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#shopPrompt b,#workPrompt b{display:inline-block;margin-right:6px;background:var(--accent);color:var(--bg);border-radius:5px;padding:1px 7px;font-weight:800}#gatherPrompt{display:none;position:absolute;left:50%;bottom:24%;transform:translate(-50%);align-items:stretch;gap:8px;pointer-events:none;z-index:5}#gatherPrompt b{display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--bg);border-radius:10px;font-weight:800;font-size:14px;padding:9px 14px;border:1px solid #ffffff2a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#gatherPrompt span{display:flex;align-items:center;background:var(--panel);border:1px solid #ffffff2a;border-radius:10px;padding:9px 16px;font-size:13px;color:var(--fg);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#toast{position:absolute;top:calc(70px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);background:var(--panel);border:1px solid #ffffff2a;border-radius:999px;padding:7px 16px;font-size:12px;color:var(--fg);pointer-events:none;z-index:25;opacity:0;transition:opacity .25s}#toast.show{opacity:1}#shopModal,#workModal,#clearedModal,#duelModal{display:none;position:absolute;inset:0;background:#0007;align-items:center;justify-content:center;z-index:20}#shopModal.active,#workModal.active,#clearedModal.active,#duelModal.active{display:flex}#clearedCard{width:min(320px,88vw);background:var(--panel);border:1px solid #ffffff22;border-radius:14px;padding:22px;text-align:center}#clearedCard h2{margin:0 0 8px;font-size:18px}#clearedCard p{margin:0 0 16px;font-size:13px;color:var(--dim)}#clearedLoot{background:#0003;border-radius:10px;padding:10px 12px;margin-bottom:16px;text-align:left}#clearedLoot .lootRow{display:flex;justify-content:space-between;font-size:12px;padding:3px 0}#clearedLoot .lootRow b{color:#f2c94c}#clearedLoot .lootEmpty{font-size:12px;color:var(--dim);text-align:center}#clearedCard button{width:100%;padding:10px;border-radius:8px;border:none;background:var(--accent);color:var(--bg);font-weight:700;font-size:13px;cursor:pointer}#clearedCard #clearedAgainBtn{display:none;margin-bottom:8px;background:transparent;color:var(--fg);border:1px solid #ffffff33}#koModal{display:none;position:absolute;inset:0;background:#000a;align-items:center;justify-content:center;z-index:21}#koModal.active{display:flex}#koCard{width:min(320px,88vw);background:var(--panel);border:1px solid #ffffff22;border-radius:14px;padding:22px;text-align:center}#koCard h2{margin:0 0 8px;font-size:18px}#koCard p{margin:0 0 16px;font-size:13px;color:var(--dim)}#koCard button{width:100%;padding:10px;border-radius:8px;border:none;background:var(--accent);color:var(--bg);font-weight:700;font-size:13px;cursor:pointer}#koCard #koTownBtn{margin-top:8px;background:transparent;color:var(--fg);border:1px solid #ffffff33}#duelCard{width:min(440px,92vw);background:var(--panel);border:1px solid #ffffff22;border-radius:14px;padding:20px 18px 16px;text-align:center}#duelCard h2{margin:0 0 4px;font-size:18px}#duelCard>p{margin:0 0 14px;font-size:12.5px;color:var(--dim)}.duelGrid{display:grid;grid-template-columns:repeat(2,116px);justify-content:center;gap:12px;margin-bottom:14px}.duelOpt{position:relative;width:116px;height:116px;padding:0;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;border:2px solid #ffffff2a;background:#00000040;color:var(--fg);font:inherit;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.duelOpt:hover,.duelOpt:focus-visible{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 20px #0009;outline:none}.duelName{flex:0 0 auto;padding:6px 4px 5px;font-size:12px;font-weight:800;letter-spacing:.3px;background:#0006;border-bottom:1px solid #ffffff1a}.duelImg{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#ffffff1c,transparent 72%)}.duelImg img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.duelPh{font-size:34px;font-weight:800;color:var(--dim);opacity:.6}.duelFoot{display:flex;gap:8px}.duelBtn{flex:1;padding:9px;border-radius:8px;border:1px solid #ffffff2a;background:transparent;color:var(--fg);font-weight:700;font-size:12px;cursor:pointer}.duelBtn:hover{border-color:var(--accent)}#duelBar{display:none;position:absolute;top:calc(112px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:min(340px,70vw);z-index:15;pointer-events:none;text-align:center}#duelBar.elementalOverhead{width:min(220px,55vw)}#duelBar.show{display:block}#duelBarName{font-size:13px;font-weight:800;margin-bottom:3px;text-shadow:0 1px 4px #000}#duelBarTrack{height:12px;border-radius:7px;background:#000a;border:1px solid #ffffff33;overflow:hidden}#duelBarFill{height:100%;width:100%;background:linear-gradient(90deg,#e0542f,#ff9a4d);transition:width .12s}#duelBarHp{margin-top:2px;font-size:10px;color:var(--dim);text-shadow:0 1px 3px #000}#shopCard,#workCard{width:380px;max-width:94vw;max-height:80vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid #ffffff22;border-radius:14px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shopHead{display:flex;align-items:center;gap:10px;margin-bottom:10px}.npcPortrait{width:44px;height:44px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:20px;background:#0003 center/cover no-repeat;border:2px solid var(--accent)}.shopHead h2{margin:0;font-size:15px;flex:1}#shopGold,#workGold{color:#f2c94c;font-weight:800;font-size:13px}#shopClose,#workClose{width:28px;height:28px;border-radius:8px;border:1px solid #ffffff1a;background:#0003;color:var(--fg);cursor:pointer}.shopTabs{display:flex;gap:6px;margin-bottom:10px}.workCost{color:var(--dim);font-size:10px}.shopRow button:disabled{opacity:.4;cursor:not-allowed;background:transparent;color:var(--accent)}.shopTab{flex:1;padding:7px;border-radius:8px;border:1px solid #ffffff1a;background:#0002;color:var(--dim);font-weight:700;font-size:12px;cursor:pointer}.shopTab.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}#shopList,#workList{overflow:hidden;display:flex;flex-direction:column;gap:6px}#workList.enhance-active{flex:1 1 auto;min-height:0;overflow:hidden}#enhancePanel{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;align-items:stretch;gap:8px;padding:4px 2px 8px;color:#e9ddc8;font-family:Cinzel,Palatino Linotype,Book Antiqua,Georgia,serif}#enhancePanel [hidden]{display:none!important}#enhancePanel>*{align-self:stretch;width:100%;max-width:none;box-sizing:border-box;margin-left:0;margin-right:0}.enhanceHeroHeading{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;margin:0;padding:7px 10px;border:1px solid #b2935c66;border-radius:8px;background:#0002}#enhanceBonusSection,#enhanceElementChoice,#enhanceDetails,#enhanceResultBanner,#enhanceMaxMessage{grid-column:1/-1}#enhanceDetails{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;min-width:0;box-sizing:border-box}#enhanceDetails>*{width:100%;max-width:none;box-sizing:border-box;align-self:stretch;margin-left:0;margin-right:0}.enhanceHeroHeading h3{margin:0;color:#f0ddb7;font-size:21px;line-height:1.2;font-weight:800}.enhanceHeroHeading>strong{color:#f2c66d;font-size:18px;white-space:nowrap}.enhanceSection{display:flex;flex-direction:column;align-self:stretch;width:100%;box-sizing:border-box;gap:5px;margin:0;padding:8px 10px;border:1px solid #806744;border-radius:8px;background:#0002}.enhanceSection h4{margin:0;color:#d8b875;font-size:16px;font-weight:800;letter-spacing:.04em}.enhanceValueRow,.enhancePanelCostRow{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;box-sizing:border-box;padding:3px 0;font-size:15px;line-height:1.3;letter-spacing:normal}.enhanceCostRow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:3px 0;font-size:15px;line-height:1.35}.enhanceValueRow>span,.enhancePanelCostName{flex:1 1 auto;min-width:0;overflow:hidden;color:#e9ddc8;white-space:nowrap;text-overflow:ellipsis}.enhanceValueRow>strong{flex:0 0 auto;color:#f3dfb7;font-size:16px;font-weight:800;text-align:right;white-space:nowrap}.enhanceCostList{display:grid;gap:2px}.enhanceCostRow>strong{font-size:15px;font-weight:800;text-align:right}.enhanceCostRow>strong span{font-size:14px;font-weight:600}.enhanceCostRow .enough{color:#76df9a}.enhanceCostRow .missing{color:#ff8880}.enhancePanelCostRow{gap:12px}.enhancePanelCostName{font-size:15px}.enhancePanelCostRow>strong{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:7px;min-width:max-content;font-size:15px;font-weight:900;text-align:right;white-space:nowrap}.enhancePanelCostRow>strong span:last-child{flex-shrink:0;white-space:nowrap}.enhancePanelCostRow .enough{color:#76df9a}.enhancePanelCostRow .missing{color:#ff8880}.enhanceChanceRow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:4px 0;color:#e8d8bb;font-size:16px;font-weight:700;white-space:nowrap}.enhanceChanceRow>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enhanceChanceRow strong{flex:0 0 auto;font-size:27px;line-height:1;font-weight:900;white-space:nowrap}.enhanceChanceRow .chanceSure{color:#70e095}.enhanceChanceRow .chanceRisk{color:#f0cf68}.enhanceChanceRow .chanceLow{color:#ff7770}.enhanceWarning{display:flex;flex-direction:column;align-self:stretch;width:100%;max-width:none;box-sizing:border-box;gap:4px;margin:0;padding:8px 10px;border:1px solid #d69d4e99;border-radius:8px;background:#7a4b161f;color:#f0ca80;font-size:14px;line-height:1.35;letter-spacing:normal}.enhanceWarning strong{color:#ffd583;font-size:15px;font-weight:900;letter-spacing:.035em}.enhanceWarning>span{font-size:14px;font-weight:500;letter-spacing:normal;text-transform:none;overflow-wrap:break-word;word-break:normal}.enhanceWardOption{display:flex;align-self:stretch;align-items:flex-start;gap:8px;width:100%;max-width:none;min-width:0;box-sizing:border-box;margin:0;padding:8px 10px;border:1px solid #d69d4e99;border-radius:8px;background:#7a4b161f;color:#f0ca80;cursor:pointer}.enhanceWardOption input{flex:0 0 auto;width:17px;height:17px;margin:2px 0 0;accent-color:#d6ae5c}.enhanceWardOption input:disabled{cursor:not-allowed}.enhanceWardOption>span{display:flex;flex-direction:column;gap:2px;min-width:0}.enhanceWardOption strong{color:#ffd583;font-size:15px;font-weight:900;letter-spacing:.035em}.enhanceWardOption small{color:#e0c89a;font-size:14px;line-height:1.3;letter-spacing:normal}.enhanceIntro{margin:0;padding:7px 9px;border:1px solid #d69d4e99;border-radius:8px;background:#7a4b161f;color:#f0ca80;font-size:14px;line-height:1.35;font-weight:700}.enhancementElementChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#enhancePanel .enhancementElementChoices button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:8px 9px;border:1px solid #79613d;border-radius:8px;text-align:left;cursor:pointer}#enhancePanel .enhancementElementChoices button.selected{border-color:#e3bd6b;box-shadow:0 0 0 1px #e3bd6b inset;background:linear-gradient(155deg,#493a27,#252017 76%)}.enhanceElementName{color:#f0ddb7;font-size:16px;font-weight:900}.enhanceElementCount{color:#75df9a;font-size:14px;font-weight:800}.enhanceElementCount.enough{color:#76df9a}.enhanceElementCount.missing{color:#ff8880}.enhancementElementChoices button small{display:block;color:#d4c4a8;font-size:14px;line-height:1.3}.enhancementElementModal{position:fixed;z-index:12000;inset:0;display:none;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:#040302c7}.enhancementElementModal.active{display:flex}.enhancementElementDialog{box-sizing:border-box;width:min(560px,92vw);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:clamp(16px,2.2vw,24px);border:1px solid #b2935c;border-radius:14px;color:#e9ddc8;font-family:Cinzel,Palatino Linotype,Book Antiqua,Georgia,serif;background:linear-gradient(150deg,#302719,#191612 76%);box-shadow:0 18px 60px #000d,inset 0 1px #dfbe8020}.enhancementElementDialog header{display:flex;flex-direction:column;gap:4px;padding-bottom:8px;border-bottom:1px solid #b2935c66}.enhancementElementDialog header>span{color:#d8b875;font-size:13px;font-weight:900;letter-spacing:.09em}.enhancementElementDialog h2{margin:0;font-size:clamp(21px,2.2vw,26px);line-height:1.15}.enhancementElementEffects,.enhancementElementCosts{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.enhancementElementDialog h3{margin:2px 0;color:#d8b875;font-size:16px;font-weight:900}.enhancementElementEffects p{margin:0 0 4px;color:#e2d5be;font-size:15px;line-height:1.4}#enhancementElementMissing{margin:4px 0 0;font-size:14px;font-weight:800}#enhancementElementMissing.enough{color:#76df9a}#enhancementElementMissing.missing{color:#ff8880}.enhancementElementCosts .enhanceChanceRow{padding:4px 0 0}.enhancementElementCosts .enhanceChanceRow strong{font-size:25px}.enhanceWarning.enhancementElementFailure{border-color:#d9786199;background:#7a2e261f;color:#efb0a1}.enhancementElementFailure strong{color:#ffb1a0}.enhancementElementDialog footer{display:flex;gap:10px;margin-top:2px}.enhancementElementDialog footer button{flex:1;min-height:48px;padding:10px 14px;border:1px solid #b2935c;border-radius:8px;color:#f1dfb8;background:linear-gradient(155deg,#493a27,#252017);font:inherit;font-size:17px;font-weight:900;cursor:pointer}.enhancementElementDialog footer button:first-child{color:#241b10;background:linear-gradient(155deg,#d9b36c,#a88142)}.enhancementElementDialog footer button:disabled{opacity:.45;cursor:not-allowed}.enhanceActionButton{position:sticky;bottom:0;z-index:2;align-self:stretch;width:100%;max-width:none;box-sizing:border-box;min-height:44px;margin:0;padding:8px 12px;border:1px solid #b2935c;border-radius:8px;color:#f1dfb8;background:linear-gradient(155deg,#493a27,#252017);font-size:16px;font-weight:900;cursor:pointer}.enhanceActionButton:disabled{opacity:.48;cursor:not-allowed}.enhanceMaxMessage{align-self:stretch;width:100%;box-sizing:border-box;margin:0;padding:8px 10px;border:1px solid #b2935c77;border-radius:8px;color:#f0ca80;font-size:17px;font-weight:900;text-align:center}.enhanceResultBanner{display:flex;flex-direction:column;align-self:stretch;width:100%;max-width:none;box-sizing:border-box;gap:4px;margin:0;padding:8px 10px;border:1px solid currentColor;border-radius:8px;opacity:0;transform:translateY(5px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.enhanceResultBanner.visible{opacity:1;transform:translateY(0)}.enhanceResultBanner strong{font-size:21px;line-height:1.1;font-weight:900}.enhanceResultBanner span{font-size:14px;line-height:1.35}.enhanceResultBanner.success{color:#78e39a;background:#173c282e}.enhanceResultBanner.failure{color:#ff8179;background:#4c1d1b33}@media(max-height:720px){#enhancePanel{gap:6px;padding-bottom:5px}.enhanceHeroHeading h3{font-size:19px}.enhanceValueRow,.enhanceCostRow{padding:1px 0}#enhancePanel .enhancementElementChoices button{padding:6px 8px}}@media(max-width:560px){#enhancePanel{grid-template-columns:minmax(0,1fr)}.enhanceHeroHeading,#enhanceBonusSection,#enhanceElementChoice,#enhanceDetails,#enhanceResultBanner,#enhanceMaxMessage{grid-column:1}#enhanceDetails{grid-template-columns:minmax(0,1fr)}}.shopSec{font-size:10px;color:var(--dim);font-weight:700;letter-spacing:.04em;margin:6px 0 0}.shopRow{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;border:1px solid #ffffff1a;background:#0002;font-size:12px}.shopRow .shopIcon{font-size:18px;display:flex;align-items:center;justify-content:center;min-width:26px}.shopRow .shopIcon .recipeWeaponIcon{display:block;width:100%;height:100%;max-width:24px;max-height:24px;object-fit:contain;object-position:center;padding:2px;box-sizing:border-box}.shopRow .shopName{flex:1;display:flex;flex-direction:column}.shopRow .shopName small{color:var(--dim);font-size:10px}.shopRow .shopPrice{color:#f2c94c;font-weight:700}.shopRow button{padding:4px 9px;border-radius:6px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-weight:700;font-size:11px;cursor:pointer}.shopRow button:hover{background:var(--accent);color:var(--bg)}.shopCtl{display:flex;gap:8px;margin-bottom:10px}.qtyBox{display:flex;align-items:stretch;border:1px solid #ffffff2a;border-radius:8px;overflow:hidden;background:#0003}.qtyBox button{width:26px;border:none;background:transparent;color:var(--accent);font-size:15px;font-weight:800;cursor:pointer}.qtyBox button:hover{background:var(--accent);color:var(--bg)}#shopQty{width:52px;text-align:center;border:none;background:transparent;color:var(--fg);font-weight:700;font-size:13px;appearance:textfield;-moz-appearance:textfield}#shopQty::-webkit-outer-spin-button,#shopQty::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}.shopFoot{margin-top:10px;padding-top:9px;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;font-size:12px;color:var(--dim);font-weight:700}.shopRow.pick{cursor:pointer}.shopRow.pick:hover{border-color:#3ddc8488}.shopRow.sel{border-color:#3ddc84;box-shadow:0 0 0 1px #3ddc84 inset,0 0 10px #3ddc8444;background:#3ddc8414}.shopAct{display:flex;gap:8px;align-items:stretch;margin-top:10px}.shopAct>button{flex:1;padding:8px 6px;border-radius:8px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-weight:800;font-size:12px;cursor:pointer}.shopAct>button:hover:not(:disabled){background:var(--accent);color:var(--bg)}.shopAct>button:disabled{opacity:.4;cursor:not-allowed}.wQty{width:38px;text-align:center;padding:4px 2px;border-radius:6px;border:1px solid #ffffff2a;background:#0003;color:var(--fg);font-weight:700;font-size:12px}.wQty:disabled{opacity:.35}.shopEmpty{color:var(--dim);font-size:12px;text-align:center;padding:14px}#authScreen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:auto;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 36%,#393022,#211d18 38%,#111211);color:#eee5d2;font-family:Georgia,Times New Roman,serif}#authScreen:not(.characterCreationActive){isolation:isolate;background:#100e0d url(/models/Starter/MoTZ_selection_background.png) center / contain no-repeat}#authScreen:not(.characterCreationActive):before{content:"";position:fixed;z-index:-1;inset:-28px;pointer-events:none;background:url(/models/Starter/MoTZ_selection_background.png) center / cover no-repeat;filter:blur(22px) brightness(.38);transform:scale(1.04)}.auth-card{position:relative;width:min(100%,430px);padding:34px clamp(22px,7vw,48px) 30px;text-align:center;border:1px solid #a9824e;border-radius:8px;background:linear-gradient(145deg,#28231b,#171714 58%,#201c16);box-shadow:0 24px 70px #000b,inset 0 0 0 4px #d2b47c12,inset 0 1px #ead3a133}.auth-card:before{content:"";position:absolute;inset:7px;border:1px solid #c9a56835;border-radius:4px;pointer-events:none}.auth-emblem{color:#d3a85d;font-size:24px;line-height:1;text-shadow:0 0 18px #e7b75b77}.auth-kicker{margin:10px 0 7px;color:#c5a66c;font:700 10px/1.4 Georgia,serif;letter-spacing:.24em}.auth-card h1{margin:0;color:#f1e4c9;font:700 clamp(25px,7vw,32px)/1.15 Georgia,serif;letter-spacing:.015em}.auth-card h1 span{display:block;margin-top:3px;font-size:.68em;font-weight:400;letter-spacing:.12em}.auth-welcome{margin:13px 0 26px;color:#bca77e;font:italic 16px Georgia,serif}#authForm{display:flex;flex-direction:column;align-items:stretch;text-align:left}#authScreen label{margin:0 0 7px;color:#d7c49f;font:700 12px/1.4 Georgia,serif;letter-spacing:.04em}#authScreen input{width:100%;min-height:48px;margin:0 0 17px;padding:12px 14px;border:1px solid #685638;border-radius:4px;outline:none;background:#11120f;color:#f5eddd;font:16px/1.35 Georgia,serif;box-shadow:inset 0 2px 6px #0008}#authScreen input::placeholder{color:#8d8677}#passwordField{margin:0 0 17px}#passwordField>label{display:block}.password-input-row{display:flex;align-items:stretch;gap:8px}.password-input-row input{flex:1;min-width:0;margin-bottom:0!important}#authScreen .password-input-row button{width:auto;min-width:70px;min-height:48px;margin:0}#authScreen input:focus-visible{border-color:#e0b45f;box-shadow:0 0 0 3px #d49b3d3a,inset 0 2px 6px #0008}#authScreen button{width:100%;min-height:48px;margin-top:7px;border-radius:4px;font:700 14px Georgia,serif;letter-spacing:.035em;cursor:pointer;transition:filter .16s ease,transform .16s ease,background .16s ease}#authScreen .auth-primary{border:1px solid #f2cd7d;background:linear-gradient(#d8ae60,#a87432);color:#21190d;box-shadow:0 4px 12px #0007,inset 0 1px #ffe7ac}#authScreen .auth-primary:hover:not(:disabled){filter:brightness(1.12)}#authScreen .auth-primary:active:not(:disabled){transform:translateY(1px)}#authScreen .auth-secondary{border:1px solid #655538;background:#171713;color:#d6c39e}#authScreen .auth-secondary:hover:not(:disabled){border-color:#b99455;background:#292319}#authScreen button:focus-visible{outline:3px solid #edc06e;outline-offset:3px}#authScreen button:disabled{opacity:.65;cursor:wait}#authMessage{min-height:1.35em;margin:14px 0 0;color:#d7c49f;font:13px/1.5 system-ui,sans-serif}#authMessage[data-state=busy]{color:#e4bd72}#registrationFields[hidden],#authScreen [hidden]{display:none!important}@media(max-width:480px){.auth-card{padding-top:27px;padding-bottom:24px}.auth-welcome{margin-bottom:21px}}@media(prefers-reduced-motion:reduce){#authScreen button{transition:none}}#app{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important}#leaderboardPanel{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-width:90vw;padding:25px;background:#0f0f14f7;color:#fff;border:2px solid #ffffff;border-radius:12px;z-index:10000;font-family:Arial,sans-serif}#leaderboardPanel h2{text-align:center;margin-top:0;margin-bottom:20px}#leaderboardPanel table{width:100%;border-collapse:collapse}#leaderboardPanel th,#leaderboardPanel td{padding:10px;text-align:center;border-bottom:1px solid rgba(255,255,255,.2)}#leaderboardPanel th{font-weight:700}#closeLeaderboardButton{display:block;margin:20px auto 0;padding:10px 25px;font-size:16px;cursor:pointer}#leaderboardTabs{display:flex;justify-content:center;gap:10px;margin-bottom:20px}#leaderboardTabs button{padding:8px 14px;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:#ffffff1a;color:#fff;cursor:pointer;font-size:14px}#leaderboardTabs button:hover{background:#ffffff40}#leaderboardPanel tr.my-leaderboard-row{background:#ffd70026;font-weight:700}#myRank{margin-top:15px;padding:12px;text-align:center;font-weight:700;border:1px solid rgba(255,215,0,.5);border-radius:8px;background:#ffd7001a}#refreshLeaderboardButton{display:block;margin:10px auto;padding:10px 25px;font-size:16px;cursor:pointer}#leaderboardActions{display:flex;justify-content:center;gap:10px;margin-top:20px}#leaderboardActions button{padding:10px 25px;font-size:16px;cursor:pointer}#profilePanel{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-width:90vw;max-height:calc(100vh - 24px);overflow:hidden;box-sizing:border-box;padding:25px;background:#0f0f14f7;color:#fff;border:2px solid #ffffff;border-radius:12px;z-index:10000;font-family:Arial,sans-serif}#profilePanel h2{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;margin-top:0;margin-bottom:18px}#profilePanel h2 #profileHeroPfp{display:inline-block;width:112px;height:112px;border-radius:50%;object-fit:cover}#profilePanel h2 .profile-title-sub{font-size:.68em}#profileInfo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:112px;gap:13px;font-size:17px}#profileInfo>p,#profileUsernameCard,#profileInfo>.profile-multiplayer-button{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:100%;padding:10px;margin:0;text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d}#profileUsernameCard{overflow-wrap:anywhere}#profileInfo>p strong,#profileUsernameCard strong{margin-bottom:8px}#profileInfo>p strong,#profileInfo>p span,#profileInfo>.profile-multiplayer-button span:last-child{display:block;width:100%;min-width:0;white-space:nowrap;overflow-wrap:normal;line-height:1.15}#profileInfo>p span,#profileUsernameCard span{font-size:20px;font-weight:700;max-width:100%;overflow-wrap:anywhere}#closeProfileButton{display:block;margin:25px auto 0;padding:10px 25px;font-size:16px;cursor:pointer}#profileUsername{font-size:24px}#multiplayerPanel{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-width:90vw;padding:25px;background:#0f0f14f7;color:#fff;border:2px solid #ffffff;border-radius:12px;z-index:10000;font-family:Arial,sans-serif;text-align:center}#multiplayerPanel h2{margin-top:0;margin-bottom:20px}#multiplayerPanel button{padding:10px 20px;margin:6px;font-size:16px;cursor:pointer}#roomInfo{margin-top:20px;padding:15px;border:1px solid rgba(255,255,255,.25);border-radius:8px}#roomCode{font-size:24px;letter-spacing:3px}#roomPlayers{margin:15px 0;padding:10px;min-height:40px;border-radius:6px;background:#ffffff0d}#closeMultiplayerButton{margin-top:20px!important}#profileBtn,#leaderboardBtn,#multiplayerBtn,#logoutBtn{background:linear-gradient(180deg,#2b2b2b,#111);color:#d8b45a;border:1px solid #6f5a2a;border-radius:8px;padding:9px 16px;font-weight:600;letter-spacing:.4px;box-shadow:0 3px 8px #00000073;transition:all .2s ease}#profileBtn:hover,#leaderboardBtn:hover,#multiplayerBtn:hover,#logoutBtn:hover{background:linear-gradient(180deg,#3b3020,#17120b);color:#f2d27a;border-color:#b08b38;transform:translateY(-1px);box-shadow:0 5px 12px #0000008c}#leaderboardButton,#multiplayerButton,#logoutButton{background:linear-gradient(180deg,#292720,#151513);color:#d8bd79;border:1px solid #74613a;border-radius:7px;box-shadow:0 3px 9px #0006,inset 0 1px #ffecbe0f;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}#leaderboardButton:hover,#multiplayerButton:hover,#logoutButton:hover{background:linear-gradient(180deg,#393224,#1d1a14);color:#f0d795;border-color:#a88a4b;transform:translateY(-1px);box-shadow:0 5px 12px #0000007a,0 0 10px #a88a4b1f}#leaderboardButton:focus-visible,#multiplayerButton:focus-visible,#logoutButton:focus-visible{outline:2px solid #b99a5b;outline-offset:2px}#profilePanel,#leaderboardPanel,#multiplayerPanel{background:linear-gradient(145deg,#1b1b19fa,#0c0d0dfa);color:#e5dfd0;border:1px solid #78633a;border-radius:10px;box-shadow:0 16px 42px #0000009e,inset 0 1px #ffebbe0d}#profilePanel h2,#leaderboardPanel h2,#multiplayerPanel h2{color:#ddc17b;text-shadow:0 1px 5px rgba(0,0,0,.55)}#profileInfo p,#profileUsernameCard,#roomInfo{background:#07080875;border-color:#9d80496b}#roomPlayers{background:#07080885;border:1px solid rgba(157,128,73,.28)}#leaderboardPanel th,#leaderboardPanel td{border-bottom-color:#9d804942}#leaderboardPanel th{color:#ddc17b}#leaderboardTabs button,#leaderboardActions button,#closeLeaderboardButton,#closeProfileButton,#multiplayerPanel button{background:linear-gradient(180deg,#282720,#151513);color:#d8bd79;border:1px solid #695936;border-radius:6px;box-shadow:0 2px 7px #00000052;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}#leaderboardTabs button:hover,#leaderboardActions button:hover,#closeLeaderboardButton:hover,#closeProfileButton:hover,#multiplayerPanel button:hover{background:linear-gradient(180deg,#393224,#1d1a14);color:#f0d795;border-color:#a88a4b;box-shadow:0 4px 10px #0000006b}#profilePanel{background:linear-gradient(145deg,#1c1c1afc,#0b0c0cfc);border-color:#806a40;box-shadow:0 18px 48px #000000ad,inset 0 1px #ffebbe0f;color:#e8e2d5}#profilePanel h2{color:#e1c783;font-family:Cinzel,Georgia,serif;letter-spacing:.06em;text-shadow:0 2px 8px rgba(0,0,0,.65)}#profileInfo{gap:13px}#profileInfo>p,#profileUsernameCard{padding:10px;border:1px solid rgba(151,123,70,.42);border-radius:7px;background:linear-gradient(145deg,#2a271fad,#0f100fc7);box-shadow:inset 0 1px #ffeec609,0 4px 10px #00000038}#profileInfo p strong,#profileUsernameCard strong{color:#cdb477;font-size:18px;font-weight:600;letter-spacing:.045em}#profileUsernameCard strong{font-size:13px}#profileInfo>p span,#profileUsernameCard span{color:#f0ece2;font-size:25px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.55)}#profileInfo>.profile-multiplayer-button{padding:8px;border:1px solid rgba(151,123,70,.42);border-radius:7px;background:linear-gradient(145deg,#2a271fad,#0f100fc7);box-shadow:inset 0 1px #ffeec609,0 4px 10px #00000038;cursor:pointer}#profileUsernameCard{background:linear-gradient(135deg,#45371fb3,#141310e0);border-color:#b897539e}#profileUsernameCard strong{color:#e0c77f}#profileUsername{color:#f1d891!important;display:block;box-sizing:border-box;width:100%;min-width:0;font-size:26px;letter-spacing:.055em;line-height:1.05;white-space:nowrap;text-shadow:0 0 12px rgba(195,158,79,.18)}.room-player-name{box-sizing:border-box;width:100%;white-space:nowrap}#profileInfo .profile-multiplayer-button span:first-child{font-size:22px;line-height:1}#profileInfo .profile-multiplayer-button span:last-child{color:#e1c58f;font-size:20px;font-weight:600;line-height:1.1;max-width:100%;white-space:nowrap}#leaderboardPanel{background:linear-gradient(145deg,#1c1c1afc,#0b0c0cfc);color:#e8e2d5;border-color:#806a40;box-shadow:0 18px 48px #000000ad,inset 0 1px #ffebbe0f}#leaderboardPanel h2{color:#e1c783;font-family:Cinzel,Georgia,serif;letter-spacing:.06em;text-shadow:0 2px 8px rgba(0,0,0,.65)}#leaderboardPanel table{border:1px solid rgba(151,123,70,.42);border-radius:7px;overflow:hidden;background:#08090973}#leaderboardPanel thead{background:linear-gradient(180deg,#433721d1,#252119e6)}#leaderboardPanel th{padding-top:12px;padding-bottom:12px;color:#e0c77f;font-size:13px;font-weight:700;letter-spacing:.055em;border-bottom:1px solid rgba(184,151,83,.48)}#leaderboardPanel td{padding-top:11px;padding-bottom:11px;color:#e8e2d5;border-bottom-color:#977b4633;transition:background-color .16s ease,color .16s ease}#leaderboardPanel tbody tr:last-child td{border-bottom:0}#leaderboardPanel tbody tr:hover td{background:#9f81481f;color:#f3ead4}#leaderboardPanel thead th:first-child,#leaderboardPanel tbody td:first-child{text-align:left;padding-left:16px}#leaderboardPanel thead th:nth-child(n+2),#leaderboardPanel tbody td:nth-child(n+2){font-variant-numeric:tabular-nums}#leaderboardBody tr:nth-child(1) td{background:#b591432b}#leaderboardBody tr:nth-child(2) td{background:#a0a6a51a}#leaderboardBody tr:nth-child(3) td{background:#9465411f}#leaderboardBody tr.my-leaderboard-row td{background:#b18f4533;color:#f1dcaa;font-weight:700}#myRank{margin-top:17px;padding:13px 16px;color:#f0d795;font-weight:700;letter-spacing:.025em;border:1px solid rgba(184,151,83,.55);border-radius:7px;background:linear-gradient(110deg,#42351fad,#181612d1);box-shadow:inset 0 1px #ffebbe0d,0 4px 12px #00000040}#leaderboardActions button,#refreshLeaderboardButton,#closeLeaderboardButton{color:#ddc17b;border-color:#74613a;font-weight:600;letter-spacing:.02em}#leaderboardActions button:hover,#refreshLeaderboardButton:hover,#closeLeaderboardButton:hover{transform:translateY(-1px)}#multiplayerPanel{background:linear-gradient(145deg,#1c1c1afc,#0b0c0cfc);color:#e8e2d5;border-color:#806a40;box-shadow:0 18px 48px #000000ad,inset 0 1px #ffebbe0f}#multiplayerPanel h2{color:#e1c783;font-family:Cinzel,Georgia,serif;letter-spacing:.055em;text-shadow:0 2px 8px rgba(0,0,0,.65)}#multiplayerStatus{color:#d8d1c1;padding:9px 12px;border:1px solid rgba(133,112,69,.3);border-radius:6px;background:#0708086b}#multiplayerPanel #createRoomButton,#multiplayerPanel #joinRoomButton{background:linear-gradient(180deg,#302b20,#171613);color:#e0c783;border:1px solid #806a40;border-radius:6px;font-weight:600;box-shadow:0 3px 9px #00000059,inset 0 1px #ffebbe0a;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}#multiplayerPanel #createRoomButton:hover,#multiplayerPanel #joinRoomButton:hover{background:linear-gradient(180deg,#403724,#201c14);color:#f0d795;border-color:#a88a4b;transform:translateY(-1px);box-shadow:0 5px 12px #00000070}#roomInfo{border:1px solid rgba(151,123,70,.48);border-radius:8px;background:linear-gradient(145deg,#171714d1,#090a0ac7);box-shadow:inset 0 1px #ffebbe09,0 5px 14px #0000003d}#roomInfo h3{color:#ddc17b;font-family:Cinzel,Georgia,serif;letter-spacing:.04em}#roomInfo p{color:#d8d1c1}#roomCode{display:inline-block;margin-left:5px;padding:6px 12px;color:#f1d891;background:#5342235c;border:1px solid rgba(184,151,83,.52);border-radius:5px;font-family:Cinzel,Georgia,serif;font-size:23px;font-weight:700;letter-spacing:.14em;text-shadow:0 1px 7px rgba(195,158,79,.16)}#roomPlayers{padding:8px 10px;color:#e8e2d5;text-align:left;background:#0506068f;border:1px solid rgba(133,112,69,.32);border-radius:6px}#roomPlayers>div{padding:9px 10px;color:#eee8da;border-bottom:1px solid rgba(151,123,70,.2);transition:background-color .15s ease,color .15s ease}#roomPlayers>div:last-child{border-bottom:0}#roomPlayers>div:hover{color:#f1d891;background:#9f81481a}#multiplayerPanel #leaveRoomButton{background:linear-gradient(180deg,#33251f,#191311);color:#d5a98e;border-color:#795343}#multiplayerPanel #leaveRoomButton:hover{background:linear-gradient(180deg,#422d24,#211713);color:#edc2a3;border-color:#98694f;transform:translateY(-1px)}#multiplayerPanel #closeMultiplayerButton{color:#cbb982;border-color:#806a40ad}#avatarWrap #settingsBtn{position:absolute;z-index:2;top:50%;left:calc(100% + 8px);display:flex;align-items:center;justify-content:center;width:25px;height:25px;padding:0;border:1px solid #806a40;border-radius:6px;background:linear-gradient(145deg,#292720,#111211);color:#d8bd79;font-size:13px;line-height:1;cursor:pointer;box-shadow:0 3px 8px #0000007a;transform:translateY(-50%);transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}#avatarWrap #settingsBtn:hover{background:linear-gradient(145deg,#3a3221,#191711);border-color:#ad8e4d;transform:translateY(calc(-50% - 1px));box-shadow:0 4px 10px #00000085}#avatarWrap #settingsBtn:focus-visible{outline:2px solid #b99a5b;outline-offset:2px}#settingsCard #logoutButton{width:100%;margin-top:10px;padding:8px 12px;background:linear-gradient(180deg,#292720,#151513);color:#d8bd79;border:1px solid #74613a;border-radius:6px;cursor:pointer}#settingsCard #logoutButton:hover{background:linear-gradient(180deg,#393224,#1d1a14);color:#f0d795;border-color:#a88a4b}#avatarSettingsActions{display:flex;align-items:center;gap:8px;margin-top:9px}#profilePanel #avatarBadge,#profilePanel #avatarReset{position:static;flex:0 0 30px;width:30px;height:30px;border:1px solid #74613a;border-radius:6px;background:linear-gradient(145deg,#292720,#111211);color:#d8bd79;font-size:14px;box-shadow:0 2px 6px #00000059;cursor:pointer}#profilePanel #avatarBadge:hover,#profilePanel #avatarReset:hover{border-color:#a88a4b;background:linear-gradient(145deg,#393224,#1d1a14);color:#f0d795}#levelNavigation{position:absolute;z-index:9;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:148px;height:148px;pointer-events:none}#levelBadge{position:relative;right:auto;bottom:auto;display:block;width:148px;height:148px;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;appearance:none;pointer-events:auto}#levelBadge:focus-visible{outline:2px solid #b99a5b;outline-offset:2px;border-radius:50%}.pfp-picker{display:grid;grid-template-columns:repeat(4,minmax(54px,1fr));gap:7px;max-height:230px;overflow:hidden;padding:8px;border:1px solid #806a40;border-radius:7px;background:#151513}.pfp-picker[hidden]{display:none}.pfp-choice{min-width:0;display:grid;justify-items:center;gap:4px;padding:5px 3px;border:1px solid #51452f;border-radius:6px;color:#e8e2d5;background:#211e18;cursor:pointer}.pfp-choice:hover,.pfp-choice:focus-visible,.pfp-choice[aria-selected=true]{border-color:#d0ad65;color:#f0d795}.pfp-choice img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:linear-gradient(110deg,#28251e 30%,#403a2d,#28251e 60%)}.pfp-choice span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}#chatBox{color:#ded2b8;background:linear-gradient(135deg,rgba(171,128,61,.2),transparent 42%),repeating-linear-gradient(0deg,rgba(201,164,97,.035) 0 1px,transparent 1px 5px),linear-gradient(155deg,#33291e,#1b1915 54%,#292016);border:2px solid #9a7945;border-radius:7px;box-shadow:inset 0 0 0 2px #17130f,inset 0 0 0 4px #b38b4557,inset 0 1px #ffe0a133,inset 0 1px 8px #000000c2,0 0 0 2px #1c160f,0 8px 22px #0000009e}#chatTabs{border-bottom:1px solid #8c6d3f;background:linear-gradient(180deg,#91682e38,#0808076b)}.chatTab{color:#b8aa8d;transition:color .15s ease,background-color .15s ease}.chatTab:hover,.chatTab:focus-visible{color:#e0c98f;background:#97773d1f;outline:none}.chatTab.active{color:#ead39b;background:linear-gradient(180deg,#a97e3c4d,#43331d33);box-shadow:inset 0 1px #fce0a529,inset 0 -2px #c29a52}#chatLog{color:#ded2b8}.chatMsg b{color:#c8a65e}.chatMsg .chat-avatar{width:18px;height:18px;margin-right:5px;border-radius:50%;object-fit:cover;vertical-align:middle;background:#29251d}.chatMsg.sys{color:#a99c83}#chatInputRow{border-top-color:#9b7d4861;background:#08080733}#chatInput{color:#e0d4bd;background:linear-gradient(180deg,#171613,#211d17);border:1px solid #665538;border-radius:4px;box-shadow:inset 0 2px 5px #0000007a}#chatInput::placeholder{color:#9d927b}#chatInput:focus{border-color:#aa8a4c;box-shadow:inset 0 2px 5px #0000007a,0 0 0 1px #aa8a4c29}#locationLabel{color:#dfcfaa;background:linear-gradient(110deg,rgba(159,121,58,.13),transparent 35%,rgba(0,0,0,.16)),linear-gradient(180deg,#30291f,#1e1b16 58%,#29231a);border:1px solid #80683e;border-radius:5px;box-shadow:inset 0 1px #e6cb9014,inset 0 -2px 4px #0000006b,0 3px 9px #0006;text-shadow:0 1px 2px #090807}#levelBadge{filter:drop-shadow(0 4px 7px rgba(0,0,0,.52))}#levelBadge .lvl-track{stroke:#5a492e}#levelBadge .lvl-fill{stroke:#b39452;filter:drop-shadow(0 0 2px rgba(179,148,82,.22))}#levelInner{color:#e2d3b2;background:radial-gradient(ellipse at 35% 24%,rgba(147,114,58,.15),transparent 55%),linear-gradient(145deg,#30291f,#191815 62%,#242017);border:1px solid #81683d;box-shadow:inset 0 0 0 3px #0908076b,inset 0 1px #ebd39d1c,0 0 0 1px #1b1711e6}#levelNum{color:#e2c982;text-shadow:0 1px 2px #090807}#levelTag{color:#b8a889;text-shadow:0 1px 2px #090807}#hud,#hud *,#escHint,#portalPrompt,#portalPrompt *,#shopPrompt,#workPrompt,#gatherPrompt,#toast,#nameTag,#minimap,#dayNightIcon,#topRightDock,#topRightDock *,#chatBox,#chatBox *,#locationLabel,#levelNavigation,#levelNavigation *{font-family:Cinzel,Palatino Linotype,Book Antiqua,Georgia,serif;letter-spacing:.025em;text-shadow:0 1px 2px rgba(8,7,5,.72)}#nameTag{color:#ffd166;text-shadow:0 2px 3px #090806,0 0 7px rgba(0,0,0,.92),0 0 10px rgba(255,184,77,.38)}#escHint{display:none!important}#levelBadge{overflow:hidden;border:1px solid #80683e;background:linear-gradient(145deg,rgba(195,157,83,.2),transparent 35%),linear-gradient(160deg,#665233,#282219 38%,#171613 76%,#493a24);clip-path:polygon(10% 5%,90% 5%,96% 10%,94% 65%,88% 79%,50% 98%,12% 79%,6% 65%,4% 10%);filter:drop-shadow(0 5px 7px rgba(0,0,0,.58))}#levelBadge:focus-visible{outline:2px solid #b99a5b;outline-offset:3px;border-radius:0}#levelBadge svg{opacity:.86}#levelBadge .lvl-track{stroke:#5a472c}#levelBadge .lvl-fill{stroke:#b99a5b}#levelInner{inset:15px 13px 20px;border-radius:0;background:linear-gradient(145deg,rgba(145,111,54,.13),transparent 45%),linear-gradient(160deg,#2b261e,#171613 72%,#221d15);border-color:#9f8048b8;clip-path:polygon(9% 3%,91% 3%,97% 9%,94% 62%,86% 77%,50% 96%,14% 77%,6% 62%,3% 9%);box-shadow:inset 0 0 0 3px #09080780,inset 0 1px #ebd39d1a}#minimap{background:radial-gradient(ellipse at 42% 35%,rgba(163,135,82,.24),transparent 60%),repeating-linear-gradient(135deg,rgba(191,151,83,.045) 0 2px,transparent 2px 7px),radial-gradient(circle,#4b4938,#302b20 69%,#1d1a15);border:4px solid #9b7944;border-radius:8px;outline:2px solid #241b11;box-shadow:inset 0 0 0 2px #110f0bd6,inset 0 0 14px #00000085,inset 0 0 0 4px #be934970,0 0 0 3px #1d160f,0 7px 18px #000000ad;-webkit-backdrop-filter:none;backdrop-filter:none}#mmArrow path{fill:#c7a96a;stroke:#292319}#dayNightIcon{color:#e0cfaa;background:linear-gradient(145deg,#3a3020,#1a1814);border:1px solid #8b7042;box-shadow:inset 0 1px #f2dba51f,0 2px 5px #00000073}#topRightDock{top:calc(16px + env(safe-area-inset-top,0px));right:auto;left:16px;z-index:7}#profileBox{color:#e2d3b2;background:linear-gradient(145deg,rgba(160,117,52,.22),transparent 48%),repeating-linear-gradient(0deg,rgba(201,164,97,.035) 0 1px,transparent 1px 6px),linear-gradient(160deg,#34291d,#171511 75%,#2b2015);border:2px solid #977644;border-radius:6px;box-shadow:inset 0 0 0 2px #17120d,inset 0 0 0 4px #b1853d52,inset 0 1px #ffe2a630,0 0 0 2px #1c160f,0 6px 16px #0000009e}#avatarCircle{border-color:#927543;box-shadow:inset 0 0 0 2px #09080773,0 2px 6px #00000080}#nameInput{color:#e2d3b2;background:#0908076b;border-color:#90744399}#settingsBtn{color:#d2b46c;background:linear-gradient(145deg,#30291f,#171613);border-color:#81683e;box-shadow:0 2px 6px #0000007a}#minimap{top:calc(16px + env(safe-area-inset-top,0px));right:16px;left:auto}#locationLabel{top:calc(120px + env(safe-area-inset-top,0px));right:16px;bottom:auto;width:96px}#levelNavigation{right:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:16px;width:112px;height:112px}#levelBadge:focus-visible{outline-offset:1px}#chatBox{right:auto;bottom:calc(138px + env(safe-area-inset-bottom,0px));left:16px;width:270px;height:138px;z-index:6}#actionDock{right:266px;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:auto;z-index:7;display:block;width:min(330px,calc(100vw - 290px));min-width:260px;height:130px;transform:none}#invBtn{position:absolute;bottom:68px;left:0;width:58px;height:60px;color:#e0d1b1;background:linear-gradient(145deg,#352c20,#191714);border:1px solid #80683e;border-radius:7px;box-shadow:inset 0 1px #ebd39d14,0 3px 8px #0000006b}#invBtn.active{border-color:#c1a15e}#barsCol{position:absolute;right:0;bottom:0;left:0;display:flex;height:60px;gap:5px}.barBox{padding:5px 8px;background:linear-gradient(145deg,rgba(145,111,54,.12),transparent 42%),linear-gradient(145deg,#2b261e,#171613);border:1px solid #806744;border-radius:5px;box-shadow:inset 0 0 0 1px #0807067a,inset 0 1px #ebd39d1a,inset 0 0 8px #0006,0 2px 5px #0000004d}.bar-label{color:#d2c3a5}.bar-label span:first-child{color:#cfad68;font-weight:700}.bar-track{background:#0e0d0b;border:1px solid rgba(138,111,63,.45)}#hpFill{background:linear-gradient(180deg,#e79572,#bf5744 46%,#77332d);box-shadow:inset 0 1px #ffe2c752,inset 0 -1px #44100e59,0 0 7px #b1463552}#mpFill{background:linear-gradient(180deg,#a4c4dc,#5c83a8 46%,#344c6d);box-shadow:inset 0 1px #e6f2ff52,inset 0 -1px #131f326b,0 0 7px #4a77a64d}#fkeyRow{position:absolute;right:0;bottom:68px;left:64px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,28px);width:auto;height:59px;gap:3px}#fkeyRow .slot{height:34px;overflow:hidden;color:#decfae;background:linear-gradient(145deg,rgba(181,137,63,.22),transparent 48%),linear-gradient(145deg,#30291f,#191714);border:2px solid #8d7041;border-radius:4px;box-shadow:inset 0 0 0 1px #15110c,inset 0 1px #ffe2a62e,0 2px 6px #00000080}#fkeyRow .slot:not(:disabled):hover{border-color:#b99a5b}#itemRow{position:fixed;right:12px;bottom:calc(42px + env(safe-area-inset-bottom,0px));z-index:8;display:block;width:230px;height:290px;pointer-events:none}#normalAttackBtn{position:absolute;top:90px;left:65px;display:flex;width:100px;height:100px;align-items:center;justify-content:center;padding:0;color:#dbbd72;background:radial-gradient(circle at 38% 30%,#3b3020,#171613 72%);border:3px solid #a1844d;border-radius:50%;box-shadow:inset 0 0 0 4px #0a0907cc,inset 0 1px #f0daa31f,0 5px 14px #0000009e;cursor:pointer;pointer-events:auto;appearance:none}#normalAttackBtn:before{position:absolute;inset:5px;border:1px solid rgba(198,165,95,.38);border-radius:50%;content:"";pointer-events:none}#normalAttackBtn svg{width:48px;height:48px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.75))}#normalAttackBtn:hover,#normalAttackBtn:focus-visible{color:#f0d795;border-color:#c3a361;outline:none}#normalAttackBtn:active{background:radial-gradient(circle at 38% 30%,#493a25,#1b1813 72%)}@media(max-width:900px){#levelNavigation,#levelBadge{width:92px;height:92px}#levelInner{inset:10px 9px 13px}#levelNum{font-size:26px}#levelTag{font-size:11px}#chatBox{bottom:calc(156px + env(safe-area-inset-bottom,0px));width:min(250px,calc(100vw - 32px));height:128px}#actionDock{right:250px;width:min(300px,calc(100vw - 270px));min-width:250px}#itemRow{right:8px;transform:scale(.88);transform-origin:bottom right}}@media(max-width:760px){#topRightDock{left:10px}#minimap{right:10px}#locationLabel{top:calc(114px + env(safe-area-inset-top,0px));right:10px;width:96px}#levelNavigation{left:10px}#chatBox{left:10px;width:min(220px,calc(50vw - 16px))}#actionDock{right:auto;left:120px;width:clamp(150px,calc(100vw - 290px),330px);min-width:0}#actionDock{height:122px}#invBtn{bottom:64px;width:50px;height:54px}#barsCol{height:54px}#fkeyRow{bottom:64px;left:56px;height:53px;grid-template-rows:repeat(2,25px)}#fkeyRow .slot{height:25px}#itemRow{transform:scale(.62)}}@media(max-width:420px){#levelNavigation,#levelBadge{width:64px;height:64px}#levelInner{inset:7px 6px 9px}#levelNum{font-size:20px}#levelTag{font-size:9px}#chatBox{bottom:calc(148px + env(safe-area-inset-bottom,0px));height:110px}#actionDock{left:auto;right:152px;width:168px;min-width:0;height:108px}#invBtn{bottom:58px;width:42px;height:44px}#barsCol{height:46px}#fkeyRow{bottom:58px;left:48px;height:47px;grid-template-rows:repeat(2,22px);gap:3px}#fkeyRow .slot{height:22px}#itemRow{right:24px;transform:scale(.46)}}@media(max-width:360px){#actionDock{left:auto;right:140px;width:100px}#fkeyRow{left:45px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,15px);height:69px}#fkeyRow .slot{height:15px}#invBtn{bottom:80px}#itemRow{right:24px}}#minimap{top:calc(16px + env(safe-area-inset-top,0px));right:auto;left:16px}#locationLabel{top:calc(120px + env(safe-area-inset-top,0px));right:auto;bottom:auto;left:16px;width:96px}#topRightDock{top:auto;right:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:16px;z-index:7}#levelNavigation{top:auto;right:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:220px;width:112px;height:112px}#levelBadge{width:112px;height:112px}#levelInner{inset:12px 11px 15px}#levelNum{font-size:31px}#levelTag{font-size:13px}#chatBox{top:auto;right:auto;bottom:calc(138px + env(safe-area-inset-bottom,0px));left:16px;width:270px;height:138px}#actionDock{top:auto;right:432px;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:346px;width:auto;min-width:0;height:120px;transform:none}#topDockRow{position:static;display:block}#invBtn{position:absolute;bottom:0;left:0;width:58px;height:58px}#barsCol{position:absolute;right:0;bottom:0;left:66px;display:flex;height:60px}#fkeyRow{position:absolute;right:0;bottom:64px;left:66px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:34px;width:auto;height:34px;gap:3px}#itemRow{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:400px;height:400px;transform:none;transform-origin:bottom right}#normalAttackBtn{top:100px;left:100px;width:200px;height:200px;border-width:5px;box-shadow:inset 0 0 0 7px #0a0907cc,inset 0 1px #f0daa31f,0 7px 18px #000000a3}#normalAttackBtn:before{inset:10px}#normalAttackBtn svg{width:92px;height:92px}@media(max-width:1100px){#levelNavigation,#levelBadge{width:92px;height:92px}#levelInner{inset:10px 9px 13px}#levelNum{font-size:26px}#levelTag{font-size:11px}#actionDock{right:320px;left:326px}#itemRow{transform:scale(.72)}}@media(max-width:900px){#levelNavigation{left:220px}#chatBox{bottom:calc(132px + env(safe-area-inset-bottom,0px));width:min(270px,calc(100vw - 32px))}#actionDock{right:280px;left:326px;height:138px}#barsCol{height:60px}#fkeyRow{bottom:64px;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,24px);height:51px}#itemRow{transform:scale(.62)}}@media(max-width:760px){#topRightDock{left:10px}#profileBox{gap:6px;padding:7px 8px}#nameInput{width:88px}#levelNavigation{left:180px;width:80px;height:80px}#levelBadge{width:80px;height:80px}#levelInner{inset:8px 8px 11px}#levelNum{font-size:23px}#levelTag{font-size:10px}#chatBox{top:calc(150px + env(safe-area-inset-top,0px));right:10px;bottom:auto;left:auto;width:min(270px,calc(100vw - 32px));height:128px}#actionDock{right:16px;left:274px;height:130px}#itemRow{bottom:calc(150px + env(safe-area-inset-bottom,0px));transform:scale(.55)}}@media(max-width:420px){#topRightDock{left:8px}#profileBox{gap:5px;padding:6px}#avatarCircle{width:36px;height:36px}#nameInput{width:72px}#levelNavigation{left:146px;width:64px;height:64px}#levelBadge{width:64px;height:64px}#levelInner{inset:7px 6px 9px}#levelNum{font-size:20px}#levelTag{font-size:9px}#chatBox{top:calc(150px + env(safe-area-inset-top,0px));right:8px;left:auto;width:min(260px,calc(100vw - 32px))}#actionDock{right:8px;left:220px;height:120px}#invBtn{width:42px;height:48px}#barsCol{left:48px;height:50px}#fkeyRow{right:0;bottom:70px;left:-212px;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:30px;height:30px}#itemRow{right:8px;bottom:calc(150px + env(safe-area-inset-bottom,0px));transform:scale(.46)}}@media(max-width:360px){#topRightDock{left:6px}#profileBox{gap:4px;padding:5px}#avatarCircle{width:30px;height:30px}#nameInput{width:52px;font-size:11px}#levelNavigation{left:126px;width:56px;height:56px}#levelBadge{width:56px;height:56px}#levelInner{inset:6px 5px 8px}#levelNum{font-size:18px}#levelTag{font-size:8px}#actionDock{left:194px}}#levelNavigation{right:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:16px}#topRightDock{top:auto;right:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:140px}#profileBox{height:112px;min-height:112px}#itemRow{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:560px;height:560px;transform:none;transform-origin:bottom right}#normalAttackBtn{top:305px;left:305px}@media(max-width:1100px){#topRightDock{left:120px}#profileBox{height:92px;min-height:92px}#itemRow{transform:scale(.72)}}@media(max-width:900px){#itemRow{transform:scale(.62)}}@media(max-width:760px){#topRightDock{left:106px}#profileBox{height:80px;min-height:80px}#levelNavigation{left:16px}#itemRow{transform:scale(.55)}}@media(max-width:420px){#topRightDock{left:92px}#profileBox{height:64px;min-height:64px}#levelNavigation{left:8px}#itemRow{transform:scale(.46)}}@media(max-width:360px){#topRightDock{left:84px}#profileBox{height:56px;min-height:56px}#levelNavigation{left:6px}}#profilePanel,#leaderboardPanel,#multiplayerPanel,#settingsCard,#invPanel,#shopCard,#workCard,#clearedCard,#koCard,#duelCard,#chatBox,#portalPrompt,#shopPrompt,#workPrompt,#gatherPrompt,#toast{color:#e7ddc9;font-family:Cinzel,Palatino Linotype,Book Antiqua,Georgia,serif;text-shadow:0 1px 2px rgba(0,0,0,.72);background-color:#211d17;background-image:linear-gradient(145deg,rgba(115,85,48,.16),transparent 38%,rgba(8,8,7,.22));border-color:#806744;box-shadow:inset 0 1px #dfbe8014,0 10px 28px #00000085}#profilePanel h2,#leaderboardPanel h2,#multiplayerPanel h2,#settingsCard h2,#invPanel .invHeader,#shopCard .shopHead h2,#workCard .shopHead h2,#clearedCard h2,#koCard h2,#duelCard h2{color:#d2ad68;font-family:Cinzel,Palatino Linotype,Book Antiqua,Georgia,serif;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 10px rgba(149,105,42,.16)}#profileInfo,#profileInfo p,#profileInfo span,#profileUsernameCard,#profileUsernameCard span,#leaderboardPanel table,#leaderboardPanel td,#myRank,#multiplayerStatus,#roomInfo,#roomPlayers,#settingsCard .setRow,#settingsCard .toggleRow,#invPanel .invPages,#invPanel .invFooter,#shopList,#shopCard .shopFoot,#workList,#clearedText,#clearedLoot,#koText,#duelCard p,#portalPrompt,#shopPrompt,#workPrompt,#gatherPrompt,#toast{color:#e7ddc9}#profileInfo strong,#profileUsernameCard strong,#leaderboardPanel th,#myRank strong,#roomCode,#settingsCard label,#invPanel .invSection,#invPanel .goldRow,#shopCard .shopFoot span,#workGold,#clearedLoot strong,#duelCard .duelName,#chatBox strong,#portalPrompt strong,#shopPrompt strong,#workPrompt strong,#gatherPrompt strong{color:#c8a365}#profilePanel button,#leaderboardPanel button,#multiplayerPanel button,#settingsCard button,#invPanel button,#shopCard button,#workCard button,#clearedCard button,#koCard button,#duelCard button{color:#e1c58f;font-family:Cinzel,Palatino Linotype,Book Antiqua,Georgia,serif;text-shadow:0 1px 2px rgba(0,0,0,.75);background:linear-gradient(155deg,#332b20,#1b1915 76%);border-color:#79613d;box-shadow:inset 0 1px #e0c18714,0 3px 8px #00000057;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}#profilePanel button:hover:not(:disabled),#leaderboardPanel button:hover:not(:disabled),#multiplayerPanel button:hover:not(:disabled),#settingsCard button:hover:not(:disabled),#invPanel button:hover:not(:disabled),#shopCard button:hover:not(:disabled),#workCard button:hover:not(:disabled),#clearedCard button:hover:not(:disabled),#koCard button:hover:not(:disabled),#duelCard button:hover:not(:disabled){color:#f1dfb8;background:linear-gradient(155deg,#493a27,#252017 76%);border-color:#aa8951;box-shadow:inset 0 1px #efd39e1f,0 4px 11px #0006}#profilePanel button:focus-visible,#leaderboardPanel button:focus-visible,#multiplayerPanel button:focus-visible,#settingsCard button:focus-visible,#invPanel button:focus-visible,#shopCard button:focus-visible,#workCard button:focus-visible,#clearedCard button:focus-visible,#koCard button:focus-visible,#duelCard button:focus-visible{outline:2px solid #b69457;outline-offset:2px}#walletLinkSection{box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;width:100%;min-width:0;height:auto;margin:14px 0 0;padding:16px;border:1px solid rgba(200,163,101,.38);border-radius:9px;background:#0000002b;color:inherit;font:inherit;text-shadow:inherit}#walletLinkSection>:nth-child(1){grid-row:1}#walletLinkSection>#walletLinkMessage{grid-area:7 / 1 / 8 / 5}#walletLinkTitle,#unlockHeroControls,#activeHeroesLine,#lockedHeroesLine,#walletLinkMessage{grid-column:1 / -1}#walletLinkTitle{margin:0;color:#d2ad68;font:inherit;font-size:18px}#walletLinkSection p{box-sizing:border-box;min-width:0;margin:0;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#ffffff09;color:inherit;line-height:1.4;overflow-wrap:anywhere}#walletLinkSection h4{margin:0 0 8px;color:#c8a365}#unlockHeroControls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px 10px;min-width:0}#unlockHeroControls[hidden]{display:none}#unlockHeroControls h4{grid-column:1 / -1}#unlockHeroControls label{color:#c8a365}#unlockHeroControls select{box-sizing:border-box;width:100%;min-width:0;padding:8px;border:1px solid #77603c;border-radius:6px;background:#171511;color:#e7ddc9;font:inherit}#unlockHeroButton{grid-column:1 / -1;justify-self:start}#walletLinkSection>button{justify-self:start}#walletLinkMessage{min-height:1.4em;color:#e1c58f}@media(max-width:560px){#walletLinkSection{grid-template-columns:minmax(0,1fr);padding:12px}#walletLinkTitle,#unlockHeroControls,#activeHeroesLine,#lockedHeroesLine,#walletLinkMessage{grid-column:1}#unlockHeroControls{grid-template-columns:minmax(0,1fr)}#unlockHeroControls h4,#unlockHeroButton{grid-column:1}}#settingsModal,#shopModal,#workModal,#clearedModal,#duelModal,#koModal{background-color:#070706d1}#settingsCard input:not([type=range]),#settingsCard select,#multiplayerPanel input,#invPanel select,#shopCard input,#shopCard select,#workCard input,#workCard select{color:#e7ddc9;background-color:#171511;border-color:#77603c;box-shadow:inset 0 2px 5px #0000006b}#settingsCard input::placeholder,#multiplayerPanel input::placeholder,#shopCard input::placeholder{color:#a99a7c}#settingsCard input[type=range]{accent-color:#a78349}#leaderboardTabs button,#invPanel .invTab,#shopCard .shopTab,#workCard .shopTab{color:#cdb98f;background:linear-gradient(155deg,#29241c,#191713);border-color:#6e5838}#leaderboardTabs button.active,#leaderboardTabs button[aria-selected=true],#invPanel .invTab.active,#shopCard .shopTab.active,#workCard .shopTab.active{color:#241d13;background:linear-gradient(155deg,#b2935c,#80643b);border-color:#c1a16a;text-shadow:0 1px 0 rgba(255,228,177,.25)}#shopList .shopRow,#workList .shopRow,#invPanel .invRow,#duelCard .duelOpt{color:#e1d5c0;background-color:#12100db8;border-color:#85693eb8}#itemRow{right:0}@media(min-width:761px){#itemRow{bottom:env(safe-area-inset-bottom,0px)}}#normalAttackBtn{top:355px;left:355px;width:150px;height:150px}#normalAttackBtn svg{display:none}#normalAttackBtn:after{display:block;width:70px;height:70px;background:center / var(--attack-icon-bg-size, contain) no-repeat var(--attack-weapon-image, none);content:"";transform:rotate(var(--attack-icon-rotation, 0deg)) scale(var(--attack-icon-scale, 1));filter:none;pointer-events:none}#fkeyRow .slot .slotIcon{width:78%;height:74%;overflow:hidden;box-sizing:border-box}#fkeyRow .slot .slotIcon .recipeWeaponIcon{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;padding:3px;box-sizing:border-box}#fkeyRow .slot:nth-child(6) .slotIcon{font-size:15px}#locationLabel{width:min(260px,calc(100vw - 32px));min-width:96px;min-height:38px;display:flex;align-items:center;justify-content:center;padding:8px 12px;font-size:clamp(13px,1.15vw,16px);line-height:1.2;letter-spacing:.02em;text-align:center;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}#portalPrompt{align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:6px;color:#e7ddc9;background:linear-gradient(145deg,#30291f,#171613 78%);border:1px solid #806744;border-radius:6px;box-shadow:inset 0 1px #dfbe801a,0 5px 14px #00000094;-webkit-backdrop-filter:none;backdrop-filter:none}#portalPrompt>b{flex:0 0 38px;min-width:38px;min-height:38px;padding:0;color:#ead7aa;font-family:Cinzel,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:16px;background:linear-gradient(145deg,#6c5431,#3b2e1c);border:1px solid #b08c50;border-radius:4px;box-shadow:inset 0 1px #ffe2ac24,0 2px 5px #0000007a}#portalPrompt>#portalPromptLabel{min-width:0;padding:7px 10px;color:#e7ddc9;font-family:Cinzel,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:13px;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere;background:linear-gradient(180deg,#70543033,#0c0b094d);border:1px solid rgba(128,103,68,.8);border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.8)}#profileBox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:154px;height:112px;min-height:112px;padding:9px 12px}#profileBox>#avatarWrap{display:flex;align-items:center;justify-content:center;flex:0 0 auto}#profileBox>div:last-child{display:flex;flex-direction:column;align-items:center;width:100%}#profileBox #nameInput{width:100%;max-width:126px;margin:0;text-align:center;font-family:Cinzel,Palatino Linotype,Book Antiqua,Georgia,serif}@media(max-width:1100px){#profileBox{height:92px;min-height:92px}}@media(max-width:760px){#profileBox{height:80px;min-height:80px}}@media(max-width:420px){#profileBox{height:64px;min-height:64px;gap:2px;padding:5px 10px}}@media(max-width:360px){#profileBox{height:56px;min-height:56px;gap:1px;padding:4px 8px}}#app{--lower-hud-left: 16px;--lower-hud-width: min(270px, calc(100vw - 32px) );--lower-hud-profile-height: 112px;--lower-hud-chat-height: 138px;--lower-hud-gap: 10px}#levelNavigation{right:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--lower-hud-chat-height) + var(--lower-hud-gap) + var(--lower-hud-profile-height) + var(--lower-hud-gap));left:var(--lower-hud-left);display:flex;align-items:center;justify-content:center;width:var(--lower-hud-width);height:var(--lower-hud-profile-height)}#levelBadge{width:var(--lower-hud-profile-height);height:var(--lower-hud-profile-height);margin:0 auto}#topRightDock{top:auto;right:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--lower-hud-chat-height) + var(--lower-hud-gap));left:var(--lower-hud-left);display:block;width:var(--lower-hud-width)}#profileBox{width:100%;height:var(--lower-hud-profile-height);min-height:var(--lower-hud-profile-height)}#chatBox{top:auto;right:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:var(--lower-hud-left);width:var(--lower-hud-width);height:var(--lower-hud-chat-height)}@media(max-width:1100px){#app{--lower-hud-profile-height: 92px;--lower-hud-chat-height: 128px}}@media(max-width:760px){#app{--lower-hud-left: 10px;--lower-hud-width: min(180px, calc(100vw - 180px) );--lower-hud-profile-height: 80px}}@media(max-width:420px){#app{--lower-hud-left: 8px;--lower-hud-width: min(180px, calc(100vw - 180px) );--lower-hud-profile-height: 64px;--lower-hud-chat-height: 120px}}@media(max-width:360px){#app{--lower-hud-left: 6px;--lower-hud-width: min(180px, calc(100vw - 180px) );--lower-hud-profile-height: 56px}}@media(max-width:760px){#actionDock{right:8px;left:auto;width:min(330px,calc(100vw - var(--lower-hud-left) - var(--lower-hud-width) - 18px));min-width:0;height:136px}}#invBtn{width:72px;height:74px;color:#dfc88f;background:linear-gradient(145deg,#403323,#211c15 76%);border:1px solid #8a7046;border-radius:9px;box-shadow:inset 0 1px #e8cd931f,0 4px 10px #0000007a}#invBtn .slotIcon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}#invBtn .slotIcon img{width:66px;height:66px;object-fit:contain}#barsCol,#fkeyRow{left:80px}#fkeyRow{bottom:80px}#invBtn:hover,#invBtn:focus-visible{border-color:#b2945c;box-shadow:inset 0 1px #f2dca929,0 5px 12px #0000008a}#topRightDock{bottom:calc(16px + env(safe-area-inset-bottom,0px))}#profileBox{position:relative;display:block;padding:0}#profileBox>#avatarWrap{position:absolute;top:8px;left:calc(65% - 22px);width:44px;height:44px}#profileBox>#avatarWrap #avatarCircle{width:44px;height:44px}#profileBox>div:last-child{position:absolute;right:6px;bottom:8px;left:32%;width:auto}#profileBox #nameInput{max-width:100%}#levelNavigation{right:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:var(--lower-hud-left);display:flex;align-items:center;justify-content:flex-start;width:var(--lower-hud-width);height:var(--lower-hud-profile-height)}#levelBadge{flex:0 0 auto;width:min(78px,28%,calc(var(--lower-hud-profile-height) - 8px));height:auto;aspect-ratio:1;margin:0 0 0 4px}#levelBadge svg{width:100%;height:100%}#chatBox{bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--lower-hud-profile-height) + var(--lower-hud-gap))}@media(max-width:760px){#profileBox>#avatarWrap,#profileBox>#avatarWrap #avatarCircle{width:38px;height:38px}}@media(max-width:420px){#profileBox>#avatarWrap,#profileBox>#avatarWrap #avatarCircle{width:32px;height:32px}}@media(max-width:360px){#profileBox>#avatarWrap,#profileBox>#avatarWrap #avatarCircle{width:28px;height:28px}}#invBtn{width:min(88px,calc(var(--lower-hud-profile-height) - 12px));height:var(--lower-hud-profile-height)}#invBtn .slotIcon img{width:min(80px,calc(var(--lower-hud-profile-height) - 20px));height:min(80px,calc(var(--lower-hud-profile-height) - 20px));max-width:100%;max-height:100%;object-fit:contain}#barsCol,#fkeyRow{left:calc(min(88px,calc(var(--lower-hud-profile-height) - 12px)) + 12px)}#normalAttackBtn:after{width:min(var(--attack-icon-size, 120px),var(--attack-icon-max-size, 80%));height:min(var(--attack-icon-size, 120px),var(--attack-icon-max-size, 80%));background-size:contain}#actionDock{left:389px;right:389px;transform:none}#normalAttackEnhancementBadge{position:absolute;right:8px;bottom:8px;z-index:3;display:inline-flex;min-width:34px;height:25px;align-items:center;justify-content:center;padding:0 6px;border:1px solid rgba(255,255,255,.42);border-radius:13px;background:#08080ae6;color:var(--enhancement-level-color, #fff);font-family:inherit;font-size:15px;font-weight:800;line-height:1;letter-spacing:.01em;text-shadow:0 1px 2px #000,0 0 3px #000;box-shadow:0 2px 6px #000000b8,inset 0 1px #ffffff1f;pointer-events:none}#normalAttackEnhancementBadge[hidden]{display:none}#normalAttackEnhancementBadge.is-level-ten{box-shadow:0 0 9px #ff2d2db3,0 2px 6px #000000b8,inset 0 1px #ffffff1f}@media(max-width:1100px){#actionDock{left:323px;right:323px}}@media(max-width:900px){#actionDock{left:303px;right:303px}}@media(max-width:760px){#actionDock{left:50%;right:auto;transform:translate(-50%);width:min(330px,calc(100vw - var(--lower-hud-left) - var(--lower-hud-width) - 18px))}}#levelBadge{border:2px solid rgba(209,168,87,.98);background:linear-gradient(135deg,rgba(255,222,150,.38),transparent 34%,rgba(30,22,13,.42) 72%),linear-gradient(160deg,#977442,#574226 35%,#211b13 72%,#75552c);box-shadow:inset 0 0 0 2px #251b10,inset 0 0 0 4px #cfa55270,inset 0 1px #ffebb752,0 0 0 2px #18120c,0 5px 12px #000000a6}#levelBadge svg{position:absolute;inset:4%;width:92%;height:92%;opacity:.9;pointer-events:none}#levelBadge .lvl-track{stroke:#2d2112e0;stroke-width:5}#levelBadge .lvl-fill{stroke:#d0ad65;stroke-width:5;filter:drop-shadow(0 1px 1px rgba(18,12,5,.8))}#levelInner{inset:17% 14% 21%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px 3px 4px;background:linear-gradient(145deg,rgba(224,181,99,.18),transparent 38%),linear-gradient(160deg,#3b2c19,#1c1812 68%,#302315);border:1px solid rgba(180,142,75,.82);clip-path:polygon(9% 0,91% 0,99% 10%,94% 66%,84% 82%,50% 100%,16% 82%,6% 66%,1% 10%);box-shadow:inset 0 1px #f4d5972b,inset 0 -2px 4px #0000008c}#levelNum{font-size:clamp(13px,1.2vw,19px);line-height:1;color:#f0d99f}#levelTag{margin-top:0;font-size:clamp(8px,.65vw,10px);line-height:1;color:#c9ab70}#profileBox>#avatarWrap{top:8px;left:calc(65% - 27.5px);width:55px;height:55px}#profileBox>div:last-child{bottom:14px}#profileBox>#avatarWrap #avatarCircle{width:55px;height:55px}#profileBox #nameInput{font-size:16.25px;line-height:1.1;padding:0 0 2px;letter-spacing:0;text-align:center}@media(max-width:1100px){#profileBox>#avatarWrap{top:6px;left:calc(65% - 24px);width:48px;height:48px}#profileBox>#avatarWrap #avatarCircle{width:48px;height:48px}#profileBox #nameInput{font-size:16.25px}}@media(max-width:760px){#profileBox>#avatarWrap{top:5px;left:calc(65% - 24px)}#profileBox>div:last-child{bottom:4px}#profileBox #nameInput{font-size:16.25px}}@media(max-width:420px){#profileBox>#avatarWrap{top:3px;left:calc(65% - 20px);width:40px;height:40px}#profileBox>#avatarWrap #avatarCircle{width:40px;height:40px}#profileBox>div:last-child{bottom:2px}#profileBox #nameInput{font-size:14.5px}}@media(max-width:360px){#profileBox>#avatarWrap{top:1px;left:calc(65% - 17.5px);width:35px;height:35px}#profileBox>#avatarWrap #avatarCircle{width:35px;height:35px}#profileBox>div:last-child{bottom:2px}#profileBox #nameInput{font-size:13.75px}}#shopPrompt,#workPrompt{top:0;bottom:auto}#levelNum{font-size:clamp(26px,2.4vw,38px)}#locationLabel{display:flex;align-items:center;width:fit-content;min-width:0;max-width:min(260px,calc(100vw - 32px));min-height:34px;padding:6px 13px;color:#f0dfb8;font-family:Cinzel,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-align:center;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;background:linear-gradient(110deg,rgba(194,147,67,.2),transparent 40%),linear-gradient(180deg,#3b2d1c,#1e1912 65%,#332515);border:2px solid #a07b41;border-radius:4px;box-shadow:inset 0 0 0 2px #18120c,inset 0 0 0 3px #b98e4473,inset 0 1px #ffe2a633,0 0 0 2px #1c160f,0 4px 12px #00000094;-webkit-backdrop-filter:none;backdrop-filter:none}#shopPrompt,#workPrompt,#gatherPrompt{padding:6px 8px;color:#e7ddc9;background:linear-gradient(145deg,rgba(194,145,65,.22),transparent 46%),repeating-linear-gradient(0deg,rgba(190,149,78,.03) 0 1px,transparent 1px 5px),linear-gradient(155deg,#3b2d1d,#17130e 78%);border:2px solid #987543;border-radius:5px;box-shadow:inset 0 0 0 2px #17120d,inset 0 0 0 3px #b1853d66,inset 0 1px #ffe2a62e,0 0 0 2px #21180f,0 6px 15px #0000009e;-webkit-backdrop-filter:none;backdrop-filter:none}#shopPrompt>b,#workPrompt>b,#gatherPrompt>b,#portalPrompt>b{color:#f0d99f;background:linear-gradient(145deg,#735a32,#3a2d1d);border:1px solid #a78349;border-radius:4px;box-shadow:inset 0 1px #ffe2ac24,0 2px 5px #0000006b}#bulletinPrompt{position:fixed;z-index:2100;left:50%;bottom:20%;display:none;align-items:center;gap:9px;transform:translate(-50%);padding:9px 14px;border:1px solid rgba(220,184,111,.72);border-radius:9px;color:#f7ecd6;background:#231b12e6;box-shadow:0 5px 18px #0000006b;font-weight:700;pointer-events:none}#bulletinPrompt b{padding:2px 8px;border-radius:5px;color:#241a10;background:#e9bd6c}#bulletinTabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 16px}#bulletinTabs button{border:1px solid rgba(202,164,96,.55);border-radius:8px;padding:8px 13px;color:#f3e8d2;background:#3d2d1cd1;cursor:pointer}#bulletinTabs button[aria-selected=true]{color:#21180e;background:#e2b867;border-color:#f0d39a}#boardTasksView{max-height:min(54vh,520px);overflow:hidden}#taskResetInfo{color:#d6c5a8;text-align:center;margin:0 0 14px;font-size:13px}#bulletinTaskList{display:grid;gap:11px}.bulletin-task{padding:13px 15px;border:1px solid rgba(192,156,91,.35);border-radius:10px;background:#2f2519c7}.bulletin-task h3{margin:0 0 4px;color:#f0d29a;font-size:16px}.bulletin-task p{margin:4px 0 9px;color:#ddd0ba;font-size:13px}.bulletin-task .task-progress{display:flex;justify-content:space-between;gap:12px;color:#f6ecd9;font-size:13px}.bulletin-task progress{width:100%;height:10px;margin-top:8px;accent-color:#86b85d}.bulletin-task.is-complete{border-color:#8fc368a6;background:#2b4123a3}#closeBulletinTasksButton{display:block;margin:16px auto 0}#leaderboardPanel [hidden]{display:none!important}#leaderboardPanel{max-height:88vh;overflow:hidden;box-sizing:border-box}#boardNewsView{text-align:center}.bulletin-news-empty{margin:18px auto 8px;padding:24px 18px;max-width:440px;border:1px solid rgba(202,164,96,.35);border-radius:12px;background:linear-gradient(145deg,#4e3b23c7,#251f17e6)}.bulletin-news-empty>span{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid rgba(226,184,103,.55);border-radius:50%;color:#e2b867;font-size:22px}.bulletin-news-empty h3{margin:10px 0 4px;color:#f0d29a}.bulletin-news-empty p{margin:0;color:#ddd0ba;font-size:14px}#closeBulletinNewsButton{display:block;margin:16px auto 0}#taskPeriodTabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 12px}#taskPeriodTabs button{border:1px solid rgba(202,164,96,.45);border-radius:7px;padding:7px 12px;color:#f3e8d2;background:#3d2d1cb3;cursor:pointer}#taskPeriodTabs button[aria-selected=true]{color:#21180e;background:#e2b867}@media(max-width:620px){#leaderboardPanel{width:94vw;padding:16px}#leaderboardPanel th,#leaderboardPanel td{padding:7px 4px;font-size:12px}}#profilePanel{box-sizing:border-box;width:min(1040px,90vw);max-width:90vw;max-height:90vh;overflow:hidden;padding:clamp(12px,1.6vw,20px);gap:clamp(6px,1vh,10px);grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);grid-template-areas:"identity hero" "actions hero" "stats stats" "wallet wallet" "close close";align-content:center;font-family:Cinzel,Palatino Linotype,Book Antiqua,Georgia,serif}#profilePanel[style*=block]{display:grid!important}#profilePanel>h2{grid-area:identity;display:grid;grid-template-columns:clamp(48px,7vh,64px) minmax(0,1fr);grid-template-rows:auto auto;align-items:center;justify-items:start;gap:2px 10px;min-width:0;margin:0;text-align:left;font-size:clamp(16px,2vw,23px);line-height:1.05}#profilePanel>h2 #profileHeroPfp{grid-row:1 / span 2;width:clamp(48px,7vh,64px);height:clamp(48px,7vh,64px)}#profilePanel>h2 .profile-title-sub{min-width:0;font-size:clamp(9px,1.1vw,12px);letter-spacing:.02em}#profileHeroChoice{grid-area:hero;align-self:stretch;min-width:0;margin:0;padding:9px 12px;gap:12px}#profileHeroChoice label{flex:0 0 auto;font-size:clamp(12px,1.3vw,15px)}#profileHeroChoice select{min-width:0;padding:8px 10px;font:inherit;font-size:clamp(12px,1.4vw,16px)}#avatarSettingsActions{grid-area:actions;align-self:start;margin:0;padding-left:clamp(58px,8vh,74px);gap:6px}#profilePanel #avatarBadge,#profilePanel #avatarReset{flex-basis:26px;width:26px;height:26px}#profilePanel>#pfpPicker{position:absolute;z-index:5;top:78px;left:14px;width:min(360px,62vw);max-height:none;overflow:visible;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;box-shadow:0 8px 24px #000000b3}#profilePanel>#pfpPicker .pfp-choice{gap:2px;padding:3px 2px}#profilePanel>#pfpPicker .pfp-choice img{width:clamp(28px,4vh,38px);height:clamp(28px,4vh,38px)}#profileInfo{grid-area:stats;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(54px,auto);gap:6px;min-width:0;font-size:clamp(11px,1.2vw,14px)}#profileInfo>p,#profileInfo>.profile-multiplayer-button{min-width:0;min-height:0;padding:5px 7px;gap:3px;border-radius:6px}#profileInfo>p strong,#profileUsernameCard strong{margin:0;font-size:clamp(9px,.9vw,11px);letter-spacing:.025em}#profileInfo>p span,#profileUsernameCard span,#profileInfo>.profile-multiplayer-button span:last-child{font-size:clamp(13px,1.5vw,18px);line-height:1.05}#profileInfo>.profile-multiplayer-button{padding:5px}#profileInfo .profile-multiplayer-button span:first-child{font-size:18px}#profileInfo .profile-multiplayer-button span:last-child{font-size:clamp(12px,1.3vw,16px)}#walletLinkSection{grid-area:wallet;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 8px;min-width:0;margin:0;padding:8px 10px}#walletLinkTitle{font-size:clamp(12px,1.3vw,15px)}#walletLinkSection p{padding:4px 7px;font-size:clamp(9px,.95vw,11px);line-height:1.2}#walletLinkSection #activeHeroesLine,#walletLinkSection #lockedHeroesLine{grid-column:span 2}#walletLinkSection #walletLinkMessage{min-height:1em;padding:2px 6px}#unlockHeroControls{grid-template-columns:auto minmax(90px,1fr) auto minmax(120px,1.4fr) auto;align-items:center;gap:5px 7px;padding:4px 6px;border:1px solid rgba(200,163,101,.28);border-radius:6px}#unlockHeroControls h4{grid-column:1 / -1;margin:0;font-size:11px}#unlockHeroControls label{font-size:10px}#unlockHeroControls select{padding:5px 6px;font-size:11px}#unlockHeroButton{grid-column:auto;justify-self:stretch;padding:5px 7px;font-size:10px}#walletLinkSection>button{align-self:center;justify-self:start;padding:5px 8px;font-size:10px}#connectRoninWalletButton{grid-column:1}#refreshHeroUnlocksButton{grid-column:2}#closeProfileButton{grid-area:close;margin:0 auto;padding:6px 18px;font-size:clamp(11px,1.1vw,13px)}@media(max-width:720px){#profilePanel{width:112vw;max-width:none;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:12px;transform:translate(-50%,-50%) scale(.8)}#profileInfo{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(48px,auto)}#walletLinkSection{grid-template-columns:repeat(2,minmax(0,1fr))}#walletLinkSection>p:nth-of-type(1){grid-area:2 / 1 / 3 / 3}#walletLinkSection>p:nth-of-type(2){grid-area:3 / 1 / 4 / 3}#walletLinkSection>p:nth-of-type(3){grid-area:4 / 1}#walletLinkSection>p:nth-of-type(6){grid-area:4 / 2}#walletLinkSection>p:nth-of-type(4){grid-area:5 / 1}#walletLinkSection>p:nth-of-type(5){grid-area:5 / 2}#walletLinkSection>#unlockHeroControls{grid-area:6 / 1 / 7 / 3}#walletLinkSection>#connectRoninWalletButton{grid-area:7 / 1}#walletLinkSection>#refreshHeroUnlocksButton{grid-area:7 / 2}#walletLinkSection>#walletLinkMessage{grid-area:8 / 1 / 9 / 3}#walletLinkTitle,#unlockHeroControls,#walletLinkSection #walletLinkMessage{grid-column:1 / -1}#walletLinkSection #activeHeroesLine,#walletLinkSection #lockedHeroesLine{grid-column:span 1}#unlockHeroControls{grid-template-columns:auto minmax(0,1fr)}#unlockHeroControls h4,#unlockHeroButton{grid-column:1 / -1}}@media(max-width:480px),(max-height:560px){#profilePanel{width:132vw;transform:translate(-50%,-50%) scale(.68);gap:5px;padding:10px}#profilePanel>h2{grid-template-columns:44px minmax(0,1fr);font-size:15px}#profilePanel>h2 #profileHeroPfp{width:44px;height:44px}#profileHeroChoice{padding:6px;gap:5px}#avatarSettingsActions{padding-left:50px}#profileInfo{grid-auto-rows:minmax(42px,auto)}#walletLinkSection{gap:4px;padding:6px}}#walletSafetyModal{position:fixed;inset:0;z-index:13000;display:grid;place-items:center;padding:clamp(12px,3vw,30px);background:#000000c7}#walletSafetyModal[hidden]{display:none}#walletSafetyCard{box-sizing:border-box;width:min(900px,100%);max-height:min(90dvh,820px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(18px,3vw,32px);border:1px solid #c8a365;border-radius:12px;background:linear-gradient(155deg,#231b13,#100d0b 72%);color:#f1e6d1;box-shadow:0 18px 60px #000c;font-size:clamp(14px,1.15vw,16px);line-height:1.55}.walletSafetyHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}#walletSafetyTitle{margin:0;color:#e2c07d;font-size:clamp(20px,2.2vw,27px)}#walletSafetyCloseButton{flex:0 0 auto;width:38px;height:38px;padding:0;border:1px solid rgba(200,163,101,.65);border-radius:8px;background:#00000047;color:#f1e6d1;font-size:24px;cursor:pointer}#walletSafetyCloseButton:hover{background:#c8a3652e}#walletSafetyPanel{display:grid;gap:16px}#walletSafetyCard .walletSafetyBadges{display:flex;flex-wrap:wrap;gap:8px;margin:0}#walletSafetyCard .walletSafetyBadges span{padding:6px 10px;border:1px solid rgba(200,163,101,.5);border-radius:999px;background:#c8a3651f;color:#f0d29a;font-size:13px}#walletSafetyCard .walletSafetySummary{margin:0;padding:12px 14px;border:1px solid rgba(200,163,101,.32);border-radius:8px;background:#0003;font-size:inherit}#walletSafetyCard .walletSafetyColumns{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:18px;font-size:14px;line-height:1.5}#walletSafetyCard .walletSafetyColumns>div{min-width:0;padding:12px;border:1px solid rgba(200,163,101,.24);border-radius:8px;background:#ffffff06}#walletSafetyCard .walletSafetyColumns strong{color:#e1c58f;font-size:15px}#walletSafetyCard .walletSafetyColumns ol,#walletSafetyCard .walletSafetyColumns ul{margin:8px 0 0;padding-left:22px}#walletSafetyCard .walletSafetyColumns li{margin:6px 0}#walletSafetyCard .walletSafetyWarning{margin:0;padding:12px 14px;border:1px solid rgba(204,118,79,.65);border-radius:8px;background:#742e1d4d;color:#ffd0ad;font-size:14px;line-height:1.5}#walletSafetyCard details{margin-top:2px;padding:10px 12px;border:1px solid rgba(200,163,101,.24);border-radius:8px;background:#0000002e;font-size:14px}#walletSafetyCard details summary{color:#e1c58f;cursor:pointer;font-weight:700}#walletSafetyCard details p{margin:9px 0 0;font-size:inherit}#walletSafetyCard .walletSafetyFaq p{padding:0}#walletConnectChoiceModal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:16px;background:#000000c2}#walletConnectChoiceModal[hidden]{display:none}#walletConnectChoiceCard{width:min(470px,100%);max-height:min(90vh,680px);overflow-y:auto;padding:22px;border:1px solid #c8a365;border-radius:12px;background:linear-gradient(155deg,#231b13,#100d0b 72%);color:#f1e6d1;box-shadow:0 18px 60px #000c}#walletConnectChoiceCard h3{margin:0 0 16px;color:#e2c07d;text-align:center}#walletConnectChoices{display:grid;gap:12px}.wallet-connect-option{display:flex;align-items:center;gap:14px;width:100%;min-height:82px;padding:14px;border:1px solid rgba(200,163,101,.58);border-radius:9px;background:#0000004d;color:inherit;text-align:left;cursor:pointer}.wallet-connect-option:hover,.wallet-connect-option.selected{border-color:#f0ca78;background:#c8a36524}.wallet-connect-option strong,.wallet-connect-option small{display:block}.wallet-connect-option strong{margin-bottom:4px;color:#f0ca78;font-size:16px}.wallet-connect-option small{color:#d6c7ad;font-size:12px;line-height:1.4}.wallet-connect-icon{flex:0 0 38px;font-size:28px;text-align:center}.wallet-connect-reassurance{margin:12px 0;color:#d9c397;font-size:12px;text-align:center}#walletConnectChoiceMessage,#walletConnectFailureMessage{min-height:1.2em;margin:10px 0;color:#e1c58f;text-align:center}#walletConnectFailure{text-align:center}#walletConnectFailure a,#walletConnectMobileLink{display:inline-block;margin:4px;color:#f0ca78}#walletConnectChoiceCard>button,#walletConnectFailure button{margin:4px}#walletSignMessage{margin:5px 0;padding:6px;border-left:2px solid #c8a365;background:#00000040;color:#e9ddc7;font:10px/1.35 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}#walletLinkSection>#walletLinkTitle{grid-area:1 / 1 / 2 / 3}#walletLinkSection>#walletSafetyOpenButton{grid-area:1 / 3 / 2 / 5}#walletLinkSection>p:nth-of-type(1){grid-area:2 / 1 / 3 / 3}#walletLinkSection>p:nth-of-type(2){grid-area:2 / 3 / 3 / 5}#walletLinkSection>p:nth-of-type(3){grid-area:3 / 1 / 4 / 3}#walletLinkSection>p:nth-of-type(6){grid-area:3 / 3 / 4 / 5}#walletLinkSection>p:nth-of-type(4){grid-area:4 / 1 / 5 / 3}#walletLinkSection>p:nth-of-type(5){grid-area:4 / 3 / 5 / 5}#walletLinkSection>#unlockHeroControls{grid-area:5 / 1 / 6 / 5}#walletLinkSection>#connectRoninWalletButton{grid-area:6 / 1}#walletLinkSection>#refreshHeroUnlocksButton{grid-area:6 / 2}#walletLinkSection>#unlinkWalletButton{grid-area:6 / 4}#walletLinkSection>#walletSignMessage{grid-area:7 / 1 / 8 / 5}#walletLinkSection>#walletLinkMessage{grid-area:8 / 1 / 9 / 5}#walletLinkSection>#walletUnlinkConfirm{grid-area:9 / 1 / 10 / 5}#walletUnlinkConfirm{padding:6px;border:1px solid rgba(200,163,101,.45);border-radius:6px;background:#0000003d}#walletUnlinkConfirm p{margin:0 0 5px}#walletUnlinkConfirm[hidden],#walletLinkSection [hidden]{display:none}@media(max-width:720px){#walletLinkSection>#walletLinkTitle{grid-area:1 / 1}#walletLinkSection>p:nth-of-type(1){grid-area:2 / 1 / 3 / 3}#walletLinkSection>p:nth-of-type(2){grid-area:3 / 1 / 4 / 3}#walletLinkSection>p:nth-of-type(3){grid-area:4 / 1}#walletLinkSection>p:nth-of-type(6){grid-area:4 / 2}#walletLinkSection>p:nth-of-type(4){grid-area:5 / 1}#walletLinkSection>p:nth-of-type(5){grid-area:5 / 2}#walletLinkSection>#unlockHeroControls{grid-area:6 / 1 / 7 / 3}#walletLinkSection>#connectRoninWalletButton{grid-area:7 / 1}#walletLinkSection>#refreshHeroUnlocksButton{grid-area:7 / 2}#walletLinkSection>#unlinkWalletButton{grid-area:8 / 1}#walletLinkSection>#walletSafetyOpenButton{grid-area:8 / 2}#walletLinkSection>#walletSignMessage{grid-area:9 / 1 / 10 / 3}#walletLinkSection>#walletLinkMessage{grid-area:10 / 1 / 11 / 3}#walletLinkSection>#walletUnlinkConfirm{grid-area:11 / 1 / 12 / 3}}@media(max-width:700px){#walletSafetyCard .walletSafetyColumns{grid-template-columns:minmax(0,1fr);gap:8px}}#profilePanel{position:relative}#profilePanel>h2 #profileUsername{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:center;font-size:clamp(14px,2vw,24px);line-height:1.15}#profilePanel>h2 .profile-title-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#profileInfo>.character-stats-launch{min-width:0;min-height:48px;padding:8px 12px;color:#f4e8cc;border:1px solid rgba(200,163,101,.55);border-radius:7px;background:linear-gradient(135deg,#4b351ff0,#1a1c1ef5);font:inherit;font-size:15px;cursor:pointer}#profileInfo>.character-stats-launch:hover{border-color:#e6c17a;filter:brightness(1.08)}#characterStatsOverlay{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;box-sizing:border-box;padding:3vh 4vw;background:#05080cd1}#characterStatsOverlay[hidden]{display:none!important}#characterStatsCard{display:flex;flex-direction:column;box-sizing:border-box;width:min(920px,90vw);max-height:90vh;min-width:0;overflow:hidden;padding:12px 16px;color:#f4efe5;border:1px solid rgba(210,174,105,.68);border-radius:10px;background:linear-gradient(145deg,#202327fc,#0f1216fc);box-shadow:0 12px 42px #000000bf;font:15px/1.4 Palatino Linotype,Georgia,serif}#characterStatsHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:1px solid rgba(210,174,105,.35)}#characterStatsTitle{margin:0;color:#f0d28f;font-size:19px}#closeCharacterStatsButton{flex:0 0 32px;width:32px;height:32px;padding:0;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#ffffff14;font-size:22px;cursor:pointer}#characterStatsContent{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(164px,auto));gap:8px;flex:0 0 auto;min-height:0;overflow:hidden;padding:8px 2px 2px}.character-stat-section{box-sizing:border-box;min-width:0;min-height:0;padding:7px 9px;border:1px solid rgba(210,174,105,.24);border-radius:7px;background:#ffffff09}.character-stat-section h4{margin:0 0 4px;color:#e8c77f;font-size:15px;line-height:1.2}.character-stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0;padding:1px 0;font-size:14px;line-height:1.25}.character-stat-row>span{min-width:0}.character-stat-row>span:first-child{color:#d6d0c5}.character-stat-row>span:last-child{overflow-wrap:anywhere;text-align:right;color:#fff;font-weight:700}.character-stat-cap{color:#f2c66d;font-size:11px;white-space:nowrap}@media(max-width:560px){#profilePanel>h2{grid-template-columns:clamp(44px,12vw,56px) minmax(0,1fr);gap:3px 8px}#profilePanel>h2 #profileHeroPfp{width:clamp(44px,12vw,56px);height:clamp(44px,12vw,56px)}#characterStatsOverlay{padding:2vh 3vw}#characterStatsCard{width:94vw;max-height:94vh;padding:9px}#characterStatsContent{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(142px,auto));gap:6px}.character-stat-section{padding:6px}.character-stat-row{gap:4px}}@media(max-height:600px){#characterStatsCard{max-height:94vh;padding:8px 12px}#characterStatsContent{grid-template-rows:repeat(2,minmax(148px,auto))}#characterStatsContent{padding-top:6px;gap:6px}.character-stat-section{padding:5px 7px}.character-stat-section h4{margin-bottom:2px}.character-stat-row{padding:1px 0;line-height:1.15}}@media(max-width:560px)and (max-height:600px){#characterStatsContent{grid-template-rows:repeat(3,minmax(128px,auto))}}#invMaterials .invSlot.materialUnavailable{color:#858a91;border-color:#ffffff1a;background:#00000029;filter:grayscale(1);opacity:.62}#invMaterials .invSlot.materialUnavailable:hover{border-color:#ffffff2e}#invMaterials .invSlot.materialUnavailable .slotQty{color:#c5c8cc}#normalAttackBtn .potionDurationRings{position:absolute;z-index:1;inset:0;display:block!important;width:100%;height:100%;overflow:visible;pointer-events:none}#normalAttackBtn .potionDurationRings circle{fill:none;stroke-width:3.4;stroke-linecap:round;vector-effect:non-scaling-stroke;transform:rotate(-90deg);transform-origin:100px 100px;pointer-events:none}#normalAttackBtn .potionDurationRings [data-potion-ring=speed]{stroke:#4fd06a}#normalAttackBtn .potionDurationRings [data-potion-ring=shield]{stroke:#f2c94c}#normalAttackBtn:after{position:relative;z-index:2}#invPanel.materials-active{height:min(430px,calc(100dvh - 32px))}#invPanel.materials-active .invPages{display:flex;flex:1 1 0!important;min-height:0;overflow:hidden!important}#invPanel.materials-active .invPage[data-ipage=material].active{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden}#materialControls{flex:0 0 auto;display:grid;gap:5px;padding-bottom:6px}#materialSubtabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;min-width:0}.materialSubtab{display:flex;min-width:0;align-items:center;justify-content:center;gap:3px;padding:5px 2px;overflow:hidden;color:#d3c5a6;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#00000047;font:700 10px/1.1 system-ui,sans-serif;white-space:nowrap;cursor:pointer}.materialSubtab>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.materialSubtab>small{flex:0 0 auto;color:#c8a365;font-size:9px}.materialSubtab.active{color:#211a0e;border-color:#d2ad68;background:linear-gradient(180deg,#f0d18c,#bd9146)}.materialSubtab.active>small{color:#39290f}#materialsOwnedOnlyLabel{display:inline-flex;align-items:center;justify-self:end;gap:6px;min-height:20px;color:#e7ddc9;font-size:12px;cursor:pointer}#materialsOwnedOnly{width:14px;height:14px;margin:0;accent-color:#d2ad68}#invPanel.materials-active #invMaterials{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}#invMaterials .invSlot[hidden]{display:none!important}#invMaterials .materialEmptyState{display:grid;min-height:110px;place-content:center;gap:5px;padding:10px;color:#ded6c7;text-align:center;font-size:13px}#invMaterials .materialEmptyState[hidden]{display:none!important}#invMaterials .materialEmptyState span{color:#aaa294;font-size:12px}@media(max-width:380px){.materialSubtab{font-size:9px}.materialSubtab>small{font-size:8px}}#profileHeroChoice{display:flex;align-items:center;gap:12px;margin:-8px 0 18px;padding:10px 12px;border:1px solid rgba(157,128,73,.42);border-radius:7px;background:#07080875}#profileHeroChoice label{color:#c8a365;font-weight:700}#profileHeroChoice select{flex:1;min-width:0;padding:7px 9px;color:#e7ddc9;background:#171511;border:1px solid #77603c;border-radius:6px;font:inherit}#skillHotbar{position:fixed;z-index:9;left:50%;bottom:calc(140px + env(safe-area-inset-bottom,0px));display:flex;gap:6px;width:max-content;max-width:calc(100vw - 20px);padding:5px;transform:translate(-50%);border:1px solid rgba(155,125,71,.72);border-radius:7px;background:#13110ed1;box-shadow:0 3px 12px #0000007a}.skillSlot{position:relative;width:48px;height:48px;flex:0 0 48px;overflow:hidden;padding:0;color:#fff2d0;border:1px solid #9a7c45;border-radius:5px;background:#171512;cursor:pointer}.skillSlot img{width:100%;height:100%;object-fit:cover}.skillSlot.locked img{filter:grayscale(1) brightness(.34)}.skillSlotKey,.skillSlotCost{position:absolute;z-index:1;padding:1px 3px;border-radius:3px;background:#000000c2;font:700 10px/1.2 sans-serif}.skillSlotKey{top:2px;left:2px}.skillSlotCost{right:2px;bottom:2px;color:#a9dcff}.skillCooldown{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:#fff;background:#000000b8;font:700 18px sans-serif}.skillCooldown.active{display:flex}#skillStatuses{position:fixed;z-index:9;left:50%;bottom:calc(198px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;flex-wrap:wrap;gap:4px;width:min(90vw,700px);transform:translate(-50%);pointer-events:none}.skillStatusChip{max-width:180px;overflow:hidden;padding:3px 7px;color:#f1dfb5;border:1px solid rgba(174,142,79,.65);border-radius:4px;background:#14120fd6;font:11px sans-serif;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}#skillMenuModal{position:fixed;z-index:40;inset:0;display:none;align-items:center;justify-content:center;padding:16px;background:#000000c2}#skillMenuModal.active{display:flex}#skillMenuCard{display:flex;flex-direction:column;width:min(900px,96vw);max-height:88vh;overflow:hidden;color:#e9ddc4;border:1px solid #927644;border-radius:9px;background:linear-gradient(145deg,#29241b,#12110f);box-shadow:0 10px 40px #000000b3}.skillMenuHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #58472d}.skillMenuHeader h2{margin:0;color:#e5c27d}.skillMenuHeader p{margin:5px 0 0;color:#c5b48f}#skillMenuClose{width:36px;height:36px;color:inherit;border:1px solid #80683e;border-radius:5px;background:#1b1915;cursor:pointer}#skillMenuList{display:grid;gap:8px;overflow:hidden;padding:12px}.skillUpgradeCard{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:9px;border:1px solid #55462e;border-radius:6px;background:#0003}.skillUpgradeCard>img{width:64px;height:64px;object-fit:cover;border:1px solid #8e7448;border-radius:5px}.skillUpgradeCard.locked>img{filter:grayscale(1) brightness(.4)}.skillUpgradeInfo{min-width:0}.skillUpgradeInfo h3{display:flex;justify-content:space-between;gap:8px;margin:0 0 4px;color:#e5c27d;font-size:15px}.skillUpgradeInfo h3 span,.skillUpgradeInfo small{color:#c2b394;font-size:11px;font-weight:400}.skillUpgradeInfo p{margin:0 0 3px;font-size:12px;line-height:1.35}.skillUpgradeInfo small{display:block;line-height:1.35}.skillUpgradeCard>button{min-width:82px;padding:8px 10px;color:#e9ddc4;border:1px solid #8d7141;border-radius:5px;background:#302719;cursor:pointer}.skillUpgradeCard>button:disabled{opacity:.45;cursor:default}@media(max-width:600px){#skillHotbar{gap:3px;padding:3px;bottom:calc(128px + env(safe-area-inset-bottom,0px))}.skillSlot{width:42px;height:42px;flex-basis:42px}#skillStatuses{bottom:calc(196px + env(safe-area-inset-bottom,0px))}.skillUpgradeCard{grid-template-columns:48px minmax(0,1fr);gap:8px}.skillUpgradeCard>img{width:48px;height:48px}.skillUpgradeCard>button{grid-column:2;justify-self:end}.skillUpgradeInfo h3{flex-direction:column;gap:2px}}#skillHotbar{position:static;display:contents}.skillSlot{position:absolute;width:50px;height:50px;min-width:50px;padding:0;border-radius:50%;border:2px solid #9a7b49;box-shadow:inset 0 0 0 2px #0807069e,0 3px 8px #0000008f;background:#171512}.skillSlot:nth-child(1){top:490px;left:343px}.skillSlot:nth-child(2){top:437px;left:305px}.skillSlot:nth-child(3){top:373px;left:305px}.skillSlot:nth-child(4){top:320px;left:343px}.skillSlot:nth-child(5){top:300px;left:405px}.skillSlot:nth-child(6){top:320px;left:467px}.skillSlot img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.skillSlotKey,.skillSlotCost{border-radius:9px;font-size:9px}.skillCooldown{inset:2px;border-radius:50%}.enhancementFailureModal{position:fixed;z-index:12001;inset:0;display:none;align-items:center;justify-content:center;box-sizing:border-box;padding:clamp(6px,2vh,18px);background:#040302d1}.enhancementFailureModal.active{display:flex}.enhancementFailureDialog{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(6px,1.2vh,12px);box-sizing:border-box;width:min(540px,96vw);max-height:calc(100dvh - 12px);overflow:hidden;padding:clamp(12px,2vw,22px);border:1px solid #b2935c;border-radius:14px;color:#e9ddc8;background:linear-gradient(150deg,#302719,#191612 76%);box-shadow:0 18px 60px #000d}.enhancementFailureDialog h2{margin:0;padding-right:34px;color:#ff958b;font-size:clamp(18px,2.6vh,25px);line-height:1.15}.enhancementFailureWeapon{margin:0;color:#f0ddb7;font-weight:800}.enhancementFailureClose{position:absolute;top:8px;right:8px;width:30px;height:30px;border:1px solid #b2935c;border-radius:7px;color:#f1dfb8;background:#211d17;cursor:pointer}.enhancementFailureRows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.enhancementFailureRows>div{display:grid;gap:3px;min-width:0;padding:7px 8px;border:1px solid #806744;border-radius:7px;background:#0003}.enhancementFailureRows span{color:#d8b875;font-size:clamp(10px,1.5vh,13px);font-weight:800}.enhancementFailureRows strong{min-width:0;color:#f2e6d0;font-size:clamp(11px,1.7vh,15px);line-height:1.3;overflow-wrap:anywhere}.enhancementFailureRows>div:last-child{grid-column:1/-1}.enhancementFailureDone{justify-self:stretch;min-height:36px;border:1px solid #b2935c;border-radius:8px;color:#241b10;background:linear-gradient(155deg,#d9b36c,#a88142);font-weight:800;cursor:pointer}:where(#authScreen,#profilePanel,#leaderboardPanel,#multiplayerPanel,#settingsModal,#invPanel,#shopModal,#workModal,#clearedModal,#koModal,#duelModal,#skillMenuModal,#enhancePanel,.enhancementElementModal,.enhancementFailureModal,#boardTasksView,#locationLabel) *,:where(#authScreen,#profilePanel,#leaderboardPanel,#multiplayerPanel,#settingsModal,#invPanel,#shopModal,#workModal,#clearedModal,#koModal,#duelModal,#skillMenuModal,#enhancePanel,.enhancementElementModal,.enhancementFailureModal,#boardTasksView,#locationLabel){font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif!important}#profilePanel,#leaderboardPanel,#multiplayerPanel,#settingsCard,#invPanel,#shopCard,#workCard,#clearedCard,#koCard,#duelCard,#skillMenuCard,.enhancementElementDialog,.enhancementFailureDialog{box-sizing:border-box;max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);overflow:hidden}#invPanel{height:auto;padding:clamp(7px,1.4vh,14px)}#invPanel .invPages,#profilePanel .pfp-picker,#shopList,#workList,#skillMenuList,#boardTasksView{min-height:0;overflow:hidden}#invPanel .invPages{flex:1 1 auto}.invGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(2px,.6vw,6px)}.invSlot{aspect-ratio:auto;min-height:clamp(30px,6vh,58px);padding:2px}.invSlot .slotIcon{width:clamp(16px,3vh,22px);height:clamp(16px,3vh,22px);font-size:clamp(12px,2.4vh,17px)}.invSlot .slotDesc{font-size:clamp(7px,1.15vh,9px)}.pfp-picker{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none}#settingsCard{width:min(360px,96vw);padding:clamp(8px,1.5vh,16px)}#settingsCard h2{margin-bottom:clamp(4px,1vh,10px);font-size:clamp(14px,2.2vh,18px)}#settingsCard .setRow{margin-bottom:clamp(4px,1vh,9px)}#settingsCard .toggleRow{margin-bottom:clamp(3px,.8vh,8px)}#shopCard,#workCard{width:min(560px,96vw);max-height:calc(100dvh - 12px);padding:clamp(7px,1.4vh,14px)}#shopCard .shopHead,#workCard .shopHead{gap:6px;margin-bottom:clamp(3px,.7vh,8px)}#shopCard .shopTabs,#workCard .shopTabs{gap:3px;margin-bottom:clamp(3px,.7vh,8px)}#shopList,#workList:not(.enhance-active){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:clamp(2px,.5vh,5px)}.shopSec{grid-column:1/-1}.shopRow{min-width:0;gap:clamp(2px,.5vw,7px);padding:clamp(3px,.6vh,7px);font-size:clamp(9px,1.35vh,12px)}.shopRow .shopIcon{min-width:18px;font-size:clamp(13px,2.2vh,18px)}.shopRow button{padding:3px 5px;font-size:clamp(9px,1.25vh,11px)}#workList.enhance-active{flex:1 1 auto;overflow:hidden}#enhancePanel{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:clamp(3px,.65vh,7px);padding:2px 1px}.enhanceHeroHeading,#enhanceDetails,#enhanceResultBanner,#enhanceMaxMessage{grid-column:1/-1}#enhanceBonusSection,#enhanceElementChoice{grid-column:span 1}#enhanceDetails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3px,.65vh,7px)}#enhanceDetails>.enhanceSection{grid-column:1}#enhanceDetails>.enhanceChanceRow,#enhanceDetails>.enhanceWardOption{grid-column:2}#enhanceDetails>.enhanceWarning{grid-column:1/-1}#enhancePanel .enhanceSection{gap:3px;padding:clamp(4px,.8vh,8px)}#enhancePanel .enhanceValueRow,#enhancePanel .enhancePanelCostRow,#enhancePanel .enhanceCostRow{padding:1px 0;font-size:clamp(10px,1.4vh,13px)}#enhancePanel .enhanceValueRow>strong,#enhancePanel .enhancePanelCostRow>strong,#enhancePanel .enhanceCostRow>strong{font-size:clamp(10px,1.5vh,14px)}#enhancePanel .enhanceChanceRow{padding:2px 0;font-size:clamp(10px,1.4vh,13px)}#enhancePanel .enhanceChanceRow strong{font-size:clamp(18px,2.4vh,26px)}#enhancePanel .enhanceWarning,#enhancePanel .enhanceWardOption,#enhancePanel .enhanceIntro{padding:clamp(4px,.8vh,8px);font-size:clamp(9px,1.3vh,12px)}#enhancePanel .enhanceWarning>span,#enhancePanel .enhanceWardOption small{font-size:clamp(9px,1.25vh,12px)}#enhancePanel .enhancementElementChoices button{gap:2px;padding:clamp(3px,.55vh,6px)}#enhancePanel .enhanceElementName{font-size:clamp(11px,1.55vh,15px)}#enhancePanel .enhanceElementCount,#enhancePanel .enhancementElementChoices button small{font-size:clamp(9px,1.25vh,12px);line-height:1.2}#enhancePanel .enhanceActionButton{min-height:34px;padding:5px 8px;font-size:clamp(12px,1.7vh,15px)}.enhancementElementDialog{gap:clamp(4px,.8vh,10px);padding:clamp(8px,1.5vh,18px)}.enhancementElementEffects,.enhancementElementCosts{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.enhancementElementEffects p{font-size:clamp(10px,1.45vh,13px);line-height:1.25}.enhancementElementDialog footer button{min-height:34px;padding:6px 8px;font-size:clamp(12px,1.7vh,15px)}#clearedCard,#koCard{padding:clamp(8px,1.5vh,18px)}#clearedLoot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:2px 8px;max-height:min(24vh,180px);overflow-y:auto;margin-bottom:clamp(5px,1vh,12px);padding:5px}#duelCard{padding:clamp(8px,1.5vh,18px)}.duelGrid{grid-template-columns:repeat(2,minmax(0,clamp(56px,16vh,116px)));gap:clamp(4px,1vh,10px);margin-bottom:clamp(4px,1vh,12px)}.duelOpt{width:clamp(56px,16vh,116px);height:clamp(56px,16vh,116px)}.duelName{padding:3px 2px;font-size:clamp(9px,1.5vh,12px)}.duelBtn{padding:clamp(4px,.8vh,8px);font-size:clamp(10px,1.45vh,12px)}#profilePanel,#leaderboardPanel{overflow:hidden}#leaderboardPanel table{font-size:clamp(9px,1.4vh,12px)}#leaderboardPanel th,#leaderboardPanel td{padding:clamp(2px,.55vh,6px) clamp(2px,.5vw,6px)}#bulletinTaskList{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3px,.7vh,8px)}.bulletin-task{min-width:0;padding:clamp(4px,.75vh,9px)}.bulletin-task h3{font-size:clamp(11px,1.6vh,15px)}.bulletin-task p,.bulletin-task .task-progress{font-size:clamp(9px,1.3vh,12px)}#taskResetInfo{margin-bottom:clamp(3px,.7vh,8px);font-size:clamp(9px,1.35vh,12px)}#skillMenuList{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3px,.6vh,7px);padding:clamp(4px,.8vh,10px)}.skillUpgradeCard{grid-template-columns:clamp(30px,6vh,50px) minmax(0,1fr);gap:clamp(3px,.6vw,8px);min-height:0;padding:clamp(3px,.65vh,8px)}.skillUpgradeCard>img{width:clamp(30px,6vh,50px);height:clamp(30px,6vh,50px)}.skillUpgradeInfo h3{font-size:clamp(10px,1.5vh,14px)}.skillUpgradeInfo p,.skillUpgradeInfo small{font-size:clamp(8px,1.2vh,11px);line-height:1.2}.skillUpgradeCard>button{grid-column:2;justify-self:end;min-width:0;padding:3px 6px;font-size:clamp(9px,1.25vh,11px)}@media(max-width:520px){#enhanceBonusSection,#enhanceElementChoice{grid-column:1/-1}#enhanceDetails{grid-template-columns:repeat(2,minmax(0,1fr))}#shopList,#workList:not(.enhance-active){grid-template-columns:repeat(2,minmax(0,1fr))}#skillMenuList,#bulletinTaskList{grid-template-columns:1fr}}@media(max-height:520px){#enhancePanel{gap:2px}.enhanceHeroHeading{padding:3px 6px}#enhancePanel .enhanceSection{padding:3px 5px}.duelGrid{grid-template-columns:repeat(2,minmax(0,clamp(40px,14vh,64px)))}.duelOpt{width:clamp(40px,14vh,64px);height:clamp(40px,14vh,64px)}#skillMenuList{grid-template-columns:repeat(3,minmax(0,1fr))}#settingsCard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}#settingsCard h2,#settingsCard>#closeSettings{grid-column:1/-1}#settingsCard .setRow,#settingsCard .toggleRow{margin:0;min-width:0;font-size:10px}#settingsCard .setRow label{font-size:10px}}#workList.craftCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));grid-auto-rows:minmax(0,1fr);align-content:stretch;gap:clamp(5px,1vh,10px)}#workList.craftRows{display:flex;flex-direction:column;justify-content:stretch;gap:clamp(3px,.55vh,6px)}#workList .craftCard{box-sizing:border-box;min-width:0;min-height:0;padding:clamp(6px,1vh,10px);display:grid;grid-template-rows:auto auto 1fr auto;align-items:start;gap:clamp(3px,.55vh,6px)}#workList.craftRows .craftCard{flex:1 1 0;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:8px}#workList .craftCardHead{min-width:0;display:flex;align-items:center;gap:6px}#workList .craftCardHead .shopIcon{min-width:22px;justify-content:center}#workList .craftCardHead .shopIcon .recipeWeaponIcon{width:26px;height:30px;max-width:26px;max-height:30px;object-fit:contain;object-position:center;padding:3px;box-sizing:border-box}#workList .craftCardHead .shopName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,1.5vh,14px)}#workList .craftDescription{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim);font-size:clamp(9px,1.2vh,11px)}#workList .workCost{min-width:0;display:flex;flex-wrap:wrap;align-content:start;gap:3px}#workList .craftCostChip{display:inline-flex;align-items:center;white-space:nowrap;max-width:100%;padding:2px 4px;border:1px solid #ffffff20;border-radius:5px;background:#0003;color:var(--dim);font-size:clamp(8px,1.05vh,10px)}#workList .craftActions{grid-column:1/-1;width:100%;display:flex;align-items:stretch;gap:5px}#workList .craftActions .wQty{box-sizing:border-box;flex:0 0 clamp(42px,7vw,56px);width:auto;min-width:0}#workList .craftActions button{flex:1 1 auto;min-width:0}#workList.craftRows .craftCardHead{grid-column:1;grid-row:1}#workList.craftRows .craftDescription{grid-column:1;grid-row:2}#workList.craftRows .workCost{grid-column:1;grid-row:3;flex-wrap:nowrap;overflow:hidden}#workList.craftRows .craftActions{grid-column:2;grid-row:1/4;width:clamp(100px,20vw,150px)}#workList.craftRows .craftCostChip{padding:1px 3px;font-size:clamp(7px,1vh,9px)}.fieldToolList{flex:0 0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;padding:2px 4px 4px}.fieldToolChip{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;padding:2px 5px;border:1px solid #ffffff35;border-radius:999px;background:#111a;color:var(--fg);font-size:clamp(8px,1.1vh,10px);line-height:1}.fieldToolIcon{display:inline-flex;width:13px;height:13px;align-items:center;justify-content:center}.fieldToolIcon svg{display:block;width:13px;height:13px}@media(max-width:520px){#workList.craftCards{grid-template-columns:repeat(auto-fit,minmax(min(100%,135px),1fr))}#workList.craftRows .craftActions{width:clamp(92px,27vw,132px)}}:where(#profilePanel,#leaderboardPanel,#multiplayerPanel,#settingsCard,#invPanel,#shopCard,#workCard,#koCard,#duelCard,#skillMenuCard,.enhancementElementDialog,.enhancementFailureDialog,#boardTasksView){box-sizing:border-box;width:fit-content!important;height:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;scale:var(--popup-fit-scale,1)}#invPanel,#profilePanel,#leaderboardPanel,#multiplayerPanel{translate:-50% -50%;transform:none}#workCard{width:fit-content!important;min-width:min(440px,96vw);max-width:96vw!important}#workCard .shopTabs{flex-wrap:nowrap}#workCard .shopTab{min-width:max-content;white-space:nowrap}#workList:not(.enhance-active),#shopList{display:grid;width:fit-content;grid-template-columns:repeat(auto-fit,260px);grid-auto-rows:auto;align-content:start;overflow:visible}#workList.craftCards,#workList.craftRows{display:grid;grid-template-columns:repeat(auto-fit,260px);grid-auto-rows:auto}#workList .craftCard,#workList.craftRows .craftCard{min-width:0;min-height:210px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:10px;padding:14px}#workList .craftCardHead .shopName,#workList .craftDescription{overflow:visible;text-overflow:clip;white-space:normal;font-size:14px;line-height:1.35}#workList .craftDescription{color:var(--dim)}#workList .workCost{flex-wrap:wrap;overflow:visible;gap:5px}#workList .craftCostChip{max-width:none;flex:0 0 auto;white-space:nowrap;font-size:12px;padding:4px 6px}#workList .craftActions{grid-column:1;grid-row:4;width:100%}#workList .craftActions .wQty{flex-basis:58px}#workList .craftRows .craftCardHead,#workList .craftRows .craftDescription,#workList .craftRows .workCost{grid-column:1;grid-row:auto}#workList.craftRows .craftActions{grid-column:1;grid-row:4;width:100%}#shopList{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}#shopCard{width:min(96vw,900px)!important}#invPanel .invPages,#shopList,#workList,#skillMenuList,#boardTasksView{min-height:0;overflow:visible!important}#invPanel .invPages{flex:0 0 auto}#invPanel .invGrid{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))}#invPanel .invSlot{min-width:86px;min-height:86px}#skillMenuList{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}#duelGrid{grid-template-columns:repeat(2,minmax(0,1fr))}#duelGrid.elementalsPicker{grid-template-columns:repeat(2,minmax(0,min(21vw,11vh,100px)));justify-content:center;justify-items:center;gap:clamp(4px,1vh,10px);width:fit-content}#duelGrid.elementalsPicker>.elementalsBossChoice{grid-column:1/-1;justify-self:center;width:min(35vw,18vh,150px);height:auto;aspect-ratio:1 / 1}#duelGrid.elementalsPicker>.duelOpt:not(.elementalsBossChoice){width:100%;height:auto;aspect-ratio:1 / 1}#duelGrid.elementalsPicker .duelImg img{object-fit:contain}#workList.craftCards.enhance-active{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:stretch;justify-items:stretch;align-items:start;align-content:start;gap:14px;width:100%;max-width:none;min-width:0;max-height:max(0px,calc(100dvh - 150px));box-sizing:border-box;padding:16px 20px;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;color:#e9ddc8}#workList.craftCards.enhance-active #enhancePanel,#workList.craftCards.enhance-active #enhanceDetails{display:contents}#workList.craftCards.enhance-active>#enhancePanel>*,#workList.craftCards.enhance-active #enhanceDetails>*{box-sizing:border-box;width:100%;min-width:0;max-width:none;height:auto;align-self:stretch;justify-self:stretch}#workList.craftCards.enhance-active .enhanceHeroHeading{grid-column:1/-1;grid-row:1;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:nowrap;gap:10px;margin:0;padding:7px 10px;border:1px solid #b2935c66;border-radius:8px;background:#0002;white-space:nowrap}#workList.craftCards.enhance-active .enhanceHeroHeading h3{flex:1 1 auto;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;color:#f0ddb7;font-size:21px;line-height:1.2;font-weight:800;white-space:nowrap}#workList.craftCards.enhance-active .enhanceHeroHeading>strong{flex:0 0 auto;color:#f2c66d;font-size:18px;white-space:nowrap}#workList.craftCards.enhance-active #enhanceBonusSection{grid-column:1;grid-row:3}#workList.craftCards.enhance-active #enhanceElementChoice{grid-column:1/-1;grid-row:4}#workList.craftCards.enhance-active #enhanceDetails>.enhanceSection{grid-column:1;grid-row:4}#workList.craftCards.enhance-active .enhanceChanceRow{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;box-sizing:border-box;padding:4px 0;color:#e8d8bb;font-size:16px;font-weight:700;white-space:nowrap}#workList.craftCards.enhance-active .enhanceChanceRow>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#workList.craftCards.enhance-active .enhanceChanceRow strong{flex:0 0 auto;font-size:27px;line-height:1;font-weight:900;white-space:nowrap}#workList.craftCards.enhance-active .enhanceWardOption{grid-column:2;grid-row:3;display:flex;align-items:flex-start;gap:8px;min-width:0;white-space:normal;overflow-wrap:anywhere}#workList.craftCards.enhance-active .enhanceWardOption>span{flex:1 1 auto;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}#workList.craftCards.enhance-active .enhanceWardOption strong,#workList.craftCards.enhance-active .enhanceWardOption small{min-width:0;white-space:normal;overflow-wrap:anywhere}#workList.craftCards.enhance-active #enhanceWarning{grid-column:2;grid-row:4}#workList.craftCards.enhance-active #enhanceActionButton{grid-column:2;grid-row:5;width:100%;min-width:0;max-width:none}#workList.craftCards.enhance-active #enhanceMaxMessage{grid-column:2;grid-row:5}#workList.craftCards.enhance-active #enhanceResultBanner{grid-column:1/-1;grid-row:6}#workList.craftCards.enhance-active .enhanceSection{height:auto;gap:5px;padding:8px 10px}#workList.craftCards.enhance-active .enhanceValueRow,#workList.craftCards.enhance-active .enhanceCostRow,#workList.craftCards.enhance-active .enhancePanelCostRow{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;width:100%;min-width:0;box-sizing:border-box}#workList.craftCards.enhance-active .enhanceValueRow>span,#workList.craftCards.enhance-active .enhanceCostRow>span,#workList.craftCards.enhance-active .enhancePanelCostName{flex:0 0 auto;min-width:0;overflow:visible;white-space:normal;text-overflow:clip}#workList.craftCards.enhance-active .enhanceValueRow>strong,#workList.craftCards.enhance-active .enhanceCostRow>strong,#workList.craftCards.enhance-active .enhancePanelCostRow>strong{flex:0 1 auto;min-width:0;white-space:normal;text-align:right;overflow-wrap:anywhere}#workList.craftCards.enhance-active .enhancePanelCostRow>strong{display:flex;align-items:center;justify-content:flex-end;gap:7px}#workList.craftCards.enhance-active .enhancePanelCostRow>strong span:last-child{min-width:0;white-space:normal;overflow-wrap:anywhere}#workList.craftCards.enhance-active #enhanceBonusList>.enhanceValueRow:nth-child(4):last-child>strong{flex-basis:100%;text-align:left}@media(max-width:700px){#workList.craftCards.enhance-active{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}#workList.craftCards.enhance-active>#enhancePanel>*,#workList.craftCards.enhance-active #enhanceDetails>*{grid-column:1;grid-row:auto}#workList.craftCards.enhance-active .enhanceChanceRow,#workList.craftCards.enhance-active #enhanceActionButton{grid-column:1;grid-row:auto}#workList.craftCards.enhance-active .enhanceHeroHeading h3{font-size:19px}}.starterCreationScreen{position:fixed;inset:0;z-index:30000;display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px;box-sizing:border-box;color:#e9ddc8;background:#050403e0;font-family:Cinzel,Palatino Linotype,Book Antiqua,Georgia,serif}.starterWizardCard{box-sizing:border-box;width:min(760px,96vw);max-width:100%;max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid #b2935c;border-radius:14px;background:linear-gradient(150deg,#302719,#191612 76%);box-shadow:0 18px 60px #000d,inset 0 1px #dfbe8020}.starterWizardHeader{margin-bottom:14px;text-align:center}.starterWizardHeader>span{color:#d8b875;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.starterWizardHeader h1{margin:4px 0;color:#f0ddb7;font-size:25px}.starterWizardHeader p,.starterWizardLead{margin:4px 0 12px;color:#d4c4a8;font-size:14px}.starterPreview{display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 12px}.starterPreview canvas{display:block;width:180px;height:180px}.starterPreview span{min-height:1.2em;color:#d4c4a8;font-size:12px;text-align:center}.starterPreviewCompact{display:inline-flex;float:right;width:180px;min-height:130px;margin:0 0 8px 12px}.starterPreviewCompact canvas{width:130px;height:130px}.starterModelGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.starterModelCard,.starterClassCard{min-width:0;padding:9px 6px;border:1px solid #806744;border-radius:9px;color:#e9ddc8;background:#00000028;font:inherit;cursor:pointer}.starterModelCard{display:flex;min-height:62px;flex-direction:column;align-items:center;justify-content:center;gap:4px}.starterModelCard.selected,.starterClassCard.selected{border-color:#e3bd6b;box-shadow:0 0 0 1px #e3bd6b inset;background:linear-gradient(155deg,#493a27,#252017 76%)}.starterModelMark{color:#d8b875;font-size:15px}.starterClassGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.starterClassCard{display:flex;min-height:160px;flex-direction:column;align-items:flex-start;gap:7px;text-align:left}.starterClassIcon{align-self:center;color:#e3bd6b;font-size:30px}.starterClassCard strong{color:#f0ddb7;font-size:16px}.starterClassCard span:not(.starterClassIcon),.starterClassCard small{color:#d4c4a8;font-size:12px;line-height:1.35}.starterConfirmation{max-width:520px;margin:0 auto}.starterConfirmation p{margin:7px 0;font-size:16px}.starterPermanentWarning{margin:16px 0!important;padding:12px;border:1px solid #d69d4e99;border-radius:8px;color:#ffd583;background:#7a4b161f;font-weight:900}.starterConfirmCheck{display:flex;align-items:flex-start;gap:9px;padding:8px 0;font-size:14px;line-height:1.4}.starterConfirmCheck input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:#d6ae5c}.starterWizardError{margin:10px 0 0;color:#ffb1a0;font-size:13px;line-height:1.4}.starterWizardFooter{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.starterWizardFooter button{min-width:120px;min-height:40px;padding:8px 14px;border:1px solid #b2935c;border-radius:8px;color:#f1dfb8;background:linear-gradient(155deg,#493a27,#252017);font:inherit;font-weight:900;cursor:pointer}.starterWizardFooter .starterWizardSecondary{background:transparent}.starterWizardFooter button:disabled,.starterWizardFooter button.disabled{opacity:.48;cursor:not-allowed}@media(max-width:700px){.starterCreationScreen{padding:8px}.starterWizardCard{width:100%;max-height:calc(100dvh - 16px);padding:14px}.starterModelGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.starterClassGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.starterClassCard{min-height:130px}.starterPreviewCompact{float:none;display:flex;width:auto;margin:0 auto 10px}}#authScreen.characterCreationActive{display:block;overflow:hidden;padding:0;background:linear-gradient(90deg,#09090db8,#09090d38 46%,#09090d1f),url(/models/Starter/MoTZ_selection_background.png) center/cover no-repeat;font-family:Cinzel,Palatino Linotype,Book Antiqua,Georgia,serif}#authScreen.characterCreationActive:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(6,6,8,.5),transparent 25%,transparent 78%,rgba(6,6,8,.16))}.auth-card.characterDetailsCard{position:absolute;z-index:3;left:clamp(18px,5vw,84px);top:50%;transform:translateY(-50%);width:min(430px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;padding:clamp(20px,3vw,34px);border:1px solid #d1ad67;border-radius:14px;text-align:left;background:linear-gradient(145deg,#1c1813f0,#0d0d0eeb);box-shadow:0 18px 55px #000b,0 0 24px #d9ad5330,inset 0 0 0 1px #f5dda122;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-card.characterDetailsCard:before{inset:6px;border-color:#e6c77d3b;border-radius:9px}.auth-card.characterDetailsCard .signupStepHeading{position:relative;display:grid;gap:4px;margin:0 0 22px;color:#f3dcaa}.signupStepHeading span{color:#d2b36f;font:700 11px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.signupStepHeading strong{font-size:clamp(22px,3vw,30px)}.auth-card.characterDetailsCard #authForm{position:relative}.auth-card.characterDetailsCard #authScreen input,#authScreen.characterCreationActive input{border-radius:8px;border-color:#987744;background:#090a0bb8}.auth-card.characterDetailsCard #authMessage{margin:8px 0 0}.auth-card.characterDetailsCard .signupStepNext{margin-top:10px}.characterSelectionStage{position:absolute;z-index:2;inset:0;overflow:hidden;color:#f4e5c4;isolation:isolate}.characterSelectionStage[hidden]{display:none!important}.characterSelectionStage canvas{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.characterSelectionStage canvas:active{cursor:grabbing}.selector-loading,.selector-step,.selector-model-name,.selector-arrows,.selector-actions,.selector-class-panel{position:absolute;z-index:2}.selector-loading{left:50%;top:16%;transform:translate(-50%);padding:8px 14px;border:1px solid #d2b36f88;border-radius:999px;color:#ffe6ac;background:#100e0dd9;font:600 13px system-ui,sans-serif;box-shadow:0 3px 16px #0008;pointer-events:none}.selector-loading:empty{display:none}.selector-step{left:clamp(18px,4vw,64px);top:clamp(18px,4vh,46px);padding:9px 14px;border:1px solid #c4a35f88;border-radius:999px;color:#f1d28f;background:#17130edb;font:700 12px system-ui,sans-serif;letter-spacing:.04em}.selector-model-name{left:50%;bottom:19%;transform:translate(-50%);min-width:130px;padding:7px 22px;border:1px solid #d7b66a;border-radius:999px;color:#ffe5a5;background:#16110bc7;box-shadow:0 0 20px #d8ad5d55;text-align:center;font-size:clamp(19px,2.3vw,28px);font-weight:800;text-shadow:0 2px 8px #000}.selector-arrows{left:50%;bottom:26%;display:flex;gap:min(46vw,520px);transform:translate(-50%)}.selector-arrows button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #e2c47b;border-radius:50%;color:#f8dfa0;background:#14100cd1;box-shadow:0 0 16px #d3a84e55;font:38px/1 Georgia,serif;cursor:pointer}.selector-arrows button:hover{background:#785b2c;color:#fff1c9}.selector-actions{left:50%;bottom:max(22px,calc(4vh + env(safe-area-inset-bottom,0px)));display:flex;align-items:center;justify-content:center;gap:12px;transform:translate(-50%)}.selector-actions button{min-width:150px;min-height:46px;padding:10px 22px;border:1px solid #e9ca7f;border-radius:999px;color:#261b0b;background:linear-gradient(180deg,#f5d58a,#b88538);box-shadow:0 5px 18px #0007,0 0 18px #d5ab5550;font:800 14px system-ui,sans-serif;cursor:pointer;transition:filter .18s,transform .18s}.selector-actions button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.selector-actions button:disabled{opacity:.55;cursor:wait}.selector-actions .selector-secondary,.selector-actions .selector-account-back{color:#f2d894;background:#14100cdb}.selector-account-back{position:absolute;z-index:3;inset:24px 24px auto auto;min-width:0;min-height:40px;padding:7px 14px;border:1px solid #e2c47b;border-radius:999px;color:#f2d894;background:#14100ce6;font:700 12px system-ui,sans-serif;box-shadow:0 4px 16px #0008;cursor:pointer}.selector-class-panel{left:clamp(18px,4vw,62px);top:50%;transform:translateY(-50%);width:min(300px,28vw);max-height:62vh;overflow:auto;padding:18px;border:1px solid #cfad68;border-radius:13px;background:linear-gradient(150deg,#1c1813ed,#0d0d0ee6);box-shadow:0 12px 38px #000a,0 0 18px #d9ad5330;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.selector-panel-title{margin:0 0 10px;color:#d6b56e;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.selector-class-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.selector-class-choice{min-height:39px;padding:6px 8px;border:1px solid #806940;border-radius:8px;color:#e8d7b4;background:#100f0eaa;font:700 12px system-ui,sans-serif;cursor:pointer}.selector-class-choice.is-selected{border-color:#edcd7a;color:#fff0c2;background:linear-gradient(140deg,#795c30,#312518);box-shadow:0 0 12px #d4a94a44}.selector-class-panel h2{margin:15px 0 8px;color:#f3d48e;font-size:clamp(19px,2vw,25px)}.selector-stats{display:grid;gap:7px}.selector-stat{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:9px;color:#eadcbd;font:600 12px system-ui,sans-serif}.selector-stat>div{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.selector-stat i{height:8px;border:1px solid #877248;border-radius:3px;background:#171513}.selector-stat i.is-filled{border-color:#f0cd77;background:linear-gradient(#ffe7a2,#ad792e);box-shadow:0 0 7px #d5aa4c55}.selector-class-panel p{min-height:1.3em;margin:12px 0 0;color:#d3c19e;font:12px/1.4 system-ui,sans-serif}@media(max-width:760px){#authScreen.characterCreationActive{background-position:center;background-size:cover}.auth-card.characterDetailsCard{left:50%;top:50%;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);transform:translate(-50%,-50%);padding:20px 18px}.auth-card.characterDetailsCard #authScreen input{min-height:42px;margin-bottom:11px;padding:9px 12px;font-size:15px}.selector-step{top:calc(12px + env(safe-area-inset-top,0px));left:12px;font-size:10px}.selector-class-panel{left:10px;top:25%;transform:none;width:min(44vw,250px);max-height:38vh;padding:10px}.selector-class-choice{min-height:34px;padding:4px;font-size:10px}.selector-class-panel h2{margin:9px 0 5px;font-size:17px}.selector-stats{gap:5px}.selector-stat{grid-template-columns:54px 1fr;gap:5px;font-size:10px}.selector-stat i{height:6px}.selector-class-panel p{font-size:10px}.selector-model-name{bottom:21%;min-width:104px;padding:5px 15px;font-size:18px}.selector-arrows{bottom:30%;gap:48vw}.selector-arrows button{width:40px;height:40px;font-size:32px}.selector-actions{left:calc((100% - 100px)/2);bottom:calc(14px + env(safe-area-inset-bottom,0px));width:calc(100% - 100px);gap:7px}.selector-actions button{min-width:clamp(64px,calc((100vw - 112px)/2),120px);min-height:44px;padding:8px 10px;font-size:12px}.selector-account-back{top:calc(12px + env(safe-area-inset-top,0px));right:12px;min-height:40px;padding:7px 10px}.selector-step{max-width:calc(100vw - 150px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-loading{top:18%;max-width:88vw;text-align:center;font-size:11px}}@media(prefers-reduced-motion:reduce){.selector-actions button{transition:none}}#authScreen.characterCreationActive{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:0;background:#100e0d;isolation:isolate}#authScreen.characterCreationActive:before{content:"";position:fixed;z-index:-1;inset:-28px;pointer-events:none;background:url(/models/Starter/MoTZ_selection_background.png) center/cover no-repeat;filter:blur(22px) brightness(.38);transform:scale(1.04)}#authScreen.characterCreationActive:after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 35%,rgba(4,5,8,.38) 100%)}.characterScreenLayout{position:relative;flex:none;width:min(100vw,177.7778dvh);height:min(100dvh,56.25vw);aspect-ratio:16/9;overflow:hidden;isolation:isolate;color:#f4e5c4}.characterSelectionStage{position:absolute;z-index:0;inset:0;overflow:hidden;background:url(/models/Starter/MoTZ_selection_background.png) center/contain no-repeat}.characterSelectionStage canvas{z-index:1;touch-action:none}.selector-progress{position:absolute;z-index:5;left:2.2%;top:2.5%;display:flex;gap:clamp(3px,.55vw,9px);max-width:47%}#authScreen .selector-progress button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:auto;min-width:clamp(64px,6.5vw,92px);min-height:54px;margin:0;padding:6px clamp(7px,.9vw,14px);border:1px solid #b99a5e;border-radius:12px;color:#f1e3c6;background:#110e0ce0;font:700 clamp(10px,.82vw,13px) system-ui,sans-serif;white-space:nowrap;text-shadow:0 1px 3px #000}.selector-step-number{color:#d6b56e;font-size:1.1em;line-height:1}.selector-step-label{line-height:1.1}#authScreen .selector-progress button.is-current{border-color:#ffdc83;color:#ffe3a0;background:#3f2b10eb;box-shadow:0 0 14px #d8ad5d66}#authScreen .selector-progress button.is-complete{color:#dfc47e}#authScreen .selector-progress button:disabled{opacity:1;cursor:default}.auth-card.characterDetailsCard{position:absolute;z-index:4;left:2.4%;top:50%;transform:translateY(-50%);width:min(25%,380px);max-height:78%;overflow:auto;padding:clamp(15px,1.8vw,27px)}.auth-card.characterDetailsCard .signupStepHeading{margin-bottom:12px}.signupStepHeading span{font-size:10px}.signupStepHeading strong{font-size:clamp(19px,1.7vw,26px)}.auth-card.characterDetailsCard #authForm input{min-height:40px;margin-bottom:11px;padding:9px 11px;font-size:14px}.auth-card.characterDetailsCard #authScreen input,#authScreen.characterCreationActive input{min-height:40px}.selector-class-panel{z-index:4;left:2.4%;top:50%;transform:translateY(-50%);width:min(19%,340px);max-height:73%}.selector-model-name{z-index:4;left:50%;bottom:2.2%;min-width:130px;padding:6px 18px;transform:translate(-50%)}.selector-arrows{z-index:4;left:50%;bottom:19%;gap:min(35vw,480px);transform:translate(-50%)}.selector-arrows button{width:60px;height:60px;font-size:44px}.selector-actions{z-index:5;left:50%;bottom:2.3%;gap:16px;transform:translate(-50%)}.selector-actions button{min-width:150px;min-height:48px;margin:0}.selector-loading{z-index:5;top:14%}.selector-benefits{position:absolute;z-index:2;top:2.5%;right:2.5%;width:min(280px,23%);max-height:30%;overflow:auto;padding:10px 12px;border:1px solid #d1ad67;border-radius:11px;color:#eadcbd;background:linear-gradient(145deg,#1c1813eb,#0d0d0ee6);box-shadow:0 10px 28px #0009,0 0 14px #d9ad5330;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font:500 clamp(11px,.85vw,13px)/1.4 system-ui,sans-serif}.selector-benefits-toggle{display:none}.selector-benefits h2{margin:0 0 6px;color:#ffe3a0;font:800 14px/1.2 system-ui,sans-serif}.selector-benefits p{display:grid;gap:2px;margin:8px 0 0}.selector-benefits strong{color:#f1d28f}@media(max-aspect-ratio:1/1),(max-width:760px){#authScreen.characterCreationActive{display:block;overflow-x:hidden;overflow-y:auto;padding:0 0 max(16px,env(safe-area-inset-bottom,0px))}.characterScreenLayout{width:100%;height:auto;min-height:0;aspect-ratio:auto;overflow:visible;display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:16px}.characterSelectionStage{position:relative;inset:auto;flex:none;width:100%;aspect-ratio:16/9}.selector-progress{left:2%;top:3%;max-width:75%;gap:3px}#authScreen .selector-progress button{min-width:clamp(56px,18vw,78px);min-height:48px;padding:5px 7px;font-size:clamp(9px,2.5vw,12px)}.auth-card.characterDetailsCard,.selector-class-panel{position:relative;inset:auto;transform:none;flex:none;width:min(92%,520px);max-width:none;max-height:none;margin:0 auto}.auth-card.characterDetailsCard{padding:18px}.selector-class-panel{overflow:visible;padding:14px}.selector-model-name,.selector-arrows,.selector-actions{position:relative;inset:auto;transform:none}.selector-model-name{order:2;min-width:0;margin:0 auto;padding:4px 16px;font-size:18px}.selector-arrows{order:3;display:flex;justify-content:center;gap:clamp(80px,32vw,180px)}.selector-arrows button{width:58px;height:58px}.selector-actions{order:4;display:flex;width:min(92%,520px);flex-wrap:wrap;gap:12px;margin:0 auto}.selector-actions button{flex:1 1 145px;min-width:0;min-height:52px;padding:10px 14px}.selector-class-panel{order:1;max-height:42vh;overflow:auto}.auth-card.characterDetailsCard{order:1}.selector-benefits{position:absolute;top:2.5%;right:2.5%;z-index:2;width:auto;max-width:36%;max-height:none;margin:0;padding:0;overflow:visible;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:11px}#authScreen.characterCreationActive .selector-benefits-toggle{display:block;width:auto;min-height:36px;margin:0;padding:7px 11px;border:1px solid #d1ad67;border-radius:9px;color:#ffe3a0;background:linear-gradient(145deg,#1c1813f5,#0d0d0ef2);box-shadow:0 5px 16px #0008;font:800 12px/1.2 system-ui,sans-serif}.selector-benefits-details{position:absolute;top:calc(100% + 6px);right:0;display:none;width:min(280px,calc(100vw - 32px));max-height:30vh;overflow:auto;margin:0;padding:9px 10px;border:1px solid #d1ad67;border-radius:10px;color:#eadcbd;background:linear-gradient(145deg,#1c1813f5,#0d0d0ef5);box-shadow:0 8px 24px #0009;font:500 11px/1.4 system-ui,sans-serif}.selector-benefits.is-open .selector-benefits-details{display:block}.selector-loading{top:42%;max-width:88%;text-align:center}}@media(max-width:420px){.selector-progress{max-width:96%}#authScreen .selector-progress button{min-width:56px;padding:4px 5px;font-size:9px}}.selector-model-name{bottom:8.5%}.selector-actions{bottom:.7%;width:max-content;max-width:calc(100% - 32px);gap:20px;border:0;outline:0;background:transparent;box-shadow:none;padding:0}.selector-actions button{width:auto;flex:0 0 auto;min-width:156px;white-space:nowrap}@media(max-aspect-ratio:1/1),(max-width:760px){.selector-model-name{bottom:auto}.selector-actions{bottom:auto;width:min(92%,520px);max-width:92%;gap:14px}.selector-actions button{flex:1 1 145px;min-width:0;white-space:normal}}#workList:not(.enhance-active) .craftCard{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:88px 22px minmax(42px,auto) minmax(44px,1fr) 36px;align-items:center;justify-items:center;gap:7px;min-width:0;min-height:340px;height:340px;padding:12px;text-align:center}#workList:not(.enhance-active) .craftCardIcon{display:flex;align-items:center;justify-content:center;width:88px;height:88px;max-width:100%;overflow:hidden;padding:5px;box-sizing:border-box}#workList:not(.enhance-active) .craftCardIcon img,#workList:not(.enhance-active) .craftCardIcon svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}#workList:not(.enhance-active) .craftCardIcon .itemImageIcon{padding:4px;box-sizing:border-box}#workList:not(.enhance-active) .craftCardIcon .itemIconFallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center}#workList:not(.enhance-active) .craftCardIcon .itemIconFallback[hidden]{display:none}#workList:not(.enhance-active) .craftCardIcon .recipeWeaponIcon{width:100%;height:100%;max-width:100%;max-height:100%;padding:5px;box-sizing:border-box;object-fit:contain;object-position:center}#workList:not(.enhance-active) .craftCardIcon{font-size:54px;line-height:1}#workList:not(.enhance-active) .craftCard .shopName{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:15px;line-height:22px}#workList:not(.enhance-active) .craftStats{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;color:var(--fg);font-size:12px;line-height:1.35}#workList:not(.enhance-active) .craftStatLine{display:block;max-width:100%;overflow-wrap:anywhere}#workList:not(.enhance-active) .craftRandomTag{display:inline-block;margin-right:3px;color:#f2c66d;font-size:10px;font-weight:700;white-space:nowrap}#workList:not(.enhance-active) .workCost{display:flex;align-content:center;align-items:center;justify-content:center;width:100%;min-width:0;flex-wrap:wrap;gap:5px;overflow:visible}#workList:not(.enhance-active) .craftCostChip{max-width:100%;padding:4px 6px;border-radius:5px;white-space:nowrap;font-size:11px;line-height:1.2}#workList:not(.enhance-active) .craftCostChip.insufficient{border-color:#ff6262aa;background:#7a171766;color:#ff9696}#workList:not(.enhance-active) .craftActions{grid-column:1;grid-row:5;display:flex;align-items:stretch;justify-content:center;width:100%;min-width:0;gap:6px}#workList:not(.enhance-active) .craftActions .wQty{box-sizing:border-box;flex:0 0 54px;width:54px;min-width:0}#workList:not(.enhance-active) .craftActions button{flex:1 1 auto;min-width:0}#invPanel,#invPanel.materials-active{box-sizing:border-box;width:min(600px,90vw)!important;min-width:min(320px,90vw);min-height:min(600px,90vw);height:auto!important;max-width:90vw!important;max-height:none!important;overflow:hidden!important}#invPanel .invTabs{flex:0 0 auto}#invPanel .invPages{display:block!important;width:100%;flex:1 0 auto!important;min-width:0;min-height:0;overflow:visible!important}#invPanel.materials-active .invPages{display:block!important;flex:1 0 auto!important}#invPanel .invPage.active{display:block!important;width:100%;min-width:0}#invPanel.materials-active .invPage[data-ipage=material].active{display:block;flex:0 0 auto;overflow:visible}#invPanel.materials-active #invMaterials{flex:0 0 auto;min-height:0;max-height:none;overflow:visible}#invPanel .invGrid{display:grid!important;width:100%;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;align-content:start;gap:clamp(8px,1.2vw,14px)}#invPanel .invSlot{box-sizing:border-box;min-width:0;min-height:0;width:100%;aspect-ratio:1 / 1;padding:8px 7px 22px;justify-content:center;gap:4px;overflow:visible}#invPanel .invSlot .slotIcon{position:relative;overflow:hidden}#invPanel .invSlot .slotIcon{flex:0 0 clamp(36px,6vw,48px);width:clamp(36px,6vw,48px);height:clamp(36px,6vw,48px);font-size:clamp(28px,4.5vw,40px)}#invPanel .invSlot .slotDesc{display:block;width:100%;margin:0;padding:0;color:var(--fg);font-size:clamp(12px,1.8vw,15px);font-weight:700;line-height:1.15;white-space:normal;overflow:visible;text-overflow:clip;line-clamp:unset;-webkit-line-clamp:unset;-webkit-box-orient:initial}#invPanel .invSlot .slotQty{right:6px;bottom:5px;z-index:1;max-width:calc(100% - 12px);font-size:10px}#invPanel .invSlot .slotQty.eqBadge{top:5px;right:6px;bottom:auto}#invPanel .invSlot .gearEquipBtn,#invPanel .invSlot .gearUnequipBtn{margin-top:auto}#invPanel .itemImageIcon,#invPanel .itemIconFallback{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;object-fit:contain;object-position:center;box-sizing:border-box;padding:2px;font-size:inherit;line-height:1}#invPanel .itemIconFallback[hidden]{display:none}#invPanel .itemImageIcon{max-width:100%;max-height:100%}#invPanel .invSlot .itemImageIcon{display:block}#invPanel .invSlot .itemIconFallback{display:flex}#invPanel .invSlot .itemIconFallback[hidden]{display:none}#shopList .itemImageIcon,.craftCostChip .itemImageIcon,.craftCostChip .itemIconFallback{display:inline-block;width:16px;height:16px;object-fit:contain;vertical-align:middle}#shopList .itemIconFallback[hidden],.craftCostChip .itemIconFallback[hidden]{display:none}#invPanel .invPage[data-ipage=tools] .invGrid{grid-template-columns:repeat(4,minmax(0,1fr))}#invPanel .invPage[data-ipage=potion] .invSlot .slotIcon img{width:100%;height:100%;object-fit:contain}#invPanel .invFooter{flex:0 0 auto;margin-top:auto}.slotIcon .itemImageIcon,.fieldToolIcon .itemImageIcon{width:100%;height:100%;object-fit:contain;object-position:center;box-sizing:border-box;padding:1px}.slotIcon .itemIconFallback,.fieldToolIcon .itemIconFallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.slotIcon .itemIconFallback[hidden],.fieldToolIcon .itemIconFallback[hidden]{display:none}.shopIcon .itemImageIcon,.lootRow .itemImageIcon,.lootRow .itemIconFallback{display:inline-block;width:18px;height:18px;object-fit:contain;vertical-align:middle}.lootRow .itemIconFallback[hidden],.shopIcon .itemIconFallback[hidden],.fieldToolIcon .itemIconFallback[hidden]{display:none}#toast .itemImageIcon,#toast .itemIconFallback{display:inline-block;width:18px;height:18px;max-width:18px;max-height:18px;object-fit:contain;vertical-align:middle}#toast .itemIconFallback[hidden]{display:none}#workList.enhance-active{overflow:auto}#enhancePanel{grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;overflow:visible}#enhanceDetails{grid-template-columns:minmax(0,1fr)}#enhanceDetails>.enhanceSection,#enhanceDetails>.enhanceChanceRow,#enhanceDetails>.enhanceWardOption,#enhanceDetails>.enhanceWarning{grid-column:1}#enhancePanel>*,#enhanceDetails>*{min-width:0}#enhancePanel .enhanceHeroHeading{flex-wrap:wrap}#enhancePanel .enhanceHeroHeading h3{min-width:0;white-space:normal;overflow-wrap:anywhere}#enhancePanel #enhanceTargetSelect{padding:8px 10px;border:1px solid #806744;border-radius:8px;color:#e9ddc8;background:#211d17;font:inherit}#enhancePanel .enhanceValueRow>span,#enhancePanel .enhancePanelCostName,#enhancePanel .enhanceChanceRow>span{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}#enhancePanel .enhancePanelCostRow,#enhancePanel .enhanceCostRow{align-items:flex-start;flex-wrap:wrap}#enhancePanel .enhancePanelCostRow>strong,#enhancePanel .enhancePanelCostRow>strong span,#enhancePanel .enhanceCostRow>strong{min-width:0;max-width:100%;flex-wrap:wrap;white-space:normal;overflow-wrap:anywhere}#enhancePanel .enhanceChanceRow{flex-wrap:wrap;white-space:normal}#enhancePanel .enhanceChanceRow>span{flex-basis:100%}#enhancePanel .enhanceActionButton{position:static;min-height:44px;white-space:normal;overflow-wrap:anywhere}#workList.armorGrouped{display:flex;flex-direction:column;align-content:start;gap:clamp(5px,1vh,10px);overflow:auto}#workList.armorGrouped .armorCraftGroup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:start;gap:clamp(5px,1vh,10px);min-width:0}#workList.armorGrouped .craftCard{min-width:0}#enhancePanel .enhanceSubTabs{display:flex;gap:4px;width:100%;min-width:0}#enhancePanel .enhanceSubTabs .shopTab{flex:1 1 0;min-width:0}#enhancePanel #enhanceTargetSelect{width:100%;min-width:0;box-sizing:border-box}#enhancePanel .enhanceHeroHeading h3{overflow:visible;text-overflow:clip}#shopCard.heraShopCard{width:fit-content!important;max-width:96vw!important;max-height:none!important;overflow:visible!important}#shopCard.heraShopCard .heraShopHead{width:100%}#shopCard.heraShopCard #shopGold{margin-left:auto;white-space:nowrap}#shopCard.heraShopCard .shopAct{display:none!important}#shopCard.heraShopCard #shopList.heraShopList{display:grid;width:fit-content;max-width:96vw;grid-auto-rows:auto;align-content:start;gap:clamp(5px,1vh,10px);overflow:visible!important}#shopCard.heraShopCard .heraItemCard{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:88px auto minmax(34px,1fr) auto 34px;align-items:center;justify-items:center;gap:6px;width:220px;height:286px;min-width:0;min-height:286px;padding:12px;text-align:center}#shopCard.heraShopCard .heraCardIcon{display:flex;align-items:center;justify-content:center;width:88px;height:88px;max-width:100%;overflow:hidden;padding:4px;box-sizing:border-box;font-size:52px;line-height:1}#shopCard.heraShopCard .heraCardIcon img,#shopCard.heraShopCard .heraCardIcon svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}#shopCard.heraShopCard .heraCardIcon .itemImageIcon{padding:4px;box-sizing:border-box}#shopCard.heraShopCard .heraCardIcon .itemIconFallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center}#shopCard.heraShopCard .heraCardIcon .itemIconFallback[hidden]{display:none}#shopCard.heraShopCard .heraCardName{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:15px;line-height:20px}#shopCard.heraShopCard .heraCardEffect{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--dim);font-size:11px;line-height:1.3;overflow-wrap:anywhere}#shopCard.heraShopCard .heraCardChips{display:flex;align-content:center;align-items:center;justify-content:center;width:100%;min-width:0;flex-wrap:wrap;gap:4px}#shopCard.heraShopCard .heraCardChips .craftCostChip{display:inline-flex;align-items:center;max-width:100%;padding:3px 5px;border:1px solid #ffffff20;border-radius:5px;background:#0003;color:var(--dim);font-size:10px;line-height:1.2;white-space:nowrap}#shopCard.heraShopCard .heraCardActions{display:flex;align-items:stretch;justify-content:center;width:100%;min-width:0;gap:5px}#shopCard.heraShopCard .heraCardActions .heraQty{box-sizing:border-box;flex:0 0 42px;width:42px;min-width:0;padding:4px;text-align:center}#shopCard.heraShopCard .heraCardActions button{flex:1 1 0;min-width:0;padding:4px 3px;border:1px solid var(--accent);border-radius:7px;background:transparent;color:var(--accent);font-size:11px;font-weight:800;cursor:pointer}#shopCard.heraShopCard .heraCardActions button:hover:not(:disabled){background:var(--accent);color:var(--bg)}#shopCard.heraShopCard .heraCardActions button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:520px){#shopCard.heraShopCard .heraItemCard{width:100%;max-width:150px;height:250px;min-height:250px;grid-template-rows:62px auto minmax(30px,1fr) auto 32px;gap:4px;padding:8px}#shopCard.heraShopCard .heraCardIcon{width:62px;height:62px;font-size:44px}#shopCard.heraShopCard .heraCardName{font-size:13px}#shopCard.heraShopCard .heraCardEffect{font-size:10px}#shopCard.heraShopCard .heraCardChips{gap:2px}#shopCard.heraShopCard .heraCardChips .craftCostChip{padding:2px 3px;font-size:8px}#shopCard.heraShopCard .heraCardActions{gap:3px}#shopCard.heraShopCard .heraCardActions .heraQty{flex-basis:34px;width:34px;font-size:11px}#shopCard.heraShopCard .heraCardActions button{font-size:9px}}#clearedModal.active.lootPopup{display:block;position:absolute;top:calc(82px + env(safe-area-inset-top,0px));right:12px;bottom:auto;left:auto;box-sizing:border-box;width:min(320px,calc(100vw - 24px));height:auto;padding:0;overflow:visible;background:transparent;pointer-events:none;z-index:30}#clearedModal.active.lootPopup #clearedCard{box-sizing:border-box;width:100%;max-width:100%;max-height:calc(100dvh - 96px);overflow:hidden;padding:clamp(8px,1.5vh,18px);pointer-events:auto}#clearedModal.active.lootPopup #clearedLoot{max-height:min(24vh,180px);overflow-y:auto}html.mobile-touch{--mobile-width:100vw;--mobile-height:100vh;width:var(--mobile-width);height:var(--mobile-height);min-width:0;min-height:0;margin:0;overflow:hidden;overscroll-behavior:none}@supports (width:100dvw){html.mobile-touch{--mobile-width:100dvw}}@supports (height:100dvh){html.mobile-touch{--mobile-height:100dvh}}html.mobile-touch body{position:fixed;inset:0;width:var(--mobile-width);height:var(--mobile-height);min-width:0;min-height:0;margin:0;overflow:hidden;overscroll-behavior:none}html.mobile-touch #app{position:fixed;inset:0;width:var(--mobile-width);height:var(--mobile-height);min-width:0;min-height:0;max-width:var(--mobile-width);max-height:var(--mobile-height);margin:0;overflow:hidden;overscroll-behavior:none;touch-action:auto}html.mobile-touch canvas#c{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;touch-action:none}html.mobile-touch input,html.mobile-touch textarea,html.mobile-touch select{font-size:16px!important;touch-action:auto;-webkit-user-select:text;user-select:text}html.mobile-touch #mobileControls button{min-height:44px;touch-action:none;-webkit-tap-highlight-color:transparent}html.mobile-touch .mobile-scroll,html.mobile-touch #invPanel,html.mobile-touch #shopCard,html.mobile-touch #workCard,html.mobile-touch #skillMenuCard,html.mobile-touch #profilePanel,html.mobile-touch #leaderboardPanel,html.mobile-touch #multiplayerPanel,html.mobile-touch #settingsCard,html.mobile-touch #walletSafetyCard,html.mobile-touch #walletConnectChoiceCard,html.mobile-touch #clearedCard,html.mobile-touch #koCard,html.mobile-touch #duelCard,html.mobile-touch #authScreen .auth-card,html.mobile-touch #characterStatsCard,html.mobile-touch .enhancementElementDialog,html.mobile-touch .enhancementFailureDialog{max-height:calc(var(--mobile-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}html.mobile-touch #invPanel .invPages,html.mobile-touch #shopList,html.mobile-touch #workList,html.mobile-touch #skillMenuList,html.mobile-touch #boardTasksView,html.mobile-touch #walletSafetyPanel{min-height:0;max-height:calc(var(--mobile-height,100dvh) - 150px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}html.mobile-touch #authScreen{height:var(--mobile-height,100dvh);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:calc(12px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}html.mobile-touch #authScreen,html.mobile-touch #authScreen .auth-card{touch-action:auto;-webkit-user-select:text;user-select:text}html.mobile-touch #authScreen input{font-size:16px!important;touch-action:auto;-webkit-user-select:text;user-select:text}html.mobile-touch #mobileControls{display:none;position:fixed;inset:0;width:var(--mobile-width);height:var(--mobile-height);z-index:20;pointer-events:none;touch-action:none}html.mobile-touch #mobileControls.active{display:block}html.mobile-touch:not(.mobile-game-running) #mobileControls,html.mobile-touch:not(.mobile-game-running) #mobileFullscreenButton,html.mobile-touch:not(.mobile-game-running) #mobileRotateNotice{display:none!important;pointer-events:none!important}html.mobile-touch #mobileJoystick{position:absolute;left:max(18px,env(safe-area-inset-left,0px));bottom:calc(70px + env(safe-area-inset-bottom,0px));width:112px;height:112px;border:2px solid #ffffff66;border-radius:50%;background:#12172572;box-shadow:0 3px 14px #0007;pointer-events:auto;touch-action:none}html.mobile-touch #mobileJoystick:before{content:"";position:absolute;inset:27%;border:1px solid #ffffff35;border-radius:50%}html.mobile-touch #mobileJoystickKnob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border:2px solid #fff9;border-radius:50%;background:#d9e1ec99;box-shadow:0 2px 8px #0007;pointer-events:none}html.mobile-touch #mobileCombatControls{position:absolute;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:block;width:78px;height:78px;pointer-events:none}html.mobile-touch #mobileCombatControls button{color:#fff;background:#151c2cbb;border:1px solid #ffffff55;border-radius:14px;font-size:13px;font-weight:800;box-shadow:0 3px 12px #0007;pointer-events:auto}html.mobile-touch #mobileCombatControls #normalAttackBtn{position:absolute;inset:auto 0 0 auto;display:flex;visibility:visible;opacity:1;pointer-events:auto;width:78px;height:78px;min-width:78px;min-height:78px;padding:0;border-radius:50%;background:#7c2d23d9;border-color:#ffb84d}html.mobile-touch #mobileInteractButton{position:absolute;right:0;bottom:calc(100% + 8px);min-width:112px;min-height:44px;padding:0 12px;background:#b87927e8!important;color:#17110a!important}html.mobile-touch #mobileUtilityButtons{position:absolute;right:calc(100% + 266px);bottom:calc(100% + 8px);display:grid;grid-template-columns:48px;gap:8px;width:48px;pointer-events:none}html.mobile-touch #mobileUtilityButtons button{width:48px;min-width:48px;height:48px;min-height:48px;padding:0 4px}html.mobile-touch #mobileSkillRow{position:absolute;left:auto;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:0;height:0;z-index:24;pointer-events:none}html.mobile-touch #mobileSkillRow #skillHotbar{position:absolute;top:0;left:0;display:block;width:0;height:0;max-width:none;margin:0;padding:0;border:0;background:none;box-shadow:none}html.mobile-touch #mobileSkillRow .skillSlot{position:absolute;top:auto;left:auto;width:52px;height:52px;min-width:52px;min-height:52px;border-radius:50%;background:#151c2ccc;border:1px solid #ffffff75;pointer-events:auto;touch-action:none;z-index:24}html.mobile-touch #mobileSkillRow .skillSlot:nth-child(1){right:197px;bottom:13px}html.mobile-touch #mobileSkillRow .skillSlot:nth-child(2){right:187px;bottom:73px}html.mobile-touch #mobileSkillRow .skillSlot:nth-child(3){right:158px;bottom:126px}html.mobile-touch #mobileSkillRow .skillSlot:nth-child(4){right:113px;bottom:167px}html.mobile-touch #mobileSkillRow .skillSlot:nth-child(5){right:58px;bottom:192px}html.mobile-touch #mobileSkillRow .skillSlot:nth-child(6){right:-3px;bottom:196px}html.mobile-touch #mobileSkillRow .skillSlot img{width:100%;height:100%;object-fit:cover;border-radius:8px}html.mobile-touch #mobileSkillRow .skillSlotCost{font-size:9px}html.mobile-touch #mobileSkillRow .skillSlot.low-energy{opacity:.48;filter:grayscale(.55)}html.mobile-touch #skillMenuModal{display:none!important}html.mobile-touch #mobileFullscreenButton{display:none;position:absolute;z-index:21;left:50%;right:auto;top:calc(8px + env(safe-area-inset-top,0px));transform:translate(-50%);width:44px;height:44px;border:1px solid #ffffff66;border-radius:12px;background:#151c2cbb;color:#fff;font-size:25px}html.mobile-touch #mobileRotateNotice{display:none;position:fixed;inset:0;z-index:100000;align-items:center;justify-content:center;padding:24px;background:#0e1420;color:#fff;text-align:center}html.mobile-touch.mobile-game-running.mobile-portrait #mobileRotateNotice{display:flex;pointer-events:none}html.mobile-touch #mobileRotateNotice div{display:grid;gap:10px;font-size:18px}html.mobile-touch #mobileRotateNotice strong{font-size:24px;color:#ffb84d}html.mobile-touch #actionDock{top:calc(78px + env(safe-area-inset-top,0px));bottom:auto;left:max(8px,env(safe-area-inset-left,0px));width:min(250px,36vw);transform:none;transform-origin:top left;gap:0;z-index:7}html.mobile-touch #actionDock #topDockRow{display:block}html.mobile-touch #actionDock #invBtn{display:none}html.mobile-touch #actionDock #barsCol{position:static;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%;height:auto}html.mobile-touch #actionDock .barBox{padding:4px 6px}html.mobile-touch #actionDock .bar-label{font-size:10px}html.mobile-touch #actionDock #itemRow{display:none}html.mobile-touch #fkeyRow{position:absolute;left:auto;right:calc(273px + env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 14px);display:flex;grid-template-columns:none;gap:4px;width:max-content;max-width:min(420px,calc(100vw - 281px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;transform:none;z-index:22;padding:0;pointer-events:auto}html.mobile-touch #fkeyRow .slot{flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;font-size:10px}html.mobile-touch #fkeyRow{pointer-events:none}html.mobile-touch #fkeyRow .slot{pointer-events:auto}html.mobile-touch #fkeyRow .slotKey{display:none}html.mobile-touch #minimap{top:calc(10px + env(safe-area-inset-top,0px));left:auto;right:max(150px,calc(130px + env(safe-area-inset-right,0px)));width:58px;height:58px}html.mobile-touch #mmArrow{width:18px;height:18px}html.mobile-touch #topRightDock{top:calc(8px + env(safe-area-inset-top,0px));right:auto;bottom:auto;left:calc(8px + env(safe-area-inset-left,0px));width:min(270px,calc(var(--mobile-width,100vw) - 16px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));transform:scale(.78);transform-origin:top left}html.mobile-touch #topRightDock #profileBox{height:64px;min-height:64px}html.mobile-touch #topRightDock #profileBox>#avatarWrap{top:8px;left:8px}html.mobile-touch #topRightDock #profileBox>div:last-child{inset:50% 8px auto 60px;width:auto;min-width:0;overflow:hidden;transform:translateY(-50%)}html.mobile-touch #topRightDock #profileBox #nameInput{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.mobile-touch #locationLabel{display:none!important}html.mobile-touch #levelNavigation{top:calc(74px + env(safe-area-inset-top,0px));right:max(10px,env(safe-area-inset-right,0px));left:auto;transform:scale(.78);transform-origin:top right}html.mobile-touch #chatBox{display:none!important;position:fixed;inset:50% auto auto 50%;width:min(360px,calc(100vw - 32px));max-height:calc(var(--mobile-height,100dvh) - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));transform:translate(-50%,-50%);z-index:100001;opacity:1}html.mobile-touch.mobile-chat-open #chatBox{display:flex!important}html.mobile-touch #chatLog{max-height:calc(var(--mobile-height,100dvh) - 180px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}html.mobile-touch #mobileChatButton{position:absolute;left:max(8px,env(safe-area-inset-left,0px));top:calc(124px + env(safe-area-inset-top,0px));z-index:22;width:48px;height:48px;min-width:48px;min-height:48px;border:1px solid #ffffff66;border-radius:12px;background:#151c2cdd;color:#fff;font-size:22px}html.mobile-touch.mobile-chat-open #mobileChatButton{position:fixed;left:auto;right:max(16px,env(safe-area-inset-right,0px));top:calc(16px + env(safe-area-inset-top,0px));z-index:100002}html.mobile-touch .slotKey,html.mobile-touch .slotLv,html.mobile-touch .skillSlotKey,html.mobile-touch .skillSlotCost{font-size:10px}html.mobile-touch .slot{font-size:11px}html.mobile-touch #portalPrompt:not(.fieldPortalPrompt),html.mobile-touch #bulletinPrompt,html.mobile-touch #shopPrompt,html.mobile-touch #workPrompt,html.mobile-touch #gatherPrompt,html.mobile-touch #escHint{display:none!important}html.mobile-touch #nameTag{font-size:clamp(14px,2.2vw,20px)}html.mobile-touch .npcTag{font-size:11px}html.mobile-touch #duelBar{top:calc(10px + env(safe-area-inset-top,0px));width:min(48vw,420px);transform:translate(-50%) scale(.82);transform-origin:top center}html.mobile-touch #skillStatuses{bottom:calc(122px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 260px);font-size:11px}html.mobile-touch #walletSafetyModal{padding:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}html.mobile-touch #walletSafetyCard{width:100%}html.mobile-touch #walletSafetyCard .walletSafetyColumns{grid-template-columns:minmax(0,1fr)}html.mobile-touch .invSlot,html.mobile-touch .slot,html.mobile-touch .chatTab{min-width:44px;min-height:44px}html.mobile-touch .modal,html.mobile-touch [role=dialog]{overscroll-behavior:contain}html.mobile-touch{--ui:.6}html.mobile-touch #mobileFullscreenButton{top:calc(8px + env(safe-area-inset-top,0px));width:calc(44px * var(--ui));height:calc(44px * var(--ui));min-width:0;min-height:0;font-size:calc(25px * var(--ui))}html.mobile-touch #topRightDock{top:calc(8px + env(safe-area-inset-top,0px));right:auto;bottom:auto;left:calc(8px + env(safe-area-inset-left,0px));width:calc(160px * var(--ui));transform:none}html.mobile-touch #topRightDock #profileBox{position:relative;display:block;box-sizing:border-box;width:calc(160px * var(--ui));height:calc(48px * var(--ui));min-height:calc(48px * var(--ui));padding:0}html.mobile-touch #topRightDock #profileBox>#avatarWrap{position:absolute;top:50%;left:calc(7px * var(--ui));width:calc(30px * var(--ui));height:calc(30px * var(--ui));transform:translateY(-50%)}html.mobile-touch #topRightDock #profileBox>#avatarWrap #avatarCircle{box-sizing:border-box;width:calc(30px * var(--ui));height:calc(30px * var(--ui));font-size:calc(18px * var(--ui))}html.mobile-touch #topRightDock #profileBox>#avatarWrap #settingsBtn{top:auto;right:calc(-5px * var(--ui));bottom:calc(-3px * var(--ui));left:auto;width:calc(18px * var(--ui));height:calc(18px * var(--ui));font-size:calc(10px * var(--ui));transform:none}html.mobile-touch #topRightDock #profileBox>div:last-child{position:absolute;top:50%;right:calc(6px * var(--ui));bottom:auto;left:calc(42px * var(--ui));width:auto;min-width:0;overflow:hidden;transform:translateY(-50%);align-items:flex-start}html.mobile-touch #topRightDock #profileBox #nameInput{display:block;box-sizing:border-box;width:100%;max-width:none;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}html.mobile-touch #actionDock{position:absolute;top:calc(60px * var(--ui) + env(safe-area-inset-top,0px));right:auto;bottom:auto;left:calc(8px + env(safe-area-inset-left,0px));width:calc(190px * var(--ui));height:auto;min-width:0;transform:none}html.mobile-touch #actionDock #barsCol{display:grid;grid-template-columns:1fr 1fr;gap:calc(4px * var(--ui));width:100%;height:auto}html.mobile-touch #actionDock .barBox{box-sizing:border-box;min-width:0;padding:calc(4px * var(--ui)) calc(5px * var(--ui));border-radius:calc(6px * var(--ui))}html.mobile-touch #actionDock .bar-label{gap:2px;margin-bottom:2px;font-size:calc(10px * var(--ui));white-space:nowrap}html.mobile-touch #actionDock .bar-track{height:calc(7px * var(--ui))}html.mobile-touch #mobileChatButton{top:calc(100px * var(--ui) + env(safe-area-inset-top,0px));right:auto;bottom:auto;left:calc(8px + env(safe-area-inset-left,0px));box-sizing:border-box;width:calc(48px * var(--ui));height:calc(48px * var(--ui));min-width:0;min-height:0;padding:0;font-size:calc(22px * var(--ui))}html.mobile-touch #mobileJoystick{left:calc(18px + env(safe-area-inset-left,0px));bottom:calc(70px * var(--ui) + env(safe-area-inset-bottom,0px));box-sizing:border-box;width:calc(118px * var(--ui));height:calc(118px * var(--ui))}html.mobile-touch #mobileJoystickKnob{width:calc(48px * var(--ui));height:calc(48px * var(--ui));margin:calc(-24px * var(--ui))}html.mobile-touch #mobileCombatControls{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:calc(70px * var(--ui));height:calc(70px * var(--ui))}html.mobile-touch #mobileCombatControls #normalAttackBtn{box-sizing:border-box;width:calc(70px * var(--ui));height:calc(70px * var(--ui));min-width:0;min-height:0;font-size:calc(13px * var(--ui))}html.mobile-touch #mobileInteractButton{bottom:calc(100% + 8px * var(--ui));min-width:calc(112px * var(--ui));min-height:calc(44px * var(--ui));padding:0 calc(12px * var(--ui));font-size:calc(13px * var(--ui))}html.mobile-touch #mobileUtilityButtons{right:calc(100% + 266px * var(--ui));bottom:calc(100% + 8px * var(--ui));grid-template-columns:calc(48px * var(--ui));gap:calc(8px * var(--ui));width:calc(48px * var(--ui))}html.mobile-touch #mobileUtilityButtons button{box-sizing:border-box;width:calc(48px * var(--ui));min-width:0;height:calc(48px * var(--ui));min-height:0;padding:0 calc(4px * var(--ui));font-size:calc(11px * var(--ui))}html.mobile-touch #mobileSkillRow{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}html.mobile-touch #mobileSkillRow .skillSlot{box-sizing:border-box;width:calc(50px * var(--ui));height:calc(50px * var(--ui));min-width:0;min-height:0;font-size:calc(12px * var(--ui))}html.mobile-touch #mobileSkillRow .skillSlot:nth-child(1){right:calc(185px * var(--ui));bottom:calc(10px * var(--ui))}html.mobile-touch #mobileSkillRow .skillSlot:nth-child(2){right:calc(176px * var(--ui));bottom:calc(67px * var(--ui))}html.mobile-touch #mobileSkillRow .skillSlot:nth-child(3){right:calc(148px * var(--ui));bottom:calc(118px * var(--ui))}html.mobile-touch #mobileSkillRow .skillSlot:nth-child(4){right:calc(105px * var(--ui));bottom:calc(157px * var(--ui))}html.mobile-touch #mobileSkillRow .skillSlot:nth-child(5){right:calc(52px * var(--ui));bottom:calc(180px * var(--ui))}html.mobile-touch #mobileSkillRow .skillSlot:nth-child(6){right:calc(-5px * var(--ui));bottom:calc(184px * var(--ui))}html.mobile-touch #mobileSkillRow .skillSlotKey{font-size:11px}html.mobile-touch #mobileSkillRow .skillSlotCost{font-size:calc(9px * var(--ui))}html.mobile-touch #mobileFullscreenButton{pointer-events:auto}html.mobile-touch #minimap{top:calc(10px + env(safe-area-inset-top,0px));right:calc(100px * var(--ui) + 16px + env(safe-area-inset-right,0px));width:calc(58px * var(--ui));height:calc(58px * var(--ui))}html.mobile-touch #mmArrow{width:calc(18px * var(--ui));height:calc(18px * var(--ui))}html.mobile-touch #levelNavigation{top:calc(74px * var(--ui) + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));bottom:auto;left:auto;display:block;box-sizing:border-box;width:calc(80px * var(--ui));height:calc(80px * var(--ui));transform:none}html.mobile-touch #levelBadge{box-sizing:border-box;width:calc(80px * var(--ui));height:calc(80px * var(--ui));margin:0}html.mobile-touch #fkeyRow{position:absolute;left:auto;right:calc(24px + env(safe-area-inset-right,0px) + 235px * var(--ui));bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:nowrap;gap:calc(4px * var(--ui));width:max-content;max-width:none;overflow:visible;transform:none}html.mobile-touch #fkeyRow .slot{box-sizing:border-box;flex:0 0 calc(44px * var(--ui));width:calc(44px * var(--ui));height:calc(44px * var(--ui));min-width:calc(44px * var(--ui));min-height:calc(44px * var(--ui));font-size:calc(10px * var(--ui))}html.mobile-touch #fkeyRow .slotIcon{width:calc(28px * var(--ui));height:calc(28px * var(--ui))}html.mobile-touch #skillStatuses{bottom:calc(80px * var(--ui) + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 220px * var(--ui));font-size:calc(11px * var(--ui))}html.mobile-touch #mobileJoystick{bottom:calc(95px * var(--ui) + env(safe-area-inset-bottom,0px))}html.mobile-touch #fkeyRow{left:50%;right:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(5,calc(44px * var(--ui)));grid-template-rows:repeat(2,calc(44px * var(--ui)));grid-auto-rows:calc(44px * var(--ui));gap:calc(4px * var(--ui));width:max-content;height:auto;min-height:0;max-height:none;max-width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));transform:translate(-50%)}#loading.portal-loading{background:linear-gradient(#0e142080,#0e142080),url(/models/Starter/MoTZ_selection_background.png) center/cover no-repeat}#duelModal.fieldLocationPicker #duelCard{box-sizing:border-box;width:fit-content!important;max-width:95vw!important;max-height:min(90vh,90dvh)!important;overflow-y:auto!important;padding:28px 25px 22px}#duelModal.fieldLocationPicker #duelCard h2{margin:0 0 6px;font-size:25px}#duelModal.fieldLocationPicker #duelCard>p{margin:0 0 20px;font-size:17.5px}#duelModal.fieldLocationPicker #duelGrid{grid-template-columns:repeat(2,minmax(0,clamp(90px,22vh,162px)))!important;gap:17px;margin-bottom:20px}#duelModal.fieldLocationPicker #duelGrid>.duelOpt{box-sizing:border-box;width:clamp(90px,22vh,162px)!important;height:clamp(100px,22vh,162px)!important;border-radius:17px}#duelModal.fieldLocationPicker .duelName{padding:8px 6px 7px;font-size:17px}#duelModal.fieldLocationPicker .duelImg{padding:11px!important;font-size:15.5px!important}#duelModal.fieldLocationPicker .fieldToolList{gap:4px;padding:3px 6px 6px}#duelModal.fieldLocationPicker .fieldToolChip{gap:4px;padding:3px 7px;font-size:clamp(11px,1.54vh,14px)}#duelModal.fieldLocationPicker .fieldToolIcon,#duelModal.fieldLocationPicker .fieldToolIcon svg{width:18px;height:18px}#duelModal.fieldLocationPicker .duelFoot{gap:11px}#duelModal.fieldLocationPicker .duelBtn{padding:13px;font-size:17px}