body{font-family:Inconsolata,monospace;background-color:var(--color-black);margin:0;padding:20px;color:var(--color-white)}:root{--color-black: #000;--color-white: #fff;--color-white-bright: white;--color-text-header: #DDDDDD;--color-text-light: #e0e0e0;--color-text-muted: #bbb;--color-text-gray: #aaa;--color-text-darker: #eee;--color-text-light-gray: #ccc;--color-bg-dark: rgba(10, 10, 25, .9);--color-bg-dark-solid: #111;--color-bg-modal-overlay: rgba(0, 0, 0, .7);--color-bg-transparent: transparent;--color-bg-item: rgba(20, 20, 40);--color-bg-slot: rgba(30, 30, 50, .6);--color-border: #333;--color-border-dark: #444;--color-border-slot: #444;--color-button-success: #4CAF50;--color-button-success-hover: #45a049;--color-error-bg: #551111;--color-downside: #ff6b6b;--color-focus-cost: #efcf01;--color-stamina-cost: #51a951;--color-health-cost: #bc817a;--color-resource-cost: #4fd69c;--color-resource-gain: #f9d423;--color-resistance: #8df5c0;--rarity-common-color: #e0e0e0e;--rarity-magic-color: #a0c0ff;--rarity-plagued-color: #ae6885;--rarity-legendary-color: #fbbc04;--color-gradient-blue-1: #1a4063;--color-gradient-blue-2: #0a1e31;--color-border-blue: #4a90e2;--color-shadow-blue: rgba(0, 150, 255, .2);--color-shadow-modal: rgba(0, 0, 0, .5);--color-hover-green: #7aff7a;--color-enchant-other: #333333;--color-enchant-attack: #4f240e;--color-enchant-stamina: #116911;--color-enchant-durability: #435825;--color-enchant-healing: #6c211a;--color-enchant-weight: #294435;--color-enchant-focus: #6a4a01;--color-enchant-defense: #313567;--color-enchant-indestructible: #252525;--color-enchant-infusion: #4b2659;--color-enchant-resistance: #12650e;--color-enchant-movement: #1d284b;--color-enchant-downside: #000000;--color-enchant-tag-sPhysical: #fdfdfd;--color-enchant-tag-sFire: #e59534;--color-enchant-tag-sIce: #78ecff;--color-enchant-tag-sLightning: #aea844;--color-enchant-tag-sPlague: #8d5eeb;--color-enchant-value: #dfcb78}body{scrollbar-width:thin;scrollbar-color:var(--color-border-dark) var(--color-bg-item)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-item)}::-webkit-scrollbar-thumb{background-color:var(--color-border-dark);border-radius:10px;border:2px solid var(--color-bg-item)}.grid-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto auto auto auto auto auto;gap:10px;width:1500px}.grid-item{display:flex;justify-content:center}.row-span-1{grid-row:span 1 / span 1}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.col-span-3{grid-column:span 3 / span 3}.col-span-full{grid-column:1 / -1}.header-row{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px;border-radius:5px}.header-row h1{color:var(--color-text-header);grid-column:2;text-align:center;margin:0}.header-row .copy-button{grid-column:3;justify-self:end;background-color:var(--color-button-success);color:var(--color-white-bright);padding:8px 15px;border:none;border-radius:20px;cursor:pointer;font-size:14px}.header-row .copy-button:hover{background-color:var(--color-button-success-hover)}div.x-hasError,.custom-select-display.x-hasError,select.x-hasError{background-color:var(--color-error-bg)!important}.rarity-common .item-name,.rarity-common .item-rarity-select select,.rarity-common .ring-name,.rarity-common .compact-ring-name,.rarity-common .enchant-text{color:var(--rarity-common-color)}.rarity-magic .item-name,.rarity-magic .item-rarity-select select,.rarity-magic .ring-name,.rarity-magic .compact-ring-name,.rarity-magic .enchant-text{color:var(--rarity-magic-color)}.rarity-plagued .item-name,.rarity-plagued .item-rarity-select select,.rarity-plagued .ring-name,.rarity-plagued .compact-ring-name,.rarity-plagued .enchant-text{color:var(--rarity-plagued-color)}.rarity-legendary .item-name,.rarity-legendary .item-rarity-select select,.rarity-legendary .ring-name,.rarity-legendary .compact-ring-name,.rarity-legendary .enchant-text{color:var(--rarity-legendary-color)}.gem-item.rarity-common .gem-text,.gem-item.rarity-common .compact-gem-effect,.gem-item .rarity-common .gem-text,.gem-item .rarity-common .compact-gem-effect,.compact-gem-item.rarity-common .gem-text,.compact-gem-item.rarity-common .compact-gem-effect,.compact-gem-item .rarity-common .gem-text,.compact-gem-item .rarity-common .compact-gem-effect{color:var(--rarity-common-color)}.gem-item.rarity-magic .gem-text,.gem-item.rarity-magic .compact-gem-effect,.gem-item .rarity-magic .gem-text,.gem-item .rarity-magic .compact-gem-effect,.compact-gem-item.rarity-magic .gem-text,.compact-gem-item.rarity-magic .compact-gem-effect,.compact-gem-item .rarity-magic .gem-text,.compact-gem-item .rarity-magic .compact-gem-effect{color:var(--rarity-magic-color)}.gem-item.rarity-plagued .gem-text,.gem-item.rarity-plagued .compact-gem-effect,.gem-item .rarity-plagued .gem-text,.gem-item .rarity-plagued .compact-gem-effect,.compact-gem-item.rarity-plagued .gem-text,.compact-gem-item.rarity-plagued .compact-gem-effect,.compact-gem-item .rarity-plagued .gem-text,.compact-gem-item .rarity-plagued .compact-gem-effect{color:var(--rarity-plagued-color)}.gem-item.rarity-legendary .gem-text,.gem-item.rarity-legendary .compact-gem-effect,.gem-item .rarity-legendary .gem-text,.gem-item .rarity-legendary .compact-gem-effect,.compact-gem-item.rarity-legendary .gem-text,.compact-gem-item.rarity-legendary .compact-gem-effect,.compact-gem-item .rarity-legendary .gem-text,.compact-gem-item .rarity-legendary .compact-gem-effect{color:var(--rarity-legendary-color)}.focus-cost{color:var(--color-focus-cost)}.stamina-cost{color:var(--color-stamina-cost)}.health-cost{color:var(--color-health-cost)}.item-type-downside,.downside-text{color:var(--color-downside)}.item-quote{font-style:italic;font-size:.85em;padding:6px 15px;color:var(--color-text-muted);border-top:1px solid var(--color-border);text-align:center}.downside-text{color:var(--color-downside)}.weapon-card{max-width:500px;margin:0 auto;background-color:var(--color-bg-dark);border-radius:4px;overflow:hidden;border:1px solid var(--color-border);box-shadow:0 0 20px var(--color-shadow-blue)}.weapon-name{font-size:24px;font-weight:700;margin:0;color:var(--color-text-light)}.weapon-level{position:absolute;top:10px;right:10px;width:40px;height:40px;background-image:linear-gradient(135deg,var(--color-gradient-blue-1),var(--color-gradient-blue-2));display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--color-white-bright);border:2px solid var(--color-border-blue);transform:rotate(45deg)}.weapon-level span{transform:rotate(-45deg)}.weapon-type-select{margin-top:5px}.weapon-type-select select{background-color:transparent;border:none;color:var(--color-text-gray);font-size:16px;padding:5px 0;width:250px;cursor:pointer;outline:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg-modal-overlay);display:none;justify-content:center;align-items:center;z-index:1000;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.is-visible{display:flex;visibility:visible}.modal-content{background-color:var(--color-bg-dark-solid);padding:25px;border-radius:8px;box-shadow:0 5px 15px var(--color-shadow-modal);max-width:800px;width:90%;max-height:80%;overflow-y:auto}.modal-title{color:var(--color-text-darker);text-align:center;margin-bottom:20px}.enchantments-container{padding:6px 15px;border-top:1px solid var(--color-border)}.enchantments-container .color-max{color:var(--color-enchant-value)}.enchantments-container .enchantment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--color-text-gray);font-size:14px}.enchantments-container .enchantment-item{font-size:.85em;padding:6px;margin-bottom:4px;border-radius:4px;background-color:var(--color-bg-item)}.enchantments-container .custom-select-container{position:relative;background-color:var(--color-bg-item);border:1px solid var(--color-border-dark);padding:4px;border-radius:4px;max-width:448px;margin-bottom:10px;cursor:pointer;outline:none}.enchantments-container .custom-select-container .custom-select-dropdown{position:fixed;border:1px solid var(--color-border-dark);border-radius:4px;z-index:1000;height:300px;overflow-y:auto;background-color:var(--color-bg-item)}.enchantments-container .custom-select-container .custom-option-wrapper .enchant-display{padding:2px 0}.enchantments-container select{background-color:var(--color-bg-item);border:1px solid var(--color-border-dark);padding:4px;border-radius:4px;width:100%;margin-bottom:10px;cursor:pointer;outline:none}.enchantments-container option{background-color:var(--color-bg-item);color:var(--color-white-bright)}.enchantments-container .enchant-group-Other{background-color:var(--color-enchant-other)}.enchantments-container .enchant-group-Attack{background-color:var(--color-enchant-attack)}.enchantments-container .enchant-group-Stamina{background-color:var(--color-enchant-stamina)}.enchantments-container .enchant-group-Durability{background-color:var(--color-enchant-durability)}.enchantments-container .enchant-group-Healing{background-color:var(--color-enchant-healing)}.enchantments-container .enchant-group-Weight{background-color:var(--color-enchant-weight)}.enchantments-container .enchant-group-Focus{background-color:var(--color-enchant-focus)}.enchantments-container .enchant-group-Defense{background-color:var(--color-enchant-defense)}.enchantments-container .enchant-group-Indestructible{background-color:var(--color-enchant-indestructible)}.enchantments-container .enchant-group-Infusion{background-color:var(--color-enchant-infusion)}.enchantments-container .enchant-group-Resistance{background-color:var(--color-enchant-resistance)}.enchantments-container .enchant-group-Movement{background-color:var(--color-enchant-movement)}.enchantments-container .enchant-group-Downside{background-color:var(--color-enchant-downside)}.enchantments-container-compact{padding-top:8px;border-top:1px solid var(--color-border)}.enchantments-container-compact .enchantment-item-compact{display:flex;align-items:center;margin-bottom:3px;font-size:.8em}.enchant-display{display:flex;align-items:center}.enchant-display-text b{display:contents}.ui-font-icons{display:inline-block;width:16px;height:16px;vertical-align:-2px;background-image:url(/images/uiFontIcons.png);background-repeat:no-repeat;background-size:256px 256px;--ui-font-icon-2nd: -128px;--sprite-small: 16px}.ui-font-icons.icon-StatPhysicalDamage{background-position:calc(var(--sprite-small) * -5) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 3))}.ui-font-icons.icon-StatDamage{background-position:calc(var(--sprite-small) * 0) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 3))}.ui-font-icons.icon-StatDamageTaken{background-position:calc(var(--sprite-small) * 0) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 4))}.ui-font-icons.icon-StatFireArmor{background-position:calc(var(--sprite-small) * -1) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 4))}.ui-font-icons.icon-StatColdArmor{background-position:calc(var(--sprite-small) * -2) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 4))}.ui-font-icons.icon-StatLightningArmor{background-position:calc(var(--sprite-small) * -3) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 4))}.ui-font-icons.icon-StatPlagueArmor{background-position:calc(var(--sprite-small) * -4) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 4))}.ui-font-icons.icon-StatStaggerResistance{background-position:calc(var(--sprite-small) * -7) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 4))}.ui-font-icons.icon-StatMaxHealth{background-position:calc(var(--sprite-small) * 0) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 0))}.ui-font-icons.icon-StatHealthRegen{background-position:calc(var(--sprite-small) * -1) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 0))}.ui-font-icons.icon-StatHealth{background-position:calc(var(--sprite-small) * -4) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 0))}.ui-font-icons.icon-StatHealing{background-position:calc(var(--sprite-small) * -2) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 0))}.ui-font-icons.icon-StatPoiseDefense{background-position:calc(var(--sprite-small) * -1) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 5))}.ui-font-icons.icon-StatMaxStamina{background-position:calc(var(--sprite-small) * 0) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 2))}.ui-font-icons.icon-StatStaminaRegen{background-position:calc(var(--sprite-small) * -1) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 2))}.ui-font-icons.icon-StatHealthRally{background-position:calc(var(--sprite-small) * -2) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 2))}.ui-font-icons.icon-StatStaminaCost{background-position:calc(var(--sprite-small) * -3) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 2))}.ui-font-icons.icon-StatStamina{background-position:calc(var(--sprite-small) * -4) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 2))}.ui-font-icons.icon-StatArmor{background-position:calc(var(--sprite-small) * 0) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 5))}.ui-font-icons.icon-StatWeight{background-position:calc(var(--sprite-small) * -5) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 5))}.ui-font-icons.icon-StatAttackSpeed{background-position:calc(var(--sprite-small) * -3) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 5))}.ui-font-icons.icon-StatStaggerDamage{background-position:calc(var(--sprite-small) * -7) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 3))}.ui-font-icons.icon-StatMaxFocus{background-position:calc(var(--sprite-small) * 0) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 1))}.ui-font-icons.icon-StatFocusRegen{background-position:calc(var(--sprite-small) * -1) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 1))}.ui-font-icons.icon-StatFocusGain{background-position:calc(var(--sprite-small) * -2) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 1))}.ui-font-icons.icon-StatFocusCost{background-position:calc(var(--sprite-small) * -3) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 1))}.ui-font-icons.icon-StatFocus{background-position:calc(var(--sprite-small) * -4) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 1))}.ui-font-icons.icon-StatMovementSpeed{background-position:calc(var(--sprite-small) * -4) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 5))}.ui-font-icons.icon-StatDurability{background-position:calc(var(--sprite-small) * -6) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 5))}.ui-font-icons.icon-StatEquipLoad{background-position:calc(var(--sprite-small) * -7) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 5))}.ui-font-icons.icon-StatFireDamage{background-position:calc(var(--sprite-small) * -1) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 3))}.ui-font-icons.icon-StatColdDamage{background-position:calc(var(--sprite-small) * -2) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 3))}.ui-font-icons.icon-StatLightningDamage{background-position:calc(var(--sprite-small) * -3) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 3))}.ui-font-icons.icon-StatPlagueDamage{background-position:calc(var(--sprite-small) * -4) calc(var(--ui-font-icon-2nd) - (var(--sprite-small) * 3))}.enchant-group-sprite{width:16px;height:16px;margin-right:10px;background-image:url(/images/uiEnchantmentGroupAtlas.png);background-repeat:no-repeat;background-size:64px 64px}.enchant-group-sprite.sprite-Other{background-position:0px 0px}.enchant-group-sprite.sprite-Attack{background-position:-16px 0px}.enchant-group-sprite.sprite-Stamina{background-position:-48px 0px}.enchant-group-sprite .sprite-Durability{background-position:0px 0px}.enchant-group-sprite.sprite-Healing{background-position:-32px -16px}.enchant-group-sprite .sprite-Weight{background-position:0px 0px}.enchant-group-sprite.sprite-Focus{background-position:-32px 0px}.enchant-group-sprite.sprite-Defense{background-position:-16px -16px}.enchant-group-sprite .sprite-Indestructible{background-position:0px 0px}.enchant-group-sprite.sprite-Infusion{background-position:0px -16px}.enchant-group-sprite .sprite-Resistance{background-position:0px 0px}.enchant-group-sprite.sprite-Movement{background-position:-48px -16px}.enchant-group-sprite .sprite-Downside{background-position:0px 0px}.enchant-tag-sPhysical{color:var(--color-enchant-tag-sPhysical)}.enchant-tag-sFire{color:var(--color-enchant-tag-sFire)}.enchant-tag-sIce{color:var(--color-enchant-tag-sIce)}.enchant-tag-sLightning{color:var(--color-enchant-tag-sLightning)}.enchant-tag-sPlague{color:var(--color-enchant-tag-sPlague)}.gem-container{padding:6px 15px;border-top:1px solid var(--color-border)}.gem-container .gem-item{height:24px;position:relative;display:flex;align-items:center;padding:4px;background-color:var(--color-bg-item);border:1px solid var(--color-border-dark);border-radius:4px;cursor:pointer;outline:none}.gem-container .gem-item .gem-icon{width:24px;height:24px;margin-right:10px;display:flex;align-items:center;justify-content:center;border-radius:4px;object-fit:cover}.gem-container .gem-item .gem-text{font-size:.85em;margin:0;display:inline-block;vertical-align:middle;flex-grow:1}.compact-gems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;justify-content:center}.gem-container-compact:hover{transform:translateY(-3px);border-color:var(--color-hover-green)}.gem-container-compact{background-color:var(--color-bg-dark);border:1px solid var(--color-border);padding:10px;border-radius:4px;box-shadow:0 0 20px var(--color-shadow-blue);cursor:pointer;transition:transform .1s ease-in-out}.gem-container-compact .compact-gem-item{position:relative;display:flex;align-items:center;padding:4px;background-color:var(--color-bg-item);border:1px solid var(--color-border-dark);border-radius:4px;cursor:pointer;outline:none;height:60px}.gem-container-compact .compact-gem-icon{width:40px;height:40px;margin-right:10px;display:flex;align-items:center;justify-content:center;border-radius:3px;object-fit:cover}.gem-container-compact .compact-gem-text{margin:0;display:inline-block;vertical-align:middle;color:var(--color-white-bright);flex-grow:1}.gem-container-compact .compact-gem-item-slot,.gem-container-compact .compact-gem-effect{font-size:1em;margin:0}.HelloWorld input{padding:2px;font-size:16px}.HelloWorld .-greeting{margin-top:20px;font-weight:700}.item-card{max-width:500px;width:100%;background-color:var(--color-bg-dark);border-radius:4px;overflow:hidden;border:1px solid var(--color-border);box-shadow:0 0 20px var(--color-shadow-blue)}.utility-card{width:100%;margin:0;background-color:var(--color-bg-dark);border-radius:4px;overflow:hidden;border:1px solid var(--color-border);box-shadow:0 0 20px var(--color-shadow-blue)}.utility-card .utility-header{display:flex;position:relative}.utility-card .runes-container{display:flex;border-top:0;width:100%;padding:15px}.utility-card .runes-container .rune-container{width:90%}.weapon-header{display:flex;flex-direction:column;position:relative}.item-header{display:flex;padding:15px;position:relative}.item-name{font-size:24px;font-weight:700;margin:0;color:var(--color-text-light);padding-right:15px}.item-level{position:absolute;top:15px;right:10px;width:30px;height:30px;background-image:linear-gradient(135deg,var(--color-gradient-blue-1),var(--color-gradient-blue-2));display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--color-white-bright);border:2px solid var(--color-border-blue);transform:rotate(45deg)}.item-level span{transform:rotate(-45deg)}.item-type-select{padding:0 0 5px 15px}.item-rarity-select{margin-top:5px}.item-type-select .item-type-common,.item-rarity-select .item-type-common{color:var(--rarity-common-color)}.item-type-select .item-type-magic,.item-rarity-select .item-type-magic{color:var(--rarity-magic-color)}.item-type-select .item-type-plagued,.item-rarity-select .item-type-plagued{color:var(--rarity-plagued-color)}.item-type-select .item-type-legendary,.item-rarity-select .item-type-legendary{color:var(--rarity-legendary-color)}.item-type-select select,.item-rarity-select select{color:var(--color-text-gray);background-color:var(--color-bg-item);border:1px solid var(--color-border-dark);border-radius:4px;padding:5px 0;width:150px;cursor:pointer;outline:none}.item-type-select option,.item-rarity-select option{background-color:var(--color-black)}.ring-big-container{width:500px;margin:0 auto;background-color:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:4px;overflow:hidden;box-shadow:0 0 20px var(--color-shadow-blue);cursor:pointer;transition:transform .1s ease-in-out}.ring-big-container:hover{transform:translateY(-5px)}.ring-big-container .ring-header{padding:15px;position:relative;display:flex;align-items:center}.ring-big-container .ring-image{width:60px;height:60px;margin-right:15px;border-radius:4px;object-fit:cover}.ring-big-container .ring-titles{flex-grow:1}.ring-big-container .ring-name{font-size:1.5em;margin:0;display:inline-block;vertical-align:middle}.ring-big-container .ring-type{font-size:.9em;margin:0;color:var(--color-text-muted)}.compact-rings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;justify-content:center}.ring-container-compact{background-color:var(--color-bg-dark);border:1px solid var(--color-border);padding:10px;border-radius:4px;box-shadow:0 0 20px var(--color-shadow-blue);cursor:pointer;transition:transform .1s ease-in-out}.ring-container-compact:hover{transform:translateY(-3px);border-color:var(--color-hover-green)}.ring-container-compact .compact-ring-header{display:flex;align-items:center;padding:0;margin-bottom:10px}.ring-container-compact .compact-ring-image{width:40px;height:40px;margin-right:10px;border-radius:3px;object-fit:cover}.ring-container-compact .compact-ring-titles{flex-grow:1}.ring-container-compact .compact-ring-name{font-size:1.1em;margin:0}.ring-container-compact .compact-ring-type{font-size:.8em;margin:0;color:var(--color-text-muted)}.runes-container{border-top:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1fr;gap:5px;justify-content:center}.runes-container .rune-container{padding:3px 15px}.runes-container .rune-container .rune-item{height:24px;position:relative;display:flex;align-items:center;padding:4px;background-color:var(--color-bg-item);border:1px solid var(--color-border-dark);border-radius:4px;cursor:pointer;outline:none}.runes-container .rune-container .rune-item .rune-icon{width:24px;height:24px;margin-right:10px;display:flex;align-items:center;justify-content:center;border-radius:4px;object-fit:cover}.runes-container .rune-container .rune-item .rune-text{font-size:.85em;margin:0;display:inline-block;vertical-align:middle;flex-grow:1}.compact-runes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;justify-content:center}.rune-container-compact:hover{transform:translateY(-3px);border-color:var(--color-hover-green)}.rune-container-compact{background-color:var(--color-bg-dark);border:1px solid var(--color-border);padding:10px;border-radius:4px;box-shadow:0 0 20px var(--color-shadow-blue);cursor:pointer;transition:transform .1s ease-in-out}.rune-container-compact .compact-rune-item{position:relative;display:flex;align-items:center;padding:4px;background-color:#14142899;border:1px solid #444;border-radius:4px;cursor:pointer;outline:none;height:60px}.rune-container-compact .compact-rune-icon{width:40px;height:40px;margin-right:10px;display:flex;align-items:center;justify-content:center;border-radius:3px;object-fit:cover}.rune-container-compact .compact-rune-text{margin:0;display:inline-block;vertical-align:middle;color:var(--color-white-bright);flex-grow:1}.rune-container-compact .compact-rune-text p{margin:4px}.rune-container-compact .compact-rune-item-slot,.rune-container-compact .compact-rune-effect{font-size:1em;margin:0}