.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}.settings-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #444;padding-bottom:10px;margin-bottom:20px}.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.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.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:Courier New,Courier,monospace;-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:5px 10px;font-size:24px;cursor:pointer;border-radius:4px}.settings-button:hover{background:#444;border-color:#777}.settings-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.settings-content{background:#222;border:4px solid #555;padding:30px;width:400px;max-width:95vw;max-height:90vh;overflow:hidden;color:#fff;display:flex;flex-direction:column;gap:20px}.settings-tab-content{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:20px;min-height:0}.settings-save-section{flex-shrink:0;border-top:2px solid #444;padding-top:15px;margin-top:5px}.settings-content h2{margin:0;border-bottom:2px solid #444;padding-bottom:10px}.settings-content section{display:flex;flex-direction:column;gap:10px}.settings-content h3{margin:0;font-size:18px;color:#ccc}.settings-content select,.settings-content input[type=text]{background:#333;color:#fff;border:1px solid #555;padding:5px;font-family:inherit}.keybindings-grid{display:flex;flex-direction:column;gap:5px}.keybinding-row{display:flex;justify-content:space-between;align-items:center}.key-button{background:#333;color:#fff;border:2px solid #555;padding:5px 10px;min-width:60px;cursor:pointer;font-family:inherit;font-size:14px;transition:all .2s;text-align:center}.key-button:hover{background:#444;border-color:#d4af37}.key-button.rebinding{background:#8b4513;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:10px;cursor:pointer;font-weight:700;margin-top:10px}.close-button:hover{background:#d32f2f}.save-load-controls{display:flex;gap:10px}.save-load-controls button{flex:1;padding:10px;cursor:pointer;font-family:inherit;font-weight:700;border-radius:4px;transition:all .2s}.save-button{background:#2e7d32;color:#fff;border:2px solid #1b5e20}.save-button:hover{background:#388e3c;border-color:#2e7d32}.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:48px;height:48px;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}.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:#1a1a1a;border:4px solid #d4af37;padding:24px;width:900px;max-width:95vw;max-height:90vh;overflow-y:auto;color:#fff;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 30px #000c}.inventory-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #444;padding-bottom:10px;gap:12px}.inventory-gold{font-size:16px;font-weight:700;color:#d4af37;margin-left:auto;margin-right:12px}.inventory-body{display:flex;gap:30px}.equipment-panel{flex:1;display:flex;flex-direction:column;gap:10px}.character-display{position:relative;background:#1a1a1a;border:2px solid #444;padding:10px;display:flex;justify-content:center;align-items:center}.equipment-layout{display:flex;flex-direction:column;gap:15px;z-index:2}.layout-row{display:flex;justify-content:center;gap:20px}.spacer{width:48px}.player-sprite-placeholder{position:absolute;font-size:120px;opacity:.1;z-index:1;pointer-events:none}.stats-summary{margin-top:15px;padding:10px;background:#2a2a2a;border-radius:4px;font-size:14px;display:flex;justify-content:space-around}.item-tooltip{background:#0a0a0af2;border:2px solid #444;padding:12px;color:#eee;font-size:14px;box-shadow:0 8px 16px #000c;border-radius:4px;display:flex;flex-direction:column;gap:8px}.tooltip-header{border-bottom:2px solid;padding-bottom:6px;margin-bottom:4px}.tooltip-name{font-size:18px;font-weight:700;margin-bottom:2px;text-shadow:1px 1px 2px black}.header-meta{display:flex;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase}.tooltip-rarity{letter-spacing:1px}.tooltip-level{color:gold}.tooltip-type{font-size:12px;color:#888;font-style:italic}.weapon-info{color:#aaa}.tooltip-meta{font-size:12px;color:#bbb;background:#ffffff0d;padding:4px 8px;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:6px;display:flex;flex-direction:column;gap:2px;color:#0070dd;font-size:13px;font-style:italic}.tooltip-sockets{display:flex;gap:6px;padding:4px 0}.socket-icon{color:#888;font-family:monospace;background:#ffffff1a;padding:2px 4px;border-radius:2px;border:1px solid #444}.tooltip-set{border-top:1px solid #e6cc80;margin-top:4px;background:#e6cc800d;padding:8px;border-radius:4px}.set-name{color:#e6cc80;font-weight:700;font-size:14px;margin-bottom:6px;text-shadow:1px 1px 1px black}.set-bonuses{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.set-bonus{font-size:12px}.set-bonus.active{color:#1eff00;font-weight:700}.set-bonus.inactive{color:#666}.set-items{border-top:1px solid rgba(230,204,128,.2);padding-top:6px;display:flex;flex-direction:column;gap:2px}.set-item-name{font-size:11px}.set-item-name.equipped{color:#e6cc80}.set-item-name.not-equipped{color:#444}.rarity-unique{border:2px solid #e6cc80!important;box-shadow:0 0 15px #e6cc804d}.rarity-legendary{border:2px solid #ff8000!important}.rarity-rare{border:2px solid #a335ee!important}.rarity-magical{border:2px solid #0070dd!important}.rarity-uncommon{border:2px solid #1eff00!important}.weapon-category-info{font-weight:700;color:gold}.armor-class-info{font-weight:700;color:#4db8ff}.tooltip-restrictions{border-top:1px solid rgba(255,255,255,.1);padding-top:6px;margin-top:4px;font-size:12px;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}.comparison-tooltip{background:#141414f2;border:1px solid #d4af37;padding:10px;color:#fff;font-size:14px;min-width:180px;box-shadow:0 4px 15px #000c}.comparison-header{font-size:11px;color:#d4af37;text-transform:uppercase;margin-bottom:5px;border-bottom:1px solid #d4af37}.equipment-slot-container{display:flex;flex-direction:column;align-items:center;gap:4px}.equipment-slot-label{font-size:10px;color:#aaa;text-transform:capitalize}.items-panel{flex:1.5}.inventory-main-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;overflow-y:auto}.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-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 #444;padding:20px 40px;margin-top:40px;color:#ccc;font-size:18px;min-width:300px;border-radius:4px}.death-stats h2{color:#aaa;border-bottom:1px solid #444;padding-bottom:10px;margin-bottom:15px}.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:10px 30px;font-size:20px;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}.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}.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;gap:6px}.skill-card{display:flex;gap:8px;background:#2a2a2a;border:1px solid #555;border-radius:4px;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:11px;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;max-height:30px;overflow:hidden}.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:4px;padding:8px;font-size:11px;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:4px;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:13px;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:#d4af37;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 #d4af37;border-radius:8px;padding:20px;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:16px;border-bottom:1px solid #d4af37;padding-bottom:8px}.save-screen-header h2{margin:0;color:#d4af37}.save-screen-quick-actions{margin-bottom:12px}.quick-save-btn{background:#2a5a2a;border:2px solid #4a8a4a;color:#e0d8c0;padding:8px 16px;border-radius:4px;cursor:pointer;width:100%;font-size:14px}.quick-save-btn:hover{background:#3a7a3a}.save-slot-list{display:flex;flex-direction:column;gap:4px}.save-slot{background:#16213e;border:2px solid #333;border-radius:4px;overflow:hidden;transition:border-color .2s}.save-slot:hover{border-color:#555}.save-slot.active{border-color:#d4af37}.save-slot-header{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer}.save-slot-number{color:#888;font-size:12px;min-width:40px}.save-slot-info{display:flex;gap:8px;flex:1;align-items:center}.save-slot-name{font-weight:700;color:#e0d8c0}.save-slot-class{color:#aaa;font-size:12px}.save-slot-level{color:#d4af37;font-size:12px}.save-slot-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:#888}.save-slot-active-badge{background:#d4af37;color:#1a1a2e;padding:2px 6px;border-radius:3px;font-size:10px;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:4px 12px;border-radius:3px;cursor:pointer;font-size:12px}.save-slot-new-btn:hover{background:#3a7a3a}.save-slot-actions{padding:8px 12px;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:6px 12px;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:12px;color:#888}.save-slot-auto-btn{background:#2a2a4a;border:1px solid #4a4a6a;color:#aaa;padding:3px 8px;border-radius:3px;cursor:pointer;font-size:11px}.save-slot-auto-btn:hover{background:#3a3a6a;color:#e0d8c0}.save-slot-delete-btn{background:#5a1a1a;border:1px solid #8a3a3a;color:#e0d8c0;padding:6px 12px;border-radius:3px;cursor:pointer;align-self:flex-end}.save-slot-delete-btn:hover{background:#7a2a2a}.save-screen-settings{margin-top:12px;padding-top:12px;border-top:1px solid #333;font-size:13px}.save-screen-settings label{display:flex;align-items:center;gap:8px}.save-screen-settings select{background:#16213e;border:1px solid #555;color:#e0d8c0;padding:4px 8px;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 #d4af37;border-radius:8px;padding:16px;box-shadow:0 -4px 20px #0009,inset 0 1px #d4af374d;color:#e0d6c0;font-family:inherit}.dialogue-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(212,175,55,.3)}.dialogue-portrait{border-radius:6px;border:2px solid #d4af37;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#0000004d}.dialogue-portrait-fallback{font-size:24px;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:18px;font-weight:700;color:#d4af37;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.dialogue-text{font-size:15px;line-height:1.5;margin-bottom:14px;max-height:120px;overflow-y:auto;padding:4px 0}.dialogue-choices{display:flex;flex-direction:column;gap:6px}.dialogue-choice-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:4px;color:#e0d6c0;font-size:14px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.dialogue-choice-btn:hover{background:#d4af3740;border-color:#d4af37}.dialogue-choice-number{color:#d4af37;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-log-overlay{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#00000080}.quest-log-panel{width:min(800px,90vw);max-height:80vh;background:linear-gradient(180deg,#1a1a2e,#16213e);border:3px solid #d4af37;border-radius:8px;padding:16px;box-shadow:0 4px 20px #0009,inset 0 1px #d4af374d;color:#e0d6c0;display:flex;flex-direction:column;overflow:hidden}.quest-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #444}.quest-log-title{margin:0;color:#d4af37;font-size:20px}.quest-tab-bar{display:flex;gap:4px;margin-bottom:12px}.quest-tab{flex:1;padding:8px 12px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:4px;color:#aaa;cursor:pointer;font-size:14px;transition:background .15s,color .15s}.quest-tab:hover{background:#d4af3733;color:#e0d6c0}.quest-tab-active{background:#d4af374d;border-color:#d4af37;color:#d4af37;font-weight:700}.quest-log-content{display:flex;gap:12px;flex:1;min-height:0;overflow:hidden}.quest-list{flex:0 0 220px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;border-right:1px solid rgba(212,175,55,.2);padding-right:12px}.quest-list-entry{padding:8px;background:#ffffff0d;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s}.quest-list-entry:hover{background:#d4af371a}.quest-list-entry-selected{border-color:#d4af37;background:#d4af3726}.quest-list-entry-ready{border-left:3px solid #44ff44}.quest-list-title{font-size:13px;font-weight:700;color:#e0d6c0}.quest-list-status{font-size:11px;color:#888;margin-top:2px}.quest-detail{flex:1;overflow-y:auto;padding-left:4px}.quest-detail-title{margin:0 0 8px;color:#d4af37;font-size:18px}.quest-detail-description{margin:0 0 14px;font-size:14px;line-height:1.5;color:#bbb}.quest-detail-objectives h4,.quest-rewards h4{margin:0 0 8px;font-size:14px;color:#d4af37}.quest-empty{color:#666;font-style:italic;padding:20px;text-align:center}.objective-leaf{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:13px}.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:12px}.objective-progress-bar{width:60px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;flex-shrink:0}.objective-progress-fill{height:100%;background:#d4af37;border-radius:3px;transition:width .3s ease}.objective-composite{padding-left:0}.objective-nested{padding-left:16px;border-left:1px solid rgba(212,175,55,.15);margin-left:8px}.objective-group-label{font-size:13px;font-weight:700;color:#d4af37;padding:4px 0 2px}.objective-optional .objective-group-label,.objective-optional{font-style:italic;color:#999}.objective-optional .objective-label{color:#999}.quest-rewards{margin-top:14px;padding-top:10px;border-top:1px solid rgba(212,175,55,.2)}.quest-rewards-list{display:flex;gap:12px;flex-wrap:wrap}.quest-reward-item{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:4px;padding:4px 8px;font-size:13px;color:#d4af37}.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-log-panel{max-width:750px}.achievement-tab-bar{flex-wrap:wrap}.achievement-unlocked{border-left:3px solid #ffd700}.achievement-locked{border-left:3px solid #555;opacity:.8}.achievement-list-row{display:flex;align-items:center;gap:6px}.achievement-icon{color:gold;font-size:16px;flex-shrink:0}.achievement-list-title{flex:1;font-weight:700;font-size:13px}.achievement-progress-label{font-size:11px;color:#aaa;flex-shrink:0}.achievement-progress-bar-bg{height:4px;background:#333;border-radius:2px;margin-top:4px;overflow:hidden}.achievement-progress-bar-fill{height:100%;background:linear-gradient(90deg,#d4af37,gold);border-radius:2px;transition:width .3s ease}.achievement-detail-section{margin-bottom:12px}.achievement-detail-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.achievement-detail-value{font-size:14px;color:#e0d6c0}.character-title-selector{display:flex;align-items:center;padding:4px 12px 8px;border-bottom:1px solid #333}.character-title-dropdown{background:#1a1a2e;color:#e0d6c0;border:1px solid #d4af37;border-radius:4px;padding:4px 8px;font-size:13px;cursor:pointer;min-width:140px}.character-title-dropdown:focus{outline:none;border-color:gold}.combination-panel{max-width:700px}.combination-body{padding:8px}.combination-tab-bar{display:flex;gap:4px;margin-bottom:12px}.combination-rules{font-size:12px;color:#aaa;margin-bottom:12px;line-height:1.4}.combination-rules p{margin:0 0 4px}.combination-slots{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.combination-slot{flex:1;min-height:80px}.combination-slot h4{margin:0 0 6px;font-size:13px;color:#d4af37}.combination-plus{font-size:24px;color:#d4af37;padding-top:24px;font-weight:700}.combination-item-list{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.combination-item-option{background:#1a1a2e;border:1px solid #444;border-radius:4px;padding:6px 8px;cursor:pointer;display:flex;justify-content:space-between;font-size:12px}.combination-item-option:hover{background:#2a2a4e}.combination-selected-item{background:#1a1a2e;border:2px solid #d4af37;border-radius:4px;padding:8px;cursor:pointer;display:flex;justify-content:space-between;font-size:13px}.combination-rarity{font-size:11px;color:#888}.combination-preview{background:#111;border:1px solid #333;border-radius:4px;padding:8px;margin-bottom:12px}.combination-preview-result{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.combination-preview-label{color:#888}.combination-preview-value{color:#e0d6c0}.combination-pin-section{background:#111;border:1px solid #333;border-radius:4px;padding:8px;margin-bottom:12px}.combination-pin-section h4{margin:0 0 4px;font-size:13px;color:#d4af37}.combination-pin-info{font-size:11px;color:#888;margin:0 0 8px}.combination-pin-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#e0d6c0;margin-bottom:4px;cursor:pointer}.combination-error{color:#f44;font-size:13px;margin-bottom:12px}.combination-actions{text-align:center}.combination-btn{background:linear-gradient(135deg,#2a1a0a,#3e2a10);border:2px solid #d4af37;color:gold;padding:8px 24px;border-radius:4px;font-size:14px;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:8px}.combination-undo-row{display:flex;justify-content:space-between;align-items:center;background:#1a1a2e;border:1px solid #333;border-radius:4px;padding:8px}.combination-undo-info{display:flex;flex-direction:column;gap:2px}.combination-undo-from{font-size:11px;color:#888}.combination-undo-btn{background:#8b0000;border:1px solid #d4af37;color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;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)}}.character-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.character-tabs button{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;cursor:pointer}.character-tabs button.active{background:#fff3;border-color:#fff}.scrollable-content{max-height:60vh;overflow-y:auto;padding-right:10px}.scrollable-content::-webkit-scrollbar{width:6px}.scrollable-content::-webkit-scrollbar-track{background:#ffffff0d}.scrollable-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.stat-group{margin-bottom:25px;background:#ffffff08;padding:15px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.stat-group h3{margin-top:0;margin-bottom:15px;font-size:1.1em;color:#d4af37;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:5px}.basic-info{display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px}.basic-info .stat-row{margin-bottom:0;gap:10px}.stats-columns{display:flex;gap:15px}.stats-columns>.stat-group{flex:1;margin-bottom:15px}.equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.stat-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:1em}.stat-row.separator{height:1px;background:#ffffff0d;margin:10px 0}.item-detail{padding:8px 0}.item-detail-header{display:flex;align-items:flex-start;gap:15px}.item-detail-info{display:flex;flex-direction:column}.item-type-info{font-size:.85em;color:#aaa;margin-top:2px}.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:20px;background:#ffffff0d;border-radius:6px;margin-bottom:15px;border:1px solid rgba(255,255,255,.1)}.perk-info strong{display:block;font-size:1.1em;margin-bottom:4px;color:#d4af37}.perk-desc{font-size:.85em;opacity:.8;margin-bottom:4px}.perk-current{font-size:.9em;color:#4caf50}.perk-controls{display:flex;align-items:center;gap:15px}.perk-count{font-size:1.2em;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:20px;display:flex;justify-content:center}.refund-button{background:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700}.refund-button:hover:not(:disabled){background:#d32f2f}.refund-button:disabled{background:#555;opacity:.5;cursor:not-allowed}.classes-panel .class-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.class-selector{display:flex;gap:8px;flex-wrap:wrap}.class-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 10px;cursor:pointer;border-radius:4px}.class-button.active{background:#d4af3740;border-color:#d4af37}.class-desc{margin:10px 0 14px;color:silver}.skill-tree-grid{display:grid;grid-template-columns:repeat(6,42px);gap:30px 24px;margin:15px auto 30px;padding:15px;background:#00000026;border-radius:8px;width:fit-content;justify-items:center;position:relative}.skill-node-wrapper{position:relative;width:42px;height:42px}.skill-node{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#ffffff0f;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;z-index:2}.skill-arrow-container{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.skill-arrow-container.right{left:100%;top:50%;transform:translateY(-50%);width:24px;height:24px}.skill-arrow-container.left{right:100%;top:50%;transform:translateY(-50%);width:24px;height:24px}.skill-arrow-container.down{top:100%;left:50%;transform:translate(-50%);width:24px;height:30px}.skill-node.learned{box-shadow:0 0 10px #fff3}.skill-node.next{box-shadow:0 0 6px #d4af3799}.skill-tree-hint{font-size:10px;color:#888;text-align:center;margin-bottom:6px;font-style:italic}.skill-tree-node-tooltip-name{color:#d4af37;font-weight:700;font-size:13px;margin-bottom:4px}.skill-tree-node-tooltip-desc{font-size:10px;color:silver;line-height:1.4;margin-bottom:8px}.skill-tree-node-tooltip-effect{color:#4caf50;font-size:11px;border-top:1px solid rgba(255,255,255,.1);padding-top:4px;white-space:pre-line}.specializations-header{margin-top:25px;margin-bottom:12px;font-weight:700;color:#d4af37;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:4px}.specialization-row{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.specialization-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff0a;padding:12px 16px;border-radius:6px;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:.85em;color:#aaa}.spec-controls{display:flex;align-items:center;gap:12px}.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:20px;padding:16px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;margin-bottom:18px}.perk-summary-label{font-size:.9em;opacity:.8;margin-bottom:4px}.perk-summary-value{font-size:1.8em;font-weight:700;color:#d4af37;line-height:1}.perk-summary-value.small{font-size:1.4em;color:silver}@media(max-width:600px){.perk-summary-card{grid-template-columns:1fr}.perk-summary-right{justify-self:start}}