@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cinzel-latin-ext-400-normal-XQK_CSAr.woff2) format("woff2"),url(/assets/cinzel-latin-ext-400-normal-DJ0Lq8y-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cinzel-latin-400-normal-DnUIPmzd.woff2) format("woff2"),url(/assets/cinzel-latin-400-normal-C8jUSQqm.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2) format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/opendyslexic-latin-400-normal-nUhe5EwG.woff2) format("woff2"),url(/assets/opendyslexic-latin-400-normal-Cv3YY6GF.woff) format("woff")}@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/opendyslexic-latin-700-normal-Bnmt45Ln.woff2) format("woff2"),url(/assets/opendyslexic-latin-700-normal-wYUJcbXi.woff) format("woff")}:root{--font-display: "Cinzel", Georgia, serif;--font-body: "Atkinson Hyperlegible", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-mono: "Courier New", Courier, monospace;--ui-scale: 1;--fs-xs: calc(.6875rem * var(--ui-scale));--fs-sm: calc(.8125rem * var(--ui-scale));--fs-label: var(--fs-sm);--fs-body: calc(1rem * var(--ui-scale));--fs-section: calc(1.125rem * var(--ui-scale));--fs-lg: calc(1.375rem * var(--ui-scale));--fs-title: calc(1.5rem * var(--ui-scale));--color-gold: #d4af37;--color-gold-bright: #ffd700;--color-bronze: #8b4513;--scrollbar-thumb: rgba(139, 69, 19, .6);--text-light: #ffffff;--text-dark: #2c1810;--bg-panel: #222222;--bg-panel-dark: #1a1a1a;--bg-elevated: #2a2a2a;--border-subtle: #444444;--rarity-unique: #e6cc80;--rarity-legendary: #ff8000;--rarity-rare: #a335ee;--rarity-magical: #0070dd;--rarity-uncommon: #1eff00;--color-positive: #2e7d32;--color-danger: #f44336;--color-danger-hover: #d32f2f;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--inv-slot-size: 48px;--stat-col-min: 220px;--radius-sm: 4px;--radius-md: 8px;--shadow-panel: 0 8px 32px rgba(0, 0, 0, .6);--shadow-modal: 0 0 30px rgba(0, 0, 0, .8)}:root.high-contrast,.high-contrast{--text-light: #ffffff;--text-dark: #000000;--border-subtle: #cccccc;--bg-panel: #000000;--bg-panel-dark: #000000;--bg-elevated: #111111;--color-gold: #ffd700}.medieval-close-button{background:#8b0000;border:3px solid #d4af37;color:#fff;width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:2px 2px 5px #00000080;transition:transform .1s;padding:0}.medieval-close-button:hover{transform:scale(1.1);background:#a00000;border-color:gold}.medieval-close-button .close-x{font-size:18px;line-height:1}.item-sprite{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.item-sprite.sword:after{content:"🗡️";font-size:24px}.item-sprite.shield:after{content:"🛡️";font-size:24px}.item-sprite.helmet:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23b0b0b0'/><stop offset='1' stop-color='%23666'/></linearGradient></defs><path d='M12 2c-5 0-8 3-8 8v6h6v-3h4v3h6v-6c0-5-3-8-8-8z' fill='url(%23g)' stroke='%23888' stroke-width='1'/><rect x='6' y='10' width='12' height='2' rx='1' fill='%23000'/><circle cx='8' cy='12' r='0.7' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.helmet_heavy:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23c0c0c0'/><stop offset='1' stop-color='%23888'/></linearGradient></defs><path d='M12 2c-5 0-8 3-8 8v6h6v-3h4v3h6v-6c0-5-3-8-8-8z' fill='url(%23g)' stroke='%23555' stroke-width='1'/><rect x='6' y='10' width='12' height='2' rx='1' fill='%23000'/><rect x='11' y='3' width='2' height='4' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.helmet_light:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 4c-4 0-7 3-7 7v5h14v-5c0-4-3-7-7-7z' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='5' y='14' width='14' height='2' fill='%235d2e0d'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.helmet_cloth:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2L4 18h16L12 2z' fill='%234b0082' stroke='%23000' stroke-width='1'/><rect x='4' y='16' width='16' height='3' rx='1' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.plate:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='6' y='6' width='12' height='14' rx='2' fill='%23c0c0c0' stroke='%23888' stroke-width='1'/><rect x='4' y='8' width='4' height='6' rx='1' fill='%23c0c0c0'/><rect x='16' y='8' width='4' height='6' rx='1' fill='%23c0c0c0'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.plate_heavy:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='6' y='6' width='12' height='14' rx='1' fill='%23dddddd' stroke='%23999' stroke-width='1'/><rect x='4' y='7' width='5' height='7' rx='1' fill='%23cccccc'/><rect x='15' y='7' width='5' height='7' rx='1' fill='%23cccccc'/><rect x='9' y='10' width='6' height='2' fill='%23888'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.plate_light:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='7' y='7' width='10' height='14' rx='2' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='7' y='13' width='10' height='2' fill='%23556b2f'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.plate_cloth:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='6' y='5' width='12' height='16' rx='1' fill='%230000ff' stroke='%23000' stroke-width='1'/><rect x='10' y='5' width='4' height='16' fill='%234b0082'/><rect x='6' y='18' width='12' height='1' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.boots:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='pg' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23d0d0d0'/><stop offset='1' stop-color='%23666'/></linearGradient></defs><path d='M6 3h7v8c0 2-1 4-3 5H6z' fill='url(%23pg)' stroke='%23888' stroke-width='1'/><path d='M10 16h7l2 2v3H8v-3z' fill='url(%23pg)' stroke='%23888' stroke-width='1'/><path d='M7 6h5' stroke='%23bbb' stroke-width='1'/><path d='M7 8h5' stroke='%23bbb' stroke-width='1'/><path d='M7 10h5' stroke='%23bbb' stroke-width='1'/><circle cx='15' cy='19' r='0.7' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.ring:after{content:"💍";font-size:24px}.item-sprite.gloves:after{content:"🧤";font-size:24px}.item-sprite.pauldron:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23bbbbbb'/><stop offset='1' stop-color='%23666'/></linearGradient></defs><path d='M3 12c2-5 7-8 11-8h4c2 0 3 1 3 3v2c0 4-5 8-10 9-3 0-6-2-8-6z' fill='url(%23g)' stroke='%23888' stroke-width='1'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.trousers:after{content:"👖";font-size:24px}.item-sprite.amulet:after{content:"📿";font-size:24px}.item-sprite.backpack:after{content:"🎒";font-size:24px}.item-sprite.bow:after{content:"🏹";font-size:24px}.item-sprite.warhammer:after{content:"⚒️";font-size:24px}.item-sprite.dagger:after{content:"🔪";font-size:20px}.item-sprite.staff:after{content:"🦯";font-size:24px}.item-sprite.wand:after{content:"🪄";font-size:24px}.item-sprite.book:after{content:"📖";font-size:24px}.item-sprite.gem_ruby:after{content:"💎";font-size:24px;filter:hue-rotate(-200deg)}.item-sprite.gem_emerald:after{content:"💎";font-size:24px;filter:hue-rotate(-80deg)}.item-sprite.gem_sapphire:after{content:"💎";font-size:24px}.item-sprite.gem_topaz:after{content:"💎";font-size:24px;filter:hue-rotate(-140deg)}.item-sprite.gem_diamond:after{content:"💎";font-size:24px;filter:brightness(1.5) grayscale(1)}.item-sprite.potion:after{content:"🧪";font-size:24px}.item-sprite.food_bread:after{content:"🍞";font-size:24px}.item-sprite.food_meat:after{content:"🍖";font-size:24px}.item-sprite.food_stew:after{content:"🍲";font-size:24px}.item-sprite.dungeon_key:after{content:"🗝️";font-size:24px}.item-sprite.pistol:after{content:"";width:28px;height:28px;background:linear-gradient(90deg,#888 0%,#666 60%,transparent 61%) no-repeat 2px 10px / 20px 4px,linear-gradient(180deg,#8b4513,#6b3410) no-repeat 14px 14px / 10px 10px,radial-gradient(circle at 50%,orange,#c80) no-repeat 20px 11px / 4px 4px}.item-sprite.musket:after{content:"";width:28px;height:28px;background:linear-gradient(90deg,#777 0%,#555 70%,transparent 71%) no-repeat 0px 12px / 26px 3px,linear-gradient(180deg,#8b4513,#6b3410) no-repeat 18px 15px / 10px 8px,radial-gradient(circle at 50%,orange,#c80) no-repeat 16px 12px / 3px 3px}.item-sprite.blunderbuss:after{content:"";width:28px;height:28px;background:linear-gradient(90deg,#888 0%,#666 50%,transparent 51%) no-repeat 6px 12px / 18px 4px,conic-gradient(from 180deg at 8px 14px,#999 0deg,#777 180deg,transparent 181deg) no-repeat 0px 8px / 12px 12px,linear-gradient(180deg,#8b4513,#6b3410) no-repeat 20px 16px / 8px 8px}.item-sprite.hand_cannon:after{content:"";width:28px;height:28px;background:linear-gradient(90deg,#666 0%,#444 60%,transparent 61%) no-repeat 0px 10px / 24px 6px,linear-gradient(180deg,#8b4513,#5a2d0c) no-repeat 18px 16px / 10px 9px,radial-gradient(circle at 50%,#999,#666) no-repeat 0px 10px / 8px 8px,radial-gradient(circle at 50%,orange,#c80) no-repeat 14px 10px / 5px 6px}.item-sprite.buckler:after{content:"";width:28px;height:28px;background:radial-gradient(circle at 50% 50%,silver 0% 15%,sienna 16%,#8b4513 60%,#6b3410);border-radius:50%}.item-sprite-small{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.item-sprite-small.sword:after{content:"🗡️";font-size:16px}.item-sprite-small.shield:after{content:"🛡️";font-size:16px}.item-sprite-small.helmet:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23b0b0b0'/><stop offset='1' stop-color='%23666'/></linearGradient></defs><path d='M12 2c-5 0-8 3-8 8v6h6v-3h4v3h6v-6c0-5-3-8-8-8z' fill='url(%23g)' stroke='%23888' stroke-width='1'/><rect x='6' y='10' width='12' height='2' rx='1' fill='%23000'/><circle cx='8' cy='12' r='0.7' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.helmet_heavy:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23c0c0c0'/><stop offset='1' stop-color='%23888'/></linearGradient></defs><path d='M12 2c-5 0-8 3-8 8v6h6v-3h4v3h6v-6c0-5-3-8-8-8z' fill='url(%23g)' stroke='%23555' stroke-width='1'/><rect x='6' y='10' width='12' height='2' rx='1' fill='%23000'/><rect x='11' y='3' width='2' height='4' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.helmet_light:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 4c-4 0-7 3-7 7v5h14v-5c0-4-3-7-7-7z' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='5' y='14' width='14' height='2' fill='%235d2e0d'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.helmet_cloth:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2L4 18h16L12 2z' fill='%234b0082' stroke='%23000' stroke-width='1'/><rect x='4' y='16' width='16' height='3' rx='1' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.plate:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='6' y='6' width='12' height='14' rx='2' fill='%23c0c0c0' stroke='%23888' stroke-width='1'/><rect x='4' y='8' width='4' height='6' rx='1' fill='%23c0c0c0'/><rect x='16' y='8' width='4' height='6' rx='1' fill='%23c0c0c0'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.plate_heavy:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='6' y='6' width='12' height='14' rx='1' fill='%23dddddd' stroke='%23999' stroke-width='1'/><rect x='4' y='7' width='5' height='7' rx='1' fill='%23cccccc'/><rect x='15' y='7' width='5' height='7' rx='1' fill='%23cccccc'/><rect x='9' y='10' width='6' height='2' fill='%23888'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.plate_light:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='7' y='7' width='10' height='14' rx='2' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='7' y='13' width='10' height='2' fill='%23556b2f'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.plate_cloth:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='6' y='5' width='12' height='16' rx='1' fill='%230000ff' stroke='%23000' stroke-width='1'/><rect x='10' y='5' width='4' height='16' fill='%234b0082'/><rect x='6' y='18' width='12' height='1' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.boots:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='pg' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23d0d0d0'/><stop offset='1' stop-color='%23666'/></linearGradient></defs><path d='M6 3h7v8c0 2-1 4-3 5H6z' fill='url(%23pg)' stroke='%23888' stroke-width='1'/><path d='M10 16h7l2 2v3H8v-3z' fill='url(%23pg)' stroke='%23888' stroke-width='1'/><path d='M7 6h5' stroke='%23bbb' stroke-width='1'/><path d='M7 8h5' stroke='%23bbb' stroke-width='1'/><path d='M7 10h5' stroke='%23bbb' stroke-width='1'/><circle cx='15' cy='19' r='0.7' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.ring:after{content:"💍";font-size:16px}.item-sprite-small.gloves:after{content:"🧤";font-size:16px}.item-sprite-small.pauldron:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23bbbbbb'/><stop offset='1' stop-color='%23666'/></linearGradient></defs><path d='M3 12c2-5 7-8 11-8h4c2 0 3 1 3 3v2c0 4-5 8-10 9-3 0-6-2-8-6z' fill='url(%23g)' stroke='%23888' stroke-width='1'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.trousers:after{content:"👖";font-size:16px}.item-sprite-small.amulet:after{content:"📿";font-size:16px}.item-sprite-small.backpack:after{content:"🎒";font-size:16px}.item-sprite-small.bow:after{content:"🏹";font-size:16px}.item-sprite-small.warhammer:after{content:"⚒️";font-size:16px}.item-sprite-small.dagger:after{content:"🔪";font-size:14px}.item-sprite-small.staff:after{content:"🦯";font-size:16px}.item-sprite-small.wand:after{content:"🪄";font-size:16px}.item-sprite-small.book:after{content:"📖";font-size:16px}.item-sprite-small.gem_ruby:after{content:"💎";font-size:16px;filter:hue-rotate(-200deg)}.item-sprite-small.gem_emerald:after{content:"💎";font-size:16px;filter:hue-rotate(-80deg)}.item-sprite-small.gem_sapphire:after{content:"💎";font-size:16px}.item-sprite-small.gem_topaz:after{content:"💎";font-size:16px;filter:hue-rotate(-140deg)}.item-sprite-small.gem_diamond:after{content:"💎";font-size:16px;filter:brightness(1.5) grayscale(1)}.item-sprite-small.potion:after{content:"🧪";font-size:16px}.item-sprite-small.dungeon_key:after{content:"🗝️";font-size:16px}.item-sprite-small.pistol:after{content:"";width:20px;height:20px;background:linear-gradient(90deg,#888 0%,#666 60%,transparent 61%) no-repeat 1px 7px / 14px 3px,linear-gradient(180deg,#8b4513,#6b3410) no-repeat 10px 10px / 7px 7px,radial-gradient(circle at 50%,orange,#c80) no-repeat 14px 8px / 3px 3px}.item-sprite-small.musket:after{content:"";width:20px;height:20px;background:linear-gradient(90deg,#777 0%,#555 70%,transparent 71%) no-repeat 0px 8px / 18px 2px,linear-gradient(180deg,#8b4513,#6b3410) no-repeat 12px 10px / 7px 6px,radial-gradient(circle at 50%,orange,#c80) no-repeat 11px 8px / 2px 2px}.item-sprite-small.blunderbuss:after{content:"";width:20px;height:20px;background:linear-gradient(90deg,#888 0%,#666 50%,transparent 51%) no-repeat 4px 8px / 12px 3px,conic-gradient(from 180deg at 6px 10px,#999 0deg,#777 180deg,transparent 181deg) no-repeat 0px 6px / 8px 8px,linear-gradient(180deg,#8b4513,#6b3410) no-repeat 14px 11px / 6px 6px}.item-sprite-small.hand_cannon:after{content:"";width:20px;height:20px;background:linear-gradient(90deg,#666 0%,#444 60%,transparent 61%) no-repeat 0px 7px / 16px 4px,linear-gradient(180deg,#8b4513,#5a2d0c) no-repeat 12px 11px / 7px 6px,radial-gradient(circle at 50%,#999,#666) no-repeat 0px 7px / 6px 6px}.item-sprite-small.buckler:after{content:"";width:18px;height:18px;background:radial-gradient(circle at 50% 50%,silver 0% 15%,sienna 16%,#8b4513 60%,#6b3410);border-radius:50%}.item-sprite.helmet_warrior:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='3' width='16' height='9' rx='1' fill='%23999' stroke='%23666' stroke-width='1'/><rect x='5' y='12' width='14' height='7' rx='1' fill='%23999' stroke='%23666' stroke-width='1'/><rect x='5' y='13' width='14' height='2' fill='%23000'/><rect x='4' y='2' width='16' height='2' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.plate_warrior:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='5' width='16' height='14' rx='1' fill='%23bbb' stroke='%23888' stroke-width='1'/><rect x='2' y='5' width='4' height='7' rx='1' fill='%23aaa'/><rect x='18' y='5' width='4' height='7' rx='1' fill='%23aaa'/><rect x='4' y='10' width='16' height='1' fill='%23888'/><rect x='4' y='14' width='16' height='1' fill='%23888'/><polygon points='2,4 6,4 4,1' fill='%23aaa'/><polygon points='18,4 22,4 20,1' fill='%23aaa'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.boots_warrior:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='6' width='16' height='14' rx='1' fill='%23aaa' stroke='%23888' stroke-width='1'/><rect x='3' y='18' width='18' height='3' rx='1' fill='%23aaa' stroke='%23888' stroke-width='1'/><rect x='4' y='10' width='16' height='1' fill='%23888'/><rect x='4' y='14' width='16' height='1' fill='%23888'/><rect x='4' y='18' width='16' height='1' fill='%23888'/><rect x='6' y='5' width='4' height='2' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.gloves_warrior:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='9' width='8' height='12' rx='1' fill='%23aaa' stroke='%23888' stroke-width='1'/><rect x='13' y='9' width='8' height='12' rx='1' fill='%23aaa' stroke='%23888' stroke-width='1'/><circle cx='6' cy='9' r='1.5' fill='%23888'/><circle cx='9' cy='9' r='1.5' fill='%23888'/><circle cx='15' cy='9' r='1.5' fill='%23888'/><circle cx='18' cy='9' r='1.5' fill='%23888'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.pauldron_warrior:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='6' cy='14' r='5' fill='%23aaa' stroke='%23888' stroke-width='1'/><circle cx='18' cy='14' r='5' fill='%23aaa' stroke='%23888' stroke-width='1'/><polygon points='3,10 9,10 6,5' fill='%23aaa'/><polygon points='15,10 21,10 18,5' fill='%23aaa'/><rect x='3' y='12' width='6' height='3' fill='%23888'/><rect x='15' y='12' width='6' height='3' fill='%23888'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.trousers_warrior:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='7' width='7' height='14' rx='1' fill='%23aaa' stroke='%23888' stroke-width='1'/><rect x='13' y='7' width='7' height='14' rx='1' fill='%23aaa' stroke='%23888' stroke-width='1'/><rect x='4' y='12' width='7' height='1' fill='%23888'/><rect x='13' y='12' width='7' height='1' fill='%23888'/><rect x='4' y='17' width='7' height='1' fill='%23888'/><rect x='13' y='17' width='7' height='1' fill='%23888'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.axe:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='11' y='6' width='3' height='16' rx='1' fill='%238b4513'/><polygon points='11,4 11,18 3,11' fill='%23888' stroke='%23ccc' stroke-width='0.5'/><rect x='10' y='3' width='3' height='2' fill='%23ccc'/><rect x='10' y='17' width='3' height='2' fill='%23ccc'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.mace:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='11' y='11' width='3' height='12' rx='1' fill='%238b4513'/><circle cx='12' cy='8' r='5' fill='%23555'/><rect x='10' y='1' width='3' height='3' fill='%23666'/><rect x='10' y='12' width='3' height='3' fill='%23666'/><rect x='5' y='6' width='3' height='3' fill='%23666'/><rect x='16' y='6' width='3' height='3' fill='%23666'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.helmet_ranger:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='14' r='8' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='8' y='14' width='8' height='6' fill='%238b4513'/><polygon points='18,14 22,6 20,14' fill='%238b6914'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.plate_ranger:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='7' y='5' width='10' height='16' rx='2' fill='%236b3410' stroke='%23431f08' stroke-width='1'/><rect x='7' y='13' width='10' height='2' fill='%23321008'/><circle cx='10' cy='8' r='1' fill='%23aaa'/><circle cx='12' cy='8' r='1' fill='%23aaa'/><circle cx='14' cy='8' r='1' fill='%23aaa'/><circle cx='10' cy='11' r='1' fill='%23aaa'/><circle cx='12' cy='11' r='1' fill='%23aaa'/><circle cx='14' cy='11' r='1' fill='%23aaa'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.boots_ranger:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='5' width='7' height='16' rx='2' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='13' y='5' width='7' height='16' rx='2' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='3' y='19' width='9' height='3' rx='1' fill='%238b4513'/><rect x='12' y='19' width='9' height='3' rx='1' fill='%238b4513'/><rect x='4' y='13' width='7' height='1' fill='%235d2e0d'/><rect x='13' y='13' width='7' height='1' fill='%235d2e0d'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.gloves_ranger:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='12' width='8' height='9' rx='1' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='13' y='12' width='8' height='9' rx='1' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.pauldron_ranger:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='10' width='8' height='7' rx='1' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='13' y='10' width='8' height='7' rx='1' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='4' y='2' width='3' height='10' rx='1' fill='%235d2e0d'/><rect x='17' y='2' width='3' height='10' rx='1' fill='%235d2e0d'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.trousers_ranger:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='5' width='16' height='3' rx='1' fill='%233a5231'/><rect x='5' y='8' width='6' height='13' rx='1' fill='%234a6741' stroke='%233a5231' stroke-width='1'/><rect x='13' y='8' width='6' height='13' rx='1' fill='%234a6741' stroke='%233a5231' stroke-width='1'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.crossbow:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='2' y='11' width='20' height='3' rx='1' fill='%238b4513'/><rect x='10' y='5' width='4' height='10' rx='1' fill='%238b4513'/><line x1='10' y1='5' x2='10' y2='15' stroke='%23fff' stroke-width='0.5'/><line x1='2' y1='12' x2='22' y2='12' stroke='%23fff' stroke-width='0.5'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.shortbow:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='10' y='4' width='4' height='18' rx='2' fill='%238b4513'/><line x1='12' y1='4' x2='12' y2='22' stroke='%23fff' stroke-width='0.5'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.helmet_mage:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polygon points='12,1 6,20 18,20' fill='%236b21a8' stroke='%234b0082' stroke-width='1'/><rect x='4' y='18' width='16' height='3' rx='1' fill='%234b0082'/><circle cx='9' cy='13' r='0.8' fill='%23ffd700'/><circle cx='15' cy='13' r='0.8' fill='%23ffd700'/><circle cx='12' cy='1' r='1.5' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.plate_mage:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='4' width='16' height='18' rx='2' fill='%231a1a7f' stroke='%23111166' stroke-width='1'/><rect x='10' y='4' width='4' height='18' fill='%236b21a8'/><circle cx='12' cy='7' r='1' fill='%23fff'/><circle cx='9' cy='11' r='1' fill='%23fff'/><circle cx='15' cy='11' r='1' fill='%23fff'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.boots_mage:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='5' width='7' height='16' rx='1' fill='%231a1a7f' stroke='%23111166' stroke-width='1'/><rect x='13' y='5' width='7' height='16' rx='1' fill='%231a1a7f' stroke='%23111166' stroke-width='1'/><rect x='2' y='20' width='9' height='2' rx='1' fill='%231a1a7f'/><rect x='13' y='20' width='9' height='2' rx='1' fill='%231a1a7f'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.gloves_mage:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='10' width='8' height='12' rx='1' fill='%236b21a8' stroke='%234b0082' stroke-width='1'/><rect x='13' y='10' width='8' height='12' rx='1' fill='%236b21a8' stroke='%234b0082' stroke-width='1'/><circle cx='7' cy='14' r='2' fill='%2300ffff'/><circle cx='17' cy='14' r='2' fill='%2300ffff'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.pauldron_mage:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='2' y='8' width='8' height='5' rx='1' fill='%231a1a7f' stroke='%23111166' stroke-width='1'/><rect x='14' y='8' width='8' height='5' rx='1' fill='%231a1a7f' stroke='%23111166' stroke-width='1'/><rect x='4' y='13' width='4' height='4' fill='%231a1a7f'/><rect x='16' y='13' width='4' height='4' fill='%231a1a7f'/><polygon points='4,17 8,17 6,21' fill='%2300ffff'/><polygon points='16,17 20,17 18,21' fill='%2300ffff'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.trousers_mage:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='8' y='5' width='8' height='3' rx='1' fill='%231a1a7f'/><rect x='6' y='8' width='12' height='3' fill='%231a1a7f'/><rect x='4' y='11' width='16' height='4' fill='%231a1a7f'/><rect x='2' y='15' width='20' height='5' rx='1' fill='%231a1a7f' stroke='%23111166' stroke-width='1'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.tome:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='2' width='16' height='20' rx='1' fill='%231a0a00' stroke='%230d0500' stroke-width='1'/><rect x='5' y='3' width='4' height='18' fill='%230a0300'/><rect x='9' y='10' width='10' height='4' rx='1' fill='%23b8860b'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.helmet_adventurer:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><ellipse cx='12' cy='17' rx='10' ry='4' fill='%23c8a96e'/><circle cx='12' cy='11' r='6' fill='%23c8a96e' stroke='%23a07040' stroke-width='1'/><rect x='4' y='15' width='16' height='2' fill='%23a07040'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite.cape_adventurer:after{content:"";width:24px;height:24px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polygon points='12,3 5,20 19,20' fill='%238b6340' stroke='%235d3f20' stroke-width='1'/><rect x='8' y='8' width='8' height='12' fill='%238b6340'/><polygon points='5,20 8,20 6.5,23' fill='%23000'/><polygon points='11,20 13,20 12,23' fill='%23000'/><polygon points='16,20 19,20 17.5,23' fill='%23000'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.helmet_warrior:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='3' width='16' height='9' rx='1' fill='%23999' stroke='%23666' stroke-width='1'/><rect x='5' y='12' width='14' height='7' rx='1' fill='%23999' stroke='%23666' stroke-width='1'/><rect x='5' y='13' width='14' height='2' fill='%23000'/><rect x='4' y='2' width='16' height='2' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.plate_warrior:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='5' width='16' height='14' rx='1' fill='%23bbb' stroke='%23888' stroke-width='1'/><rect x='2' y='5' width='4' height='7' rx='1' fill='%23aaa'/><rect x='18' y='5' width='4' height='7' rx='1' fill='%23aaa'/><rect x='4' y='10' width='16' height='1' fill='%23888'/><rect x='4' y='14' width='16' height='1' fill='%23888'/><polygon points='2,4 6,4 4,1' fill='%23aaa'/><polygon points='18,4 22,4 20,1' fill='%23aaa'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.boots_warrior:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='6' width='16' height='14' rx='1' fill='%23aaa' stroke='%23888' stroke-width='1'/><rect x='3' y='18' width='18' height='3' rx='1' fill='%23aaa' stroke='%23888' stroke-width='1'/><rect x='4' y='10' width='16' height='1' fill='%23888'/><rect x='4' y='14' width='16' height='1' fill='%23888'/><rect x='4' y='18' width='16' height='1' fill='%23888'/><rect x='6' y='5' width='4' height='2' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.gloves_warrior:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='9' width='8' height='12' rx='1' fill='%23aaa' stroke='%23888' stroke-width='1'/><rect x='13' y='9' width='8' height='12' rx='1' fill='%23aaa' stroke='%23888' stroke-width='1'/><circle cx='6' cy='9' r='1.5' fill='%23888'/><circle cx='9' cy='9' r='1.5' fill='%23888'/><circle cx='15' cy='9' r='1.5' fill='%23888'/><circle cx='18' cy='9' r='1.5' fill='%23888'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.pauldron_warrior:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='6' cy='14' r='5' fill='%23aaa' stroke='%23888' stroke-width='1'/><circle cx='18' cy='14' r='5' fill='%23aaa' stroke='%23888' stroke-width='1'/><polygon points='3,10 9,10 6,5' fill='%23aaa'/><polygon points='15,10 21,10 18,5' fill='%23aaa'/><rect x='3' y='12' width='6' height='3' fill='%23888'/><rect x='15' y='12' width='6' height='3' fill='%23888'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.trousers_warrior:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='7' width='7' height='14' rx='1' fill='%23aaa' stroke='%23888' stroke-width='1'/><rect x='13' y='7' width='7' height='14' rx='1' fill='%23aaa' stroke='%23888' stroke-width='1'/><rect x='4' y='12' width='7' height='1' fill='%23888'/><rect x='13' y='12' width='7' height='1' fill='%23888'/><rect x='4' y='17' width='7' height='1' fill='%23888'/><rect x='13' y='17' width='7' height='1' fill='%23888'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.axe:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='11' y='6' width='3' height='16' rx='1' fill='%238b4513'/><polygon points='11,4 11,18 3,11' fill='%23888' stroke='%23ccc' stroke-width='0.5'/><rect x='10' y='3' width='3' height='2' fill='%23ccc'/><rect x='10' y='17' width='3' height='2' fill='%23ccc'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.mace:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='11' y='11' width='3' height='12' rx='1' fill='%238b4513'/><circle cx='12' cy='8' r='5' fill='%23555'/><rect x='10' y='1' width='3' height='3' fill='%23666'/><rect x='10' y='12' width='3' height='3' fill='%23666'/><rect x='5' y='6' width='3' height='3' fill='%23666'/><rect x='16' y='6' width='3' height='3' fill='%23666'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.helmet_ranger:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='14' r='8' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='8' y='14' width='8' height='6' fill='%238b4513'/><polygon points='18,14 22,6 20,14' fill='%238b6914'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.plate_ranger:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='7' y='5' width='10' height='16' rx='2' fill='%236b3410' stroke='%23431f08' stroke-width='1'/><rect x='7' y='13' width='10' height='2' fill='%23321008'/><circle cx='10' cy='8' r='1' fill='%23aaa'/><circle cx='12' cy='8' r='1' fill='%23aaa'/><circle cx='14' cy='8' r='1' fill='%23aaa'/><circle cx='10' cy='11' r='1' fill='%23aaa'/><circle cx='12' cy='11' r='1' fill='%23aaa'/><circle cx='14' cy='11' r='1' fill='%23aaa'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.boots_ranger:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='5' width='7' height='16' rx='2' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='13' y='5' width='7' height='16' rx='2' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='3' y='19' width='9' height='3' rx='1' fill='%238b4513'/><rect x='12' y='19' width='9' height='3' rx='1' fill='%238b4513'/><rect x='4' y='13' width='7' height='1' fill='%235d2e0d'/><rect x='13' y='13' width='7' height='1' fill='%235d2e0d'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.gloves_ranger:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='12' width='8' height='9' rx='1' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='13' y='12' width='8' height='9' rx='1' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.pauldron_ranger:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='10' width='8' height='7' rx='1' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='13' y='10' width='8' height='7' rx='1' fill='%238b4513' stroke='%235d2e0d' stroke-width='1'/><rect x='4' y='2' width='3' height='10' rx='1' fill='%235d2e0d'/><rect x='17' y='2' width='3' height='10' rx='1' fill='%235d2e0d'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.trousers_ranger:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='5' width='16' height='3' rx='1' fill='%233a5231'/><rect x='5' y='8' width='6' height='13' rx='1' fill='%234a6741' stroke='%233a5231' stroke-width='1'/><rect x='13' y='8' width='6' height='13' rx='1' fill='%234a6741' stroke='%233a5231' stroke-width='1'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.crossbow:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='2' y='11' width='20' height='3' rx='1' fill='%238b4513'/><rect x='10' y='5' width='4' height='10' rx='1' fill='%238b4513'/><line x1='10' y1='5' x2='10' y2='15' stroke='%23fff' stroke-width='0.5'/><line x1='2' y1='12' x2='22' y2='12' stroke='%23fff' stroke-width='0.5'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.shortbow:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='10' y='4' width='4' height='18' rx='2' fill='%238b4513'/><line x1='12' y1='4' x2='12' y2='22' stroke='%23fff' stroke-width='0.5'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.helmet_mage:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polygon points='12,1 6,20 18,20' fill='%236b21a8' stroke='%234b0082' stroke-width='1'/><rect x='4' y='18' width='16' height='3' rx='1' fill='%234b0082'/><circle cx='9' cy='13' r='0.8' fill='%23ffd700'/><circle cx='15' cy='13' r='0.8' fill='%23ffd700'/><circle cx='12' cy='1' r='1.5' fill='%23ffd700'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.plate_mage:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='4' width='16' height='18' rx='2' fill='%231a1a7f' stroke='%23111166' stroke-width='1'/><rect x='10' y='4' width='4' height='18' fill='%236b21a8'/><circle cx='12' cy='7' r='1' fill='%23fff'/><circle cx='9' cy='11' r='1' fill='%23fff'/><circle cx='15' cy='11' r='1' fill='%23fff'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.boots_mage:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='5' width='7' height='16' rx='1' fill='%231a1a7f' stroke='%23111166' stroke-width='1'/><rect x='13' y='5' width='7' height='16' rx='1' fill='%231a1a7f' stroke='%23111166' stroke-width='1'/><rect x='2' y='20' width='9' height='2' rx='1' fill='%231a1a7f'/><rect x='13' y='20' width='9' height='2' rx='1' fill='%231a1a7f'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.gloves_mage:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='10' width='8' height='12' rx='1' fill='%236b21a8' stroke='%234b0082' stroke-width='1'/><rect x='13' y='10' width='8' height='12' rx='1' fill='%236b21a8' stroke='%234b0082' stroke-width='1'/><circle cx='7' cy='14' r='2' fill='%2300ffff'/><circle cx='17' cy='14' r='2' fill='%2300ffff'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.pauldron_mage:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='2' y='8' width='8' height='5' rx='1' fill='%231a1a7f' stroke='%23111166' stroke-width='1'/><rect x='14' y='8' width='8' height='5' rx='1' fill='%231a1a7f' stroke='%23111166' stroke-width='1'/><rect x='4' y='13' width='4' height='4' fill='%231a1a7f'/><rect x='16' y='13' width='4' height='4' fill='%231a1a7f'/><polygon points='4,17 8,17 6,21' fill='%2300ffff'/><polygon points='16,17 20,17 18,21' fill='%2300ffff'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.trousers_mage:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='8' y='5' width='8' height='3' rx='1' fill='%231a1a7f'/><rect x='6' y='8' width='12' height='3' fill='%231a1a7f'/><rect x='4' y='11' width='16' height='4' fill='%231a1a7f'/><rect x='2' y='15' width='20' height='5' rx='1' fill='%231a1a7f' stroke='%23111166' stroke-width='1'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.tome:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='2' width='16' height='20' rx='1' fill='%231a0a00' stroke='%230d0500' stroke-width='1'/><rect x='5' y='3' width='4' height='18' fill='%230a0300'/><rect x='9' y='10' width='10' height='4' rx='1' fill='%23b8860b'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.helmet_adventurer:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><ellipse cx='12' cy='17' rx='10' ry='4' fill='%23c8a96e'/><circle cx='12' cy='11' r='6' fill='%23c8a96e' stroke='%23a07040' stroke-width='1'/><rect x='4' y='15' width='16' height='2' fill='%23a07040'/></svg>");background-size:contain;background-repeat:no-repeat}.item-sprite-small.cape_adventurer:after{content:"";width:16px;height:16px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polygon points='12,3 5,20 19,20' fill='%238b6340' stroke='%235d3f20' stroke-width='1'/><rect x='8' y='8' width='8' height='12' fill='%238b6340'/><polygon points='5,20 8,20 6.5,23' fill='%23000'/><polygon points='11,20 13,20 12,23' fill='%23000'/><polygon points='16,20 19,20 17.5,23' fill='%23000'/></svg>");background-size:contain;background-repeat:no-repeat}:root{--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-right: env(safe-area-inset-right);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left)}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000;font-family:var(--font-body);-webkit-user-select:none;user-select:none;touch-action:none}.app-container{position:fixed;inset:0;display:flex;justify-content:center;align-items:center}.game-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#phaser-container{position:absolute;inset:0}.game-layer canvas{display:block}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:20px;padding-top:calc(20px + var(--safe-area-inset-top));padding-right:calc(20px + var(--safe-area-inset-right));padding-bottom:calc(20px + var(--safe-area-inset-bottom));padding-left:calc(20px + var(--safe-area-inset-left));box-sizing:border-box}.hud-top-container{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.hud-left-side{display:flex;flex-direction:column;gap:10px}.hud-top{display:flex;flex-direction:column;gap:5px}.heraldic-plate{background:#d4af37;background:linear-gradient(135deg,#f4e4bc,#d4af37);border:4px solid #8b4513;padding:20px 20px 30px;color:#2c1810;font-weight:700;font-size:18px;text-shadow:1px 1px 0px rgba(255,255,255,.3);box-shadow:0 6px 12px #0009;clip-path:polygon(0% 0%,100% 0%,100% 85%,50% 100%,0% 85%);min-width:220px}.heraldic-plate-compact{padding:8px 12px 16px;font-size:12px;min-width:140px;clip-path:polygon(0% 0%,100% 0%,100% 85%,50% 100%,0% 85%)}.level-up-indicator{font-size:16px;color:#8b0000;text-align:center;animation:level-up-pulse 1.5s ease-in-out infinite}@keyframes level-up-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.xp-text{font-size:12px;margin-left:10px;color:#4a4a4a}.xp-text-detail{font-size:12px;margin-left:10px;color:#5a5a5a}.perks-text{color:#8b0000}.level-bar-container{width:200px;height:12px;background:#3e2723;margin-top:8px;border-radius:6px;overflow:hidden;border:2px solid #5d4037;position:relative}.level-bar-fill{height:100%;background:#2e7d32;box-shadow:inset 0 0 5px #ffffff4d}.level-bar-text{position:absolute;top:0;width:100%;text-align:center;font-size:9px;line-height:12px;color:#fff;text-shadow:1px 1px 1px black}.hud-top-right{display:flex;gap:10px;align-items:flex-start}.settings-button{background:#333;border:2px solid #555;color:#fff;padding:var(--space-1) var(--space-2);font-size:var(--fs-title);font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-sm)}.settings-button:hover{background:#444;border-color:#777}.settings-save-section{flex-shrink:0;border-top:2px solid var(--border-subtle);padding-top:var(--space-4);margin-top:var(--space-1);display:flex;flex-direction:column;gap:var(--space-2)}.settings-modal section{display:flex;flex-direction:column;gap:var(--space-2)}.settings-modal h3{margin:0;font-size:var(--fs-section);font-family:var(--font-display);color:#ccc}.settings-modal select,.settings-modal input[type=text]{background:#333;color:var(--text-light);border:1px solid #555;padding:var(--space-1);font-family:inherit}.keybindings-grid{display:flex;flex-direction:column;gap:var(--space-1)}.keybinding-row{display:flex;justify-content:space-between;align-items:center}.key-button{background:#333;color:var(--text-light);border:2px solid #555;padding:var(--space-1) var(--space-2);min-width:60px;cursor:pointer;font-family:inherit;font-size:var(--fs-sm);transition:all .2s;text-align:center}.key-button:hover{background:#444;border-color:var(--color-gold)}.key-button.rebinding{background:var(--color-bronze);border-color:#fff;animation:keybinding-blink 1s infinite}@keyframes keybinding-blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.close-button{background:#c62828;color:#fff;border:none;padding:var(--space-2);cursor:pointer;font-weight:700;margin-top:var(--space-2)}.close-button:hover{background:var(--color-danger-hover)}.save-load-controls{display:flex;gap:var(--space-2)}.save-load-controls button{flex:1;padding:var(--space-2);cursor:pointer;font-family:inherit;font-weight:700;border-radius:var(--radius-sm);transition:all .2s}.save-button{background:var(--color-positive);color:#fff;border:2px solid #1b5e20}.save-button:hover{background:#388e3c;border-color:var(--color-positive)}.load-button{background:#1565c0;color:#fff;border:2px solid #0d47a1}.load-button:hover{background:#1976d2;border-color:#1565c0}.return-to-charselect-btn{width:100%;padding:10px;cursor:pointer;font-family:inherit;font-weight:700;border-radius:4px;transition:all .2s;background:#6a3a8a;color:#fff;border:2px solid #4a1a6a}.return-to-charselect-btn:hover{background:#7a4a9a;border-color:#6a3a8a}.return-to-charselect-btn:disabled{opacity:.6;cursor:not-allowed}.interactive{pointer-events:auto;cursor:pointer}.inventory-grid{background:#141414e6;border:2px solid #8b4513;padding:10px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;box-shadow:0 4px 8px #00000080}.hud-bottom{display:flex;gap:20px;align-items:flex-end;justify-content:center}.game-logs{color:#ccc;font-size:14px;background:#0009;padding:10px;border-left:3px solid #d4af37;max-width:400px;pointer-events:none;text-shadow:1px 1px 1px black}.fps-counter{position:fixed;top:4px;right:4px;color:#0f0;font-size:12px;font-family:monospace;background:#00000080;padding:2px 6px;border-radius:3px;pointer-events:none;z-index:9999;text-shadow:1px 1px 1px black}.inventory-slot{width:var(--inv-slot-size);height:var(--inv-slot-size);background:#333;border:1px solid #777;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;cursor:pointer}.slot-number{position:absolute;top:1px;left:1px;font-size:10px;color:#aaa;pointer-events:none;background:#0006;line-height:1;padding:1px}.item-quantity{position:absolute;bottom:1px;right:1px;font-size:11px;color:#fff;background:#000000b3;padding:0 2px;border-radius:2px;pointer-events:none;line-height:1.2}.item-price{position:absolute;top:1px;right:1px;font-size:10px;font-weight:700;background:#000c;padding:1px 3px;border-radius:2px;pointer-events:none;line-height:1.1;border:1px solid rgba(212,175,55,.3)}.inventory-slot:hover{border-color:#ff0;background:#444}.modal-shell-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:150}.modal-shell-overlay-top{z-index:10000}.modal-shell-panel{background:var(--bg-panel-dark);border:4px solid var(--color-gold);padding:var(--space-6);color:var(--text-light);display:flex;flex-direction:column;gap:var(--space-5);box-shadow:var(--shadow-modal);max-width:95vw;max-height:90vh;min-height:0}.modal-shell-sm{width:400px}.modal-shell-md{width:600px}.modal-shell-lg{width:900px}.modal-shell-xl{width:85vw;max-width:85vw;height:85vh;max-height:85vh}.modal-shell-header{display:flex;align-items:center;gap:var(--space-3);border-bottom:2px solid var(--border-subtle);padding-bottom:10px;flex-shrink:0}.modal-shell-title{margin:0 auto 0 0;font-family:var(--font-display)}.modal-shell-close,.modal-shell-subheader{flex-shrink:0}.modal-shell-body{overflow-y:auto}.modal-shell-footer{flex-shrink:0}.scroll-area{position:relative;flex:1 1 auto;min-height:0;display:flex}.scroll-area-viewport{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-gutter:stable}.scroll-area-content{min-height:0}.scroll-fade{position:absolute;left:0;right:0;height:var(--space-6);pointer-events:none;opacity:0;transition:opacity .15s ease}.scroll-fade-top{top:0;background:linear-gradient(to bottom,var(--bg-panel-dark),transparent)}.scroll-fade-bottom{bottom:0;background:linear-gradient(to top,var(--bg-panel-dark),transparent)}.scroll-area[data-overflow-top=true] .scroll-fade-top,.scroll-area[data-overflow-bottom=true] .scroll-fade-bottom{opacity:1}.scroll-area-viewport,.modal-shell-body,.scrollable-content,.inventory-main-grid,.items-panel,.quest-list,.quest-detail,.inventory-content,.gem-picker-content,.socket-modal-content,.save-screen-content,.death-screen,.dialogue-text,.combination-item-list{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.scroll-area-viewport::-webkit-scrollbar,.modal-shell-body::-webkit-scrollbar,.scrollable-content::-webkit-scrollbar,.inventory-main-grid::-webkit-scrollbar,.items-panel::-webkit-scrollbar,.quest-list::-webkit-scrollbar,.quest-detail::-webkit-scrollbar,.inventory-content::-webkit-scrollbar,.gem-picker-content::-webkit-scrollbar,.socket-modal-content::-webkit-scrollbar,.save-screen-content::-webkit-scrollbar,.death-screen::-webkit-scrollbar,.dialogue-text::-webkit-scrollbar,.combination-item-list::-webkit-scrollbar{width:8px}.scroll-area-viewport::-webkit-scrollbar-track,.modal-shell-body::-webkit-scrollbar-track,.scrollable-content::-webkit-scrollbar-track,.inventory-main-grid::-webkit-scrollbar-track,.items-panel::-webkit-scrollbar-track,.quest-list::-webkit-scrollbar-track,.quest-detail::-webkit-scrollbar-track,.inventory-content::-webkit-scrollbar-track,.gem-picker-content::-webkit-scrollbar-track,.socket-modal-content::-webkit-scrollbar-track,.save-screen-content::-webkit-scrollbar-track,.death-screen::-webkit-scrollbar-track,.dialogue-text::-webkit-scrollbar-track,.combination-item-list::-webkit-scrollbar-track{background:transparent}.scroll-area-viewport::-webkit-scrollbar-thumb,.modal-shell-body::-webkit-scrollbar-thumb,.scrollable-content::-webkit-scrollbar-thumb,.inventory-main-grid::-webkit-scrollbar-thumb,.items-panel::-webkit-scrollbar-thumb,.quest-list::-webkit-scrollbar-thumb,.quest-detail::-webkit-scrollbar-thumb,.inventory-content::-webkit-scrollbar-thumb,.gem-picker-content::-webkit-scrollbar-thumb,.socket-modal-content::-webkit-scrollbar-thumb,.save-screen-content::-webkit-scrollbar-thumb,.death-screen::-webkit-scrollbar-thumb,.dialogue-text::-webkit-scrollbar-thumb,.combination-item-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm)}.scroll-area-viewport::-webkit-scrollbar-thumb:hover,.modal-shell-body::-webkit-scrollbar-thumb:hover,.scrollable-content::-webkit-scrollbar-thumb:hover,.inventory-main-grid::-webkit-scrollbar-thumb:hover,.items-panel::-webkit-scrollbar-thumb:hover,.quest-list::-webkit-scrollbar-thumb:hover,.quest-detail::-webkit-scrollbar-thumb:hover,.inventory-content::-webkit-scrollbar-thumb:hover,.gem-picker-content::-webkit-scrollbar-thumb:hover,.socket-modal-content::-webkit-scrollbar-thumb:hover,.save-screen-content::-webkit-scrollbar-thumb:hover,.death-screen::-webkit-scrollbar-thumb:hover,.dialogue-text::-webkit-scrollbar-thumb:hover,.combination-item-list::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.inventory-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:150}.inventory-content{background:var(--bg-panel-dark);border:4px solid var(--color-gold);padding:var(--space-6);width:900px;max-width:95vw;max-height:90vh;overflow-y:auto;color:var(--text-light);display:flex;flex-direction:column;gap:var(--space-5);box-shadow:var(--shadow-modal)}.inventory-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-subtle);padding-bottom:var(--space-3);gap:var(--space-3)}.inventory-gold{font-size:var(--fs-body);font-weight:700;color:var(--color-gold);margin-left:auto;margin-right:var(--space-3)}.inventory-body{display:flex;gap:var(--space-7)}.equipment-panel{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.character-display{position:relative;background:var(--bg-panel-dark);border:2px solid var(--border-subtle);padding:var(--space-3);display:flex;justify-content:center;align-items:center}.equipment-layout{display:flex;flex-direction:column;gap:var(--space-4);z-index:2}.layout-row{display:flex;justify-content:center;gap:var(--space-5)}.spacer{width:var(--inv-slot-size)}.player-sprite-placeholder{position:absolute;font-size:120px;opacity:.1;z-index:1;pointer-events:none}.stats-summary{margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:var(--fs-sm);display:flex;justify-content:space-around}.item-tooltip{background:#0a0a0af2;border:2px solid var(--border-subtle);padding:var(--space-3);color:#eee;font-size:var(--fs-sm);box-shadow:var(--shadow-panel);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-2)}.tooltip-header{border-bottom:2px solid;padding-bottom:var(--space-2);margin-bottom:var(--space-1)}.tooltip-name{font-size:var(--fs-section);font-weight:700;margin-bottom:2px;text-shadow:1px 1px 2px black}.header-meta{display:flex;justify-content:space-between;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase}.tooltip-rarity{letter-spacing:1px}.tooltip-level{color:var(--color-gold-bright)}.tooltip-type{font-size:var(--fs-sm);color:#888;font-style:italic}.weapon-info{color:#aaa}.tooltip-meta{font-size:var(--fs-sm);color:#bbb;background:#ffffff0d;padding:var(--space-1) var(--space-2);border-radius:2px}.meta-row{display:flex;justify-content:space-between}.tooltip-stats{display:flex;flex-direction:column;gap:2px}.stat{display:flex;justify-content:space-between}.stat-label{color:#aaa}.stat-value{font-weight:700}.tooltip-enchantments{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-2);display:flex;flex-direction:column;gap:2px;color:var(--rarity-magical);font-size:var(--fs-sm);font-style:italic}.tooltip-sockets{display:flex;gap:var(--space-2);padding:var(--space-1) 0}.socket-icon{color:#888;font-family:var(--font-mono);background:#ffffff1a;padding:2px var(--space-1);border-radius:2px;border:1px solid var(--border-subtle)}.tooltip-set{border-top:1px solid var(--rarity-unique);padding-top:var(--space-2);margin-top:var(--space-1);background:#e6cc800d;padding:var(--space-2);border-radius:var(--radius-sm)}.set-name{color:var(--rarity-unique);font-weight:700;font-size:var(--fs-sm);margin-bottom:var(--space-2);text-shadow:1px 1px 1px black}.set-bonuses{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.set-bonus{font-size:var(--fs-sm)}.set-bonus.active{color:var(--rarity-uncommon);font-weight:700}.set-bonus.inactive{color:#666}.set-items{border-top:1px solid rgba(230,204,128,.2);padding-top:var(--space-2);display:flex;flex-direction:column;gap:2px}.set-item-name{font-size:var(--fs-xs)}.set-item-name.equipped{color:var(--rarity-unique)}.set-item-name.not-equipped{color:var(--border-subtle)}.rarity-unique{border:2px solid var(--rarity-unique)!important;box-shadow:0 0 15px #e6cc804d}.rarity-legendary{border:2px solid var(--rarity-legendary)!important}.rarity-rare{border:2px solid var(--rarity-rare)!important}.rarity-magical{border:2px solid var(--rarity-magical)!important}.rarity-uncommon{border:2px solid var(--rarity-uncommon)!important}.weapon-category-info{font-weight:700;color:var(--color-gold-bright)}.armor-class-info{font-weight:700;color:#4db8ff}.tooltip-restrictions{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-2);margin-top:var(--space-1);font-size:var(--fs-sm);font-weight:700}.inventory-slot.locked{cursor:not-allowed;filter:grayscale(1);opacity:.6;border:1px dashed #666}.inventory-slot.item-restricted{position:relative;opacity:.5;border:1px solid #cc3333}.inventory-slot.item-restricted:after{content:"🚫";position:absolute;bottom:1px;right:1px;font-size:10px;line-height:1;pointer-events:none}.unique-sparkle-anim{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><circle cx="16" cy="16" r="12" fill="%23e6cc80" fill-opacity="0.3"/><rect x="14" y="4" width="4" height="24" fill="white" fill-opacity="0.5"/><rect x="4" y="14" width="24" height="4" fill="white" fill-opacity="0.5"/></svg>');background-size:cover;pointer-events:none;animation:sparkle-pulse 3s infinite ease-in-out;z-index:0}@keyframes sparkle-pulse{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:.9}to{transform:scale(.95);opacity:.5}}.locked-icon{font-size:20px;display:flex;justify-content:center;align-items:center;height:100%}.stat-diff.better{color:#4caf50}.stat-diff.worse{color:#f44336}.stat-diff.same{color:#ffeb3b}.tooltip-comparison-summary{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid rgba(212,175,55,.4);font-size:var(--fs-sm)}.tooltip-comparison-summary .comparison-summary-header{color:var(--color-gold);font-weight:700;margin-bottom:3px}.tooltip-comparison-summary .stat-diff{line-height:1.5}.comparison-tooltip{background:#141414f2;border:1px solid var(--color-gold);padding:var(--space-3);color:var(--text-light);font-size:var(--fs-sm);min-width:180px;box-shadow:var(--shadow-panel)}.comparison-header{font-size:var(--fs-xs);color:var(--color-gold);text-transform:uppercase;margin-bottom:var(--space-1);border-bottom:1px solid var(--color-gold)}.equipment-slot-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.equipment-slot-label{font-size:var(--fs-xs);color:#aaa;text-transform:capitalize}.items-panel{flex:1.5}.inventory-search-input{width:100%;padding:var(--space-2) var(--space-3);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:#eee;font-size:var(--fs-sm);outline:none;box-sizing:border-box}.inventory-search-input::placeholder{color:#ffffff4d}.inventory-search-input:focus{border-color:#fff6;background:#ffffff1f}.inventory-main-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--inv-slot-size),1fr));justify-items:center;gap:var(--space-2);overflow-y:auto}.equipment-unequip-btn{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:#c0392b;color:var(--text-light);border:1px solid #e74c3c;border-radius:50%;font-size:10px;line-height:14px;text-align:center;cursor:pointer;padding:0;display:none;z-index:5}.equipment-slot-container:hover .equipment-unequip-btn{display:block}.socket-panel{margin-top:var(--space-3);padding:var(--space-3);background:#1e1e1e;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.socket-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.socket-panel-header h4{margin:0;font-size:var(--fs-sm);color:var(--color-gold)}.socket-list{display:flex;flex-direction:column;gap:var(--space-1)}.socket-slot{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.socket-slot:hover{background:#ffffff1a}.socket-slot.filled{border-color:#d4af374d}.socket-slot.empty{border-style:dashed;border-color:#ffffff26}.socket-index{font-size:var(--fs-xs);color:#888;min-width:24px}.socket-gem-info{display:flex;flex-direction:column;gap:1px}.socket-gem-name{font-size:var(--fs-sm);font-weight:700;color:#eee}.socket-gem-bonus{font-size:var(--fs-xs);color:#aaa}.socket-empty-label{font-size:var(--fs-sm);color:#666;font-style:italic}.socket-actions{margin-top:var(--space-2);display:flex;justify-content:center;align-items:center;gap:var(--space-2)}.gem-picker-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:5000}.gem-picker-content{background:#1e1e1e;border:2px solid var(--color-gold);border-radius:var(--radius-md);padding:var(--space-4);max-width:420px;max-height:70vh;overflow-y:auto}.gem-picker-content h4{margin:0 0 var(--space-3) 0;color:var(--color-gold);font-size:var(--fs-body)}.gem-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.gem-picker-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-2);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;text-align:center}.gem-picker-item:hover{background:#d4af3733;border-color:var(--color-gold)}.gem-picker-name{font-size:var(--fs-sm);font-weight:700;color:#eee;margin-top:var(--space-1)}.gem-picker-bonus{font-size:var(--fs-xs);color:#aaa;margin-top:2px}.equipment-slot-container.selected .inventory-slot{outline:2px solid var(--color-gold);outline-offset:2px}.socket-hint{margin:0 0 var(--space-2);font-size:var(--fs-xs);color:#888}.socket-empty-note{font-size:var(--fs-sm);color:#777;font-style:italic;padding:var(--space-1) 0}.socket-unsocket-cost{margin-left:auto;font-size:var(--fs-xs);color:var(--color-gold);white-space:nowrap}.socket-unsocket-cost.unaffordable{color:#c0504d}.socket-discover-hint{margin-top:var(--space-2);font-size:var(--fs-xs);color:#777;text-align:center;font-style:italic}.inventory-slot .socket-badge{position:absolute;bottom:2px;left:2px;font-size:9px;line-height:1;padding:1px 3px;border-radius:3px;background:#000000a6;color:var(--color-gold);cursor:pointer;z-index:6}.inventory-slot .socket-badge:hover{background:#d4af3759;color:#fff}.socket-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:3000}.socket-modal-content{min-width:320px;max-width:460px;max-height:80vh;overflow-y:auto}.socket-modal-content .socket-panel{margin-top:0}.debug-console{position:relative;display:flex;flex-direction:column;justify-content:flex-end;margin-left:auto;width:300px}.debug-console input{background:#000c;border:2px solid #d4af37;color:#0f0;padding:8px 12px;font-family:Courier New,Courier,monospace;font-size:14px;width:100%;box-sizing:border-box}.debug-console input:focus{outline:none;border-color:#fff;background:#000000e6}.debug-suggestions{background:#000000e6;border:1px solid #d4af37;border-bottom:none;max-height:200px;overflow-y:auto;position:absolute;bottom:100%;left:0;right:0}.suggestion{padding:5px 10px;color:#aaa;cursor:pointer;font-size:12px}.suggestion:hover{background:#333;color:#fff}.enemy-hud{position:absolute;top:20px;left:50%;transform:translate(-50%);width:300px;background:#000c;border:2px solid #8b0000;padding:10px;display:flex;flex-direction:column;gap:5px;pointer-events:none;z-index:5;box-shadow:0 4px 10px #000c;border-radius:4px}.enemy-info-top{display:flex;justify-content:space-between;align-items:center}.enemy-name{color:#fff;font-weight:700;font-size:16px;text-shadow:1px 1px 2px black}.enemy-type{color:#aaa;font-size:12px}.enemy-hp-bar-container{width:100%;height:20px;background:#333;border:1px solid #555;position:relative;overflow:hidden}.enemy-hp-bar-fill{height:100%;background:linear-gradient(to right,#8b0000,red);transition:width .2s ease-out}.enemy-hp-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700;text-shadow:1px 1px 1px black}.death-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5000;animation:fadeIn 3s ease-in-out forwards;color:red;text-align:center;pointer-events:auto;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.death-screen h1{font-family:var(--font-display);font-size:clamp(36px,12vw,80px);letter-spacing:15px;margin:0;text-shadow:0 0 20px rgba(255,0,0,.5);animation:textGrow 5s ease-out forwards}@keyframes textGrow{0%{transform:scale(.95)}to{transform:scale(1.05)}}.death-stats{background:#141414e6;border:1px solid var(--border-subtle);padding:var(--space-5) 40px;margin-top:40px;color:#ccc;font-size:var(--fs-section);min-width:300px;border-radius:var(--radius-sm)}.death-stats h2{color:#aaa;font-family:var(--font-display);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-2);margin-bottom:var(--space-4)}.stat-row{display:flex;justify-content:space-between;margin:8px 0}.respawn-button{margin-top:40px;background:transparent;border:1px solid #ff0000;color:red;padding:var(--space-2) 30px;font-size:var(--fs-lg);cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:2px}.respawn-button:hover{background:red;color:#000;box-shadow:0 0 20px #f006}.center-prompt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:3000;pointer-events:auto}.center-prompt{background:#1a1a1a;border:3px solid #d4af37;padding:30px;max-width:500px;text-align:center;box-shadow:0 0 40px #000;display:flex;flex-direction:column;gap:20px}.prompt-title{font-size:1.5em;color:#d4af37;font-weight:700}.prompt-text{font-size:1.1em;color:#eee;line-height:1.4}.prompt-actions{display:flex;justify-content:center;gap:15px}.prompt-actions button{background:#ffffff1a;border:1px solid #d4af37;color:#fff;padding:10px 20px;cursor:pointer;font-size:1em;transition:all .2s}.prompt-actions button:hover{background:#d4af3733}.medieval-fantasy-button{position:relative;background:#1a1a1a;border:2px solid #d4af37;color:#d4af37;padding:16px 40px;font-size:1.4em;font-family:Courier New,Courier,monospace;text-transform:uppercase;letter-spacing:3px;font-weight:700;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #00000080,inset 0 0 10px #00000080;min-width:280px;display:flex;justify-content:center;align-items:center;border-radius:4px}.medieval-fantasy-button:hover{color:#fff;border-color:#fff;background:#2a2a2a;box-shadow:0 0 30px var(--smoke-color),inset 0 0 15px #ffffff1a;transform:translateY(-2px)}.medieval-fantasy-button:active{transform:translateY(1px)}.medieval-fantasy-button .button-text{position:relative;z-index:5;text-shadow:2px 2px 4px rgba(0,0,0,1)}.smoke-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.smoke-particle{position:absolute;bottom:-20px;width:30px;height:30px;background:var(--smoke-color);border-radius:50%;filter:blur(12px);opacity:0}.medieval-fantasy-button:hover .smoke-particle{animation:smoke-rise 1.5s infinite ease-out}.smoke-particle:nth-child(1){left:5%;animation-delay:0s}.smoke-particle:nth-child(2){left:25%;animation-delay:.3s}.smoke-particle:nth-child(3){left:45%;animation-delay:.6s}.smoke-particle:nth-child(4){left:65%;animation-delay:.9s}.smoke-particle:nth-child(5){left:85%;animation-delay:1.2s}@keyframes smoke-rise{0%{transform:translateY(0) scale(1) rotate(0);opacity:0}20%{opacity:.6}to{transform:translateY(-80px) scale(4) rotate(45deg);opacity:0}}.health-bar-container{display:flex;align-items:center;gap:6px;width:100%}.health-bar-label{font-size:11px;color:#aaa;min-width:18px}.health-bar-track{position:relative;flex:1;height:14px;background:#1a1a1a;border:1px solid #555;border-radius:2px;overflow:hidden}.health-bar-fill{height:100%;background:#c22;transition:width .15s ease-out}.health-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;text-shadow:1px 1px 1px black;pointer-events:none}.resource-bar-container{display:flex;align-items:center;gap:6px;width:100%}.resource-bar-label{font-size:11px;color:#aaa;min-width:58px;white-space:nowrap}.resource-bar-track{position:relative;flex:1;height:14px;background:#1a1a1a;border:1px solid #555;border-radius:2px;overflow:hidden}.resource-bar-fill{height:100%;transition:width .15s ease-out,background-color .3s ease}.resource-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;text-shadow:1px 1px 1px black;pointer-events:none}.health-bar-container.regen-active .health-bar-fill{animation:regen-pulse 1.5s ease-in-out infinite}@keyframes regen-pulse{0%,to{box-shadow:inset 0 0 4px #44ff444d}50%{box-shadow:inset 0 0 8px #4f49}}.health-bar-container.regen-active .health-bar-label{color:#4c4}.health-regen-rate{color:#4f4;font-size:9px;margin-left:4px}.status-effects-container{display:flex;flex-direction:row;gap:4px;margin:2px 0;flex-wrap:wrap}.status-effect-badge{display:flex;align-items:center;gap:2px;padding:1px 4px;border-radius:4px;font-size:10px;background:#00000080;border:1px solid rgba(255,255,255,.2);cursor:default;-webkit-user-select:none;user-select:none}.status-effect-badge.buff{border-color:#4c49;box-shadow:0 0 4px #44cc444d}.status-effect-badge.debuff{border-color:#c449;box-shadow:0 0 4px #cc44444d}.status-effect-icon{font-size:12px;line-height:1}.status-effect-duration{color:#ccc;font-size:9px}.resource-bar-container.decay-active .resource-bar-fill{animation:decay-dim 1.2s ease-in-out infinite}@keyframes decay-dim{0%,to{opacity:1}50%{opacity:.5}}.resource-bar-container.decay-active .resource-bar-label{color:#864}.quickaccess-bar{display:flex;align-items:flex-end;gap:8px;background:#141414e6;border:2px solid #8b4513;padding:8px;box-shadow:0 4px 8px #00000080}.attack-slots{display:flex;gap:4px;padding-right:8px;border-right:1px solid #555}.skill-slots{display:flex;gap:4px}.quickbar-slot{width:48px;height:48px;background:#333;border:1px solid #777;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;overflow:hidden}.quickbar-slot:hover{border-color:#ff0;background:#444}.attack-slot{border-color:#8b4513}.empty-slot{opacity:.35}.recall-slot-section{display:flex;gap:4px;padding-left:8px;border-left:1px solid #555}.recall-slot{border-color:#6a4aaa!important;background:#1a1030}.recall-slot:hover{border-color:#a8f!important;background:#2a1a4a}.recall-channeling{border-color:#a8f!important;box-shadow:0 0 8px #a8f9;animation:recall-pulse 1s ease-in-out infinite}@keyframes recall-pulse{0%,to{box-shadow:0 0 8px #a8f6}50%{box-shadow:0 0 14px #a8fc}}.recall-disabled{opacity:.35;pointer-events:none}.insufficient-resource{border-color:#c00!important;box-shadow:inset 0 0 6px #c8000080;filter:grayscale(.6) brightness(.6)}.on-cooldown{filter:saturate(.4) brightness(.7)}.slot-icon{width:28px;height:28px;background:#666;border-radius:3px}.icon-standard-attack{background:#888;clip-path:polygon(50% 0%,100% 100%,0% 100%)}.icon-heavy-attack{background:#d4af37;clip-path:polygon(50% 0%,100% 100%,0% 100%)}.icon-mana-projectile{background:radial-gradient(circle at 50% 50%,#c8f,#09c 70%,#069);border-radius:50%}.icon-ice-shard{background:linear-gradient(135deg,#8cf,#48b,#adf);clip-path:polygon(50% 0%,80% 40%,100% 80%,50% 100%,0% 80%,20% 40%)}.icon-chain-lightning{background:linear-gradient(180deg,#ff8,#fc0,#f80);clip-path:polygon(60% 0%,100% 35%,65% 35%,100% 70%,40% 70%,0% 100%,35% 55%,0% 55%,35% 20%)}.slot-cost-badge{position:absolute;bottom:2px;right:2px;font-size:9px;font-weight:700;color:#fff;background:#000000bf;padding:1px 3px;border-radius:2px;pointer-events:none;line-height:1.1}.cooldown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.cooldown-sweep{position:absolute;inset:0}.cooldown-text{position:absolute;font-size:11px;font-weight:700;color:#fff;text-shadow:1px 1px 2px black;pointer-events:none}.drag-over{border-color:#fc0!important;box-shadow:inset 0 0 8px #ffc80099;background:#444!important}.drag-over-valid{border-color:#4caf50!important;box-shadow:inset 0 0 10px #4caf5099,0 0 6px #4caf5066;background:#4caf5026!important}.drag-over-invalid{border-color:#f44336!important;box-shadow:inset 0 0 10px #f4433699,0 0 6px #f4433666;background:#f4433626!important}.inventory-slot.dragging{opacity:.4;border-color:#888}.active-skills-tab{padding:8px}.active-skills-empty{color:#aaa;font-style:italic;text-align:center;padding:16px}.active-skills-class-group{margin-bottom:16px}.active-skills-class-header{font-size:13px;font-weight:700;margin-bottom:6px;border-bottom:1px solid #555;padding-bottom:4px}.skill-card-section-label{font-size:10px;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin:6px 0 4px}.skill-card-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px}.skill-card{display:flex;gap:8px;background:var(--bg-elevated);border:1px solid #555;border-radius:var(--radius-sm);padding:6px;cursor:grab;width:200px;transition:border-color .15s}.skill-card:hover{border-color:#aaa}.skill-card-icon{width:32px;height:32px;flex-shrink:0;background:#444;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#ccc;overflow:hidden}.skill-card-info{flex:1;min-width:0}.skill-card-name{font-size:var(--fs-xs);font-weight:700;color:#e0d0b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-card-desc{font-size:9px;color:#999;margin-top:2px;line-height:1.3;overflow-wrap:break-word}.skill-card-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.skill-card-cost,.skill-card-cooldown{font-size:9px;color:#8ac;background:#0064c833;padding:1px 4px;border-radius:2px}.skill-card-damage{font-size:9px;color:#fa4;background:#c8640033;padding:1px 4px;border-radius:2px}.skill-card-effect{font-size:9px;color:#8cf;background:#0064c826;padding:1px 4px;border-radius:2px}.variant-card{border-color:#479}.variant-card:hover{border-color:#6ad}.variant-locked{opacity:.5;cursor:not-allowed!important;border-color:#555!important}.skill-card-locked{font-size:9px;color:#c63;background:#96320033;padding:1px 4px;border-radius:2px}.slot-picker-backdrop{position:fixed;inset:0;z-index:10000;background:#0000004d}.slot-picker{background:#1a1a2e;border:2px solid #ffd700;border-radius:8px;padding:10px;min-width:240px;box-shadow:0 4px 20px #000c}.slot-picker-title{font-size:12px;font-weight:700;color:gold;text-align:center;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.slot-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.slot-picker-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer;transition:all .15s ease;min-width:40px}.slot-picker-btn:hover{background:#ffd70026;border-color:gold;transform:scale(1.05)}.slot-picker-current{border-color:#4c4!important;background:#44cc441a}.slot-picker-keybind{font-size:10px;font-weight:700;color:#aaa}.slot-picker-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:3px;font-size:14px}.slot-picker-empty{font-size:12px;color:#555}.skill-icon-slot{display:flex;align-items:center;justify-content:center;border-radius:3px}.skill-icon-emoji{font-size:18px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.skill-card-icon .skill-icon-emoji{font-size:20px}.skill-card-targeting{font-size:9px;color:#c8f;background:#6400c826;padding:1px 4px;border-radius:2px}.skill-card-range{font-size:9px;color:#aca;background:#00643226;padding:1px 4px;border-radius:2px}.skill-tooltip{background:#141210f5;border:1px solid #8b6914;border-radius:var(--radius-sm);padding:8px;font-size:var(--fs-xs);color:#ddd;box-shadow:0 4px 12px #000000b3}.skill-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(139,105,20,.4)}.skill-tooltip-icon{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1)}.skill-tooltip-emoji{font-size:18px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.skill-tooltip-title-block{flex:1;min-width:0}.skill-tooltip-name{font-size:var(--fs-sm);font-weight:700;color:#e0d0b0}.skill-tooltip-targeting{font-size:9px;color:#c8f;margin-top:1px}.skill-tooltip-keybind{font-size:10px;font-weight:700;color:var(--color-gold);background:#8b69144d;padding:2px 5px;border-radius:2px;border:1px solid rgba(139,105,20,.5)}.skill-tooltip-desc{font-size:10px;color:#999;line-height:1.4;margin-bottom:6px}.skill-tooltip-stats{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.skill-tooltip-stat{display:flex;justify-content:space-between;font-size:10px}.skill-tooltip-stat .stat-label{color:#888}.skill-tooltip-stat .stat-value{color:#ccc;font-weight:700}.skill-tooltip-effects{border-top:1px solid rgba(255,255,255,.08);padding-top:4px;margin-bottom:4px}.skill-tooltip-effects-label{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.skill-tooltip-effect{font-size:10px;color:#8cf;margin-left:4px}.skill-tooltip-cooldown-active{margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;color:#f88;font-weight:700}.migration-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#1a1a1af2;border:1px solid #d4af37;color:#d4af37;padding:10px 24px;font-size:.9em;z-index:4000;cursor:pointer;pointer-events:auto;animation:migration-banner-fade-in .3s ease-out}@keyframes migration-banner-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.save-error-banner{position:fixed;top:50px;left:50%;transform:translate(-50%);background:#3c0a0af2;border:1px solid #cc3333;color:#f66;padding:10px 24px;font-size:.9em;z-index:4000;cursor:pointer;pointer-events:auto;animation:migration-banner-fade-in .3s ease-out}@media(pointer:coarse){.medieval-close-button{width:44px;height:44px}.medieval-close-button .close-x{font-size:22px}.quickaccess-bar{padding:4px;gap:4px;border-width:1px;opacity:.85}.quickbar-slot{width:36px;height:36px}.recall-slot-section{padding-left:4px}.slot-number,.slot-cost-badge{font-size:7px}}.save-screen-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:5000}.save-screen-content{background:#1a1a2e;border:3px solid var(--color-gold);border-radius:var(--radius-md);padding:var(--space-5);width:90%;max-width:600px;max-height:85vh;overflow-y:auto;color:#e0d8c0}.save-screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);border-bottom:1px solid var(--color-gold);padding-bottom:var(--space-2)}.save-screen-header h2{margin:0;font-family:var(--font-display);color:var(--color-gold)}.save-screen-quick-actions{margin-bottom:var(--space-3)}.quick-save-btn{background:#2a5a2a;border:2px solid #4a8a4a;color:#e0d8c0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;width:100%;font-size:var(--fs-sm)}.quick-save-btn:hover{background:#3a7a3a}.save-slot-list{display:flex;flex-direction:column;gap:var(--space-1)}.save-slot{background:#16213e;border:2px solid #333;border-radius:var(--radius-sm);overflow:hidden;transition:border-color .2s}.save-slot:hover{border-color:#555}.save-slot.active{border-color:var(--color-gold)}.save-slot-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer}.save-slot-number{color:#888;font-size:var(--fs-sm);min-width:40px}.save-slot-info{display:flex;gap:var(--space-2);flex:1;align-items:center}.save-slot-name{font-weight:700;color:#e0d8c0}.save-slot-class{color:#aaa;font-size:var(--fs-sm)}.save-slot-level{color:var(--color-gold);font-size:var(--fs-sm)}.save-slot-meta{display:flex;gap:var(--space-2);align-items:center;font-size:var(--fs-xs);color:#888}.save-slot-active-badge{background:var(--color-gold);color:#1a1a2e;padding:2px var(--space-1);border-radius:3px;font-size:var(--fs-xs);font-weight:700}.save-slot-empty .save-slot-header{justify-content:space-between}.save-slot-empty-label{color:#555;flex:1}.save-slot-new-btn{background:#2a5a2a;border:1px solid #4a8a4a;color:#e0d8c0;padding:var(--space-1) var(--space-3);border-radius:3px;cursor:pointer;font-size:var(--fs-sm)}.save-slot-new-btn:hover{background:#3a7a3a}.save-slot-actions{padding:var(--space-2) var(--space-3);border-top:1px solid #333;display:flex;flex-direction:column;gap:6px}.save-slot-load-btn{background:#1a3a5a;border:1px solid #3a6a9a;color:#e0d8c0;padding:var(--space-2) var(--space-3);border-radius:3px;cursor:pointer}.save-slot-load-btn:hover{background:#2a4a7a}.save-slot-autosaves{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.autosave-label{font-size:var(--fs-sm);color:#888}.save-slot-auto-btn{background:#2a2a4a;border:1px solid #4a4a6a;color:#aaa;padding:3px var(--space-2);border-radius:3px;cursor:pointer;font-size:var(--fs-xs)}.save-slot-auto-btn:hover{background:#3a3a6a;color:#e0d8c0}.save-slot-delete-btn{background:#5a1a1a;border:1px solid #8a3a3a;color:#e0d8c0;padding:var(--space-2) var(--space-3);border-radius:3px;cursor:pointer;align-self:flex-end}.save-slot-delete-btn:hover{background:#7a2a2a}.save-screen-settings{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #333;font-size:var(--fs-sm)}.save-screen-settings label{display:flex;align-items:center;gap:var(--space-2)}.save-screen-settings select{background:#16213e;border:1px solid #555;color:#e0d8c0;padding:var(--space-1) var(--space-2);border-radius:3px}.confirm-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:6000}.confirm-dialog{background:#1a1a2e;border:3px solid #d4af37;border-radius:8px;padding:20px;min-width:300px;max-width:400px;color:#e0d8c0}.confirm-dialog-title{margin:0 0 8px;color:#d4af37}.confirm-dialog-description{margin:0 0 16px;color:#aaa;font-size:14px}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.confirm-dialog-cancel{background:#333;border:1px solid #555;color:#e0d8c0;padding:6px 16px;border-radius:4px;cursor:pointer}.confirm-dialog-cancel:hover{background:#444}.confirm-dialog-confirm{background:#2a5a2a;border:1px solid #4a8a4a;color:#e0d8c0;padding:6px 16px;border-radius:4px;cursor:pointer}.confirm-dialog-confirm:hover{background:#3a7a3a}.confirm-dialog-confirm.destructive{background:#5a1a1a;border-color:#8a3a3a}.confirm-dialog-confirm.destructive:hover{background:#7a2a2a}.new-game-name-input{width:100%;background:#16213e;border:2px solid #555;color:#e0d8c0;padding:8px 12px;border-radius:4px;font-size:14px;margin-bottom:12px;box-sizing:border-box}.new-game-name-input:focus{border-color:#d4af37;outline:none}.room-type-banner{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:100;padding:6px 18px;border-radius:6px;font-weight:700;font-size:16px;text-align:center;pointer-events:none;border:2px solid;background:#000000bf;display:flex;flex-direction:column;align-items:center;gap:2px}.room-banner-treasure{color:gold;border-color:#b8860b;text-shadow:0 0 6px rgba(255,215,0,.5)}.room-banner-trap{color:#f44;border-color:#8b0000;text-shadow:0 0 6px rgba(255,0,0,.5)}.room-banner-arena{color:#f80;border-color:#c60;text-shadow:0 0 6px rgba(255,136,0,.5)}.room-type-label{font-size:16px}.room-type-wave{font-size:13px;opacity:.85}.room-banner-town{color:#6c6;border-color:#383;text-shadow:0 0 6px rgba(102,204,102,.5)}.recall-channel-bar{margin-top:4px;width:100%}.recall-channel-label{font-size:11px;color:#c8f;margin-bottom:2px;text-align:center}.recall-channel-track{width:100%;height:8px;background:#00000080;border:1px solid #6644aa;border-radius:4px;overflow:hidden}.recall-channel-fill{height:100%;background:linear-gradient(90deg,#84c,#c8f);transition:width .05s linear;border-radius:4px}.dialogue-overlay{position:fixed;inset:0;z-index:900;display:flex;align-items:flex-end;justify-content:center;background:#0006;padding-bottom:80px}.dialogue-panel{width:min(700px,90vw);background:linear-gradient(180deg,#1a1a2e,#16213e);border:3px solid var(--color-gold);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:0 -4px 20px #0009,inset 0 1px #d4af374d;color:#e0d6c0;font-family:var(--font-body)}.dialogue-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid rgba(212,175,55,.3)}.dialogue-portrait{border-radius:6px;border:2px solid var(--color-gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#0000004d}.dialogue-portrait-fallback{font-size:var(--fs-title);font-weight:700;color:#e0d6c0}.dialogue-portrait-image{image-rendering:pixelated;object-fit:cover;box-shadow:0 0 6px #d4af374d}.dialogue-portrait-initial{text-shadow:1px 1px 2px rgba(0,0,0,.5)}.dialogue-speaker-name{font-size:var(--fs-section);font-family:var(--font-display);font-weight:700;color:var(--color-gold);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.dialogue-text{font-size:var(--fs-body);line-height:1.5;margin-bottom:var(--space-3);max-height:120px;overflow-y:auto;padding:var(--space-1) 0}.dialogue-choices{display:flex;flex-direction:column;gap:6px}.dialogue-choice-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-sm);color:#e0d6c0;font-size:var(--fs-sm);cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.dialogue-choice-btn:hover{background:#d4af3740;border-color:var(--color-gold)}.dialogue-choice-number{color:var(--color-gold);font-weight:700;min-width:18px}.dialogue-continue-btn,.dialogue-close-btn{justify-content:center;font-style:italic;color:#aaa}.dialogue-continue-btn:hover,.dialogue-close-btn:hover{color:#e0d6c0}.dialogue-visited{opacity:.65}.dialogue-visited:hover{opacity:.9}.quest-tab-bar{display:flex;gap:var(--space-1);margin-bottom:var(--space-3)}.quest-tab{flex:1;padding:var(--space-2) var(--space-3);background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-sm);color:#aaa;cursor:pointer;font-size:var(--fs-sm);transition:background .15s,color .15s}.quest-tab:hover{background:#d4af3733;color:#e0d6c0}.quest-tab-active{background:#d4af374d;border-color:var(--color-gold);color:var(--color-gold);font-weight:700}.quest-log-content{display:flex;gap:var(--space-3);flex:1;min-height:0;overflow:hidden}.quest-list{flex:0 0 220px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1);border-right:1px solid rgba(212,175,55,.2);padding-right:var(--space-3)}.quest-list-entry{padding:var(--space-2);background:#ffffff0d;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.quest-list-entry:hover{background:#d4af371a}.quest-list-entry-selected{border-color:var(--color-gold);background:#d4af3726}.quest-list-entry-ready{border-left:3px solid #44ff44}.quest-list-title{font-size:var(--fs-sm);font-weight:700;color:#e0d6c0}.quest-list-status{font-size:var(--fs-xs);color:#888;margin-top:2px}.quest-detail{flex:1;overflow-y:auto;padding-left:var(--space-1)}.quest-detail-title{margin:0 0 var(--space-2) 0;color:var(--color-gold);font-family:var(--font-display);font-size:var(--fs-section)}.quest-detail-description{margin:0 0 var(--space-3) 0;font-size:var(--fs-sm);line-height:1.5;color:#bbb}.quest-detail-objectives h4,.quest-rewards h4{margin:0 0 var(--space-2) 0;font-size:var(--fs-sm);color:var(--color-gold)}.quest-empty{color:#666;font-style:italic;padding:var(--space-5);text-align:center}.objective-leaf{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:var(--fs-sm)}.objective-check{font-family:monospace;color:#888;flex-shrink:0}.objective-complete .objective-check{color:#4f4}.objective-complete .objective-label{text-decoration:line-through;color:#666}.objective-locked{opacity:.4}.objective-label{color:#e0d6c0}.objective-count{color:#aaa;font-size:var(--fs-sm)}.objective-progress-bar{width:60px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;flex-shrink:0}.objective-progress-fill{height:100%;background:var(--color-gold);border-radius:3px;transition:width .3s ease}.objective-composite{padding-left:0}.objective-nested{padding-left:var(--space-4);border-left:1px solid rgba(212,175,55,.15);margin-left:var(--space-2)}.objective-group-label{font-size:var(--fs-sm);font-weight:700;color:var(--color-gold);padding:var(--space-1) 0 2px 0}.objective-optional .objective-group-label,.objective-optional{font-style:italic;color:#999}.objective-optional .objective-label{color:#999}.quest-rewards{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid rgba(212,175,55,.2)}.quest-rewards-list{display:flex;gap:var(--space-3);flex-wrap:wrap}.quest-reward-item{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--fs-sm);color:var(--color-gold)}.quest-notification-container{position:fixed;top:80px;right:20px;z-index:1100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.quest-notification{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #d4af37;border-radius:6px;padding:10px 16px;color:#e0d6c0;font-size:14px;font-weight:700;box-shadow:0 2px 10px #00000080;pointer-events:auto;cursor:pointer;animation:quest-notification-slide .3s ease-out}.quest-notification-accepted{border-color:gold}.quest-notification-completed{border-color:#4f4}.quest-notification-turned_in{border-color:#4f4;background:linear-gradient(135deg,#1a2e1a,#163e16)}@keyframes quest-notification-slide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.achievement-notification-container{position:fixed;top:80px;left:20px;z-index:1100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.achievement-notification{background:linear-gradient(135deg,#2a1a0a,#3e2a10);border:2px solid #ffd700;border-radius:6px;padding:10px 16px;color:gold;font-size:14px;font-weight:700;box-shadow:0 2px 10px #ffd7004d;pointer-events:auto;cursor:pointer;animation:achievement-notification-slide .3s ease-out;display:flex;align-items:center;gap:10px}.achievement-notification-icon{font-size:20px;color:gold}.achievement-notification-message{font-size:13px}.achievement-notification-title{font-size:11px;color:#d4af37;margin-top:2px}@keyframes achievement-notification-slide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.achievement-tab-bar{flex-wrap:wrap}.achievement-unlocked{border-left:3px solid var(--color-gold-bright)}.achievement-locked{border-left:3px solid #555;opacity:.8}.achievement-list-row{display:flex;align-items:center;gap:6px}.achievement-icon{color:var(--color-gold-bright);font-size:var(--fs-body);flex-shrink:0}.achievement-list-title{flex:1;font-weight:700;font-size:var(--fs-sm)}.achievement-progress-label{font-size:var(--fs-xs);color:#aaa;flex-shrink:0}.achievement-progress-bar-bg{height:4px;background:#333;border-radius:2px;margin-top:var(--space-1);overflow:hidden}.achievement-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-gold),var(--color-gold-bright));border-radius:2px;transition:width .3s ease}.achievement-detail-section{margin-bottom:var(--space-3)}.achievement-detail-label{font-size:var(--fs-sm);color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.achievement-detail-value{font-size:var(--fs-sm);color:#e0d6c0}.character-title-selector{display:flex;align-items:center;padding:var(--space-1) var(--space-3) var(--space-2);border-bottom:1px solid #333}.character-title-dropdown{background:#1a1a2e;color:#e0d6c0;border:1px solid var(--color-gold);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--fs-sm);cursor:pointer;min-width:140px}.character-title-dropdown:focus{outline:none;border-color:var(--color-gold-bright)}.combination-panel{max-width:700px}.combination-body{padding:var(--space-2)}.combination-tab-bar{display:flex;gap:var(--space-1);margin-bottom:var(--space-3)}.combination-rules{font-size:var(--fs-sm);color:#aaa;margin-bottom:var(--space-3);line-height:1.4}.combination-rules p{margin:0 0 var(--space-1)}.combination-slots{display:flex;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-3)}.combination-slot{flex:1;min-height:80px}.combination-slot h4{margin:0 0 6px;font-size:var(--fs-sm);color:var(--color-gold)}.combination-plus{font-size:var(--fs-title);color:var(--color-gold);padding-top:var(--space-6);font-weight:700}.combination-item-list{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.combination-item-option{background:#1a1a2e;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px var(--space-2);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--fs-sm)}.combination-item-option:hover{background:#2a2a4e}.combination-selected-item{background:#1a1a2e;border:2px solid var(--color-gold);border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--fs-sm)}.combination-rarity{font-size:var(--fs-xs);color:#888}.combination-preview{background:#111;border:1px solid #333;border-radius:var(--radius-sm);padding:var(--space-2);margin-bottom:var(--space-3)}.combination-preview-result{display:flex;justify-content:space-between;font-size:var(--fs-sm);margin-bottom:var(--space-1)}.combination-preview-label{color:#888}.combination-preview-value{color:#e0d6c0}.combination-pin-section{background:#111;border:1px solid #333;border-radius:var(--radius-sm);padding:var(--space-2);margin-bottom:var(--space-3)}.combination-pin-section h4{margin:0 0 var(--space-1);font-size:var(--fs-sm);color:var(--color-gold)}.combination-pin-info{font-size:var(--fs-xs);color:#888;margin:0 0 var(--space-2)}.combination-pin-row{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:#e0d6c0;margin-bottom:var(--space-1);cursor:pointer}.combination-error{color:#f44;font-size:var(--fs-sm);margin-bottom:var(--space-3)}.combination-actions{text-align:center}.combination-btn{background:linear-gradient(135deg,#2a1a0a,#3e2a10);border:2px solid var(--color-gold);color:var(--color-gold-bright);padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:700;cursor:pointer}.combination-btn:disabled{opacity:.5;cursor:not-allowed}.combination-btn:not(:disabled):hover{background:linear-gradient(135deg,#3e2a10,#5e3a20)}.combination-undo-list{display:flex;flex-direction:column;gap:var(--space-2)}.combination-undo-row{display:flex;justify-content:space-between;align-items:center;background:#1a1a2e;border:1px solid #333;border-radius:var(--radius-sm);padding:var(--space-2)}.combination-undo-info{display:flex;flex-direction:column;gap:2px}.combination-undo-from{font-size:var(--fs-xs);color:#888}.combination-undo-btn{background:#8b0000;border:1px solid var(--color-gold);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer}.combination-undo-btn:disabled{opacity:.5;cursor:not-allowed}.boss-health-bar-container{position:fixed;top:12px;left:50%;transform:translate(-50%);width:60%;max-width:600px;text-align:center;z-index:100;pointer-events:none}.boss-health-bar-name{font-size:18px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin-bottom:4px}.boss-health-bar-track{position:relative;width:100%;height:24px;border-radius:4px;border:2px solid #ffd700;overflow:hidden}.boss-health-bar-fill{height:100%;transition:width .3s ease-out;border-radius:2px}.boss-health-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.boss-health-bar-phase{font-size:13px;margin-top:2px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.character-select-overlay{position:fixed;inset:0;z-index:10000;background:#0a0a14fa;display:flex;justify-content:center;align-items:center;pointer-events:auto}.character-select-content{background:#1a1a2e;border:3px solid #d4af37;border-radius:12px;padding:30px;max-width:700px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 0 40px #d4af3726,0 0 80px #000c}.character-select-header{text-align:center;margin-bottom:24px}.character-select-title{margin:0 0 4px;color:#d4af37;font-size:2.2em;text-shadow:0 0 10px rgba(212,175,55,.3);letter-spacing:2px}.character-select-subtitle{margin:0;color:#aaa;font-size:1.1em;font-weight:400}.character-select-empty{text-align:center;padding:30px 20px;color:#777;font-size:1.1em;line-height:1.5}.character-card-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.character-card{background:#16213e;border:2px solid #333;border-radius:8px;padding:14px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.character-card:hover{border-color:#d4af37;background:#1a2a4e;box-shadow:0 0 12px #d4af3726}.character-card-main{flex:1;min-width:0}.character-card-name{font-weight:700;font-size:1.2em;color:#e0d8c0;margin-bottom:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.character-card-details{display:flex;gap:12px;align-items:center;margin-bottom:4px;flex-wrap:wrap}.character-card-level{color:#d4af37;font-weight:700;font-size:.95em}.character-card-class{color:#8ab4f8;font-size:.9em}.character-card-gender{color:#999;font-size:.85em}.character-card-meta{display:flex;gap:16px;flex-wrap:wrap}.character-card-playtime{color:#888;font-size:.8em}.character-card-saved{color:#666;font-size:.8em}.character-card-delete-btn{background:#5a1a1a;border:1px solid #8a3a3a;color:#ccc;width:30px;height:30px;border-radius:4px;cursor:pointer;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.character-card-delete-btn:hover{background:#8a2a2a;border-color:#b44;color:#f66}.character-select-actions{display:flex;justify-content:center;margin-top:16px}.character-create-btn{background:#2a5a2a;border:2px solid #4a8a4a;color:#e0d8c0;padding:12px 28px;border-radius:6px;cursor:pointer;font-size:1.05em;font-weight:700;transition:all .2s ease}.character-create-btn:hover:not(:disabled){background:#3a7a3a;border-color:#5aaa5a}.character-create-btn:disabled{opacity:.5;cursor:not-allowed}.character-create-btn.prominent{font-size:1.2em;padding:16px 36px;border-color:#d4af37;background:#2a4a2a;box-shadow:0 0 15px #d4af3733}.character-create-btn.prominent:hover:not(:disabled){box-shadow:0 0 20px #d4af3759}.character-create-form{display:flex;flex-direction:column;gap:20px;padding:10px 0}.character-create-field{display:flex;flex-direction:column;gap:6px}.character-create-label{color:#d4af37;font-weight:700;font-size:.95em}.character-create-input{width:100%;background:#16213e;border:2px solid #444;border-radius:6px;color:#e0d8c0;padding:10px 12px;font-size:16px;box-sizing:border-box;transition:border-color .2s ease}.character-create-input:focus{border-color:#d4af37;outline:none}.character-create-hint{color:#888;font-size:.8em}.gender-selector{display:flex;gap:8px}.gender-option{flex:1;padding:10px 8px;background:#16213e;border:2px solid #333;border-radius:6px;color:#aaa;cursor:pointer;font-size:.95em;font-weight:700;text-align:center;transition:all .2s ease}.gender-option:hover{border-color:#555;color:#ddd}.gender-option.selected{border-color:#d4af37;color:#e0d8c0;background:#1a2a4e;box-shadow:0 0 8px #d4af3726}.character-create-actions{display:flex;gap:12px;justify-content:center;margin-top:10px}.character-create-cancel-btn{background:#333;border:2px solid #555;color:#ccc;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:1em;transition:all .2s ease}.character-create-cancel-btn:hover{background:#444}.character-create-confirm-btn{background:#2a5a2a;border:2px solid #4a8a4a;color:#e0d8c0;padding:10px 28px;border-radius:6px;cursor:pointer;font-size:1em;font-weight:700;transition:all .2s ease}.character-create-confirm-btn:hover:not(:disabled){background:#3a7a3a;border-color:#5aaa5a}.character-create-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.character-select-loading{text-align:center;color:#d4af37;padding:12px;font-style:italic}.character-select-error{text-align:center;color:#ff6b6b;background:#ff32321a;border:1px solid rgba(255,100,100,.3);border-radius:4px;padding:12px;margin-top:12px;cursor:pointer;font-size:14px}.skill-notification-container{position:fixed;top:140px;left:20px;z-index:1100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.skill-notification{background:linear-gradient(135deg,#0a1a2a,#102a3e);border:2px solid #4fc3f7;border-radius:6px;padding:10px 16px;color:#e0f0ff;font-size:14px;font-weight:700;box-shadow:0 2px 10px #4fc3f74d;pointer-events:auto;cursor:pointer;animation:skill-notification-slide .3s ease-out;display:flex;align-items:center;gap:10px}.skill-notification-icon{font-size:20px;color:#4fc3f7}.skill-notification-text{font-size:13px}@keyframes skill-notification-slide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.tooltip-unique-effects{border-top:1px solid rgba(230,204,128,.35);margin-top:6px;padding-top:6px}.unique-effect-line{color:#e6cc80;font-size:11px}.unique-effect-flavor{color:#b8a060;font-style:italic;font-size:10px;margin-top:4px}.character-tabs{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--space-3)}.character-tabs button{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:var(--text-light);padding:var(--space-2) var(--space-4);cursor:pointer;font-size:var(--fs-body)}.character-tabs button.active{background:#fff3;border-color:var(--text-light)}.character-skill-tabs{flex-wrap:wrap;align-items:center}.character-skill-tab-divider{width:1px;align-self:stretch;min-height:1.5em;background:#d4af3766;margin:0 var(--space-1)}.scrollable-content{max-height:60vh;overflow-y:auto;padding-right:var(--space-3)}.stat-group{margin-bottom:var(--space-6);background:#ffffff08;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.stat-group h3{margin-top:0;margin-bottom:var(--space-4);font-size:var(--fs-section);font-family:var(--font-display);color:var(--color-gold);border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:var(--space-1)}.basic-info{display:flex;justify-content:space-around;flex-wrap:wrap;gap:var(--space-4)}.basic-info .stat-row{margin-bottom:0;gap:var(--space-3)}.stats-columns{display:flex;gap:var(--space-4)}.stats-columns>.stat-group{flex:1;margin-bottom:var(--space-4)}.equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-5)}.stat-row{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--fs-body)}.stat-row.separator{height:1px;background:#ffffff0d;margin:var(--space-3) 0}.item-detail{padding:var(--space-2) 0}.item-detail-header{display:flex;align-items:flex-start;gap:var(--space-4)}.item-detail-info{display:flex;flex-direction:column}.item-type-info{font-size:var(--fs-sm);color:#aaa;margin-top:2px}.statistics-panel .stat-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--stat-col-min),1fr));gap:0 var(--space-5)}.statistics-panel .stat-group h3{grid-column:1 / -1}.item-sprite-small{width:32px;height:32px;min-width:32px;background-size:contain;image-rendering:pixelated}.perk-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);background:#ffffff0d;border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid rgba(255,255,255,.1)}.perk-info strong{display:block;font-size:var(--fs-section);margin-bottom:var(--space-1);color:var(--color-gold)}.perk-desc{font-size:var(--fs-sm);opacity:.8;margin-bottom:var(--space-1)}.perk-current{font-size:var(--fs-sm);color:var(--color-positive)}.perk-controls{display:flex;align-items:center;gap:var(--space-4)}.perk-count{font-size:var(--fs-section);font-weight:700;min-width:25px;text-align:center}.perk-add-button{background:transparent;color:silver;border:none;font-size:2em;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .1s,color .1s;padding:0;margin:0;width:auto;height:auto;line-height:1}.perk-add-button:hover:not(:disabled){transform:scale(1.2);color:#e0e0e0}.perk-add-button:disabled{color:#555;cursor:not-allowed;opacity:.5}.perk-remove-button{background:transparent;color:silver;border:none;font-size:2em;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .1s,color .1s;padding:0;margin:0;width:auto;height:auto;line-height:1}.perk-remove-button:hover:not(:disabled){transform:scale(1.2);color:#e0e0e0}.perk-remove-button:disabled{color:#555;cursor:not-allowed;opacity:.5}.perk-actions{margin-top:var(--space-5);display:flex;justify-content:center}.refund-button{background:var(--color-danger);color:var(--text-light);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);cursor:pointer;font-weight:700}.refund-button:hover:not(:disabled){background:var(--color-danger-hover)}.refund-button:disabled{background:#555;opacity:.5;cursor:not-allowed}.classes-panel .class-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.class-selector{display:flex;gap:var(--space-2);flex-wrap:wrap}.class-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:var(--text-light);padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--fs-body)}.class-button.active{background:#d4af3740;border-color:var(--color-gold)}.class-desc{margin:var(--space-3) 0 var(--space-4) 0;color:silver}.class-graph-container{position:relative;height:420px;margin:var(--space-3) 0 var(--space-5) 0;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.class-graph-container:active{cursor:grabbing}.class-graph-canvas{position:absolute;left:50%;top:50%;width:0;height:0}.class-graph-edges{position:absolute;pointer-events:none}.class-graph-node{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#ffffff0f;color:#e0e0e0;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;font-size:var(--fs-sm)}.class-graph-node.notable,.class-graph-node.keystone{border-width:3px;font-size:var(--fs-section)}.class-graph-node.start{border-width:3px;font-size:var(--fs-lg);cursor:default}.class-graph-node.allocated{box-shadow:0 0 10px #ffffff40}.class-graph-node.reachable{box-shadow:0 0 6px #d4af3799}.class-graph-node.locked{opacity:.45}.class-graph-node.no-points{opacity:.45;border-color:#ff646459}.class-graph-kind-label{float:right;font-size:var(--fs-xs);font-weight:400;text-transform:uppercase;letter-spacing:.5px;margin-left:var(--space-2);opacity:.8}.class-graph-hint{position:absolute;bottom:var(--space-3);left:50%;transform:translate(-50%);background:#000000b3;color:#ffffffbf;font-size:var(--fs-sm);padding:var(--space-2) var(--space-4);border-radius:12px;border:1px solid rgba(255,255,255,.12);pointer-events:none;z-index:10;animation:class-graph-hint-pulse 3s ease-in-out infinite}.class-graph-hint-icon{margin-right:var(--space-2);font-size:var(--fs-sm)}@keyframes class-graph-hint-pulse{0%,to{opacity:.55}50%{opacity:.85}}.class-graph-edge-fade{position:absolute;pointer-events:none;z-index:3}.class-graph-edge-fade.left{top:0;left:0;bottom:0;width:40px;background:linear-gradient(to right,rgba(0,0,0,.35),transparent)}.class-graph-edge-fade.right{top:0;right:0;bottom:0;width:40px;background:linear-gradient(to left,rgba(0,0,0,.35),transparent)}.class-graph-edge-fade.top{top:0;left:0;right:0;height:30px;background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent)}.class-graph-edge-fade.bottom{bottom:0;left:0;right:0;height:30px;background:linear-gradient(to top,rgba(0,0,0,.35),transparent)}.class-graph-node.passive{border-style:double;border-width:3px}.class-graph-node.passive.allocated{box-shadow:0 0 12px #d4af3780}.class-graph-node-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:3px;font-size:var(--fs-xs);color:#ccc;white-space:nowrap;pointer-events:none;text-shadow:0 0 4px rgba(0,0,0,.8)}.class-graph-tooltip-hint{font-size:var(--fs-xs);color:#888;font-style:italic;margin-top:var(--space-2)}.skill-tree-hint{font-size:var(--fs-xs);color:#888;text-align:center;margin-bottom:var(--space-2);font-style:italic}.skill-tree-node-tooltip-name{color:var(--color-gold);font-weight:700;font-size:var(--fs-sm);margin-bottom:var(--space-1)}.skill-tree-node-tooltip-desc{font-size:var(--fs-xs);color:silver;line-height:1.4;margin-bottom:var(--space-2)}.skill-tree-node-tooltip-effect{color:var(--color-positive);font-size:var(--fs-xs);border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-1);white-space:pre-line}.specializations-header{margin-top:var(--space-6);margin-bottom:var(--space-3);font-weight:700;color:var(--color-gold);border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:var(--space-1)}.specialization-row{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.specialization-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff0a;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.specialization-item .spec-fill{position:absolute;top:0;left:0;bottom:0;width:0;opacity:.25;z-index:0;transition:width .25s ease}.specialization-item .spec-info,.specialization-item .spec-controls{position:relative;z-index:1}.spec-info strong{display:block;color:#fff;margin-bottom:2px}.spec-desc{font-size:var(--fs-sm);color:#aaa}.spec-controls{display:flex;align-items:center;gap:var(--space-3)}.spec-count{min-width:60px;text-align:center;font-weight:700}.perk-summary-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.perk-summary-label{font-size:var(--fs-sm);opacity:.8;margin-bottom:var(--space-1)}.perk-summary-value{font-size:var(--fs-title);font-weight:700;color:var(--color-gold);line-height:1}.perk-summary-value.small{font-size:var(--fs-lg);color:silver}@media(max-width:600px){.perk-summary-card{grid-template-columns:1fr}.perk-summary-right{justify-self:start}}