*{margin:0;padding:0;box-sizing:border-box}:root{--wood-dark: #3a2712;--wood: #6b4726;--wood-light: #8a6238;--parchment: #ecdbae;--parchment-dark: #ddc48c;--bronze: #c99a44;--bronze-light: #f0cf83;--ink: #3a2a18;--ink-soft: #6b5334;--accent-green: #3f7c3f;--plum: #5a1f3a;--plum-light: #e9d7e0;--font-display: "Cinzel", "Georgia", serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--cursor-default: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KPHBhdGggZD0iTTYsMyBMNiwyNyBMMTEsMjIgTDE1LDMwIEwxOSwyOCBMMTUsMjAgTDIzLDIwIFoiIGZpbGw9InVybCgjZykiIHN0cm9rZT0iIzNhMjcxMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPgo8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmMGNmODMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNjOTlhNDQiLz4KPC9saW5lYXJHcmFkaWVudD48L2RlZnM+Cjwvc3ZnPgo=) 6 3, auto;--cursor-pointer: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KPHBhdGggZD0iTTYsMyBMNiwyNyBMMTEsMjIgTDE1LDMwIEwxOSwyOCBMMTUsMjAgTDIzLDIwIFoiIGZpbGw9InVybCgjZzIpIiBzdHJva2U9IiMzYTI3MTIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8Y2lyY2xlIGN4PSIyNCIgY3k9IjYiIHI9IjIuNiIgZmlsbD0iI2ZmZjNkNiIvPgo8Y2lyY2xlIGN4PSIyNCIgY3k9IjYiIHI9IjEuMSIgZmlsbD0iI2ZmZmRmNiIvPgo8ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+CjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZjZkZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2YwY2Y4MyIvPgo8L2xpbmVhckdyYWRpZW50PjwvZGVmcz4KPC9zdmc+Cg==) 6 3, pointer}html,body,#canvas-root{height:100%;overflow:hidden}body{background:var(--wood-dark);font-family:var(--font-body);-webkit-user-select:none;user-select:none;cursor:var(--cursor-default)}#canvas-root canvas{display:block}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#ui-root>*{pointer-events:auto}.panel,.sidePanel,.hud .pill,.hudActions .pillBtn,.hint,.chatLog,.chatInputRow input{border:3px solid var(--wood-dark);box-shadow:inset 0 0 0 2px var(--bronze),0 8px 20px #00000073}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#3a27128c,#140d06e0)}.overlay.hidden{display:none}.objective{position:fixed;top:28%;left:14px;z-index:15;max-width:250px;padding:9px 13px;border-radius:12px;color:var(--ink);pointer-events:none;background:linear-gradient(180deg,var(--parchment),var(--parchment-dark));border:3px solid var(--wood-dark);box-shadow:inset 0 0 0 2px var(--bronze),0 5px 14px #0006}.objective.hidden{display:none}@keyframes objectivePulse{0%,to{transform:scale(1);box-shadow:inset 0 0 0 2px var(--bronze),0 5px 14px #0006}50%{transform:scale(1.05);box-shadow:inset 0 0 0 2px var(--bronze-light),0 0 20px 5px #f0cf83e6,0 5px 14px #00000073}}.objective.pulsing{animation:objectivePulse .85s ease-in-out 3;transform-origin:left center}.objTitle{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--wood-dark)}.objStep{font-size:12.5px;font-weight:700;color:var(--ink-soft);margin-top:3px;line-height:1.35}.guideBtn{pointer-events:auto;cursor:var(--cursor-pointer);margin-top:8px;padding:5px 12px;border-radius:8px;font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--parchment);border:2px solid var(--wood-dark);background:linear-gradient(180deg,var(--wood-light),var(--wood))}.guideBtn:hover{filter:brightness(1.12)}.guideBtn.on{background:linear-gradient(180deg,var(--bronze-light),var(--bronze));color:var(--wood-dark)}.hpBar{position:fixed;left:50%;bottom:92px;transform:translate(-50%);width:240px;height:22px;border-radius:11px;overflow:hidden;z-index:39;background:linear-gradient(180deg,#3a1a12,#24100a);border:3px solid var(--wood-dark);box-shadow:inset 0 0 0 2px var(--bronze),0 4px 10px #00000080;display:flex;align-items:center;justify-content:center}.hpBar.hidden{display:none}.hpFill{position:absolute;left:0;top:0;height:100%;width:100%;background:linear-gradient(180deg,#e2583f,#b23020);transition:width .15s ease}.hpText{position:relative;z-index:1;font:800 12px Georgia,serif;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.7)}.actionBar{position:fixed;left:50%;bottom:20%;transform:translate(-50%);width:214px;height:18px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,var(--parchment-dark),#c6ad78);border:3px solid var(--wood-dark);box-shadow:inset 0 0 0 2px var(--bronze),0 5px 12px #00000073;opacity:0;transition:opacity .12s;z-index:20}.actionBarFill{height:100%;width:0%;background:linear-gradient(180deg,var(--bronze-light),var(--bronze));box-shadow:inset 0 1px #fff6;transition:width .05s linear}.loadingOverlay{transition:opacity .45s ease;z-index:40}.loadingCard{text-align:center}.loadingCard h1{font-family:var(--font-display);font-size:42px;font-weight:900;letter-spacing:1px;color:var(--bronze-light);text-shadow:0 2px 8px rgba(0,0,0,.6);margin-top:18px}.loadingText{color:var(--parchment);font-weight:700;margin-top:6px;opacity:.85;letter-spacing:.5px}.spinner{width:56px;height:56px;margin:0 auto;border-radius:50%;border:6px solid rgba(236,219,174,.22);border-top-color:var(--bronze);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{text-align:center;color:var(--ink);padding:30px 28px;border-radius:14px;background:linear-gradient(180deg,var(--parchment),var(--parchment-dark));width:320px}.panel h1{font-family:var(--font-display);font-size:32px;font-weight:900;letter-spacing:1px;color:var(--wood-dark);text-shadow:0 1px 0 var(--bronze-light),0 -1px 0 rgba(0,0,0,.3);margin-bottom:6px}.panel .tag{color:var(--ink-soft);font-size:13px;font-weight:700;margin-bottom:18px}.field{text-align:left;margin-bottom:12px}.field label{display:block;font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--ink-soft);margin-bottom:5px;text-transform:uppercase}.field input{width:100%;padding:10px 12px;font-size:14px;color:var(--ink);background:#f7ecce;border:2px solid var(--wood);border-radius:8px;outline:none;font-family:inherit}.field input:focus{border-color:var(--bronze);box-shadow:0 0 0 2px var(--bronze-light)}.bigBtn{width:100%;font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:.5px;padding:12px 20px;margin-top:6px;border:2px solid var(--wood-dark);border-radius:10px;cursor:var(--cursor-pointer);color:var(--parchment);background:linear-gradient(180deg,var(--wood-light),var(--wood));box-shadow:inset 0 1px #ffffff40,0 5px 0 var(--wood-dark),0 9px 18px #0006;transition:transform .06s,filter .1s}.bigBtn:hover{filter:brightness(1.1)}.bigBtn:active{transform:translateY(4px);box-shadow:inset 0 1px #ffffff40,0 1px 0 var(--wood-dark)}.bigBtn:disabled{opacity:.5;cursor:var(--cursor-default);filter:none}.switchRow{margin-top:14px;font-size:12.5px;font-weight:700;color:var(--ink-soft)}.switchRow a{color:var(--wood-dark);font-weight:800;cursor:var(--cursor-pointer);text-decoration:underline}.switchRow a:hover{color:var(--bronze)}.errMsg{margin-top:10px;font-size:12.5px;font-weight:800;color:#8a2a20;min-height:16px}.hud{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:8px}.hud.hidden{display:none}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:10px;background:linear-gradient(180deg,var(--parchment),var(--parchment-dark));color:var(--ink);font-family:var(--font-display);font-size:13px;font-weight:700}.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 5px var(--accent-green)}.hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);padding:8px 18px;border-radius:10px;background:linear-gradient(180deg,var(--parchment),var(--parchment-dark));color:var(--ink-soft);font-size:12.5px;font-weight:800;letter-spacing:.2px;transition:opacity .5s ease}.hint.hidden{opacity:0;pointer-events:none}.hudActions{position:absolute;top:14px;right:14px;display:flex;gap:8px}.pillBtn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:10px;background:linear-gradient(180deg,var(--wood-light),var(--wood));color:var(--parchment);font-family:var(--font-display);font-size:13px;font-weight:700;cursor:var(--cursor-pointer)}.pillBtn:hover{filter:brightness(1.15)}.sidePanel{width:min(380px,92vw);max-height:80vh;overflow-y:auto;padding:24px 22px;border-radius:14px;background:linear-gradient(180deg,var(--parchment),var(--parchment-dark));color:var(--ink)}.sidePanel h1{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--wood-dark);text-shadow:0 1px 0 var(--bronze-light);margin-bottom:14px}.invGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.invCell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:10px;background:#3a271214;border:2px solid var(--wood)}.invIcon{width:30px;height:30px}.invIcon.shape-circle{border-radius:50%}.invIcon.shape-square{border-radius:6px}.invIcon.shape-diamond{border-radius:4px;transform:rotate(45deg);width:22px;height:22px;margin:4px}.invIcon.shape-triangle{width:0;height:0;background:transparent!important;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:26px solid var(--tri-color, #fff)}.invQty{font-size:13px;font-weight:900;color:#8a5a1f}.invName{font-size:10px;font-weight:700;color:var(--ink-soft);text-align:center}.invEmpty{grid-column:1 / -1;text-align:center;color:var(--ink-soft);font-size:13px;padding:20px 0}.invTag{font-size:9.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:var(--wood-dark)}.invCell.equippable{cursor:var(--cursor-pointer)}.invCell.equippable:hover{border-color:var(--bronze);background:#c99a442e}.invCell.isEquipped{border-color:var(--accent-green)}.invCell.isEquipped .invTag{color:var(--accent-green)}.invCell[style*=--rarity]{border-color:var(--rarity);box-shadow:inset 0 0 0 1px var(--rarity),0 0 6px -2px var(--rarity)}.subHeading{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--wood-dark);margin:6px 0 8px;letter-spacing:.5px}.clothierPanel{width:min(560px,94vw)}.clothierPurse{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;margin-bottom:14px;border-radius:10px;background:#3a271214;border:2px solid var(--wood)}.clothierPurse .coinAmt{font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--wood-dark)}.clothierLook{display:flex;gap:6px}.clothierLook .lookSlot{width:30px;height:30px;border-radius:8px;border:2px solid var(--wood);background:#3a271214;display:flex;align-items:center;justify-content:center}.clothierLook .lookSlot img{width:22px;height:22px}.clothierTabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.clothierTab{flex:1 1 auto;padding:8px 6px;border-radius:9px;border:2px solid var(--wood);background:#3a27120f;color:var(--ink-soft);font-family:var(--font-display);font-size:12px;font-weight:700;text-align:center;cursor:var(--cursor-pointer);transition:background .12s,border-color .12s,color .12s}.clothierTab:hover{border-color:var(--bronze)}.clothierTab.active{background:linear-gradient(180deg,var(--plum),#3f1529);border-color:var(--wood-dark);color:var(--parchment)}.clothierTab .tabCount{opacity:.75;font-weight:800}.clothierGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.clothierCard{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 8px 10px;border-radius:12px;background:linear-gradient(180deg,#ffffff59,#3a27120f);border:2px solid var(--wood);overflow:hidden;transition:transform .1s,border-color .12s,box-shadow .12s}.clothierCard.buyable,.clothierCard.wearable{cursor:var(--cursor-pointer)}.clothierCard.buyable:hover{transform:translateY(-3px);border-color:var(--bronze);box-shadow:0 6px 14px #00000040}.clothierCard.wearable:hover{transform:translateY(-3px);border-color:var(--plum);box-shadow:0 6px 14px #0003}.clothierCard.worn{border-color:var(--accent-green);box-shadow:inset 0 0 0 1px var(--accent-green)}.clothierCard.locked{opacity:.5}.clothierIcon{width:42px;height:42px}.clothierName{font-size:11px;font-weight:800;color:var(--ink);text-align:center}.clothierDesc{font-size:9px;color:var(--ink-soft);text-align:center;line-height:1.25;min-height:22px}.clothierBadge{font-size:9.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;padding:3px 9px;border-radius:20px}.clothierBadge.buy{background:var(--bronze);color:var(--wood-dark)}.clothierBadge.wear{background:var(--plum-light);color:var(--plum)}.clothierBadge.worn{background:var(--accent-green);color:#eafbea}.clothierBadge.locked{background:#3a271226;color:var(--ink-soft)}.clothierRibbon{position:absolute;top:9px;right:-24px;transform:rotate(35deg);background:var(--accent-green);color:#eafbea;font-size:8.5px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;padding:2px 28px}.invPanel{width:min(660px,94vw);padding:18px 20px 16px;border-radius:16px;color:var(--ink);background:linear-gradient(180deg,var(--parchment),var(--parchment-dark));border:3px solid var(--wood-dark);box-shadow:inset 0 0 0 2px var(--bronze),0 12px 30px #0000008c}.invPanel h1{font-family:var(--font-display);font-size:23px;font-weight:700;text-align:center;color:var(--wood-dark);text-shadow:0 1px 0 var(--bronze-light),0 -1px 0 rgba(0,0,0,.25);margin-bottom:12px}.invTwoCol{display:flex;gap:16px;align-items:flex-start}@media(max-width:560px){.invTwoCol{flex-direction:column;align-items:stretch}}.invLeft{flex:0 0 246px;display:flex;flex-direction:column;gap:9px}.invRight{flex:1 1 auto;min-width:0}.invPreviewCard{position:relative;display:flex;justify-content:center;padding:6px;border-radius:14px;border:2px solid var(--wood-dark);background:radial-gradient(ellipse 70% 60% at 50% 32%,#a7c187,#5f7d5a 58%,#40593b);box-shadow:inset 0 3px 10px #0006}.invPreviewCard canvas{border-radius:10px;display:block}.invPreviewHint{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:9.5px;font-weight:700;letter-spacing:.3px;color:#ffffffb8;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none}.invTooltip{position:fixed;z-index:40;min-width:120px;max-width:220px;padding:8px 11px;border-radius:10px;background:linear-gradient(180deg,#2c2114,#1c150c);border:2px solid var(--bronze);box-shadow:0 6px 18px #0000008c;pointer-events:none}.invTooltip.hidden{display:none}.invTooltip .ttName{font-family:var(--font-display);font-weight:700;font-size:13.5px;color:#f4e6c2}.invTooltip .ttRarity{font-size:11px;font-weight:800;margin-top:2px}.invTooltip .ttCat{font-size:10.5px;font-weight:700;color:#b6a682;margin-top:2px;text-transform:capitalize}.invTooltip .ttStat{font-size:11px;font-weight:700;color:#d9c79a;margin-top:3px}.invTooltip .ttHint{font-size:10.5px;font-weight:800;color:var(--bronze-light);margin-top:5px;letter-spacing:.2px}.invTabBody{border-radius:12px;padding:10px;background:linear-gradient(180deg,#3a271229,#3a271217);box-shadow:inset 0 2px 8px #281a0c59,inset 0 0 0 1px #5a3e1e59}.invSlotGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.invSlot{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:10px;background:radial-gradient(ellipse 80% 70% at 50% 35%,#fff6dc80,#d6be8e47),linear-gradient(180deg,#cdb589,#b79a68);background-color:#c3a874;border:2px solid var(--wood);box-shadow:inset 0 2px 3px #ffffff59,inset 0 -3px 5px #3c281247;transition:transform .08s,box-shadow .12s,border-color .12s}.invSlot.empty{background:#3a27121a;border-style:dashed;border-color:#6b472680;box-shadow:inset 0 2px 5px #281a0c40}.invSlot.equippable{cursor:var(--cursor-pointer)}.invSlot.equippable:hover{transform:translateY(-1px);border-color:var(--bronze-light);box-shadow:inset 0 2px 3px #fff6,0 4px 10px #00000059,0 0 0 2px var(--bronze) inset}.invSlot[style*=--rarity]{border-color:var(--rarity);box-shadow:inset 0 2px 3px #ffffff4d,inset 0 0 0 1px var(--rarity),0 0 8px -2px var(--rarity)}.invSlot.isEquipped{border-color:var(--accent-green);box-shadow:inset 0 0 0 2px var(--accent-green),inset 0 2px 3px #ffffff4d}.invSlotIcon{width:40px;height:40px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28))}.invSlotQty{position:absolute;right:3px;bottom:2px;font-family:var(--font-display);font-weight:700;font-size:12px;line-height:1;color:#fff;padding:1px 4px;border-radius:6px;background:#1e140ad1;box-shadow:0 1px 2px #00000080}.invSlotCheck{position:absolute;left:3px;top:2px;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#fff;background:var(--accent-green);box-shadow:0 1px 2px #00000080}.invLevel{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--parchment);padding:6px 10px;border-radius:10px;border:2px solid var(--wood-dark);background:linear-gradient(180deg,var(--wood-light),var(--wood));box-shadow:inset 0 1px #fff3}.invCoins{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:16px;color:#6a4610;padding:7px 10px;border-radius:11px;border:2px solid var(--wood-dark);background:linear-gradient(180deg,var(--bronze-light),var(--bronze));box-shadow:inset 0 1px #ffffff73,0 2px 0 var(--wood-dark)}.invTabs{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}.invTab{font-family:var(--font-body);font-weight:800;font-size:11.5px;letter-spacing:.2px;padding:6px 11px;border-radius:9px;cursor:var(--cursor-pointer);color:var(--ink-soft);background:#3a271214;border:2px solid var(--wood);transition:filter .1s}.invTab:hover{border-color:var(--bronze)}.invTab.active{color:var(--wood-dark);background:linear-gradient(180deg,var(--bronze-light),var(--bronze));border-color:var(--wood-dark)}.invTabBody{min-height:96px}.equipSlots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px}.equipSlot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border-radius:10px;background:#3a27121a;border:2px dashed rgba(107,71,38,.55);box-shadow:inset 0 2px 5px #281a0c38;min-height:78px}.equipSlot.filled{border-style:solid;border-color:var(--wood);cursor:var(--cursor-pointer);background:radial-gradient(ellipse 80% 70% at 50% 40%,#fff6dc73,#d6be8e38),linear-gradient(180deg,#cdb589,#b79a68);box-shadow:inset 0 2px 3px #ffffff4d,inset 0 -3px 5px #3c281240}.equipSlot.filled:hover{border-color:var(--bronze-light);box-shadow:inset 0 2px 3px #ffffff59,0 3px 8px #0000004d}.equipSlotLabel{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:var(--ink-soft)}.equipSlotBody{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;justify-content:center}.equipSlotName{font-size:9px;font-weight:700;color:var(--ink);text-align:center;line-height:1.15}.equipSlotEmpty{font-size:9px;color:#a89876}.settingsRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(58,39,18,.18)}.settingsRow label{font-size:13px;font-weight:800;color:var(--ink)}.settingsRow input[type=range]{width:140px;accent-color:var(--wood)}.settingsSlider{display:flex;align-items:center;gap:10px}.settingsSlider input[type=range]{width:140px;accent-color:var(--wood)}.settingsValue{font-size:12px;font-weight:800;color:var(--wood-dark);min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.settingsSelect{font:800 13px Nunito,system-ui,sans-serif;color:var(--ink);background:#f3e7c4;border:2px solid var(--wood);border-radius:8px;padding:5px 10px;cursor:pointer}.settingsHint{font-size:11.5px;color:var(--ink-soft);line-height:1.6;margin-top:12px}.settingsHint b{color:var(--wood-dark)}.chatPanel{position:absolute;bottom:22px;left:14px;width:min(360px,60vw);display:flex;flex-direction:column;gap:6px}.chatLog{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:10px;background:linear-gradient(180deg,#ecdbaeeb,#ddc48ceb);font-size:12.5px;font-weight:600;line-height:1.5;color:var(--ink);-webkit-mask-image:linear-gradient(to bottom,transparent,black 12px);mask-image:linear-gradient(to bottom,transparent,black 12px)}.chatLine{word-break:break-word}.chatName{font-family:var(--font-display);font-weight:700;color:var(--wood-dark)}.chatInputRow input{width:100%;padding:8px 14px;font-size:13px;font-family:inherit;color:var(--ink);background:#f7ecce;border-radius:10px;outline:none}.chatInputRow input:focus{box-shadow:0 0 0 2px var(--bronze-light)}.chatInputRow input::placeholder{color:var(--ink-soft)}.equipRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(58,39,18,.18)}.equipLabel{font-size:13px;font-weight:800;color:var(--ink)}.equipPicker{display:flex;align-items:center;gap:8px}.equipSwatch{width:22px;height:22px;border-radius:6px;border:2px solid var(--wood)}.equipValue{font-size:12.5px;font-weight:700;color:var(--ink-soft);width:96px;text-align:center}.equipArrow{width:26px;height:26px;border-radius:6px;border:2px solid var(--wood-dark);background:linear-gradient(180deg,var(--wood-light),var(--wood));color:var(--parchment);font-size:15px;font-weight:800;line-height:1;cursor:var(--cursor-pointer)}.equipArrow:hover{filter:brightness(1.15)}.creatorPanel{width:min(760px,94vw);max-height:92vh;overflow-y:auto;text-align:left}.creatorPanel h1{text-align:center;margin-bottom:14px}.creatorBody{display:flex;gap:18px}.creatorPreview{flex:0 0 260px;height:340px;border-radius:12px;border:3px solid var(--wood-dark);box-shadow:inset 0 0 0 2px var(--bronze);background:radial-gradient(ellipse at 50% 35%,#cdb98a,#9c8155);overflow:hidden}.creatorPreview canvas{width:100%;height:100%;display:block}.creatorControls{flex:1;display:flex;flex-direction:column;gap:14px}.ctrlGroup{display:flex;flex-direction:column;gap:7px}.ctrlGroup>label{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--wood-dark);letter-spacing:.5px}.segToggle{display:flex;border:2px solid var(--wood-dark);border-radius:10px;overflow:hidden;width:fit-content}.segToggle button{padding:8px 22px;font-family:var(--font-display);font-size:13px;font-weight:700;border:none;cursor:var(--cursor-pointer);color:var(--wood-dark);background:var(--parchment-dark)}.segToggle button.sel{color:var(--parchment);background:linear-gradient(180deg,var(--wood-light),var(--wood))}.hairPicker{display:flex;flex-wrap:wrap;gap:6px}.hairBtn{padding:7px 13px;font-size:12px;font-weight:700;border:2px solid var(--wood);border-radius:9px;cursor:var(--cursor-pointer);color:var(--ink);background:var(--parchment-dark)}.hairBtn:hover{border-color:var(--bronze)}.hairBtn.sel{color:var(--parchment);background:linear-gradient(180deg,var(--wood-light),var(--wood));border-color:var(--wood-dark)}.swatchRow{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid var(--wood);cursor:var(--cursor-pointer);padding:0}.swatch.sel{border-color:var(--bronze-light);box-shadow:0 0 0 2px var(--wood-dark)}.creatorAccount{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;align-items:end}.creatorAccount .field{margin-bottom:0}.creatorAccount .field:nth-child(3){grid-column:1 / -1}.creatorAccount .bigBtn,.creatorAccount .errMsg{grid-column:1 / -1}.creatorAccount .switchRow{grid-column:1 / -1;text-align:center}.totalLevel{text-align:center;font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--ink-soft);margin-bottom:14px}.totalLevel b{display:inline-block;min-width:30px;margin-left:4px;font-size:22px;color:var(--wood-dark)}.skillGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.skillCell{padding:9px 11px;border-radius:10px;background:#3a271214;border:2px solid var(--wood)}.skillTop{display:flex;align-items:center;gap:6px;margin-bottom:6px}.skillIcon{font-size:15px}.skillName{font-size:12px;font-weight:800;color:var(--ink);flex:1}.skillLvl{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--wood-dark);min-width:20px;text-align:right}.xpBar{height:8px;border-radius:999px;background:#3a271238;overflow:hidden;border:1px solid var(--wood)}.xpFill{height:100%;background:linear-gradient(90deg,var(--bronze),var(--bronze-light));transition:width .3s ease}.xpText{font-size:9.5px;font-weight:700;color:var(--ink-soft);text-align:right;margin-top:3px}.minimap{position:absolute;right:14px;bottom:14px;padding:6px;border-radius:12px;background:linear-gradient(180deg,var(--parchment),var(--parchment-dark));border:3px solid var(--wood-dark);box-shadow:inset 0 0 0 2px var(--bronze),0 6px 18px #0006}.minimap canvas{display:block;width:192px;height:192px;image-rendering:auto;border-radius:6px}.minimapLegend{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:10px;font-weight:800;color:var(--ink-soft)}.mmDot{width:10px;height:10px;border-radius:2px;display:inline-block;border:1px solid #5a3a12}.mmDot.enter{background:#e8b84a}.mmHint{margin-left:auto;font-family:var(--font-display);color:var(--wood-dark)}.mapOverlay{background:#140d06e6}.largeMap{padding:12px;border-radius:14px;background:linear-gradient(180deg,var(--parchment),var(--parchment-dark));border:3px solid var(--wood-dark);box-shadow:inset 0 0 0 2px var(--bronze),0 12px 40px #00000080}.largeMap canvas{display:block;width:min(80vh,80vw);height:min(80vh,80vw);border-radius:8px}