.ho-creature-info{position:relative;isolation:isolate;box-sizing:border-box;width:430px;max-width:100%;max-height:var(--hci-max-height, calc(var(--ui-height, 100dvh) - 144px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a69168 #102c42;color:#eee9db;font:16px/1.35 HO Text,Calibri,sans-serif;letter-spacing:normal;text-transform:none;text-align:left;text-shadow:0 1px 1px #07111c}.ho-creature-info *,.ho-creature-info *:before,.ho-creature-info *:after{box-sizing:border-box}.ho-creature-info .hci-content{position:relative;isolation:isolate;padding:60px 20px 22px 30px;min-height:500px}.ho-creature-info .hci-surface{position:absolute;z-index:-1;inset:84px 0 0;border:1px solid #96aabc;border-radius:22px 2px 2px 22px/96px 2px 2px 96px;background:#0d304c url(/art/ui/town/panel-fill.png) center / 100% 100%;box-shadow:inset 0 0 0 2px #183c53,inset 0 0 0 3px #55758a}.ho-creature-info .hci-portrait-clip{position:absolute;inset:0 10px auto auto;width:190px;height:190px;overflow:hidden;pointer-events:none}.ho-creature-info .hci-portrait{position:absolute;top:1px;right:1px;width:188px;height:188px;border:4px solid #c0c5ca;border-radius:50%;background:#0a1c2c;box-shadow:inset 0 0 0 1px #394a5a}.ho-creature-info .hci-portrait>img{width:100%;height:100%;object-fit:contain;border-radius:50%}.ho-creature-info .hci-mirrored>img{transform:scaleX(-1)}.ho-creature-info .hci-heading{position:relative;width:196px;max-width:calc(100% - 154px);margin:0}.ho-creature-info .hci-heading h3{margin:0 0 4px;color:#eee7d6;font:21px/1.15 HO Caption,Georgia,serif;overflow-wrap:anywhere}.ho-creature-info .hci-heading p{margin:0 0 4px;min-height:19px;font-size:15px;font-style:italic}.ho-creature-info .hci-stats{position:relative;width:196px;max-width:calc(100% - 154px);margin:0}.ho-creature-info .hci-stat{display:grid;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;min-height:23px;column-gap:4px}.ho-creature-info .hci-stat dt{color:#e8dfca;font:13px/1.25 HO Caption,Georgia,serif}.ho-creature-info dd{margin:0}.ho-creature-info .hci-stat dd{font-size:16px;font-weight:700}.ho-creature-info .hci-icon{display:inline-block;width:22px;height:22px;object-fit:contain;vertical-align:middle;flex:none}.ho-creature-info .hci-native-icon{width:22px;height:22px;background-image:url(/art/ui/bluedraconis-creature-source.jpg);background-repeat:no-repeat;background-size:2400px 1350px;background-position:calc(var(--hci-icon-x) * -1.25) calc(var(--hci-icon-y) * -1.25);mask-image:var(--hci-icon-mask);mask-size:100% 100%;mask-repeat:no-repeat}.ho-creature-info .hci-native-melee{--hci-icon-x:1534px;--hci-icon-y:785px;--hci-icon-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.25%22%20d%3D%22M12%208h2v1H12zM7%2010h1v1H7zM6%2011h1v1H6zM8%2011h2v1H8zM7%2012h1v1H7zM10%2012h1v1H10zM5%2014h1v1H5zM4%2016h1v1H4z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.5%22%20d%3D%22M12%204h1v1H12zM16%205h1v1H16zM7%209h1v1H7zM7%2011h1v1H7zM9%2013h1v1H9z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.75%22%20d%3D%22M17%202h1v1H17zM8%2013h1v1H8z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%221.0%22%20d%3D%22M15%201h3v1H15zM14%202h3v1H14zM13%203h5v1H13zM13%204h4v1H13zM11%205h5v1H11zM11%206h5v1H11zM10%207h5v1H10zM9%208h3v1H9zM6%209h1v1H6zM8%209h4v1H8zM6%2010h1v1H6zM8%2010h1v1H8zM10%2010h1v1H10zM10%2011h1v1H10zM6%2012h1v1H6zM8%2012h2v1H8zM5%2013h3v1H5zM3%2014h2v1H3zM6%2014h1v1H6zM3%2015h3v1H3z%22%2F%3E%3C%2Fsvg%3E)}.ho-creature-info .hci-native-ranged{--hci-icon-x:1595px;--hci-icon-y:785px;--hci-icon-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.25%22%20d%3D%22M12%203h1v1H12zM16%203h1v1H16zM7%205h1v1H7zM11%205h1v1H11zM10%206h1v1H10zM14%207h1v1H14zM6%2010h1v1H6zM15%2010h1v1H15zM13%2011h1v1H13zM14%2012h1v1H14zM15%2013h1v1H15zM14%2014h1v1H14z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.5%22%20d%3D%22M15%202h1v1H15zM11%204h1v1H11zM5%205h1v1H5zM15%205h1v1H15zM7%207h1v1H7zM13%207h1v1H13zM8%208h1v1H8zM7%209h1v1H7zM9%2011h1v1H9zM12%2012h1v1H12zM13%2013h1v1H13zM16%2013h1v1H16zM2%2014h1v1H2zM15%2015h1v1H15zM17%2015h1v1H17zM17%2016h1v1H17z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.75%22%20d%3D%22M2%201h1v1H2zM6%201h1v1H6zM2%202h1v1H2zM8%203h1v1H8zM4%204h1v1H4zM12%208h1v1H12zM11%209h1v1H11zM12%2010h1v1H12zM17%2012h1v1H17zM4%2013h1v1H4zM17%2014h1v1H17zM4%2016h1v1H4z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%221.0%22%20d%3D%22M3%201h3v1H3zM16%201h2v1H16zM3%202h7v1H3zM16%202h2v1H16zM4%203h1v1H4zM9%203h3v1H9zM14%203h2v1H14zM5%204h1v1H5zM12%204h4v1H12zM6%205h1v1H6zM12%205h3v1H12zM7%206h1v1H7zM11%206h4v1H11zM8%207h5v1H8zM15%207h1v1H15zM9%208h3v1H9zM15%208h1v1H15zM8%209h3v1H8zM15%209h2v1H15zM7%2010h5v1H7zM16%2010h1v1H16zM6%2011h3v1H6zM12%2011h1v1H12zM16%2011h1v1H16zM6%2012h2v1H6zM13%2012h1v1H13zM16%2012h1v1H16zM5%2013h2v1H5zM14%2013h1v1H14zM17%2013h1v1H17zM3%2014h3v1H3zM15%2014h1v1H15zM2%2015h3v1H2zM16%2015h1v1H16zM3%2016h1v1H3z%22%2F%3E%3C%2Fsvg%3E)}.ho-creature-info .hci-native-light{--hci-icon-x:1655px;--hci-icon-y:785px;--hci-icon-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.25%22%20d%3D%22M6%205h1v1H6zM12%205h1v1H12zM14%207h3v1H14zM4%209h1v1H4zM14%2011h1v1H14zM8%2013h1v1H8z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.5%22%20d%3D%22M11%204h1v1H11zM6%2010h1v1H6zM14%2010h1v1H14zM6%2012h1v1H6z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%221.0%22%20d%3D%22M10%203h1v1H10zM9%204h2v1H9zM7%205h5v1H7zM13%205h1v1H13zM7%206h7v1H7zM6%207h8v1H6zM4%208h12v1H4zM5%209h11v1H5zM7%2010h7v1H7zM7%2011h7v1H7zM7%2012h7v1H7zM9%2013h3v1H9zM10%2014h1v1H10z%22%2F%3E%3C%2Fsvg%3E)}.ho-creature-info .hci-native-darkness{--hci-icon-x:1715px;--hci-icon-y:785px;--hci-icon-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.25%22%20d%3D%22M10%200h2v1H10zM15%200h2v1H15zM0%201h1v1H0zM16%208h2v1H16zM13%209h5v1H13zM14%2010h4v1H14zM13%2011h1v1H13zM9%2016h1v1H9zM14%2016h1v1H14zM16%2017h1v1H16z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.5%22%20d%3D%22M4%2011h1v1H4zM13%2014h1v1H13zM15%2015h1v1H15z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.75%22%20d%3D%22M9%202h1v1H9zM7%203h1v1H7zM10%207h1v1H10zM4%208h1v1H4zM4%2010h1v1H4z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%221.0%22%20d%3D%22M10%202h4v1H10zM8%203h7v1H8zM6%204h7v1H6zM6%205h6v1H6zM5%206h6v1H5zM5%207h5v1H5zM5%208h5v1H5zM4%209h6v1H4zM5%2010h5v1H5zM5%2011h6v1H5zM5%2012h6v1H5zM6%2013h6v1H6zM7%2014h6v1H7zM8%2015h7v1H8zM10%2016h4v1H10z%22%2F%3E%3C%2Fsvg%3E)}.ho-creature-info .hci-native-water{--hci-icon-x:1776px;--hci-icon-y:785px;--hci-icon-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.25%22%20d%3D%22M11%204h1v1H11zM6%208h1v1H6zM0%2013h3v1H0zM15%2013h1v1H15zM0%2014h3v1H0zM9%2014h1v1H9zM0%2015h1v1H0zM2%2015h1v1H2zM17%2015h1v1H17zM1%2016h3v1H1zM5%2016h1v1H5zM17%2016h1v1H17zM0%2017h7v1H0zM10%2017h1v1H10zM12%2017h1v1H12zM16%2017h2v1H16z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.5%22%20d%3D%22M14%205h1v1H14zM14%208h1v1H14zM5%2013h1v1H5zM8%2015h1v1H8z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.75%22%20d%3D%22M10%205h1v1H10zM13%2013h1v1H13z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%221.0%22%20d%3D%22M12%203h1v1H12zM12%204h2v1H12zM11%205h3v1H11zM9%206h6v1H9zM8%207h7v1H8zM7%208h7v1H7zM15%208h2v1H15zM5%209h12v1H5zM5%2010h12v1H5zM5%2011h12v1H5zM5%2012h11v1H5zM6%2013h7v1H6zM14%2013h1v1H14zM6%2014h3v1H6zM10%2014h2v1H10zM14%2014h2v1H14zM14%2015h1v1H14z%22%2F%3E%3C%2Fsvg%3E)}.ho-creature-info .hci-native-air{--hci-icon-x:1534px;--hci-icon-y:803px;--hci-icon-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.25%22%20d%3D%22M17%201h1v1H17zM12%207h1v1H12zM14%207h1v1H14zM5%208h1v1H5zM11%208h1v1H11zM10%209h4v1H10zM12%2013h1v1H12zM6%2015h1v1H6z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.5%22%20d%3D%22M6%204h1v1H6zM15%208h1v1H15zM13%2010h1v1H13zM14%2012h1v1H14z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.75%22%20d%3D%22M10%2010h1v1H10zM5%2011h1v1H5zM11%2013h1v1H11zM9%2014h1v1H9z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%221.0%22%20d%3D%22M8%202h7v1H8zM7%203h9v1H7zM7%204h10v1H7zM6%205h11v1H6zM6%206h11v1H6zM6%207h6v1H6zM15%207h2v1H15zM6%208h5v1H6zM6%209h4v1H6zM6%2010h4v1H6zM11%2010h2v1H11zM6%2011h8v1H6zM5%2012h9v1H5zM5%2013h6v1H5zM13%2013h1v1H13zM4%2014h5v1H4z%22%2F%3E%3C%2Fsvg%3E)}.ho-creature-info .hci-native-earth{--hci-icon-x:1595px;--hci-icon-y:803px;--hci-icon-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.25%22%20d%3D%22M1%200h1v1H1zM3%200h1v1H3zM7%200h2v1H7zM17%200h1v1H17zM17%201h1v1H17zM16%202h1v1H16zM0%206h2v1H0zM0%207h2v1H0zM0%208h2v1H0zM12%2011h1v1H12zM17%2013h1v1H17zM12%2014h1v1H12zM15%2014h3v1H15zM6%2015h2v1H6zM15%2015h1v1H15zM17%2015h1v1H17zM5%2016h1v1H5zM8%2016h1v1H8zM10%2016h2v1H10zM17%2016h1v1H17zM6%2017h2v1H6zM9%2017h2v1H9zM15%2017h1v1H15z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.5%22%20d%3D%22M4%202h1v1H4zM14%204h1v1H14zM5%207h1v1H5zM5%208h1v1H5zM5%209h1v1H5zM14%2011h1v1H14zM7%2013h1v1H7z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.75%22%20d%3D%22M5%206h1v1H5zM10%208h1v1H10zM12%2012h1v1H12zM15%2012h1v1H15z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%221.0%22%20d%3D%22M5%202h7v1H5zM4%203h9v1H4zM5%204h9v1H5zM5%205h10v1H5zM6%206h10v1H6zM6%207h11v1H6zM6%208h4v1H6zM12%208h5v1H12zM6%209h5v1H6zM13%209h4v1H13zM6%2010h6v1H6zM14%2010h3v1H14zM6%2011h6v1H6zM15%2011h2v1H15zM7%2012h5v1H7zM8%2013h5v1H8zM9%2014h3v1H9z%22%2F%3E%3C%2Fsvg%3E)}.ho-creature-info .hci-native-fire{--hci-icon-x:1655px;--hci-icon-y:803px;--hci-icon-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.25%22%20d%3D%22M9%205h1v1H9zM17%205h1v1H17zM8%206h1v1H8zM7%207h1v1H7zM7%208h1v1H7zM3%209h1v1H3zM9%2010h1v1H9zM10%2011h1v1H10zM9%2014h1v1H9z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.5%22%20d%3D%22M4%208h1v1H4zM12%208h1v1H12zM7%209h1v1H7zM11%2011h1v1H11zM5%2012h1v1H5z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.75%22%20d%3D%22M10%204h1v1H10zM13%207h1v1H13zM9%2011h1v1H9zM9%2013h1v1H9z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%221.0%22%20d%3D%22M8%202h6v1H8zM7%203h8v1H7zM5%204h5v1H5zM11%204h5v1H11zM4%205h5v1H4zM13%205h4v1H13zM4%206h4v1H4zM10%206h8v1H10zM4%207h3v1H4zM9%207h4v1H9zM14%207h4v1H14zM5%208h2v1H5zM9%208h3v1H9zM13%208h4v1H13zM4%209h3v1H4zM9%209h8v1H9zM4%2010h5v1H4zM10%2010h6v1H10zM5%2011h4v1H5zM12%2011h3v1H12zM6%2012h6v1H6zM10%2013h3v1H10zM10%2014h2v1H10z%22%2F%3E%3C%2Fsvg%3E)}.ho-creature-info .hci-native-prime{--hci-icon-x:1715px;--hci-icon-y:803px;--hci-icon-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.25%22%20d%3D%22M17%200h1v1H17zM17%201h1v1H17zM14%202h1v1H14zM8%203h1v1H8zM8%208h1v1H8zM11%2011h1v1H11zM8%2013h1v1H8z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.5%22%20d%3D%22M7%203h1v1H7zM14%205h1v1H14zM15%207h1v1H15zM6%209h1v1H6zM8%2010h1v1H8zM4%2011h1v1H4zM17%2011h1v1H17zM16%2012h1v1H16zM7%2013h1v1H7z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.75%22%20d%3D%22M16%203h1v1H16zM4%205h1v1H4zM7%207h1v1H7zM12%207h1v1H12zM6%2010h1v1H6z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%221.0%22%20d%3D%22M13%203h3v1H13zM5%204h5v1H5zM12%204h5v1H12zM5%205h6v1H5zM12%205h2v1H12zM15%205h3v1H15zM4%206h14v1H4zM4%207h3v1H4zM9%207h3v1H9zM13%207h2v1H13zM16%207h2v1H16zM4%208h3v1H4zM10%208h3v1H10zM14%208h4v1H14zM4%209h2v1H4zM7%209h11v1H7zM4%2010h2v1H4zM7%2010h1v1H7zM9%2010h1v1H9zM11%2010h7v1H11zM5%2011h5v1H5zM12%2011h5v1H12zM5%2012h5v1H5zM13%2012h3v1H13z%22%2F%3E%3C%2Fsvg%3E)}.ho-creature-info .hci-native-siege{--hci-icon-x:1776px;--hci-icon-y:803px;--hci-icon-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.25%22%20d%3D%22M15%200h3v1H15zM17%201h1v1H17zM2%202h1v1H2zM9%202h1v1H9zM12%202h1v1H12zM17%202h1v1H17zM3%203h1v1H3zM15%203h1v1H15zM17%203h1v1H17zM2%204h3v1H2zM17%204h1v1H17zM2%205h2v1H2zM17%205h1v1H17zM2%206h2v1H2zM10%206h1v1H10zM16%206h2v1H16zM17%207h1v1H17zM0%208h1v1H0zM2%208h1v1H2zM16%208h2v1H16zM1%209h1v1H1zM17%209h1v1H17zM0%2011h1v1H0zM2%2011h1v1H2zM8%2011h1v1H8zM11%2011h1v1H11zM15%2011h1v1H15zM0%2012h2v1H0zM10%2012h1v1H10zM1%2014h4v1H1zM15%2014h3v1H15zM1%2015h4v1H1zM6%2015h1v1H6zM9%2015h3v1H9zM15%2015h3v1H15zM0%2016h1v1H0zM2%2016h4v1H2zM16%2016h2v1H16zM2%2017h2v1H2zM5%2017h2v1H5zM10%2017h1v1H10zM13%2017h1v1H13z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.5%22%20d%3D%22M11%203h1v1H11zM11%205h1v1H11zM11%206h1v1H11zM6%207h1v1H6zM9%207h1v1H9zM11%207h1v1H11zM10%208h1v1H10zM8%2015h1v1H8z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.75%22%20d%3D%22M12%201h1v1H12zM8%2012h1v1H8zM13%2015h1v1H13z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%221.0%22%20d%3D%22M9%201h1v1H9zM8%202h1v1H8zM14%202h1v1H14zM7%203h2v1H7zM10%203h1v1H10zM12%203h1v1H12zM14%203h1v1H14zM7%204h8v1H7zM7%205h4v1H7zM12%205h3v1H12zM7%206h3v1H7zM12%206h3v1H12zM7%207h2v1H7zM12%207h2v1H12zM6%208h4v1H6zM13%208h1v1H13zM6%209h3v1H6zM6%2010h2v1H6zM7%2011h1v1H7zM7%2012h1v1H7zM9%2012h1v1H9zM11%2012h1v1H11zM7%2013h4v1H7zM8%2014h5v1H8z%22%2F%3E%3C%2Fsvg%3E)}.ho-creature-info .hci-native-initiative{--hci-icon-x:1686px;--hci-icon-y:706px;--hci-icon-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.25%22%20d%3D%22M1%200h2v1H1zM4%200h1v1H4zM9%200h9v1H9zM10%201h8v1H10zM5%202h1v1H5zM11%202h7v1H11zM3%203h1v1H3zM8%203h1v1H8zM11%203h5v1H11zM17%203h1v1H17zM7%204h1v1H7zM12%204h6v1H12zM12%205h6v1H12zM2%206h1v1H2zM8%206h1v1H8zM12%206h1v1H12zM14%206h4v1H14zM4%207h1v1H4zM13%207h4v1H13zM5%208h1v1H5zM11%208h1v1H11zM13%208h5v1H13zM4%209h1v1H4zM6%209h1v1H6zM15%209h3v1H15zM2%2010h1v1H2zM4%2010h1v1H4zM6%2010h1v1H6zM15%2010h1v1H15zM17%2010h1v1H17zM2%2011h1v1H2zM16%2011h2v1H16zM16%2012h2v1H16zM13%2013h1v1H13zM16%2013h2v1H16zM3%2014h2v1H3zM6%2014h1v1H6zM15%2014h3v1H15zM13%2015h1v1H13zM15%2015h3v1H15zM2%2016h1v1H2zM15%2016h3v1H15zM3%2017h1v1H3zM14%2017h4v1H14z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.5%22%20d%3D%22M7%201h1v1H7zM6%202h1v1H6zM4%203h1v1H4zM1%205h1v1H1zM8%205h2v1H8zM3%206h3v1H3zM13%206h1v1H13zM8%208h1v1H8zM5%2010h1v1H5zM12%2010h1v1H12zM6%2011h1v1H6zM10%2015h1v1H10zM7%2016h2v1H7z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.75%22%20d%3D%22M5%203h1v1H5zM2%204h2v1H2zM8%204h1v1H8zM2%205h1v1H2zM5%205h3v1H5zM9%207h1v1H9zM7%2013h1v1H7zM7%2015h1v1H7z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%221.0%22%20d%3D%22M7%202h2v1H7zM6%203h2v1H6zM4%204h3v1H4zM3%205h2v1H3zM6%206h2v1H6zM9%206h1v1H9zM5%207h3v1H5zM10%207h1v1H10zM6%208h2v1H6zM10%208h1v1H10zM7%209h3v1H7zM11%209h1v1H11zM7%2010h5v1H7zM5%2011h1v1H5zM7%2011h7v1H7zM6%2012h8v1H6zM6%2013h1v1H6zM8%2013h5v1H8zM7%2014h5v1H7zM8%2015h2v1H8z%22%2F%3E%3C%2Fsvg%3E)}.ho-creature-info .hci-native-movement{--hci-icon-x:1686px;--hci-icon-y:722px;--hci-icon-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.25%22%20d%3D%22M5%200h2v1H5zM9%200h3v1H9zM13%201h1v1H13zM7%202h1v1H7zM12%202h1v1H12zM4%205h1v1H4zM4%206h1v1H4zM5%209h2v1H5zM2%2011h1v1H2zM0%2012h1v1H0zM14%2012h1v1H14zM1%2013h1v1H1zM0%2016h1v1H0zM10%2016h2v1H10zM16%2016h1v1H16zM13%2017h1v1H13z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.5%22%20d%3D%22M0%200h2v1H0zM4%200h1v1H4zM7%200h2v1H7zM12%200h1v1H12zM0%201h2v1H0zM4%201h1v1H4zM0%202h2v1H0zM3%202h1v1H3zM14%202h1v1H14zM3%203h1v1H3zM3%204h1v1H3zM15%204h1v1H15zM3%205h1v1H3zM15%205h1v1H15zM5%207h1v1H5zM0%208h1v1H0zM5%208h1v1H5zM2%209h1v1H2zM12%209h1v1H12zM14%209h1v1H14zM0%2010h1v1H0zM3%2010h1v1H3zM12%2010h1v1H12zM0%2011h2v1H0zM4%2011h1v1H4zM2%2012h1v1H2zM9%2013h1v1H9zM15%2013h1v1H15zM1%2014h1v1H1zM17%2016h1v1H17zM0%2017h6v1H0zM8%2017h3v1H8zM14%2017h4v1H14z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%220.75%22%20d%3D%22M2%200h2v1H2zM13%200h4v1H13zM2%201h2v1H2zM14%201h2v1H14zM17%201h1v1H17zM2%202h1v1H2zM15%202h1v1H15zM0%203h3v1H0zM11%203h1v1H11zM15%203h1v1H15zM17%203h1v1H17zM0%204h1v1H0zM2%204h1v1H2zM16%204h2v1H16zM0%205h1v1H0zM16%205h2v1H16zM0%206h4v1H0zM7%206h1v1H7zM12%206h1v1H12zM15%206h3v1H15zM0%207h5v1H0zM14%207h4v1H14zM1%208h4v1H1zM12%208h1v1H12zM14%208h4v1H14zM0%209h2v1H0zM3%209h2v1H3zM17%209h1v1H17zM1%2010h2v1H1zM14%2010h1v1H14zM12%2011h1v1H12zM14%2011h2v1H14zM10%2012h1v1H10zM12%2012h1v1H12zM15%2012h2v1H15zM7%2013h1v1H7zM11%2013h1v1H11zM16%2013h2v1H16zM0%2014h1v1H0zM15%2016h1v1H15zM6%2017h2v1H6z%22%2F%3E%3Cpath%20fill%3D%22white%22%20fill-opacity%3D%221.0%22%20d%3D%22M17%200h1v1H17zM16%201h1v1H16zM5%202h1v1H5zM16%202h2v1H16zM5%203h6v1H5zM12%203h2v1H12zM16%203h1v1H16zM1%204h1v1H1zM5%204h9v1H5zM1%205h2v1H1zM5%205h9v1H5zM8%206h4v1H8zM7%208h5v1H7zM7%209h5v1H7zM15%209h2v1H15zM6%2010h6v1H6zM15%2010h3v1H15zM5%2011h7v1H5zM16%2011h2v1H16zM3%2012h7v1H3zM11%2012h1v1H11zM17%2012h1v1H17zM2%2013h5v1H2zM8%2013h1v1H8zM10%2013h1v1H10zM2%2014h12v1H2zM15%2014h3v1H15zM1%2015h9v1H1zM11%2015h2v1H11zM14%2015h2v1H14zM12%2016h3v1H12zM11%2017h2v1H11z%22%2F%3E%3C%2Fsvg%3E)}.ho-creature-info .hci-health-row{position:relative;display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:12px}.ho-creature-info .hci-health{flex:1;min-width:0}.ho-creature-info .hci-health-text{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:2px 8px;font-size:15px;line-height:1.3;padding-bottom:4px}.ho-creature-info .hci-health-text b{font-weight:400}.ho-creature-info .hci-health-track{display:block;position:relative;height:7px;overflow:hidden;border:1px solid #b5bdab;border-radius:1px 1px 3px 3px;background:#112b26}.ho-creature-info .hci-health-fill{display:block;height:100%;background:#68b17a url(/art/ui/hp-fill.png) center / 100% 100%}.ho-creature-info .hci-count{display:flex;align-items:center;justify-content:end;gap:6px;min-width:80px;padding:3px 4px 2px 8px;border:1px solid #a89d84;border-radius:3px;background:#514938;font:25px/1 HO Caption,Georgia,serif}.ho-creature-info .hci-count .hci-icon{width:22px;height:28px}.ho-creature-info .hci-resistances>h4,.ho-creature-info .hci-abilities>h4,.ho-creature-info .hci-ability-detail>h4{margin:0 0 7px;padding-bottom:4px;border-bottom:1px solid #b3b6ab;color:#e4dcc8;font:16px/1.25 HO Caption,Georgia,serif;letter-spacing:normal}.ho-creature-info .hci-resistances{margin-top:18px}.ho-creature-info .hci-resistances dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 5px;margin:0}.ho-creature-info .hci-resistances dl>div{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:14px}.ho-creature-info .hci-resistances dt{display:flex}.ho-creature-info .hci-abilities{margin-top:18px}.ho-creature-info .hci-ability{position:relative;margin:0;border-bottom:1px solid #527086}.ho-creature-info .hci-ability summary{display:flex;align-items:center;gap:8px;min-height:38px;padding:6px 2px;cursor:pointer;list-style:none;font-size:16px;line-height:1.25}.ho-creature-info .hci-ability summary::-webkit-details-marker{display:none}.ho-creature-info .hci-ability summary:after{content:"+";margin-left:auto;color:#cdbb92;font:20px/1 HO Text,sans-serif}.ho-creature-info .hci-ability[open] summary:after{content:"−"}.ho-creature-info .hci-ability summary:hover,.ho-creature-info .hci-ability[open] summary{background:#23485f}.ho-creature-info summary:focus-visible,.ho-creature-info .hci-lore:focus-visible{outline:2px solid #e0c795;outline-offset:-2px}.ho-creature-info .hci-ability-detail,.ho-creature-info.hci-side-details .hci-ability[open]>.hci-ability-detail{position:static;width:auto;padding:10px 12px 14px;margin:0 0 8px;border:1px solid #6f8793;border-radius:2px;background:#102b3c;font-size:16px;overflow-wrap:anywhere}.ho-creature-info .hci-ability-detail>h4{display:none}.ho-creature-info .hci-ability-detail p{margin:0 0 12px;line-height:1.4}.ho-creature-info .hci-ability-stat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:5px 0}.ho-creature-info .hci-ability-stat b{flex:none;font-weight:400}.ho-creature-info .hci-note{font-size:15px;font-style:italic}.ho-creature-info .hci-effect{color:#ded1b4}.ho-creature-info .hci-lore{margin-top:20px;font-size:16px;line-height:1.4}.ho-creature-info .hci-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:459px){.ho-creature-info .hci-content{padding-left:20px;padding-right:14px}.ho-creature-info .hci-portrait-clip{width:144px;height:144px}.ho-creature-info .hci-portrait{width:140px;height:140px}.ho-creature-info .hci-stats,.ho-creature-info .hci-heading{max-width:calc(100% - 148px)}.ho-creature-info .hci-resistances dl{column-gap:2px}.ho-creature-info .hci-resistances dl>div{gap:2px;font-size:13px}}#townPanel[data-town-faction=haven]{--haven-engraving: url(/art/ui/haven-detail/panel-restoration.png)}#townPanel[data-town-faction=haven] .tw-bld{--town-building-tone: saturate(.95) brightness(.94) contrast(.94)}#townPanel[data-town-faction=haven] [data-bld=garrison]{--town-building-tone: saturate(.85) brightness(.93) contrast(.94)}.tw-projected-shadow{overflow:visible}#townPanel[data-town-faction=haven] :is(.tw-cycle-time,.tw-construction-time){font-family:Tahoma,Arial,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0}#townPanel[data-town-faction=haven] .tw-production:not(.full) .tw-fillbar{background:linear-gradient(#28333c,#536773 55%,#7b8587);box-shadow:inset 0 1px 1px #101c25,inset 0 -1px #b1b8b4}#townPanel[data-town-faction=haven] .tw-production:not(.full) .tw-fillbar i{background:linear-gradient(#e3dab3,#c6b976 45%,#9a8d54 55%,#c5bb81);box-shadow:inset 0 1px #ece5c3}#townPanel[data-town-faction=haven] .tw-plate:after{content:"";inset:1.7% 2.6%;background:var(--haven-engraving) center 60% / 114% 116% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M5 0H95Q100 28 100 50Q100 74 95 100H5Q0 73 0 50Q0 27 5 0Z' fill='white'/%3E%3C/svg%3E") center/100% 100% no-repeat,linear-gradient(transparent 35%,#000 80%);mask-composite:intersect;opacity:.24;pointer-events:none}#townPanel.town-window[data-town-faction=haven]:before,#townPanel.town-window[data-town-faction=haven]:after{content:"";display:block;position:absolute;pointer-events:none;z-index:0;border:0;border-radius:0;box-shadow:none;filter:none;width:auto;transform:none;left:0;right:0;height:calc(5.3 * var(--u));background:url(/art/ui/haven-detail/barracks-source.jpg) 46.3654% 24.6078% / 212.8603% 1800% no-repeat;opacity:.65}#townPanel[data-town-faction=haven]:before{top:0;mask-image:linear-gradient(90deg,#000 24%,transparent 35%,transparent 67%,#000 78%),linear-gradient(#000 20%,transparent 38%);mask-composite:add}#townPanel.town-window[data-town-faction=haven]:after{top:auto;bottom:0;left:35%;background-position:59.403% 75.3637%;background-size:331.0345% 2204.0816%;mask:linear-gradient(90deg,transparent,#000 15%,#000 95%,transparent)}#townPanel[data-town-faction=haven]>header .tn{color:#d7dadd;-webkit-text-stroke:calc(.2 * var(--u)) #233747;paint-order:stroke fill;text-shadow:0 1px #fff,0 calc(.16 * var(--u)) #778b9a,0 calc(.29 * var(--u)) calc(.14 * var(--u)) #07111d}#townPanel[data-town-faction=haven] :is(.tw-slot,.tw-item):after{content:"";position:absolute;pointer-events:none;inset:5% 1%;border:1px solid #c4b38865;border-radius:calc(.28 * var(--u));box-shadow:inset 0 0 0 1px #3e332d65}#townPanel[data-town-faction=haven] :is(.tw-slot,.tw-item).on:after{border-color:#e2ce8fb3}#townPanel[data-town-faction=haven] .tw-slot-scene{opacity:.31}#townPanel[data-town-faction=haven] .tw-slot.on .tw-slot-scene{opacity:.76}#townPanel[data-town-faction=haven] :is(.tw-orb,.tw-medal),#townPanel[data-town-faction=haven] .tw-dwelling-tabs button span{border:0;box-shadow:0 0 0 calc(.13 * var(--u)) #263a49,0 0 0 calc(.31 * var(--u)) #bdc4c5,0 0 0 calc(.4 * var(--u)) #62777f,0 calc(.16 * var(--u)) calc(.3 * var(--u)) #051421b3}#townPanel[data-town-faction=haven] .tw-dwelling-tabs button.on{background:linear-gradient(#345b70,#17384e 18%,#0e2b41 90%);border:1px solid #b5bba4;box-shadow:inset 0 0 0 1px #778e92,inset 0 3px 3px #c7c6a34d}#townPanel[data-town-faction=haven] .tw-troop-orb{background:radial-gradient(circle at 45% 42%,#123148 55%,#09243b 70%);box-shadow:inset 0 0 0 calc(.12 * var(--u)) #607985,inset 0 0 0 calc(.43 * var(--u)) #b7c0c4,inset 0 0 0 calc(.53 * var(--u)) #273e50}#townPanel[data-town-faction=haven] .tw-troop.locked .tw-troop-orb{background:url(/art/ui/town-kit/orb-locked.png) center/100% 100% no-repeat}#townPanel[data-town-faction=haven] .tw-troops:before{background:url(/art/ui/town-controls/dock.png) center/100% 100% no-repeat}#townPanel[data-town-faction=haven] .tw-troops:after{content:"";position:absolute;pointer-events:none;z-index:-1;top:calc(3.6 * var(--u));left:calc(2 * var(--u));right:calc(2 * var(--u));height:calc(5.4 * var(--u));background:var(--haven-engraving) center 82% / 120% 1000% no-repeat;opacity:.22;mask:linear-gradient(transparent,#000 30%,#000 90%,transparent)}#townPanel[data-town-faction=haven] .tw-production.full .tw-fillbar{background:url(/art/ui/haven-detail/hall-source.jpg) 49.7792% 53.9773% / 1777.7778% 4500% no-repeat;border:1px solid #d9c48d;border-radius:calc(.18 * var(--u));box-shadow:inset 0 0 0 1px #705127,0 1px #071d30}#townPanel[data-town-faction=haven] .tw-production.full .tw-fillbar i{background:none}#townPanel[data-town-faction=haven] .tw-instant{background:url(/art/ui/town-controls/green-instant.png) center/100% 100% no-repeat;border:0;box-shadow:none}#townPanel[data-town-faction=haven] .ho-creature-info .hci-surface{background:#0d304c url(/art/ui/town/panel-fill.png) center / 100% 100%;border-color:#a4b5bd;box-shadow:inset 0 0 0 2px #193d52,inset 0 0 0 3px #638497,0 4px 10px #03111cb3;overflow:hidden}#townPanel[data-town-faction=haven] .ho-creature-info .hci-surface:before{content:"";position:absolute;pointer-events:none;top:145px;left:50%;width:330px;height:330px;transform:translate(-50%);background:url(/art/icons/Haven_HO.png) center / contain no-repeat;opacity:.085}#townPanel[data-town-faction=haven] .ho-creature-info .hci-heading h3{width:fit-content;padding:0;margin-left:0;background:none}#townPanel[data-town-faction=haven] .ho-creature-info .hci-portrait{border:3px solid #c1c8c9;box-shadow:inset 0 0 0 1px #536672,0 0 0 1px #3f5564}#townPanel[data-town-faction=haven] .ho-creature-info :is(.hci-abilities,.hci-resistances)>h4{border-bottom-color:#b8c0b8;box-shadow:0 1px #142f3d}#townPanel[data-town-faction=haven] .ho-creature-info .hci-count{background:linear-gradient(#5c5946,#454331);border-color:#baac7c;box-shadow:inset 0 0 0 1px #2a322d,inset 0 2px #d6c79545}#townPanel[data-town-faction=haven] .garrison .tw-keep-orb{background:radial-gradient(ellipse at 45% 38%,#193647,#091e2d 78%);border:calc(.12 * var(--u)) solid #263d4b;box-shadow:inset 0 0 0 calc(.14 * var(--u)) #6e8590,inset 0 0 0 calc(.36 * var(--u)) #b9c4c7,inset 0 0 0 calc(.48 * var(--u)) #526c79,0 calc(.15 * var(--u)) calc(.25 * var(--u)) #061523}#townPanel[data-town-faction=haven] .garrison button.tw-keep-orb:after{inset:calc(.48 * var(--u))}#townPanel[data-town-faction=haven] .tw-hire-slider::-webkit-slider-runnable-track{height:calc(.35 * var(--u));border:1px solid #697c82;background:linear-gradient(#1b2e38,#b5bca8 55%,#647674);box-shadow:0 1px #061929}#townPanel[data-town-faction=haven] .tw-hire-slider::-webkit-slider-thumb{width:calc(1.25 * var(--u));height:calc(2.15 * var(--u));margin-top:calc(-.95 * var(--u));border:1px solid #d5c697;background:linear-gradient(90deg,#423c2c,#b6a77f 24%,#77694c 45%,#423a2a 51%,#a69772 79%,#514632);box-shadow:inset 0 0 0 1px #3b382b,0 1px 2px #07131b}#townPanel[data-town-faction=haven] :is(.tw-upgrade-tip,.tw-demolish-dialog,.tw-reserve-list,.tw-help-content){color:#eee8d9;background:#102d43 url(/art/ui/town/panel-fill.png) center/100% 100%;border:1px solid #a4b6bc;box-shadow:inset 0 0 0 1px #1a384b,inset 0 0 0 2px #587584,0 5px 18px #03101be6;font-size:var(--tw-readable);line-height:1.4;scrollbar-color:#a89a72 #102c42;scrollbar-width:thin;overscroll-behavior:contain}#townPanel[data-town-faction=haven] :is(.tw-upgrade-tip,.tw-demolish-dialog) h3{font-size:max(calc(1.6 * var(--u)),var(--tw-readable));padding-bottom:calc(.4 * var(--u));color:#e8dec3}#townPanel[data-town-faction=haven] .tw-upgrade-tip .tw-acts{background:#102d43;gap:calc(.7 * var(--u))}#townPanel[data-town-faction=haven] :is(.tw-list,.tw-detail,.tw-builder-detail){scrollbar-color:#a89a72 #102c42;overscroll-behavior:contain}#townPanel[data-town-faction=haven] .tw-list-wrap .tw-item.locked{background-image:url(/art/ui/town-controls/list-locked.png);filter:none;color:#c6bda6}#townPanel[data-town-faction=haven] .tw-list-wrap .tw-item.locked .tw-item-ico{visibility:hidden}#townPanel[data-town-faction=haven] .tw-list-wrap .tw-item.locked.on:after{border-color:#e2ce8f;box-shadow:inset 0 0 0 1px #706241}#townPanel[data-town-faction=haven] .dwelling .tw-face-nm[data-long-title=true]{top:calc(3 * var(--u));font-size:calc(2.8 * var(--u))}#townPanel[data-town-faction=haven] .tw-creature-info{--hci-max-height: calc(var(--ui-height, 100dvh) - 120px)}#townPanel[data-town-faction=haven] .ho-creature-info .hci-surface{top:48px}#townPanel[data-town-faction=haven] .tw-creature-info>.tw-x{top:56px;left:3px}#townPanel[data-town-faction=haven] .ho-creature-info .hci-stat dt{font-size:14px}#townPanel[data-town-faction=haven] .tw-production .tw-acts .tw-icon-action{background-image:url(/art/ui/haven-detail/actions-restoration.png);background-size:100% 200%;background-position:center top;border-radius:calc(.28 * var(--u))}#townPanel[data-town-faction=haven] .tw-production .tw-acts .collect{background-position:center bottom}dialog.province-map{position:fixed;inset:50% auto auto 50%;margin:0;padding:0;border:0;width:960px;height:600px;max-width:none;max-height:none;overflow:visible;background:transparent;color:#e3e0d7;transform:translate(-50%,-50%) scale(var(--pm-scale, 1));transform-origin:center;user-select:none;overscroll-behavior:contain}.province-map::backdrop{background:#030a0f8f}.pm-frame{position:relative;width:100%;height:100%;background:#071c29;border-image:url(/art/ui/province-map/frame-restored.webp) 73 6 71 6 fill / 73px 6px 71px 6px / 0 stretch}.pm-frame:before{content:"";position:absolute;left:6px;right:6px;bottom:7px;height:64px;background:url(/art/ui/province-map/frame-restored.webp) right calc(100% + 7px) / 154.839% 600px no-repeat;pointer-events:none}.pm-viewport{position:absolute;inset:73px 6px 71px;overflow:hidden;background:#293b3e;cursor:grab;touch-action:none;box-shadow:0 0 0 1px #a6b7b77a;outline:none}.pm-viewport.dragging{cursor:grabbing}.pm-world{position:absolute;width:1000px;height:1012px;transform-origin:0 0;pointer-events:none}.pm-terrain,.pm-regions{position:absolute;inset:0;width:100%;height:100%}.pm-regions g{display:none}.pm-regions g.selected{display:inline}.pm-regions path{fill:none;stroke-linejoin:round;stroke-linecap:round}.pm-border-mist{stroke:#f0f2e9;stroke-width:6;opacity:.28;filter:blur(2px)}.pm-border-line{stroke:#d8dec796;stroke-width:.6}.province-map h1{position:absolute;top:30px;left:80px;right:80px;margin:0;font:700 58px/1.1 var(--display);font-variant:small-caps;text-align:center;color:#e0e3e4;letter-spacing:0;-webkit-text-stroke:1px #26313c;paint-order:stroke fill;filter:drop-shadow(2px 0 0 #84919b) drop-shadow(-2px 0 0 #84919b) drop-shadow(0 2px 0 #84919b) drop-shadow(0 -2px 0 #84919b) drop-shadow(0 2px 2px #07131d);pointer-events:none}.pm-area-title{position:absolute;left:60px;right:60px;top:106px;text-align:center;font:400 29px/1.1 Georgia,serif;color:#f1efdf;pointer-events:none;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 2px #000}.province-map button{cursor:pointer;font-variant-numeric:lining-nums}.province-map button:focus-visible{outline:2px solid #e6ca87;outline-offset:2px}.pm-pan{position:absolute;border:0;background:transparent;padding:0;width:30px;height:34px}.pm-pan:before{content:"";display:block;width:0;height:0;margin:auto;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:10px solid #d8caaa;filter:drop-shadow(1px 0 0 #3b4140) drop-shadow(-1px 0 0 #3b4140) drop-shadow(0 1px 0 #3b4140)}.pm-east{right:2px;top:calc(50% - 17px)}.pm-west{left:2px;top:calc(50% - 17px);transform:rotate(180deg)}.pm-north{top:73px;left:calc(50% - 15px);transform:rotate(-90deg)}.pm-south{bottom:71px;left:calc(50% - 15px);transform:rotate(90deg)}.pm-pan:disabled{visibility:hidden}.pm-pan:hover{filter:brightness(1.4)}.pm-back{position:absolute;left:15px;bottom:18px;width:317px;height:40px;border:none;background:url(/art/ui/province-map/back.png) center / 100% 100%;padding:0 5px 2px 0;font:700 27px/1 var(--display);font-variant:small-caps;color:#e6e2d7;text-shadow:0 2px 2px #211b0d}.pm-back:hover{filter:brightness(1.14)}.pm-back:active{filter:brightness(.9)}.pm-tools{position:absolute;bottom:19px;right:21px;height:37px;display:flex;align-items:center;gap:5px}.pm-tools button{width:34px;height:34px;border:1px solid transparent;padding:0;background:transparent;color:#d7d4c5;font:400 27px/30px Georgia,serif}.pm-tools button:hover{border-color:#7c8b8c;background:#95bfd216}.pm-tools button:disabled{opacity:.3;cursor:default}.pm-tools img{width:29px;height:29px;object-fit:contain;vertical-align:middle}.pm-tool-divider{margin:0 7px;width:1px;height:22px;background:#81999b55}.pm-zoom{min-width:44px;text-align:center;font:15px Georgia,serif;color:#b4c0c2}.pm-pins{position:absolute;inset:0;pointer-events:none}.pm-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:0;padding:0;width:var(--pm-pin-size,32px);height:var(--pm-pin-size,32px);background:none}.pm-pin img{width:100%;height:100%;object-fit:contain;filter:hue-rotate(var(--pm-hue,0deg)) drop-shadow(0 1px 2px #071516)}.pm-pin:hover{z-index:2}.pm-pin:hover img{filter:hue-rotate(var(--pm-hue,0deg)) brightness(1.35) drop-shadow(0 0 4px #6df4ff)}.pm-current{position:absolute;width:21px;height:25px;transform:translate(-50%,-50%);z-index:3}.pm-current svg{width:100%;height:100%;fill:#e84635;stroke:#ffe5a1;stroke-width:1.3;filter:drop-shadow(0 1px 2px #000)}.pm-tip{position:absolute;right:38px;bottom:92px;max-width:280px;padding:14px 18px;border:1px solid #7a929c;background:#061c2ced;box-shadow:0 3px 15px #0008;pointer-events:none}.pm-tip strong,.pm-tip span{display:block}.pm-tip strong{font:700 19px Georgia,serif;color:#eee6cf;margin-bottom:6px}.pm-tip span{font:16px/1.35 var(--body);color:#c9d4d8}.pm-map-error{position:absolute;inset:0;display:grid;place-content:center;gap:15px;background:#173244;text-align:center}.pm-map-error button{padding:8px 20px;border:1px solid #9aabaf;background:#143b50;color:#eee}.pm-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.province-map [hidden]{display:none!important}#featsPanel{--fu: min(calc(94 * var(--ui-vw, 1vw) / 1350), calc(80 * var(--ui-vh, 1vh) / 844), calc(8px / 9));width:calc(1350 * var(--fu));height:calc(844 * var(--fu));max-width:none;max-height:none;padding:0;border:0;border-radius:calc(8 * var(--fu));display:block;overflow:visible;color:#f1f2e8;background:url(/art/ui/achievements/window-clean.png) center / 100% 100% no-repeat;box-shadow:0 calc(12 * var(--fu)) calc(50 * var(--fu)) #0009,0 0 0 150vmax #0006;font-family:var(--body);font-weight:400}#featsPanel[hidden]{display:none}#featsPanel:before,#featsPanel:after{content:none}#featsPanel:before{content:"";position:absolute;inset:16.4% .8% 13% 35.1%;border:0;border-radius:0;background:radial-gradient(ellipse at 55% 50%,#08406499 15%,#08406466 57%,transparent 80%);mix-blend-mode:screen;pointer-events:none}#featsPanel *,#featsPanel *:before,#featsPanel *:after{box-sizing:border-box}#featsPanel button{cursor:pointer;font-family:inherit}#featsPanel button:focus-visible{outline:calc(2 * var(--fu)) solid #f7df96;outline-offset:calc(2 * var(--fu))}#featsPanel .feats-heading{position:absolute;top:calc(40 * var(--fu));left:0;width:100%;margin:0;text-align:center;font:400 calc(66 * var(--fu))/1.1 var(--display);color:#d9e2e5;letter-spacing:.015em;-webkit-text-stroke:calc(1 * var(--fu)) #344653;text-shadow:0 calc(2 * var(--fu)) #08111a,calc(2 * var(--fu)) 0 #8596a2,calc(-2 * var(--fu)) 0 #8596a2,0 calc(-2 * var(--fu)) #8596a2,0 calc(4 * var(--fu)) calc(3 * var(--fu)) #000}#featsCategoryTabs{position:absolute;left:calc(24 * var(--fu));top:calc(132 * var(--fu));width:calc(407 * var(--fu));height:calc(570 * var(--fu));display:flex;flex-direction:column;gap:calc(8 * var(--fu));padding:calc(2 * var(--fu)) 0;margin:0;overflow:auto;scrollbar-width:none;overscroll-behavior:contain;background:none;border:none}#featsCategoryTabs::-webkit-scrollbar,#featsBody::-webkit-scrollbar{display:none}#featsPanel .feats-tab{position:relative;flex:0 0 calc(67 * var(--fu));width:calc(400 * var(--fu));padding:0;background:none;border:0;color:#e4e7d9;text-align:left}.feats-tab-plate{position:absolute;left:calc(43 * var(--fu));top:calc(6 * var(--fu));width:calc(357 * var(--fu));height:calc(58 * var(--fu));border:calc(2 * var(--fu)) solid #9c9563;border-radius:calc(4 * var(--fu));box-shadow:inset 0 0 0 calc(2 * var(--fu)) #496463,0 calc(2 * var(--fu)) calc(2 * var(--fu)) #183141}.feats-tab.summary .feats-tab-plate{filter:sepia(.8) saturate(1.4) brightness(1.4)}.feats-tab.active .feats-tab-plate,.feats-tab:hover .feats-tab-plate{filter:brightness(1.65) saturate(.8)}.feats-tab.summary.active .feats-tab-plate,.feats-tab.summary:hover .feats-tab-plate{filter:sepia(.85) saturate(1.6) brightness(1.7)}.feats-tab-emblem{position:absolute;left:calc(18 * var(--fu));top:0;width:calc(66 * var(--fu));height:calc(66 * var(--fu));border-radius:50%;overflow:hidden;clip-path:circle(49.6% at 50% 50%)}.feats-tab-emblem>svg{display:block;width:100%;height:100%}.feats-tab-label{position:absolute;left:calc(102 * var(--fu));right:calc(7 * var(--fu));top:calc(19 * var(--fu));font:400 calc(28 * var(--fu))/1.15 var(--display);text-shadow:0 calc(2 * var(--fu)) calc(2 * var(--fu)) #07151b}.feats-tab[data-cat=pvp] .feats-tab-label{font-size:calc(22 * var(--fu));top:calc(22 * var(--fu))}#featsBody{position:absolute;left:calc(530 * var(--fu));top:calc(161 * var(--fu));width:calc(772 * var(--fu));height:calc(542 * var(--fu));overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:0 calc(7 * var(--fu)) 0 0}.feats-overall{position:relative;height:calc(125 * var(--fu));border-bottom:calc(1 * var(--fu)) solid #8cb9ca4d}.feats-overall h3,.feats-category h3{position:absolute;left:0;top:0;margin:0;font:400 calc(32 * var(--fu))/1.2 var(--display);color:#f4f4ec;text-shadow:0 calc(2 * var(--fu)) calc(2 * var(--fu)) #001522}.feats-percent,.feats-count,.feats-score{position:absolute;font:700 calc(25 * var(--fu))/1.2 var(--body);color:#e5eae3}.feats-percent{right:calc(62 * var(--fu));top:calc(15 * var(--fu))}.feats-count{left:calc(3 * var(--fu));top:calc(86 * var(--fu))}.feats-score{right:calc(48 * var(--fu));top:calc(85 * var(--fu));display:flex;align-items:center;gap:calc(7 * var(--fu))}.feats-laurel{width:calc(27 * var(--fu));height:calc(27 * var(--fu));object-fit:contain}.feats-bar{height:calc(14 * var(--fu));border:calc(2 * var(--fu)) solid #7c969e;background:linear-gradient(#c5c8bc,#687c87,#a4aaa7 52%,#516577 65%,#173144);box-shadow:0 calc(2 * var(--fu)) calc(3 * var(--fu)) #00141d;transform:skew(-32deg);overflow:hidden}.feats-bar>i{display:block;height:100%;background:linear-gradient(#eaf2b5,#9cac6e 45%,#697d40 55%,#b6c185)}.feats-overall>.feats-bar{position:absolute;top:calc(63 * var(--fu));left:calc(3 * var(--fu));right:calc(51 * var(--fu))}.feats-ribbon{display:block;width:calc(53 * var(--fu));height:calc(59 * var(--fu));position:relative}.feats-ribbon svg{display:block;width:100%;height:100%;fill:#082d40;stroke:#638397;stroke-width:1.5}.feats-ribbon.earned svg{fill:#ba9e55;stroke:#e1cc93;opacity:1}.feats-ribbon .feats-check{fill:none;stroke:#fff3bf;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.feats-overall>.feats-ribbon{position:absolute;right:calc(-2 * var(--fu));top:calc(43 * var(--fu))}.feats-categories{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(22 * var(--fu))}#featsBody.feats-summary-view{overflow:hidden}.feats-summary-view .feats-categories{position:absolute;top:calc(125 * var(--fu));left:0;right:calc(7 * var(--fu));bottom:0;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}#featsPanel .feats-category{position:relative;height:calc(140 * var(--fu));padding:0;color:inherit;text-align:left;border:0;border-bottom:calc(1 * var(--fu)) solid #8cb9ca55;background:radial-gradient(ellipse at 50% 60%,#8cc6de0e,transparent 75%)}.feats-category:before{content:"";position:absolute;left:0;right:0;top:calc(16 * var(--fu));height:calc(1 * var(--fu));background:linear-gradient(90deg,transparent,#8cb9ca55,transparent)}.feats-category h3{top:calc(23 * var(--fu));font-size:calc(27 * var(--fu))}.feats-category .feats-percent{top:calc(42 * var(--fu));right:calc(58 * var(--fu));font-size:calc(21 * var(--fu))}.feats-category .feats-bar{position:absolute;top:calc(76 * var(--fu));left:calc(3 * var(--fu));right:calc(52 * var(--fu))}.feats-category .feats-count{top:calc(106 * var(--fu));font-size:calc(21 * var(--fu))}.feats-category .feats-score{top:calc(101 * var(--fu));right:calc(48 * var(--fu));font-size:calc(21 * var(--fu))}.feats-category>.feats-ribbon{position:absolute;right:calc(-2 * var(--fu));top:calc(58 * var(--fu))}.feats-category:hover{background-color:#63899f25!important}.feats-inspect{display:none;position:absolute;right:calc(10 * var(--fu));top:calc(23 * var(--fu));font-size:calc(28 * var(--fu));line-height:1;color:#dce6dc;pointer-events:none}.feats-category:hover .feats-inspect{display:block}#featsPanel .feats-row{position:relative;display:block;width:100%;height:calc(129 * var(--fu));margin:0;padding:0;background:transparent;border:0;border-bottom:calc(1 * var(--fu)) solid #8cb9ca4d;text-align:left;color:#f0f1e8}.feats-row:hover{background:#8db7c710!important}.feats-row-title{position:absolute;top:calc(14 * var(--fu));left:calc(3 * var(--fu));width:calc(418 * var(--fu));font:400 calc(27 * var(--fu))/1.12 var(--display);text-shadow:0 calc(2 * var(--fu)) calc(2 * var(--fu)) #031420}.feats-row-desc{position:absolute;left:calc(3 * var(--fu));top:calc(69 * var(--fu));width:calc(426 * var(--fu));font:400 calc(19 * var(--fu))/1.2 var(--body);transform:skew(-8deg);transform-origin:left center}#featsPanel .feats-row:not(.feats-sub){height:auto;min-height:calc(129 * var(--fu));padding:calc(14 * var(--fu)) 0 calc(20 * var(--fu))}.feats-row:not(.feats-sub) .feats-row-title{position:relative;display:block;top:auto;min-height:calc(37 * var(--fu))}.feats-row:not(.feats-sub) .feats-row-desc{position:relative;display:block;top:auto;margin-top:calc(18 * var(--fu))}.feats-row-points{position:absolute;top:calc(20 * var(--fu));right:0;display:flex;align-items:center;gap:calc(6 * var(--fu));font:700 calc(24 * var(--fu))/1 var(--body)}.feats-medal{position:absolute;left:calc(437 * var(--fu));top:calc(28 * var(--fu));width:calc(23 * var(--fu));height:calc(27 * var(--fu));mix-blend-mode:lighten}.feats-state{position:absolute;left:calc(477 * var(--fu));top:calc(23 * var(--fu));width:calc(98 * var(--fu));height:calc(89 * var(--fu))}.feats-state>.feats-ribbon{margin:0 auto}.feats-row-percent{position:absolute;top:calc(59 * var(--fu));right:calc(2 * var(--fu));font:700 calc(18 * var(--fu))/1 var(--body);z-index:1}.feats-state>.feats-bar{position:absolute;top:calc(72 * var(--fu));width:calc(94 * var(--fu));height:calc(11 * var(--fu))}.feats-title-reward{position:absolute;right:calc(86 * var(--fu));top:calc(31 * var(--fu));width:calc(51 * var(--fu));height:calc(54 * var(--fu));overflow:hidden}.feats-title-source{clip-path:path(evenodd,"M261 187 Q516 179 660 152 L694 134 Q733 122 765 163 Q792 149 810 170 Q837 204 819 241 L803 259 785 262 Q778 286 746 299 L744 316 766 357 785 388 790 406 784 417 792 435 807 436 821 453 825 469 846 482 865 492 864 502 857 513 864 521 882 526 900 520 910 525 921 542 942 565 963 585 990 598 1007 614 1016 627 1008 635 1022 644 1040 649 1046 665 1040 712 1042 751 1062 762 Q1097 762 1107 803 Q1117 840 1066 860 L1060 873 Q1084 880 1070 901 L1057 915 1064 950 1060 968 1062 987 Q1061 1027 1026 1040 Q986 1054 973 1023 L972 1008 978 988 966 977 955 969 939 953 927 932 939 910 Q801 989 696 1042 L644 1062 597 1083 Q557 1102 510 1080 Q433 1064 414 995 Q393 922 420 870 Q449 827 508 805 L494 782 473 748 456 730 431 709 412 693 416 674 402 663 377 664 366 656 340 627 324 602 315 584 324 568 329 556 324 547 305 542 287 547 278 538 266 518 258 494 243 422 234 380 226 358 205 346 Q170 333 170 291 Q166 255 185 241 L200 232 Q206 195 230 185 Q247 177 261 187 Z M1015 843 L1020 827 Q1031 807 1040 810 L1050 819 1050 830 1034 825 1027 839 Z M171 713 192 709 211 703 235 707 247 715 253 730 261 739 261 746 242 751 224 746 209 753 194 759 185 755 181 742 178 727 171 721 Z M234 794 259 786 267 776 277 771 298 774 323 786 332 798 350 809 351 820 336 832 319 843 313 859 295 869 277 866 261 854 250 831 244 815 235 803 Z")}.feats-extra-reward{position:absolute;right:calc(111 * var(--fu));top:calc(62 * var(--fu));font-size:calc(26 * var(--fu));color:#d3c794}.feats-group{border-bottom:calc(1 * var(--fu)) solid #8cb9ca5c;padding-bottom:calc(8 * var(--fu))}#featsPanel .feats-row.feats-main{min-height:calc(115 * var(--fu));border-bottom:0}#featsPanel .feats-sub{height:calc(49 * var(--fu));border:0}.feats-sub .feats-row-title{top:calc(10 * var(--fu));left:calc(8 * var(--fu));font-size:calc(21 * var(--fu));width:calc(420 * var(--fu));padding-left:calc(20 * var(--fu))}.feats-diamond{position:absolute;width:calc(7 * var(--fu));height:calc(7 * var(--fu));top:calc(8 * var(--fu));left:0;transform:rotate(45deg);background:#b3d4d8;box-shadow:inset calc(2 * var(--fu)) calc(2 * var(--fu)) #e0ece4}.feats-sub .feats-medal{top:calc(7 * var(--fu))}.feats-sub .feats-state{top:calc(13 * var(--fu));height:calc(22 * var(--fu))}.feats-state-circle{display:grid;place-items:center;width:calc(17 * var(--fu));height:calc(17 * var(--fu));border:calc(2 * var(--fu)) solid #769da8ba;border-radius:50%;margin:auto;color:#e5d991;font:700 calc(12 * var(--fu))/1 var(--body)}.feats-state-circle.earned{border-color:#d8c78c;background:#6f633c}.feats-sub .feats-row-points{top:calc(6 * var(--fu));font-size:calc(19 * var(--fu))}.feats-sub .feats-title-reward{top:0;width:calc(35 * var(--fu));height:calc(42 * var(--fu))}.feats-scroll{position:absolute;top:calc(136 * var(--fu));height:calc(566 * var(--fu));width:calc(27 * var(--fu))}.feats-scroll[data-feats-rail=tabs]{left:calc(434 * var(--fu))}.feats-scroll[data-feats-rail=body]{right:calc(12 * var(--fu));top:calc(169 * var(--fu));height:calc(533 * var(--fu))}.feats-is-summary .feats-scroll[data-feats-rail=body]{top:calc(304 * var(--fu));height:calc(398 * var(--fu))}.feats-scroll-track{position:absolute;left:calc(11 * var(--fu));top:calc(27 * var(--fu));bottom:calc(30 * var(--fu));width:calc(4 * var(--fu));background:#273b46;border-left:calc(1 * var(--fu)) solid #a6a39280}.feats-scroll-thumb{position:absolute;left:calc(-10 * var(--fu));width:calc(24 * var(--fu));min-height:calc(25 * var(--fu));border:calc(2 * var(--fu)) solid #989177;border-radius:calc(13 * var(--fu));background:linear-gradient(110deg,#948354,#746449 55%,#574e44);touch-action:none;cursor:grab}#featsPanel .feats-scroll-arrow{position:absolute;left:0;width:calc(26 * var(--fu));height:calc(26 * var(--fu));border-radius:50%;border:calc(2 * var(--fu)) solid #b4a47e;box-shadow:0 0 calc(3 * var(--fu)) #081f29;color:#ead9af;background:#6c5a3d;padding:0;font:400 calc(18 * var(--fu))/1 var(--body)}.feats-scroll-arrow:first-child{top:0}.feats-scroll-arrow:last-child{bottom:0}.feats-scroll-arrow:disabled{opacity:.75;cursor:default!important}#featsClose{position:absolute;left:calc(20 * var(--fu));bottom:calc(22 * var(--fu));width:calc(449 * var(--fu));height:calc(59 * var(--fu));border:0;padding:0;background:url(/art/ui/book-restored/back.png) center / 100% 100% no-repeat;font:400 calc(36 * var(--fu))/1 var(--display)!important;color:#ece3cb;text-shadow:0 calc(2 * var(--fu)) calc(2 * var(--fu)) #342b1d}#featsClose:hover{filter:brightness(1.15)}#featsPointsDisplay{position:absolute;bottom:calc(25 * var(--fu));right:calc(34 * var(--fu));display:flex;align-items:center;gap:calc(10 * var(--fu));font:700 calc(38 * var(--fu))/1 var(--body)}#featsPointsDisplay .feats-laurel{width:calc(54 * var(--fu));height:calc(54 * var(--fu))}.feats-crown{width:calc(50 * var(--fu));height:calc(50 * var(--fu));mix-blend-mode:lighten;clip-path:circle(35%)}#featsDetail{position:absolute;z-index:5;left:calc(530 * var(--fu));right:calc(40 * var(--fu));top:calc(238 * var(--fu));padding:calc(30 * var(--fu));color:#eeeee0;background:#092b3ff5;border:calc(2 * var(--fu)) solid #a09572;box-shadow:0 calc(9 * var(--fu)) calc(35 * var(--fu)) #00101dda;max-height:calc(460 * var(--fu));overflow:auto;font:400 calc(23 * var(--fu))/1.35 var(--body)}#featsDetail[hidden]{display:none}#featsDetail h3{margin:0 calc(24 * var(--fu)) calc(20 * var(--fu)) 0;font:400 calc(32 * var(--fu))/1.1 var(--display)}#featsDetail p{margin:calc(15 * var(--fu)) 0 0}#featsDetail .feats-detail-close{position:absolute;right:calc(10 * var(--fu));top:calc(5 * var(--fu));border:0;background:none;color:#ebdfb6;font-size:calc(35 * var(--fu))}#featsDetail .feats-detail-reward{color:#e8d69c}#featsDetail .feats-source-name{border-top:calc(1 * var(--fu)) solid #9eaaab55;padding-top:calc(10 * var(--fu));font-size:calc(17 * var(--fu));color:#a9c1c8}:root{color-scheme:dark;--plate-1: #1d3f68;--plate-2: #0d1f36;--plate-edge: #7ba3c6;--plate-edge-dim: #40658a;--slab: linear-gradient(180deg, #113c67 0%, #103152 38%, #0c2744 72%, #071d34 100%);--rim: #6b5a33;--parch-1: #cdbf9d;--parch-2: #a2957a;--parch-ink: #2a2418;--gold: #e0b959;--gold-dim: #9c7c2e;--gold-lit: #ffeaa8;--bone: #cdc8b8;--ivory: #f2ecdc;--steel: #b9c6d2;--muted: #8ea3b6;--green-1: #2f6b34;--green-2: #17421d;--red: #c9464f;--heal: #7fe3b0;--display: "HO Caption", "Fontin", Georgia, serif;--body: "HO Text", "Fontin Sans", "Segoe UI", sans-serif;--num: "Fontin Sans", "Segoe UI", sans-serif;--s: 1}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#04070a;color:var(--ivory);font:14px/1.45 var(--body);font-variant-numeric:tabular-nums lining-nums;user-select:none}body,#hud,#heroCreate,#bootScreen{font-variant-numeric:tabular-nums lining-nums}#viewport{position:fixed;inset:0;overflow:hidden;background:#04070a}#screen{position:absolute;inset:0;overflow:hidden}#stage{position:absolute;inset:0}#stage canvas{display:block;width:100%;height:100%}#stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 55%,rgba(0,0,0,.38) 100%);pointer-events:none;z-index:1}#hud{position:absolute;inset:0;pointer-events:none;z-index:2}#hud>*{pointer-events:auto}body[data-screen=map] .only-battle,body[data-screen=battle] .only-map{display:none!important}.ic{width:1em;height:1em;display:block;flex:none}.plate{background:linear-gradient(180deg,rgba(255,255,255,.16) 0 1px,transparent 1px),linear-gradient(180deg,var(--plate-1),var(--plate-2));border:1px solid var(--plate-edge-dim);box-shadow:inset 0 1px #bedcff47,inset 0 -8px 14px #00000059,0 2px 6px #0000008c}.titling{font-family:var(--display);letter-spacing:.04em;color:var(--ivory);text-shadow:0 1px 0 #000,0 0 8px rgba(0,0,0,.8)}.num-out{color:#f3e9d0;font-weight:700;font-family:Fontin Sans,sans-serif;text-shadow:0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 2px 4px rgba(0,0,0,.9)}.plus{width:16px;height:16px;flex:none;padding:0;border:0;background:url(/art/ui/purse-plus.png) center / contain no-repeat;border-radius:3px;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.85))}.plus:hover{filter:brightness(1.22) drop-shadow(0 1px 2px rgba(0,0,0,.85))}.plus:active{transform:translateY(1px)}.medal{position:relative;border-radius:50%;background:#0b1219 center/cover no-repeat;box-shadow:0 0 0 2px #c8d4de,0 0 0 3px #4a5a68,0 3px 10px #000c,inset 0 0 18px #0009}.medal.foe{box-shadow:0 0 0 2px #d9a2a2,0 0 0 3px #6a3236,0 3px 10px #000c}#topBar{position:absolute;top:0;left:0;right:0;height:34px;display:flex;justify-content:center;align-items:flex-start;pointer-events:none;z-index:10}#topBar>*{pointer-events:auto}#resources{display:flex;align-items:flex-start;gap:4px;transform:translate(-50px)}#resources>.res{position:relative;width:59px;height:34px;flex:none;border:0;background-position:center;background-size:59px 34px;background-repeat:no-repeat}#resources>.res[data-res=gold]{--res-image: url(/art/ui/resource-cell-gold.png)}#resources>.res[data-res=crystals]{--res-image: url(/art/ui/resource-cell-crystals.png)}#resources>.res[data-res=permits]{--res-image: url(/art/ui/resource-cell-permits.png)}#resources>.res[data-res=wood]{--res-image: url(/art/ui/resource-cell-wood.png)}#resources>.res[data-res=metal]{--res-image: url(/art/ui/resource-cell-metal.png)}#resources>.res[data-res=runestone]{--res-image: url(/art/ui/resource-cell-runestone.png)}#resources>.res[data-res=mercury]{--res-image: url(/art/ui/resource-cell-mercury.png)}#resources>.res[data-res=gems]{--res-image: url(/art/ui/resource-cell-gems.png)}#resources>.res[data-res=sulfur]{--res-image: url(/art/ui/resource-cell-sulfur.png)}#resources>.res[data-res=starsilver]{--res-image: url(/art/ui/resource-cell-starsilver.png)}#resources>.res:before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--res-image) center / 59px 34px no-repeat;clip-path:polygon(0 0,100% 0,100% 30px,55px 34px,4px 34px,0 30px)}#resources>.res:after{content:"";position:absolute;left:-2px;top:0;width:63px;height:37px;pointer-events:none;background:url(/art/ui/resource-rim-ho.png) center / 63px 37px no-repeat}#resources>.res>.plus{position:absolute;left:3px;top:0;z-index:2;width:20px;height:20px;border-radius:0;background:none;filter:none}#resources>.res>.plus:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:2px;pointer-events:none;opacity:0;transition:opacity .1s linear;background:#ffffff38;box-shadow:inset 0 0 0 1px #fff0bea6,0 0 7px #7ee08c8c}#resources>.res>.plus:hover:after,#resources>.res>.plus:focus-visible:after{opacity:1}#resources>.res>.plus:active:after{opacity:1;background:#00000057;box-shadow:inset 0 1px 3px #000000b3,inset 0 0 0 1px #fff0be59}#resources>.res>.plus:hover{background:none;filter:none}#resources>.res>.plus:active{transform:none}#resources>.res[data-res=runestone]>.plus{display:none}#resources .val{position:absolute;left:0;right:0;bottom:1px;z-index:1;height:11px;line-height:11px;font-family:Fontin Sans,sans-serif;font-size:11px;font-weight:700;text-align:center;letter-spacing:0;color:#ded1ad;text-shadow:0 1px 1px #000,1px 0 1px rgba(0,0,0,.72)}#resources>.res.gained{animation:resGain 1.1s ease-out}@keyframes resGain{0%{box-shadow:inset 0 0 14px #7ee08ce6,0 0 14px #7ee08cb3}to{box-shadow:inset 0 -1px #ffe2a029,inset 0 7px 12px #0000006b,0 2px 8px #000000b3}}#topRightMenu{position:absolute;right:0;top:0;display:flex;align-items:flex-start;gap:4px}#purse{position:relative;width:132px;height:35px;border:0;border-radius:0;background:url(/art/ui/purse-plate.png) 0 0 / 132px 35px no-repeat;cursor:pointer}#purse:hover{filter:brightness(1.14)}#purse:active{filter:brightness(.95)}#purse .amount{position:absolute;left:0;width:105px;bottom:4px;text-align:center;line-height:11px;font-size:14px;color:#d8d1b7;text-shadow:0 1px 2px rgba(0,0,0,.85)}#purse>.plus{position:absolute;left:6px;top:1px;z-index:2;width:16px;height:16px;border-radius:0;background:none;filter:none}#purse>.plus:after{content:"";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:2px;pointer-events:none;opacity:0;transition:opacity .1s linear;background:#ffffff38;box-shadow:inset 0 0 0 1px #fff0bea6,0 0 7px #7ee08c8c}#purse>.plus:hover:after,#purse>.plus:focus-visible:after{opacity:1}#purse>.plus:active:after{opacity:1;background:#00000057;box-shadow:inset 0 1px 3px #000000b3,inset 0 0 0 1px #fff0be59}#purse>.plus:hover{background:none;filter:none}#purse>.plus:active{transform:none}#shopBtn{display:flex;align-items:center;position:relative;width:131px;height:35px;padding:0 0 3px 9px;border:0;border-radius:0;background:url(/art/ui/shop-plate.png) 0 0 / 131px 35px no-repeat;color:#e3d7c4;font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:.06em;text-shadow:1px 0 0 #3a3208,-1px 0 0 #3a3208,0 1px 0 #3a3208,0 -1px 0 #3a3208,1px 1px 0 #3a3208,-1px 1px 0 #3a3208,1px -1px 0 #3a3208,-1px -1px 0 #3a3208,0 2px 2px rgba(30,24,0,.75);cursor:pointer}#shopBtn:hover{filter:brightness(1.12) saturate(1.1)}#shopBtn:active{filter:brightness(.94)}#optionsVeil{position:absolute;inset:0;z-index:22;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:#091116d6;backdrop-filter:blur(4px)}#optionsVeil[hidden]{display:none}#optionsPanel{position:relative;width:470px;height:220px;padding:22px 0 0;background:no-repeat center / 100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 606 284' preserveAspectRatio='none'%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230b2844'/%3E%3Cstop offset='.43' stop-color='%23123959'/%3E%3Cstop offset='1' stop-color='%2308263f'/%3E%3C/linearGradient%3E%3Cpath d='M36 2 L570 2 Q590 4 594 22 Q606 92 606 142 Q606 192 594 262 Q590 280 570 282 L36 282 Q16 280 12 262 Q0 192 0 142 Q0 92 12 22 Q16 4 36 2 Z' fill='url(%23b)' stroke='%23344859' stroke-width='2.5'/%3E%3C/svg%3E");filter:drop-shadow(0 22px 48px rgba(0,0,0,.8))}#optionsPanel .opt-title{position:absolute;left:7.6%;top:-15px;margin:0;font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:.04em;color:#cfced2;text-shadow:0 2px 4px rgba(0,0,0,.9)}#optionsPanel .opt-row{display:flex;align-items:center;gap:10px;padding-left:7.4%}#optionsPanel .opt-row+.opt-slider{margin-bottom:14px}#optionsPanel .opt-check{position:relative;flex:none;width:16px;height:15px;padding:0;cursor:pointer;border:2px solid #8a7d63;border-radius:4px;background:linear-gradient(180deg,#4c3c29,#2f2416);box-shadow:inset 0 1px 2px #000000b3}#optionsPanel .opt-check:hover{border-color:var(--gold)}#optionsPanel .opt-check:focus{outline:none}#optionsPanel .opt-check:focus-visible{border-color:var(--gold-lit)}#optionsPanel .opt-check[aria-checked=false]:after{content:"";position:absolute;inset:2px;border-radius:1px;background:linear-gradient(180deg,#d8cdb2,#9a8f74)}#optionsPanel .opt-name{font-family:var(--display);font-weight:400;font-size:16px;letter-spacing:.03em;color:#e8e6df;text-shadow:0 2px 3px rgba(0,0,0,.85);cursor:pointer}#optionsPanel .opt-row.off .opt-name{color:#7e8894}#optionsPanel .opt-slider{-webkit-appearance:none;appearance:none;display:block;width:74.2%;height:22px;margin:4px 0 0 13.9%;background:none;cursor:pointer}#optionsPanel .opt-slider::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:linear-gradient(180deg,#7e97a4,#5d7783);box-shadow:0 1px 2px #0009}#optionsPanel .opt-slider::-moz-range-track{height:2px;border-radius:1px;background:linear-gradient(180deg,#7e97a4,#5d7783)}#optionsPanel .opt-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:21px;margin-top:-10px;border:1px solid #8a7a6b;border-radius:2px;background:linear-gradient(160deg,#6d5c46,#5c4b3c 45%,#4d3f30);box-shadow:0 2px 5px #000000b3}#optionsPanel .opt-slider::-moz-range-thumb{width:12px;height:21px;border:1px solid #8a7a6b;border-radius:2px;background:linear-gradient(160deg,#6d5c46,#5c4b3c 45%,#4d3f30)}#optionsPanel .opt-slider:hover::-webkit-slider-thumb{border-color:var(--gold)}#optionsPanel .opt-slider:hover::-moz-range-thumb{border-color:var(--gold)}#optionsPanel .opt-slider:focus-visible{outline:none}#optionsPanel .opt-slider:focus-visible::-webkit-slider-thumb{border-color:var(--gold-lit)}#optionsPanel .opt-slider.off::-webkit-slider-runnable-track{opacity:.45}#optionsPanel .opt-slider.off::-moz-range-track{opacity:.45}#optionsPanel .opt-slider.off::-webkit-slider-thumb{filter:grayscale(.7) brightness(.8)}#optionsPanel .opt-rule{height:1px;margin:6px 7.6% 0;background:linear-gradient(90deg,#7c96a526,#7c96a5b3,#7c96a526)}#optionsPanel .opt-close{position:absolute;left:8.1%;bottom:-14px;height:29px;padding:0 20px 0 26px;cursor:pointer;border:0;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);background:linear-gradient(90deg,#6f6555,#5f5646 45%,#4e4433);font-family:var(--display);font-weight:400;font-size:16px;letter-spacing:.05em;color:#f1ece0;text-shadow:0 2px 3px rgba(0,0,0,.9)}#optionsPanel .opt-close:before{content:"";position:absolute;inset:-2px;clip-path:polygon(13px 0,100% 0,100% 100%,13px 100%,0 50%);background:#aea38d;z-index:-1}#optionsPanel .opt-close:focus{outline:none}#optionsPanel .opt-close:focus-visible{color:var(--gold-lit)}#optionsPanel .opt-close:hover{filter:brightness(1.15)}#optionsPanel .opt-close:active{filter:brightness(.92)}#orders .btn.icon-only{padding:0;width:34px;display:grid;place-items:center}#orders .btn.icon-only .ic{width:16px;height:16px;color:currentColor}#heroSidebar{position:absolute;top:6px;left:10px;z-index:10}#heroBuffStrip{position:absolute;left:76px;top:34px;width:174px;height:30px;border-block:1px solid rgba(151,165,174,.42);background:linear-gradient(180deg,#082336bf,#041422c7);box-shadow:inset 0 1px #0b141d99,inset 0 -1px #060b1299;mask-image:linear-gradient(90deg,#000 0%,#000 66%,transparent 100%);pointer-events:none;animation:hero-buffs-reveal .18s ease-out}#heroBuffStrip:not(:has(>*)){display:none}@keyframes hero-buffs-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media(prefers-reduced-motion:reduce){#heroBuffStrip{animation:none}}.hero-medal{position:relative;--md: 83px;--ring: calc(var(--md) * .063);width:var(--md);height:var(--md);flex:none}.hero-medal:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(200deg,#a5946a,#c8b681 18%,#d0bb82 34%,#a2925f 52%,#c1ac81 72%,#b6a57a,#8d7f57);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - var(--ring)),#000 calc(100% - var(--ring)));mask:radial-gradient(closest-side,transparent calc(100% - var(--ring)),#000 calc(100% - var(--ring)));filter:drop-shadow(0 0 1px rgba(6,10,14,.95)) drop-shadow(0 3px 7px rgba(0,0,0,.8));pointer-events:none}.hero-medal .face{position:absolute;inset:0;border-radius:50%;background:#0d1620 center calc(var(--md) * .015) / 100% no-repeat;cursor:pointer;-webkit-mask:radial-gradient(closest-side,#000 calc(100% - var(--ring) - 1px),transparent calc(100% - var(--ring))),radial-gradient(calc(var(--md) * .24) calc(var(--md) * .175) at 50% calc(50% - var(--md) * .295),#000 78%,transparent 100%);mask:radial-gradient(closest-side,#000 calc(100% - var(--ring) - 1px),transparent calc(100% - var(--ring))),radial-gradient(calc(var(--md) * .24) calc(var(--md) * .175) at 50% calc(50% - var(--md) * .295),#000 78%,transparent 100%);box-shadow:inset 0 -12px 20px #00000073;transition:filter .15s ease}.hero-medal .face:hover{filter:brightness(1.14)}.hero-medal .xp-arc{position:absolute;inset:calc(var(--md) * -.042);border-radius:50%;pointer-events:none;--arc-span: .3833turn;--arc-hole: calc(var(--md) * .1354);--xp: 0;--xp-a: #4ad06e;--xp-b: #22a852;--xp-c: #0f8040;--xp-d: #056830;--xp-empty-a: #03361d;--xp-empty-b: #08361f;--xp-empty-c: #15382c;background:radial-gradient(closest-side,transparent calc(100% - var(--md) * .1354),rgba(168,182,172,.85) calc(100% - var(--md) * .13),rgba(168,182,172,.8) calc(100% - var(--md) * .1265),rgba(3,22,12,.4) calc(100% - var(--md) * .1214),rgba(255,255,255,.02) calc(100% - var(--md) * .107),rgba(255,255,255,.1) calc(100% - var(--md) * .0887),rgba(255,255,255,.02) calc(100% - var(--md) * .072),rgba(0,0,0,0) calc(100% - var(--md) * .0607),rgba(0,0,0,.22) calc(100% - var(--md) * .042),rgba(0,0,0,.42) calc(100% - var(--md) * .025),rgba(0,0,0,.48) calc(100% - var(--md) * .017),rgba(0,0,0,.22) calc(100% - var(--md) * .011),rgba(158,170,152,.7) calc(100% - var(--md) * .006),rgba(158,170,152,.4) 100%),conic-gradient(from 180deg,var(--xp-a) 0turn,var(--xp-b) calc(var(--xp) * var(--arc-span) * .4),var(--xp-c) calc(var(--xp) * var(--arc-span) * .75),var(--xp-d) calc(var(--xp) * var(--arc-span)),var(--xp-empty-a) calc(var(--xp) * var(--arc-span)),var(--xp-empty-b) calc(var(--arc-span) * .72),var(--xp-empty-c) var(--arc-span));mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath d='M45 84.4 A39.4 39.4 0 0 1 14.82 19.67' fill='none' stroke='white' stroke-width='11.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}:is(#heroXpArc,#heroStatsXpArc){inset:auto;left:calc(var(--md) * -18.5 / 83);top:calc(var(--md) * -18.5 / 83);width:calc(var(--md) * 120 / 83);height:calc(var(--md) * 120 / 83);border-radius:0;mask:none;-webkit-mask:none;filter:none;--xp-frame-empty: url(/art/ui/hero-xp-green-empty.png);--xp-frame-full: url(/art/ui/hero-xp-green-full.png);background:var(--xp-frame-empty) center / contain no-repeat}:is(#heroXpArc,#heroStatsXpArc):before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--xp-frame-full) center / contain no-repeat;mask:conic-gradient(from 180deg,#000 0deg calc(var(--xp) * 138deg),transparent calc(var(--xp) * 138deg) 360deg)}:is(#heroXpArc,#heroStatsXpArc)[data-epic=true]{--xp-frame-empty: url(/art/ui/hero-xp-dragon-empty.png);--xp-frame-full: url(/art/ui/hero-xp-dragon-full.png)}:is(#heroXpArc,#heroStatsXpArc)[data-epic=true]:after{content:"";position:absolute;inset:0;pointer-events:none;background:url(/art/ui/hero-dragon-wing.png) center / contain no-repeat}#heroSidebar:has(:is(#heroXpArc,#heroStatsXpArc)[data-epic=true]){left:13px}.hero-medal .lvl{position:absolute;left:50%;bottom:calc(var(--md) * -.101);transform:translate(-50%);min-width:45px;padding:0 9px;border-radius:calc(var(--md) * .062);background:linear-gradient(180deg,#22303d,#17232f 45%,#0f1a24);box-shadow:inset 0 0 0 1px #4a5e6c66,0 2px 5px #000000d9;font:italic 700 14px/20px var(--num);font-variant-numeric:tabular-nums lining-nums;color:#ded5bc;text-align:center;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.95)}.hero-medal .hero-name{position:absolute;left:82.5%;top:-4px;font:400 12px/14px var(--display);font-variant-numeric:tabular-nums lining-nums;color:#bbb6a7;white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.8)}#heroName[data-latin=true]{font-variant:small-caps}#minimapContainer{position:absolute;top:45px;right:26px;width:160px;display:flex;flex-direction:column;align-items:center;z-index:10}#minimapContainer .crown-vine{position:absolute;left:36px;top:-17px;width:150px;height:258px;z-index:1;pointer-events:none}#zoneName{pointer-events:none;position:absolute;top:-3px;right:calc(100% - 66px);max-width:460px;padding:0 30px 0 12px;font-size:17px;line-height:20px;font-weight:700;letter-spacing:.02em;color:var(--bone);text-shadow:0 1px 2px #000,0 2px 4px #000,0 0 10px rgba(0,0,0,.9);white-space:nowrap}#zoneName:after{content:"";position:absolute;right:0;top:4px;width:28px;height:18px;background:url(/art/ui/zone-chevron.png) center / 28px 18px no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9))}.compass-ring{position:relative;--mm: 160px;--bez: calc(var(--mm) * .0326);width:var(--mm);height:var(--mm);display:grid;place-items:center}.compass-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:url(/art/ui/map-bezel-ho.png) center / 100% 100% no-repeat;pointer-events:none;z-index:2}#minimap{width:calc(var(--mm) - var(--bez) * 2);height:calc(var(--mm) - var(--bez) * 2);border-radius:50%;background:#060b12;box-shadow:inset 0 0 26px #000000f2,inset 0 0 0 1px #000000e6,0 0 14px #000c;cursor:crosshair}.compass-sats{position:absolute;inset:0;z-index:3;pointer-events:none}.compass-sats button{position:absolute;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9));transition:filter .12s,transform .12s}.compass-sats button img{width:100%;height:100%;display:block}#satFullscreen img{mask-image:radial-gradient(circle,#000 13.3px,transparent 14px);filter:url(#hud-native-detail)}.compass-sats button:hover{filter:drop-shadow(0 0 7px rgba(255,214,120,.7)) brightness(1.18);transform:translate(-50%,-50%) scale(1.08)}.compass-sats button.on{filter:drop-shadow(0 0 9px rgba(255,214,120,.9)) brightness(1.2)}.compass-sats{inset:0}.compass-sats button{width:32px;height:32px}.compass-sats .s-horn{left:90%;top:3.2%;width:28px;height:28px}.compass-sats .s-cross{left:101.1%;top:17%;width:32px;height:32px}.compass-sats .s-cog{left:108.3%;top:31.9%;width:26px;height:26px}.compass-sats .s-helm{left:-9.5%;top:24.3%}.compass-sats .s-emblem{left:-12.7%;top:45.5%;width:30px;height:30px}.compass-sats .s-banner{left:-9.3%;top:68.7%}.compass-sats .s-compass{left:20.6%;top:105.8%}.compass-sats .s-shield{left:42.5%;top:113.3%}.compass-sats .s-church{left:65.7%;top:113.3%}.compass-sats .s-crystal{left:87.6%;top:104.5%}.compass-sats .s-chart{left:103.3%;top:87.6%}.compass-sats .s-scroll{left:103.9%;top:121.4%}#tracker{position:absolute;right:0;top:246px;width:233px;max-height:500px;overflow-y:auto;overflow-x:hidden;z-index:9}#tracker .empty{padding:6px 2px;font-size:12.5px;line-height:1.45;color:#b6d0e6;text-shadow:0 1px 3px rgba(0,0,0,.95)}#tracker .chapter{position:relative;margin:0 0 31px;padding:1px 0 0;height:15px;line-height:15px;font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.02em;color:var(--bone);text-shadow:0 1px 2px #000,0 2px 4px #000,0 0 10px rgba(0,0,0,.9)}#tracker .chapter:after{content:"";position:absolute;left:-97px;right:19px;bottom:-1px;height:1px;background:linear-gradient(90deg,#e6ece800,#e6ece85c 40px,#e6ece85c)}#tracker .track{position:relative;margin:0 0 12px 25px;padding:0 6px 22px 8px;background:linear-gradient(180deg,#173439e6 0 20px,#0a2836e6 26px calc(100% - 26px),#0a283600);transition:opacity .2s}#tracker .track.done{opacity:.72}#tracker .q-header{padding:0 0 6px}#tracker .q-header:before{content:"";position:absolute;left:-24px;top:-8px;width:24px;height:26px;background:url(/art/ui/quest-book.png) center / contain no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.85))}#tracker .qn{font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:.02em;line-height:17px;color:#dcdedb;text-shadow:0 1px 2px #000,0 1px 3px #000}#tracker .track.ready-track .qn{color:#ffe9a8}#tracker .track.done .qn{color:#a8d8b4;border-bottom-color:#78be9166}#tracker .quest-state{display:block;margin:0 0 4px;font-family:var(--display);font-size:12px;letter-spacing:.04em}#tracker .quest-state.ready-state{color:var(--gold-lit)}#tracker .quest-state.done-state{color:#8fe0ac}#tracker .q-goals{margin:0;padding:4px 2px 0 0}#tracker .q-goals:empty{display:none}#tracker .obj{position:relative;padding:0 0 0 17px;margin-bottom:10px;font-size:15px;line-height:1.15;color:#dfe9f0;text-shadow:0 1px 2px rgba(0,0,0,.85)}#tracker .obj:last-child{margin-bottom:0}#tracker .obj:before{content:"";position:absolute;left:4px;top:6px;width:5px;height:5px;border-radius:50%;background:#a9bccb;box-shadow:0 1px 1px #000000b3}#tracker .obj.now{color:#f4f8fc}#tracker .obj.met:before{background:none;box-shadow:none;width:auto;height:auto;border-radius:0;content:"✓";left:0;top:-1px;color:#63c98a;font-weight:700}#tracker .obj.met{color:#cfe3d6}#tracker .obj-text{word-break:break-word}#tracker .track.folded{margin:35px 0 0 25px;padding:0 0 5px;background:none;cursor:pointer}#tracker .track:not(.folded)+.track.folded{margin-top:60px}#tracker .track.folded .qn{font-size:16px;line-height:13px;color:var(--bone);transition:color .12s}#tracker .track.folded:hover .qn{color:#fff}#tracker .track.folded:after{content:"";position:absolute;left:-1px;right:0;bottom:0;height:3px;background:linear-gradient(180deg,#120c00e0,#30240e99 50%,#120c00e0)}#tracker .track.folded.done .qn{color:#a8d8b4}#tracker .progress-badge{display:block;margin-top:3px;text-align:right;white-space:nowrap;font-size:15px;font-weight:700;color:#f0f5fa;text-shadow:0 1px 2px #000}#tracker .obj.met .progress-badge{color:#a8ffc8}#armyBar{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:520px;height:56px;z-index:10}#armyBar[hidden]{display:none}#armyBar:before{content:"";position:absolute;inset:0;background:url(/art/ui/army-plate.png) center / 100% 100% no-repeat;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 100%,0 100%);filter:drop-shadow(0 -4px 14px rgba(0,0,0,.6));pointer-events:none}.army-tool{position:absolute;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8));transition:filter .15s,transform .15s}.army-tool img{width:100%;height:100%;display:block}.army-tool:hover{filter:drop-shadow(0 0 9px rgba(255,214,120,.6)) brightness(1.18);transform:scale(1.05)}#armyHeroBtn{left:-21.5px;top:2px;width:43px;height:43px}#armyBookBtn{right:-30px;top:-4px;width:60px;height:58px}.army-slots{position:absolute;left:0;right:0;top:-28.5px;display:flex;justify-content:flex-start;gap:14px;padding-left:41.5px;pointer-events:none}.army-slot{width:61px;height:61px;position:relative;display:grid;place-items:center;transition:transform .15s;pointer-events:auto}.army-slot:before{content:"";position:absolute;inset:3px;border-radius:50%;background:url(/art/ui/slot-bg.png) center / 118% 118% no-repeat;filter:drop-shadow(0 3px 7px rgba(0,0,0,.8))}.army-slot .face{width:55px;height:55px;border-radius:50%;background:#0c141d center / cover no-repeat;position:relative;box-shadow:inset 0 0 12px #000c}.army-slot:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(138deg,#dae2de,#c3ccce 24%,#a8b2ba 52%,#8a949e,#79838d);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 4.2px),#000 calc(100% - 3.4px),#000 calc(100% - .7px),transparent 100%);mask:radial-gradient(closest-side,transparent calc(100% - 4.2px),#000 calc(100% - 3.4px),#000 calc(100% - .7px),transparent 100%);filter:drop-shadow(0 0 1px rgba(6,10,14,.9)) drop-shadow(0 2px 5px rgba(0,0,0,.7));pointer-events:none;z-index:3}.army-slot.filled{cursor:pointer}.army-slot.filled:hover{transform:translateY(-3px) scale(1.05)}.army-slot.filled:hover:after{background:linear-gradient(138deg,#ffeeba,#f0d894 40%,#c9a955 74%,#8a7434);filter:drop-shadow(0 0 6px rgba(255,214,120,.75))}.army-slot .glass{position:absolute;right:-3px;bottom:3px;width:23px;height:23px;z-index:5;background:url(/art/ui/army-glass.png) center / contain no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.85));pointer-events:none}.army-slot .count-badge{position:absolute;left:calc(50% - 3px);top:51px;transform:translate(-50%);z-index:4;width:46px;border:1px solid #9e9b87;border-radius:6px;box-shadow:0 2px 5px #000000e6;overflow:hidden}.army-slot .count-badge:has(.res){border-radius:10px 10px 8px 8px/16px 16px 12px 12px}.army-slot .count-badge:has(.res) .res{position:relative;margin-top:-2px;padding-top:1px;border-top:1px solid #777e73;border-radius:50% 50% 0 0/3px 3px 0 0}.army-slot .count-badge .num{display:block;padding:0 7px;position:relative;font:400 15px/14px Fontin Sans,sans-serif;text-align:center;font-variant-numeric:tabular-nums lining-nums;color:#cddee6;background:linear-gradient(180deg,#0a1c2c,#04172a 55%,#071a29);text-shadow:0 1px 2px rgba(0,0,0,.75)}.army-slot .count-badge .num:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--fill, 100%);background:linear-gradient(180deg,#2f9c28,#167a12 55%,#0d5a10)}.army-slot .count-badge .num:after{content:attr(data-num);position:absolute;inset:0;color:#a8ee9f;clip-path:inset(0 calc(100% - var(--fill, 100%)) 0 0)}.army-slot .count-badge .res{border:0;width:100%;cursor:pointer;pointer-events:auto;display:block;padding:0 7px;font:400 12px/13px Fontin Sans,sans-serif;text-align:center;font-variant-numeric:tabular-nums lining-nums;color:#868b91;background:linear-gradient(180deg,#17222e,#0c141d);text-shadow:0 1px 1px #000}.army-slot .count-badge .res:enabled:hover{color:#e8f2f6}.army-slot .count-badge .res:disabled{cursor:default;opacity:1}.army-slot .stack-alert{position:absolute;left:-2px;bottom:2px;width:15px;height:15px;z-index:6;background:url(/art/ui/army-alert.png) center / contain no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.85));pointer-events:none}.army-slot.empty .stack-alert{left:9px;top:-2px;bottom:auto}.army-slot.empty .face,.army-slot.empty:before{background:radial-gradient(circle at 50% 25%,#29343e,#18222d 82%);box-shadow:inset 0 0 14px #0000008c}.army-slot.locked{cursor:not-allowed}.army-slot.locked .face-dim{position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 50% 25%,#29343e,#18222d 82%);box-shadow:inset 0 0 14px #0000008c}.army-slot.locked .lock{position:absolute;left:50%;top:50%;width:18px;height:22px;transform:translate(-50%,calc(-50% - 8px));background:url(/art/ui/army-lock.png) center / contain no-repeat}.army-slot.locked .lvl-req{position:absolute;left:0;right:0;top:36px;z-index:2;white-space:nowrap;text-align:center;font:italic 400 15px/1 var(--num);font-variant-numeric:tabular-nums lining-nums;color:#37444d}.heroCorner{position:absolute;bottom:0;width:420px;height:190px}.heroCorner.mine{left:0}.heroCorner.theirs{right:0}.heroCorner .face{position:absolute;bottom:54px;width:132px;height:132px;border-radius:50%;background:#0b1219 center/cover no-repeat;box-shadow:0 0 0 3px #cfdae4,0 0 0 5px #3f4d5a,0 6px 20px #000000e6}.heroCorner.mine .face{left:-22px}.heroCorner.theirs .face{right:-22px}.heroCorner.theirs .face{box-shadow:0 0 0 3px #e0b0b0,0 0 0 5px #5c2c30,0 6px 20px #000000e6}.heroCorner .who{position:absolute;bottom:78px;font-size:14px;color:var(--steel);text-shadow:0 2px 4px #000}.heroCorner.mine .who{left:122px}.heroCorner.theirs .who{right:122px;text-align:right}.gauge{position:absolute;bottom:38px;height:15px;display:flex;align-items:center;gap:6px}.heroCorner.mine .gauge{left:14px;right:24px}.heroCorner.theirs .gauge{right:14px;left:24px;flex-direction:row-reverse}.gauge .tok{width:26px;height:26px;flex:none;border-radius:4px;display:grid;place-items:center;color:#9fe4ff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9))}.heroCorner.theirs .gauge .tok{color:#ff9aa2}.gauge .tok .ic{width:22px;height:22px}.gauge .track{position:relative;flex:1;height:12px;background:linear-gradient(180deg,#060e16e6,#03080de6);border:1px solid rgba(150,190,225,.35);border-radius:2px}.gauge .track>i{display:block;height:100%;border-radius:1px;background:linear-gradient(180deg,#bfe6ff,#3f8fd0 60%,#1d5a92);box-shadow:0 0 10px #78c8ff99;transition:width .25s ease}.heroCorner.theirs .gauge .track>i{background:linear-gradient(180deg,#ffb3ba,#c9464f 60%,#7a1d24);box-shadow:0 0 10px #ff788280;margin-left:auto}.gauge .label{position:absolute;left:4px;top:-17px;z-index:2;font-family:var(--display);font-size:14px;color:var(--ivory);text-shadow:0 2px 4px #000,0 0 6px rgba(0,0,0,.9)}.gauge .figures{position:absolute;right:6px;top:-17px;z-index:2;font-size:13px}.heroCorner.theirs .gauge .label{left:auto;right:6px}.heroCorner.theirs .gauge .figures{right:auto;left:6px}.heroCorner .tools{position:absolute;left:26px;bottom:4px;display:flex;flex-direction:column-reverse;gap:5px}.heroCorner .tools button{width:34px;height:34px;border-radius:50%;padding:0;border:none;cursor:pointer;background:radial-gradient(circle at 36% 30%,#55708c,#101a24);box-shadow:0 0 0 2px #cbb888,0 2px 6px #000c;color:var(--gold-lit);display:grid;place-items:center}.heroCorner .tools button .ic{width:18px;height:18px}.heroCorner .tools button:hover{filter:brightness(1.35)}.heroCorner .tools button.armed{box-shadow:0 0 0 2px var(--gold-lit),0 0 14px #ffe296cc}.heroCorner .tools button:disabled{opacity:.4;cursor:default}#queueBar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:6px}#queueBar .roundlbl{font-family:var(--display);font-size:16px;color:var(--ivory);text-shadow:0 2px 4px #000;margin:0 4px 12px 0}#roundBadge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 30%,#4a7fc0,#10305c);box-shadow:0 0 0 2px #c8d4de,0 0 0 3px #3d4b58,0 3px 10px #000c;font-family:var(--num);font-size:22px;font-style:italic;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);margin-right:4px}#queue{display:flex;align-items:flex-end;gap:4px}#queue .slot{position:relative;width:40px;height:40px;transition:transform .15s}#queue .slot .medal{width:40px;height:40px}#queue .slot.now{transform:translateY(-6px) scale(1.14);z-index:2}#queue .slot.now .medal{box-shadow:0 0 0 2px var(--gold-lit),0 0 0 3px #5c4614,0 0 14px #ffe296bf}#queue .slot .cnt{position:absolute;right:-3px;bottom:-3px;font-size:12px;min-width:18px;text-align:center}#queue .slot.foe .cnt{color:#ff9aa2}#queue .slot.held .medal{filter:grayscale(1) brightness(.55)}#queue .slot.held:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 2px #d6b23c}#ribbon{position:absolute;bottom:104px;left:540px;min-width:400px;height:62px;padding:6px 74px 6px 24px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;color:var(--parch-ink);transition:opacity .2s;filter:drop-shadow(0 4px 12px rgba(0,0,0,.7))}#ribbon:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#ece2c6 0 1px,transparent 1px),linear-gradient(180deg,transparent calc(100% - 1px),#5c5340 calc(100% - 1px)),linear-gradient(180deg,#d5c8a6,#b3a482 55%,#8d8064);clip-path:polygon(0 0,calc(100% - 46px) 0,100% 50%,calc(100% - 46px) 100%,0 100%)}#ribbon .title{position:absolute;top:-16px;right:74px;font-family:var(--display);font-size:16px;color:var(--ivory);text-shadow:0 2px 4px #000,0 0 8px rgba(0,0,0,.9)}#ribbon .row{display:flex;align-items:baseline;gap:8px;font-family:var(--display);font-size:15px;color:#3a3223}#ribbon .row span{font-family:var(--num)}#ribbon .row b{font-size:21px;font-style:italic;color:#221c11}#ribbon[hidden]{display:none}#outcome{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:62px;letter-spacing:.06em;color:var(--gold-lit);text-shadow:0 0 24px rgba(255,200,90,.7),0 4px 10px #000;pointer-events:none}#outcome[hidden]{display:none}#abilities{position:absolute;bottom:186px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:flex-end}.tile{width:152px;padding:7px 10px;text-align:left;cursor:pointer;font:inherit;font-size:12px;line-height:1.25;color:var(--ivory);background:linear-gradient(180deg,rgba(255,255,255,.14) 0 1px,transparent 1px),linear-gradient(180deg,var(--plate-1),var(--plate-2));border:1px solid var(--plate-edge-dim);border-radius:3px;box-shadow:inset 0 1px #bedcff40,0 2px 6px #0009}.tile:hover:not(:disabled){border-color:var(--plate-edge);filter:brightness(1.2)}.tile:disabled{opacity:.42;cursor:default}.tile.armed{border-color:var(--gold-lit);box-shadow:0 0 14px #ffe29699}.tile .nm{display:block;font-family:var(--display);font-size:14px;color:var(--gold);margin-bottom:1px}.tile .meta{color:var(--muted);font-size:11px}#spellbook{position:absolute;left:26px;bottom:214px;width:380px;max-height:520px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;z-index:25}#spellbook:empty{display:none}#spellbook .tile{width:180px;display:flex;align-items:center;gap:8px;padding:6px 8px;background:linear-gradient(180deg,#142438f2,#0a1420fa);border:1px solid #4a6785;border-radius:4px;cursor:pointer;text-align:left;transition:all .12s}#spellbook .tile:hover:not(:disabled){border-color:#ffd875;transform:translateY(-1px);box-shadow:0 0 10px #c9a75666}#spellbook .tile.armed{border-color:#ffd875;background:linear-gradient(180deg,#3c3014f2,#1e1608fa);box-shadow:0 0 12px #ffd87599}#spellbook .tile .tile-icon{width:32px;height:32px;border-radius:4px;flex:none;background:#080c10 center/cover no-repeat;border:1px solid #c9a756}#spellbook .tile .tile-body{flex:1;min-width:0}#orders{position:absolute;bottom:214px;right:26px;display:flex;flex-direction:column;gap:6px;width:150px}.btn{min-height:34px;padding:7px 18px;cursor:pointer;font:inherit;font-family:var(--display);font-size:14px;letter-spacing:.05em;color:var(--ivory);text-shadow:0 1px 2px rgba(0,0,0,.9);border:0;background:url(/art/ui/btn-md.png) center / 100% 100% no-repeat;filter:drop-shadow(0 2px 5px rgba(0,0,0,.7))}.btn span{font-family:var(--num);font-weight:700}.btn:hover{background-image:url(/art/ui/btn-md-hit.png);color:var(--gold-lit)}.btn:active{filter:brightness(.9) drop-shadow(0 1px 3px rgba(0,0,0,.7))}.btn.on{background-image:url(/art/ui/btn-lg-sel.png);color:var(--gold-lit)}.btn.gold{background-image:url(/art/ui/btn-green.png);color:#eaffe0}.btn.gold:hover{background-image:url(/art/ui/btn-green-hit.png);color:#fff}#goals{position:absolute;top:52px;right:0;width:420px;padding:4px 22px 8px 30px;background:linear-gradient(90deg,#14304e00,#14304ecc 30%,#0e2238e0);text-align:right}#goals h4{margin:0 0 3px;font-family:var(--display);font-size:17px;font-weight:400;letter-spacing:.04em;color:var(--ivory);text-shadow:0 2px 4px #000;border-bottom:1px solid rgba(210,225,240,.3);padding-bottom:2px}#goals .g{font-size:13px;color:#dce6ef;display:flex;gap:8px;justify-content:flex-end}#goals .g:before{content:"◆";color:var(--steel);font-size:9px;align-self:center}#goals[hidden]{display:none}#unitCard{position:absolute;right:24px;top:150px;width:320px;padding:12px 14px;border-radius:3px}#unitCard[hidden]{display:none}#unitCard:has(.ho-creature-info){z-index:20;width:430px;max-width:calc(100 * var(--ui-vw, 1vw) - 24px);right:12px;bottom:100px;top:auto;padding:0;border:0;background:none;box-shadow:none;overflow:visible;transform-origin:bottom right}#unitCard:has(.ho-creature-info):before,#unitCard:has(.ho-creature-info):after{display:none}#unitCard:has(.ho-creature-info)>.close{position:absolute;top:8px;left:2px;right:auto;width:26px;height:26px;z-index:2}#unitCard .ho-creature-info>.cn{margin-top:10px}#unitCard .hd{display:flex;align-items:center;gap:10px}#unitCard .hd .medal{width:46px;height:46px;flex:none}#unitCard .nm{font-family:var(--display);font-size:17px;color:var(--gold)}#unitCard .cn{font-size:11px;color:var(--muted)}#unitCard .close{margin-left:auto;width:24px;height:24px;padding:0;flex:none;display:grid;place-items:center;cursor:pointer;color:var(--steel);background:#ffffff0f;border:1px solid var(--plate-edge-dim);border-radius:3px}#unitCard .close .ic{width:11px;height:11px}#unitCard .stats{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;margin-top:10px;font-size:12px;color:#cad6e0}#unitCard .stats i{font-style:normal;color:var(--muted)}#unitCard .sts{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px}#unitCard .sts .st{font-size:11px;color:#ffd479;padding:1px 6px;border-radius:8px;background:#ffd4791f;border:1px solid rgba(255,212,121,.3)}#unitCard .abs{margin-top:10px;max-height:260px;overflow-y:auto}#unitCard .abs .ab{padding:6px 0;border-top:1px solid rgba(255,255,255,.07)}#unitCard .abs .ab b{display:block;font-family:var(--display);font-size:13px;font-weight:400;color:var(--gold)}#unitCard .abs .ab span{font-size:11px;color:var(--muted);line-height:1.35}#logPanel{position:absolute;left:12px;bottom:104px;width:372px;max-height:216px;display:flex;flex-direction:column;justify-content:flex-end;overflow-y:auto;padding:9px 12px 10px;font-size:12.5px;line-height:1.5;color:#ccdae7;background:linear-gradient(180deg,#03070c80,#03070ccc);border-left:2px solid rgba(122,160,196,.38);border-radius:0 4px 4px 0;text-shadow:0 1px 2px rgba(0,0,0,.95)}#logPanel div{padding:1px 0}#logPanel div+div{border-top:1px solid rgba(255,255,255,.045)}#logPanel b{color:var(--gold-lit);font-weight:600}#logPanel[hidden]{display:none}.sheet-backdrop{display:none;position:absolute;inset:0;z-index:11;pointer-events:auto;background:#050a149e}#uiLayer:has(#heroPanel:not([hidden]),#skillsPanel:not([hidden]))>.sheet-backdrop{display:block}#heroPanel,#skillsPanel{z-index:12}.sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:min(1160px,calc(100% - 96px));max-height:calc(100% - 86px);display:flex;flex-direction:column;padding:46px 26px 22px;border-radius:34px;color:var(--ivory);background:radial-gradient(120% 80% at 22% 12%,rgba(120,175,225,.17),transparent 62%),radial-gradient(90% 70% at 82% 88%,rgba(10,28,48,.5),transparent 60%),linear-gradient(180deg,#1e456c,#17406a 26%,#143c60 58%,#11314f 84%,#0f2d49);box-shadow:0 0 0 3px #08151f,0 0 0 4px #78a5cd47,0 26px 70px #000000d9}.sheet[hidden]{display:none}.sheet:before{content:"";position:absolute;inset:7px;border:2px solid rgba(129,178,219,.4);border-radius:27px;pointer-events:none}.sheet:after{content:"";position:absolute;inset:7px;border-radius:27px;pointer-events:none;background-repeat:no-repeat;background-size:92px 92px;background-position:left top,right top,left bottom,right bottom;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 92'%3E%3Cg fill='none' stroke='%23a9c6e0' stroke-opacity='.5' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M8 44c0-20 16-36 36-36'/%3E%3Cpath d='M17 47c5-14 15-25 30-30'/%3E%3Cpath d='M24 60c-6-2-9-8-7-13 2-4 6-5 9-3 3 2 3 8 0 12-4 5-11 6-16 2'/%3E%3Cpath d='M60 24c-2-6-8-9-13-7-4 2-5 6-3 9 2 3 8 3 12 0 5-4 6-11 2-16'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 92'%3E%3Cg transform='translate(92 0) scale(-1 1)' fill='none' stroke='%23a9c6e0' stroke-opacity='.5' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M8 44c0-20 16-36 36-36'/%3E%3Cpath d='M17 47c5-14 15-25 30-30'/%3E%3Cpath d='M24 60c-6-2-9-8-7-13 2-4 6-5 9-3 3 2 3 8 0 12-4 5-11 6-16 2'/%3E%3Cpath d='M60 24c-2-6-8-9-13-7-4 2-5 6-3 9 2 3 8 3 12 0 5-4 6-11 2-16'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 92'%3E%3Cg transform='translate(0 92) scale(1 -1)' fill='none' stroke='%23a9c6e0' stroke-opacity='.5' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M8 44c0-20 16-36 36-36'/%3E%3Cpath d='M17 47c5-14 15-25 30-30'/%3E%3Cpath d='M24 60c-6-2-9-8-7-13 2-4 6-5 9-3 3 2 3 8 0 12-4 5-11 6-16 2'/%3E%3Cpath d='M60 24c-2-6-8-9-13-7-4 2-5 6-3 9 2 3 8 3 12 0 5-4 6-11 2-16'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 92'%3E%3Cg transform='translate(92 92) scale(-1 -1)' fill='none' stroke='%23a9c6e0' stroke-opacity='.5' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M8 44c0-20 16-36 36-36'/%3E%3Cpath d='M17 47c5-14 15-25 30-30'/%3E%3Cpath d='M24 60c-6-2-9-8-7-13 2-4 6-5 9-3 3 2 3 8 0 12-4 5-11 6-16 2'/%3E%3Cpath d='M60 24c-2-6-8-9-13-7-4 2-5 6-3 9 2 3 8 3 12 0 5-4 6-11 2-16'/%3E%3C/g%3E%3C/svg%3E")}.sheet>header{position:absolute;left:26px;right:26px;top:9px;height:36px;display:flex;align-items:center;justify-content:center;z-index:3}.sheet>header .tn{font-family:var(--display);font-size:25px;letter-spacing:.07em;color:#f3ecd9;text-shadow:0 2px 3px #000,0 0 14px rgba(0,0,0,.95)}.sheet>header .slots{font-size:12px;color:var(--muted);margin-left:14px}.sheet>header>*:not(.close):not(.tn){margin-right:40px}.sheet>header .close{position:absolute;right:0;top:1px;width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:#f0e7d2;background:linear-gradient(180deg,#2a5075,#10243a);border:1.5px solid #b39a5e;box-shadow:0 2px 6px #000c}.sheet>header .close:hover{filter:brightness(1.35)}.sheet>header .close .ic{width:13px;height:13px}.sheet .body{display:flex;flex:1;min-height:0}.sheet .body>.fill{flex:1;overflow-y:auto;padding:4px 6px}.sheet .body>.side{flex:0 0 260px;overflow-y:auto;padding:4px 10px;border-left:1px solid rgba(150,190,225,.25)}.sheet.narrow{width:min(880px,calc(100% - 96px))}.sheet h4{margin:12px 0 6px;font-family:var(--display);font-size:15px;font-weight:400;letter-spacing:.06em;color:var(--gold)}.sheet h4:first-child{margin-top:0}.row{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}.row .who{flex:1;min-width:0}.row .nm{font-size:13px;color:var(--ivory)}.row .nm b{color:var(--gold);font-weight:600}.row .meta{font-size:11px;color:var(--muted)}.row .meta.warn{color:#d09a4a}.row .pool{font-size:12px;color:var(--heal);white-space:nowrap}.row .btn{flex:0 0 120px;text-align:center;font-size:12px;padding:5px 6px}.row.idle{opacity:.5}.row .done{color:var(--heal);font-weight:700;font-size:12px}.cost{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}.cost span{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--steel)}.cost .ic.res{width:auto;height:17px;max-width:22px;object-fit:contain}.cost span.short{color:#e0707a}.shop-currency-pills{display:flex;gap:8px;align-items:center;margin-right:12px}.shop-pill{font-size:13px;font-weight:700;padding:4px 10px;border-radius:12px}.shop-pill.gold-pill{background:#c9a75626;border:1px solid #c9a756;color:#ffd875;box-shadow:0 0 10px #c9a75640}.shop-pill.seals-pill{background:#3896dc33;border:1px solid #5a9ce6;color:#7fe3ff;box-shadow:0 0 10px #5a9ce640}.shop-category-tabs{display:flex;gap:6px;padding:8px 16px;background:#060e16e6;border-bottom:1px solid rgba(150,190,225,.2);overflow-x:auto;flex-wrap:wrap;flex:0 0 auto}.shop-tab-btn{padding:6px 14px;font:inherit;font-size:12px;font-weight:600;color:#8ea8c4;background:#ffffff0a;border:1px solid rgba(150,190,225,.2);border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.shop-tab-btn:hover{background:#c9a75626;color:#ffd875;border-color:#c9a756}.shop-tab-btn.active{background:linear-gradient(180deg,#c9a75640,#785a1e66);color:#ffd875;border-color:#c9a756;box-shadow:0 0 8px #c9a75666}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:14px 6px}.shop-item-card{display:flex;flex-direction:column;padding:14px;border-radius:6px;background:linear-gradient(180deg,#102032d9,#08101af2);border:1px solid rgba(150,190,225,.2);box-shadow:0 4px 12px #00000080;transition:transform .15s,border-color .15s}.shop-item-card:hover{transform:translateY(-2px);border-color:#c9a756;box-shadow:0 6px 18px #000000b3,0 0 10px #c9a75633}.shop-item-icon-frame{position:relative;width:100%;height:96px;border-radius:4px;overflow:hidden;margin-bottom:10px;background:radial-gradient(120% 100% at 50% 20%,rgba(86,130,176,.3),transparent 70%),linear-gradient(180deg,#16283c,#080f18);border:1px solid rgba(150,190,225,.15)}.shop-item-icon{width:100%;height:100%;padding:8px;box-sizing:border-box;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8))}.shop-card-badge{position:absolute;top:6px;right:6px;background:#0a1420d9;border:1px solid #ffd875;color:#ffd875;font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px}.shop-item-info{flex:1;margin-bottom:12px}.shop-item-title{font-family:var(--display);font-size:15px;font-weight:700;color:#fff8e7;margin-bottom:4px}.shop-item-desc{font-size:11.5px;color:#8ea8c4;line-height:1.35}.shop-item-actions{display:flex;gap:8px;margin-top:auto}.shop-buy-btn{flex:1;padding:8px 12px;font:inherit;font-size:13px;font-weight:700;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.shop-buy-btn.gold-btn{background:linear-gradient(180deg,#c9a756,#8e6c28);border:1px solid #ffe9a8;color:#1a1205;box-shadow:0 2px 6px #00000080}.shop-buy-btn.gold-btn:hover:not(.disabled){background:linear-gradient(180deg,#dfbc64,#a68132);box-shadow:0 0 10px #ffe9a866}.shop-buy-btn.gold-btn.disabled{opacity:.5;filter:grayscale(.8);cursor:not-allowed}.shop-buy-btn.seals-btn{background:linear-gradient(180deg,#2d78be,#184674);border:1px solid #7fe3ff;color:#fff;box-shadow:0 2px 6px #00000080}.shop-buy-btn.seals-btn:hover{background:linear-gradient(180deg,#3d8cd6,#205890);box-shadow:0 0 10px #7fe3ff66}.veil{position:absolute;inset:0;z-index:20;background:#03060acc;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.veil[hidden]{display:none}.card{width:700px;padding:26px 28px;border-radius:5px;text-align:center;border:1px solid #7ba3c6;background:linear-gradient(180deg,rgba(255,255,255,.1) 0 1px,transparent 1px),linear-gradient(180deg,#16324e,#070d15);box-shadow:0 24px 70px #000000e6}.card h2{margin:0 0 4px;font-family:var(--display);font-size:30px;font-weight:400;letter-spacing:.05em;color:var(--gold)}.card p{color:var(--steel);font-size:13px;margin:0 0 10px}.field{padding:6px 10px;font:inherit;font-size:13px;color:var(--ivory);background:#04090fcc;border:1px solid var(--plate-edge-dim);border-radius:3px}.field:focus{outline:none;border-color:var(--gold)}.beasts{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}.beast{display:flex;flex-direction:column;padding:12px 14px;border-radius:6px;border:1px solid rgba(150,190,225,.25);background:linear-gradient(180deg,#102032d9,#08101af2);box-shadow:0 4px 12px #00000080;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.beast:hover{transform:translateY(-2px);border-color:#c9a75699;box-shadow:0 6px 16px #000000b3}.beast .hd{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.beast-portrait-ring{width:58px;height:58px;border-radius:50%;border:2px solid #c9a756;background:radial-gradient(circle at 35% 35%,#25394d,#0d1620);box-shadow:0 0 10px #c9a75666,inset 0 0 6px #000c;overflow:hidden;flex:none;background-position:center;background-size:cover;background-repeat:no-repeat}.beast-name-block{flex:1;min-width:0}.beast-title{font-family:var(--display);font-size:16px;font-weight:600;color:#ffd875;line-height:1.2;margin-bottom:2px}.beast-subtitle{font-size:11px;color:#8ea8c4}.beast-badges-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.beast-chip{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;background:#00000080;border:1px solid rgba(255,255,255,.15);color:#cad6e0}.beast-chip.faction-haven{color:#ffe699;border-color:#e6be5066;background:#32280f80}.beast-chip.faction-necropolis{color:#c4a8e8;border-color:#a06edc66;background:#23143280}.beast-chip.faction-stronghold{color:#e8a880;border-color:#dc783c66;background:#32190f80}.beast-chip.faction-inferno{color:#ff8080;border-color:#e63c3c66;background:#3c0f0f80}.beast-chip.faction-sanctuary{color:#80e8d0;border-color:#3cc8aa66;background:#0f322d80}.beast-chip.faction-dungeon{color:#d080e8;border-color:#b43cdc66;background:#2d0f3780}.beast-chip.faction-sylvan{color:#a0e880;border-color:#6ed24666;background:#19320f80}.beast-chip.faction-academy{color:#80c8e8;border-color:#3ca0dc66;background:#0f283780}.beast-chip.faction-black-fang{color:#e8c080;border-color:#c8963c66;background:#2d230f80}.beast-chip.tier-core{color:#c8d8e8;border-color:#96b4d24d}.beast-chip.tier-elite{color:#ffd875;border-color:#c9a75666}.beast-chip.tier-champion{color:#ff9d75;border-color:#e66e3c80}.beast-chip.tier-boss{color:#ff6060;border-color:#f03c3c99;background:#3c0a0a99}.beast-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 8px;padding:6px 8px;border-radius:4px;background:#00000059;border:1px solid rgba(255,255,255,.06);margin-bottom:8px}.beast-stat-cell{display:flex;flex-direction:column}.beast-stat-cell i{font-style:normal;font-size:10px;color:#8ea8c4}.beast-stat-cell b{font-size:13px;color:#fff8e7}.beast-lore{margin-bottom:8px;padding:8px 10px;border-left:2px solid rgba(201,167,86,.5);background:#c9a7560f;border-radius:0 4px 4px 0;font-size:11.5px;line-height:1.5;color:#d8cbb0;font-style:italic}.beast-lore-mark{font-style:normal;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#c9a756d9;margin-bottom:3px}.beast-ability-official{margin-top:4px;padding:5px 7px;border-left:2px solid rgba(120,190,255,.45);background:#78beff12;border-radius:0 4px 4px 0;font-size:10.5px;line-height:1.45;color:#b9cde0}.beast-official-mark{display:block;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#78beffd9;margin-bottom:2px}.beast-patches{margin-top:8px;padding:6px 8px;border-left:2px solid rgba(230,190,110,.45);background:#e6be6e0f;border-radius:0 4px 4px 0;font-size:10.5px;line-height:1.5;color:#cfc0a0}.beast-patch-mark{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#e6be6ed9;margin-bottom:2px}.beast-patch-ver{display:inline-block;min-width:34px;color:#e6be6ef2}.beast-chip-role{border-color:#78beff73;color:#b9cde0}.beast-chip-kin{border-color:#96d29673;color:#a8d0a8}.beast-chip-invented{border-color:#dc5a5a8c;color:#e8a0a0}.beast-traits-section{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.beast-trait-pill{font-size:10.5px;padding:2px 6px;border-radius:4px;background:#c9a7561f;border:1px solid rgba(201,167,86,.25);color:#ffd875}.beast-abilities-section{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.beast-ability-box{padding:6px 8px;border-radius:4px;background:#ffffff08;border:1px solid rgba(150,190,225,.15)}.beast-ability-name{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#ffe090;margin-bottom:2px}.beast-ability-name .beast-ability-ico{flex:0 0 auto;width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.beast-ability-name .beast-ability-ico-none{display:inline-flex;align-items:center;justify-content:center;font-size:12px;filter:none}.beast-ability-desc{font-size:11px;color:#b0c4d8;line-height:1.35}.beast-ability-stats{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.beast-stat-tag{font-size:9.5px;padding:1px 4px;border-radius:3px;background:#0006;border:1px solid rgba(255,255,255,.1);color:#8ec8f0}.beast-res-footer{margin-top:auto;padding-top:8px;border-top:1px solid rgba(120,160,200,.2);display:flex;flex-direction:column;gap:5px}.beast-res-title{font-size:11px;font-weight:600;color:#ffd875;display:flex;align-items:center;gap:4px}.beast-res-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:2px}.beast-res-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px 2px;border-radius:4px;background:#00000073;border:1px solid rgba(150,180,210,.15);text-align:center}.beast-res-cell .res-ico{display:block;width:15px;height:15px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.beast-res-cell .res-name{font-size:8.5px;color:#8ea8c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:1px}.beast-res-cell .res-num{font-size:10.5px;font-weight:700;margin-top:1px}.beast-res-cell.res-pos{background:#1e502d59;border-color:#5ac87866}.beast-res-cell.res-pos .res-num{color:#7ce09e}.beast-res-cell.res-neg{background:#50191959;border-color:#dc464666}.beast-res-cell.res-neg .res-num{color:#ff8080}.beast-res-cell.res-zero{opacity:.65}.beast-res-cell.res-zero .res-num{color:#8ea8c4}.hall-profile-grid{display:grid;grid-template-columns:320px 1fr;gap:16px;margin-bottom:20px}.hall-hero-card{display:flex;align-items:center;gap:16px;padding:16px;border-radius:6px;background:linear-gradient(180deg,#142438e6,#0a121ef2);border:1px solid #c9a756;box-shadow:0 4px 14px #0009}.hall-avatar-frame{position:relative;width:84px;height:84px;border-radius:50%;border:3px solid #c9a756;overflow:hidden;flex:none;background:#000;box-shadow:0 0 12px #c9a75666}.hall-avatar-img{width:100%;height:100%;object-fit:cover}.hall-lvl-badge{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:#c9a756;color:#1a1205;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;white-space:nowrap}.hall-hero-name{font-family:var(--display);font-size:20px;font-weight:700;color:#ffd875;letter-spacing:.05em;margin-bottom:2px}.hall-hero-class{font-size:13px;color:#fff8e7;font-weight:600;margin-bottom:2px}.hall-hero-faction{font-size:11px;color:#8ea8c4;margin-bottom:6px}.hall-power-chip{font-size:12px;color:#7fe3ff;background:#2d78be33;border:1px solid #5a9ce6;padding:2px 8px;border-radius:10px;display:inline-block}.hall-stats-card{padding:16px;border-radius:6px;background:linear-gradient(180deg,#101e30d9,#08101af2);border:1px solid rgba(120,160,200,.25)}.hall-card-title{font-family:var(--display);font-size:16px;font-weight:700;color:#ffd875;margin-bottom:12px;padding-bottom:4px;border-bottom:1px solid rgba(201,167,86,.3)}.hall-attr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hall-attr{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:4px;background:#ffffff08;border:1px solid rgba(150,190,225,.15)}.hall-attr .attr-icon{font-size:20px}.hall-attr img.attr-icon{width:22px;height:22px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.75))}.hall-title-badge img.title-icon{width:18px;height:18px;object-fit:contain;vertical-align:-3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.75))}.feat-pill-ico,.shop-curr-ico{width:16px;height:16px;object-fit:contain;margin-right:5px;vertical-align:-3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.beast-way-ico{width:15px;height:15px;object-fit:contain;margin-right:4px;vertical-align:-3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.hall-attr .attr-info{display:flex;flex-direction:column}.hall-attr .attr-label{font-size:11px;color:#8ea8c4}.hall-attr .attr-val{font-size:12px;font-weight:700;color:#fff8e7}.hall-chronicle-section,.hall-army-section{margin-bottom:20px}.hall-record-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.record-box{text-align:center;padding:14px 8px;border-radius:6px;background:linear-gradient(180deg,#0e1c2ccc,#060e18e6);border:1px solid rgba(120,160,200,.2)}.record-num{font-family:var(--display);font-size:24px;font-weight:700;color:#ffd875;margin-bottom:4px}.record-lbl{font-size:11px;color:#8ea8c4}.hall-army-stacks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.hall-stack-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:6px;background:#ffffff08;border:1px solid rgba(150,190,225,.2)}.hall-stack-card .medal{width:44px;height:44px;flex:none}.hall-stack-info{display:flex;flex-direction:column}.hall-stack-name{font-size:13px;color:#fff8e7}.hall-stack-count{font-size:12px;color:#7ce09e;font-weight:700}.hall-stack-hp{font-size:11px;color:#8ea8c4}.skills-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;margin-right:12px}.skills-summary{display:flex;gap:8px;align-items:center}.skills-summary .sp-badge{font-size:12.5px;font-weight:700;color:#ffd875;background:#c9a7562e;border:1px solid #c9a756;padding:3px 10px;border-radius:12px;box-shadow:0 0 10px #c9a7564d}.skills-summary .mana-badge{font-size:12.5px;font-weight:700;color:#7fe3ff;background:#2d78be33;border:1px solid #5a9ce6;padding:3px 10px;border-radius:12px}.skills-body-row{display:flex;flex:1;min-height:0;gap:78px;padding-left:25px;padding-bottom:29px}.skills-school-tabs{display:flex;flex-direction:column;gap:24px;width:376px;flex:none;padding:18px 10px 10px 8px;overflow-y:auto}.skills-school-caption{position:relative;font-family:var(--display);font-size:21px;color:#e9eef5;letter-spacing:.06em;line-height:1;padding:3px 0;margin:0 0 0 -5px;border-bottom:1px solid transparent;text-shadow:0 0 1px #04101c,0 1px 1px #04101c,0 1px 3px #04101c}.skills-school-tab{position:relative;display:flex;align-items:center;gap:10px;height:51px;border-radius:4px;text-align:left;box-sizing:border-box;border:0;padding:0 14px 0 62px;clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px));background:var(--plate, #333130) center / 100% 100% no-repeat;overflow:hidden;color:#ddd8ca;font-size:21px;font-family:var(--display);letter-spacing:.11em;cursor:pointer;white-space:nowrap;box-shadow:0 2px 6px #0000008c;text-shadow:0 1px 0 rgba(0,0,0,.85),0 2px 4px rgba(0,0,0,.8);transition:filter .15s ease}.skills-school-tab:hover{filter:brightness(1.18)}.skills-school-tab:before{content:"";position:absolute;left:0;top:0;width:64px;height:100%;z-index:0;pointer-events:none;background:var(--plate) -65px 0 / 358px 51px no-repeat;mask-image:linear-gradient(to right,#000 0 49px,transparent 64px)}.skills-school-tab.active:before{background-image:var(--plate-on)}.skills-school-tab.active{background:var(--plate-on, #46432c) center / 100% 100% no-repeat;color:#fdf6e2}.skills-school-tab.locked-tab{filter:grayscale(.7) brightness(.7)}.skills-school-tab.locked-tab:hover{filter:grayscale(.4) brightness(.9)}.skills-school-tab>span:not(.tab-icon){position:relative;z-index:2}.skills-school-tab .tab-icon{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:42px;height:42px;flex:none;border-radius:50%;border:2px solid transparent;background-position:0 0,0 0;background-size:auto,auto;background-repeat:no-repeat,no-repeat;background-origin:padding-box,border-box;background-clip:padding-box,border-box;background-color:transparent;box-shadow:0 0 0 1px #060c14e6,inset 0 2px 5px #000000b3,0 2px 5px #000000b3;z-index:4}.skills-school-tab .tab-icon{background-image:linear-gradient(#0a2433,#0a2433),linear-gradient(180deg,#c2ccc7,#94a3a6 15%,#33495a 38%,#2a3d4c 60%,#93a5a4 85%,#c3ccc4)}.skills-school-tab .tab-icon:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--tab-icon, none) center / auto 112% no-repeat;mask-image:radial-gradient(circle closest-side,#000 88%,transparent 100%)}.skills-school-tab .tab-count{margin-left:auto;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:10px;font-size:12px;font-weight:700;font-family:var(--display);color:#1a1408;background:linear-gradient(180deg,#ffd875,#c9a756);border:1px solid #6b5326;text-shadow:none}.skills-tier-section{margin-bottom:18px}.skills-tier-title{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:16px;color:#ffd875;letter-spacing:.05em;margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid rgba(201,167,86,.25)}.skills-tier-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(201,167,86,.3),transparent)}#skillsPanel{--book-board: 891px;--book-w: 1370px;--book-h: 854px;--book-hook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cg fill='none' stroke='%23dbe6f2' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M0 10.4h3.2'/%3E%3Ccircle cx='6.6' cy='10.4' r='3.1'/%3E%3Cpath d='M8.6 8.1C10.4 5 12.8 3 15.4 2.2'/%3E%3C/g%3E%3C/svg%3E");--book-curl-tl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 39'%3E%3Cg fill='none' stroke='%23bed2e8' stroke-opacity='.62' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M31 3C24 3 17 5 14 11c-2 4 1 8 4 6 3-2 1-7-4-7-5 0-8 4-7 9'/%3E%3Cpath d='M9 3C5 4 3 7 4 10c1 2 4 2 5 0'/%3E%3Cpath d='M5 15V39'/%3E%3C/g%3E%3C/svg%3E");--book-curl-tr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 39'%3E%3Cg transform='translate(31 0) scale(-1 1)' fill='none' stroke='%23bed2e8' stroke-opacity='.62' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M31 3C24 3 17 5 14 11c-2 4 1 8 4 6 3-2 1-7-4-7-5 0-8 4-7 9'/%3E%3Cpath d='M9 3C5 4 3 7 4 10c1 2 4 2 5 0'/%3E%3Cpath d='M5 15V39'/%3E%3C/g%3E%3C/svg%3E");--book-curl-bl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 39'%3E%3Cg transform='translate(0 39) scale(1 -1)' fill='none' stroke='%23bed2e8' stroke-opacity='.62' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M31 3C24 3 17 5 14 11c-2 4 1 8 4 6 3-2 1-7-4-7-5 0-8 4-7 9'/%3E%3Cpath d='M9 3C5 4 3 7 4 10c1 2 4 2 5 0'/%3E%3Cpath d='M5 15V39'/%3E%3C/g%3E%3C/svg%3E");--book-curl-br: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 39'%3E%3Cg transform='translate(31 39) scale(-1 -1)' fill='none' stroke='%23bed2e8' stroke-opacity='.62' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M31 3C24 3 17 5 14 11c-2 4 1 8 4 6 3-2 1-7-4-7-5 0-8 4-7 9'/%3E%3Cpath d='M9 3C5 4 3 7 4 10c1 2 4 2 5 0'/%3E%3Cpath d='M5 15V39'/%3E%3C/g%3E%3C/svg%3E");inset:34px auto auto 50%;transform:translate(-50%) scale(var(--book-fit, 1));transform-origin:top center;max-width:none;max-height:none;width:var(--book-w);height:var(--book-h);padding:0;border-radius:5px;box-shadow:0 24px 64px #000000d1;background:url(/art/ui/book-restored/page-worn.png) 0 0 / 100% 100% no-repeat,#041f31}#skillsPanel:before{content:"";position:absolute;inset:0;border:2px solid rgba(131,152,171,.9);border-top-color:#8ca2b4f2;border-radius:5px;pointer-events:none}#skillsPanel:after{content:"";position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;background-size:37px 37px;background-position:left top,right top,left bottom,right bottom;background-image:url(/art/ui/book-corner-tl.png),url(/art/ui/book-corner-tr.png),url(/art/ui/book-corner-bl.png),url(/art/ui/book-corner-br.png);opacity:.72}#skillsPanel>.skills-head{position:relative;display:grid;place-items:center;left:auto;right:auto;top:auto;height:auto;z-index:3;padding:40px 0 0;border:0;background:none;margin-bottom:-14px;flex:none}#skillsPanel .body>.fill{display:flex;padding:0}.skills-head{position:relative;display:grid;place-items:center;padding:6px 0 2px;border:0;background:none}.skills-title{font-family:var(--display);display:inline-block;font-size:78.8px;line-height:1.15;letter-spacing:5px;transform:scaleX(1.23);-webkit-text-stroke:3.7px transparent;color:#d2dbe4;background:linear-gradient(180deg,#c2d0de 0% 15.2%,#ccd6e3 24.9%,#d6dee5,#dce3ec,#d4dce4,#c9d1d8 63.7%,#bec6cc 73.5%,#bfc8d0 79.9% 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(3px 0 0 #46505a) drop-shadow(-3px 0 0 #46505a) drop-shadow(0 3px 0 #46505a) drop-shadow(0 -3px 0 #46505a) drop-shadow(2.4px 0 0 #78848f) drop-shadow(-2.4px 0 0 #78848f) drop-shadow(0 2.4px 0 #78848f) drop-shadow(0 -2.4px 0 #78848f) drop-shadow(0 .8px 0 #78848f)}.skills-head .close{position:absolute;right:10px;top:10px}.skills-summary[hidden]{display:none!important}.skills-tree-wrapper{display:flex;flex:1;min-height:100%;align-items:stretch}.skills-body-row{position:relative}.skills-school-tabs{position:relative;z-index:1}.skills-tree-board{width:var(--book-board);flex:none;display:flex;flex-direction:column;gap:0}.skills-school-rule{display:flex;align-items:flex-end;gap:12px;padding:0 0 0 46px;height:54px;flex:none;position:relative;z-index:4}.skills-rule-line{flex:1;height:5px;align-self:flex-end;margin-bottom:0;background:none}.skills-rule-line.tail{flex:none;width:63px}.skills-rule-hook{flex:none;width:15px;height:14px;margin-bottom:-2px;background:none}.skills-school-emblem{width:62px;height:62px;border-radius:50%;flex:none;margin-bottom:-30px;position:relative;z-index:5;background-color:#12283e;background-position:center;background-size:52px 52px;background-repeat:no-repeat;border:2px solid #a9bccd;box-shadow:0 2px 8px #000000a6}.skills-school-title{font-family:var(--display);font-size:27px;line-height:1;letter-spacing:.05em;color:#f6f0dd;margin-bottom:9px;text-shadow:0 0 1px #04101c,0 1px 1px #04101c,0 2px 4px #05131f}.skills-hero-row{position:relative;z-index:2;display:flex;align-items:center;gap:23px;padding:35px 22px 10px 164px;flex:none}.skills-hero-medal{width:89px;height:89px;border-radius:50%;flex:none;background-color:#0d1d2e;background-position:center;background-size:cover;background-repeat:no-repeat;border:11px solid transparent;background-origin:padding-box;background-clip:padding-box;position:relative;box-shadow:0 0 0 2px #0c0903eb,inset 0 0 0 1px #08101ce6,0 3px 10px #000000b3}.skills-hero-medal:before{content:"";position:absolute;inset:-11px;border-radius:50%;z-index:-1;background:conic-gradient(from 200deg,#4e3c17,#a8873a 8%,#f2e6bb 17%,#b7913f 30%,#5a4620 44%,#6d5527 52%,#cfae5c 64%,#f4ead0,#a8843a 84%,#4e3c17)}.skills-hero-medal[data-class=knight],.skills-hero-medal[data-class=necromancer]{background-size:135.135% 135.135%}.skills-hero-who{display:flex;flex-direction:column;gap:2px;min-width:0}.skills-hero-who b{margin-top:4px;font-family:var(--display);font-size:19px;letter-spacing:.04em;color:#eef4fb;text-shadow:0 1px 4px #05131f}.skills-hero-mana{margin-top:-4px;display:inline-flex;align-items:center;gap:13px;font-family:var(--display);font-style:italic;font-weight:700;font-size:25px;color:#efe4c8;letter-spacing:.02em;text-shadow:0 1px 4px #05131f}.skills-hero-mana:before{content:"";flex:none;width:32px;height:32px;margin-left:-3px;background:url(/art/ui/book-restored/mana.png) center / contain no-repeat}.skills-hero-points{margin-left:auto;display:flex;flex-direction:column;gap:0;text-align:right}.skills-hero-points>span{display:flex;align-items:baseline;justify-content:flex-end;gap:12px;height:30px;line-height:30px}.skills-hero-points i{font-style:normal;font-family:var(--display);font-size:18px;letter-spacing:.05em;color:#dbe6f2}.skills-hero-points b{font-style:italic;font-size:30px;color:#fbfdff;min-width:34px;text-shadow:0 1px 4px #05131f}.skills-hero-under{position:relative;z-index:2;flex:none;height:1px;margin:0 22px 6px;background:none}.skills-graph-container{position:relative;flex:1;min-height:0;padding:0 0 10px;border-radius:40px 12px 12px 40px/50% 12px 12px 50%;background:none;display:flex;flex-direction:column;justify-content:flex-start}.tree-field{position:relative;flex:1;min-height:0;display:flex;background:none}.tree-conduits-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.tree-tier-cols{position:relative;z-index:2;display:flex;justify-content:flex-start;gap:0;flex:none;align-items:flex-start;margin:0;width:100%;padding-left:40px;box-sizing:border-box}.tree-tier-col{width:166px;flex:none;display:flex;flex-direction:column;align-items:center}.tree-col-header{font-family:var(--display);font-size:43px;line-height:1;color:#6e807f;padding:2px 0;letter-spacing:.04em;text-shadow:0 2px 5px rgba(0,0,0,.8)}.tree-tier-col.reached .tree-col-header{color:#b6ad80;text-shadow:0 0 10px rgba(182,173,128,.35),0 2px 5px rgba(0,0,0,.8)}.tree-tier-col-nodes{display:flex;flex-direction:column;align-items:center;flex:none;width:100%}.tree-slot-cell{width:100%;height:115px;flex:none;display:flex;align-items:center;justify-content:center;position:relative}.tree-node{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.tree-node:hover .tree-node-ring{filter:brightness(1.2)}.tree-node-ring{width:92px;height:92px;border-radius:50%;border:2px solid rgba(104,152,183,.85);background:radial-gradient(circle at 50% 42%,#14374d,#0c2739 62%,#061826);display:grid;place-items:center;position:relative;box-shadow:inset 0 2px 7px #000000b3,inset 0 -1px 3px #78aadc24,0 3px 9px #0009;transition:filter .15s ease,box-shadow .15s ease}.tree-node.unlocked .tree-node-ring,.tree-node.pending .tree-node-ring{border:0;background:linear-gradient(#0a2135,#0a2135) padding-box,radial-gradient(closest-side,transparent 79%,rgba(35,39,34,.85) 80.5%,rgba(255,255,234,.35) 82%,rgba(255,255,234,0) 85%,rgba(24,17,6,.22) 90%,rgba(24,17,6,.68) 97%,rgba(24,17,6,.9) 100%) border-box,conic-gradient(from 200deg,#6a5f48,#bbae8b 8%,#f4f4e6 17%,#c8ba9c 30%,#857a5e 44%,#948866 52%,#dbd0ae 64%,#f6f2e0,#bbae8b 84%,#6a5f48) border-box;border:9px solid transparent;padding:4px;box-shadow:0 0 0 1px #d6e2f052,0 0 0 3px #090e1af2,inset 0 0 0 1px #262c2cd9,inset 0 2px 5px #00000080,0 4px 12px #000000b3}@keyframes pulseNodeGlow{0%,to{border-color:#78aacde6;box-shadow:inset 0 2px 7px #000000b3,inset 0 -1px 3px #78aadc24,0 0 #7ec2f000,0 3px 9px #0009}50%{border-color:#b2dbf8fa;box-shadow:inset 0 2px 7px #000000b3,inset 0 -1px 3px #96c8f033,0 0 14px #7ec2f073,0 3px 9px #0009}}.tree-node.available .tree-node-ring{animation:pulseNodeGlow 2.4s infinite ease-in-out}.tree-node.pending .tree-node-ring{animation:none;box-shadow:0 0 0 2px #0a0803f2,0 0 0 3px #ffecb41a,0 0 16px #ffe09680,inset 0 0 0 1px #fff0c46b,inset 0 2px 5px #00000080,0 4px 12px #000000b3}.tree-node.locked .tree-node-icon{filter:url(#book-icon-detail) brightness(.56) saturate(.89)}.tree-node.available:not(.pending) .tree-node-icon{filter:url(#book-icon-detail) brightness(.82) saturate(.88)}.tree-node-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background-position:center;background-size:112% 112%;background-repeat:no-repeat;-webkit-mask-image:radial-gradient(circle closest-side,#000 86%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 86%,transparent 100%);filter:url(#book-icon-detail) saturate(.88)}.skills-reset-row{position:absolute;left:545px;top:712px;z-index:4;display:flex;align-items:center;gap:12px;padding:0;flex:none}.skills-reset-bar{display:flex;align-items:center;gap:10px;cursor:pointer;appearance:none;text-align:left;width:176px;height:30px;padding:0 12px 0 13px;margin-left:37px;background:linear-gradient(180deg,#ffffff47 0 1px,#fff0 1px),linear-gradient(180deg,#74a05c,#5f8a4c 45%,#547746 60%,#3d5d2c 92%,#2c4520);border:1px solid #2f4a25;border-radius:2px;box-shadow:0 0 0 1px #a0be8259,0 2px 5px #0000008c;position:relative}.skills-reset-bar:before,.skills-reset-bar:after{content:"";position:absolute;top:2px;bottom:2px;width:5px;pointer-events:none;border:1px solid rgba(220,235,200,.32)}.skills-reset-bar:before{left:1px;border-right:0}.skills-reset-bar:after{right:1px;border-left:0}.skills-reset-bar:hover{filter:brightness(1.13)}.skills-reset-bar:active{filter:brightness(.9)}.skills-reset-bar:focus-visible{outline:2px solid #f4df98;outline-offset:4px}.skills-reset-dialog{width:min(460px,calc((100 * var(--ui-vw, 1vw)) - 32px));box-sizing:border-box;padding:28px;margin:auto;color:#eee8d7;background:linear-gradient(145deg,#203b50,#0b2032);border:2px solid #a38b52;border-radius:9px;box-shadow:0 0 0 3px #0b1723,0 16px 60px #000b;font-family:var(--sans);font-size:16px;line-height:1.5}.skills-hero-points>span:last-child b{font-size:22px}.skills-reset-dialog::backdrop{background:#020b16b8}.skills-reset-dialog h2{margin:0 0 14px;font-family:var(--display);font-size:27px;font-weight:400;color:#f2dc9e}.skills-reset-dialog p{margin:0 0 16px}.skills-reset-free{color:#adc991}.skills-reset-actions{display:flex;gap:14px;margin-top:23px}.skills-reset-actions .btn{flex:1;min-height:42px;font-size:16px}.skills-reset-actions .btn:focus-visible{outline:2px solid #f4df98;outline-offset:3px}.reset-coin{position:absolute;top:50%;transform:translateY(-50%);width:37px;height:37px;border-radius:50%;flex:none;z-index:1;left:-37px;background:url(/art/ui/seal.png) center / cover no-repeat,#6b4a1c;border:2px solid #e6dcbb;box-shadow:0 2px 6px #000000b3}.reset-word{background:none;border:0;padding:0;cursor:pointer;font-family:var(--display);font-size:16px;letter-spacing:.08em;color:#f3f0e2;text-shadow:0 1px 2px rgba(0,0,0,.85)}.reset-word:hover{color:#ffe7a6}.reset-cost{margin-left:auto;font-family:var(--display);font-size:15px;color:#f3f0e2;text-shadow:0 1px 2px rgba(0,0,0,.85)}.reset-word.dev{padding:2px 10px;border:1px solid rgba(201,167,86,.55);border-radius:12px;color:#ffd875}.skills-foot{display:flex;align-items:center;justify-content:space-between;gap:428px;padding:0 23px 23px;flex:none}.book-btn{position:relative;flex:1 1 0;max-width:448px;height:57px;cursor:pointer;font-family:var(--display);font-size:24px;letter-spacing:.08em;border:0;padding:0;background:none;transition:filter .12s ease}.book-btn>span{position:relative;z-index:2}.book-btn.back,.book-btn.confirm{color:#f4ecdc;text-shadow:0 2px 3px #000d;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.book-btn.back{background-image:url(/art/ui/book-restored/back.png)}.book-btn.confirm{background-image:url(/art/ui/book-restored/confirm.png)}.book-btn.confirm:disabled{cursor:default;color:#858787;background-image:url(/art/ui/book-restored/confirm-disabled.png)}.book-btn-flourish{display:none}.book-btn:hover:not(:disabled){filter:brightness(1.16)}.book-btn:active:not(:disabled){filter:brightness(.9)}.book-btn:focus-visible{outline:2px solid #d8c69d;outline-offset:3px}#rail{position:absolute;left:0;top:108px;display:flex;flex-direction:column;gap:2px;z-index:10}#rail button{position:relative;width:21px;height:29px;padding:0;display:grid;place-items:center;cursor:pointer;border:0;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#725738,#6c5235 7%,#54422c 36%,#362c1f 71%,#27221a 91%,#201b14);box-shadow:inset -1px 0 #94795b,inset 0 1px #92734f,inset 0 -1px #a58b6e,inset -2px 0 #3f3525,0 1px 1px #080c08;color:#d5cfba;transition:filter .12s ease}#rail button .ic{display:block;position:absolute;width:18px;height:18px;left:1px;top:4px;filter:none}#rail button .ic.rail-native{width:21px;height:29px;left:0;top:0}#rail #railRoster .ic{width:17px;height:17px;left:1.5px;top:1.5px}#rail button.head{height:20px;margin-bottom:21px}#rail button:hover{filter:brightness(1.2)}#rail button:active{filter:brightness(.9)}#rail button.lit{color:#8ce69f;background:linear-gradient(180deg,#31a031,#258d25 21%,#177817 50%,#005600);box-shadow:inset -1px 0 #93ae6a,inset 0 1px #90b66c,inset 0 -1px #9aba79,inset -2px 0 #345b22,0 1px 1px #080c08}#rail #railLog .ic{width:17px;height:17px;left:1.5px;top:5px}#rail button.fold{height:43px;margin-top:8px}#rail #railFold .ic{width:17px;height:17px;left:1.5px;top:12px}#rail.folded button:not(.fold){display:none}#rail.folded button.fold{margin-top:0}#tip{position:absolute;z-index:60;pointer-events:none;display:none;max-width:300px;padding:8px 12px;border-radius:3px;font-size:12px;line-height:1.4;color:var(--ivory);border:1px solid var(--gold-dim);background:linear-gradient(180deg,#14283ef7,#060c14f7);box-shadow:0 8px 26px #000000e6}#tip .t{font-family:var(--display);font-size:14px;color:var(--gold);display:block;margin-bottom:2px}#tip.has-rows{max-width:360px}.tip-rows{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:22px;row-gap:3px;margin-top:6px}.tip-rows .k{color:#d7e3ee}.tip-rows .k.deep{padding-left:12px;color:#b9c9d8}.tip-rows .v{text-align:right;color:#fff;font-weight:600;font-variant-numeric:tabular-nums}.tip-rows .tip-rule{grid-column:1 / -1;height:1px;margin:3px 0 2px;background:linear-gradient(90deg,#c9a7561a,#c9a7568c,#c9a7561a)}.tip-rows .k.met,.tip-rows .v.met{color:#8fdc8a;font-weight:500}.tip-rows .k.unmet,.tip-rows .v.unmet{color:#e08a80;font-weight:500}#tip.talent-tip{box-sizing:border-box;width:270px;max-width:calc((100 * var(--ui-vw, 1vw)) - 16px);max-height:calc((100 * var(--ui-vh, 1vh)) - 16px);overflow-y:auto;pointer-events:none;padding:5px 6px 7px;border:1px solid #8c7850;border-radius:5px;background:#0d212cf7;color:#fff;box-shadow:inset 0 0 0 1px #344953,0 2px 5px #0008;font-size:12px;line-height:1.3;scrollbar-width:thin}#tip.talent-tip .t{display:flex;align-items:center;gap:4px;color:#eee7d5;font-size:18px;line-height:1.1;padding-bottom:3px;margin-bottom:5px;border-bottom:1px solid #d1d9d8;text-shadow:0 1px 1px #000}.talent-tip-icon{width:16px;height:16px;border-radius:50%;flex:none;object-fit:cover;object-view-box:inset(5.357%);mask-image:radial-gradient(circle closest-side,#000 86%,transparent 100%);filter:url(#book-icon-detail)}.talent-tip-description{display:block;white-space:pre-line}.talent-tip-note{display:block;margin-top:12px}.talent-tip-improves{display:flex;align-items:center;gap:3px;margin:12px 0}.talent-tip-improves img{width:17px;height:17px;object-fit:contain}#tip.talent-tip .tip-rows{margin:9px 0 0 18px;gap:5px 10px}#tip.talent-tip .k{color:#fff}#tip.talent-tip .v{white-space:nowrap}.talent-tip-effects{display:flex;align-items:center;gap:3px;margin-top:13px}.talent-tip-requires{display:block;margin-top:14px}.talent-tip-requires>span{display:block}.talent-tip-requires .met{color:#68bc38}.talent-tip-requires .unmet{color:#ed5147}.talent-tip-pending{display:block;margin-top:10px;color:#dfc58b}.tree-node:focus-visible{outline:1px solid #eee0af;outline-offset:3px;border-radius:50%}#heroPanel{--hero-window-scale: 1;--hw-type-body: 21px;--hw-type-section: 26px;--hw-weight-section: 400;--hw-type-group: 23px;--hw-type-number: 20px;--hw-type-title: 83px;--hw-font-interface: var(--display);--hw-font-number: var(--num);--hw-panel-field: url(/art/ui/hw-window-field-fidelity.png);--hw-left-x: 16px;--hw-left-w: 418px;--hw-mid-x: 446px;--hw-mid-w: 389px;--hw-right-x: 846px;--hw-right-w: 419px;--hw-content-y: 94px;--hw-content-h: 596px;position:absolute;left:50%;top:50%;width:1279px;height:794px;max-width:none;max-height:none;transform:translate(-50%,-50%) scale(var(--hero-window-scale));transform-origin:center;isolation:isolate;box-sizing:border-box;font-family:var(--hw-font-interface);font-size:var(--hw-type-body);--hw-col-left: 34.35%;padding:0;border:0;border-image:none;border-radius:0;background:#061d2c var(--hw-panel-field) no-repeat 0 0 / 1279px 794px;background-origin:padding-box;background-clip:padding-box;box-shadow:0 30px 80px #000000e6}#heroPanel:after{display:none}#heroPanel:before{display:none}.hero-window>header{position:absolute;left:0;right:0;top:0;height:104px;z-index:8;display:flex;align-items:flex-start;justify-content:center;overflow:visible;pointer-events:none;background:none}.hero-window>header .hw-title{position:relative;top:34px;flex:none;z-index:1;font-family:var(--display);font-size:var(--hw-type-title);line-height:1;font-weight:700;letter-spacing:normal;font-variant:normal;background:linear-gradient(180deg,#f2f7fb,#dde7ef 11%,#97a8b6 25%,#6b7d8c 52%,#6d808f 88%,#93a4b1);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:url(#hero-name-bevel)}.hero-window>header .hw-title[data-latin=true]{font-variant:small-caps}.hero-window>header .hw-title:first-letter{font-size:inherit}.hw-title-ornament{display:none}.hw-subtitle{position:absolute;left:0;right:0;top:100px;text-align:center;font-family:var(--hw-font-interface);font-size:15px;letter-spacing:normal;color:#ffe3a2;text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none}.hw-subtitle[hidden]{display:none}.hero-window-medal{--md: 142px;--ring: 9px}.hero-window-medal{position:relative;z-index:9;left:9px;top:-9px;--hw-crest-edge: #83a4a2}.hero-window-medal .lvl{min-width:68px;padding:1px 10px;font-size:15px;line-height:24px;bottom:-6px}#heroStatsXpArc{--xp-frame-empty: url(/art/ui/inventory-original/xp-green-empty.svg);--xp-frame-full: url(/art/ui/inventory-original/xp-green-full.svg)}#heroStatsXpArc:before{mask:conic-gradient(from 202deg,#000 0deg calc(var(--xp) * 126deg),transparent calc(var(--xp) * 126deg) 360deg)}#heroStatsXpArc[data-epic=true]{--xp-frame-empty: url(/art/ui/inventory-original/xp-dragon-empty.svg);--xp-frame-full: url(/art/ui/inventory-original/xp-dragon-full.svg)}.hw-id{position:relative;z-index:4;display:flex;align-items:center;gap:16px;margin:-52px 0 12px -4px}.hw-id-side{display:none}.hw-id-side{flex:1;min-width:0}.hw-id-name{font-family:var(--hw-font-interface);font-size:var(--hw-type-body);letter-spacing:normal;color:#f4f9fd;text-shadow:0 1px 2px rgba(0,0,0,.85)}.hw-xpbar{margin-top:7px;height:13px;border-radius:7px;background:#091420c7;border:1px solid rgba(224,238,249,.45);box-shadow:inset 0 2px 5px #000000bf;overflow:hidden}.hw-xpbar-fill{height:100%;width:0;background:linear-gradient(180deg,#b2e690,#57ad46 55%,#3c8c33);box-shadow:0 0 8px #78d6608c;transition:width .3s ease}.hw-xpbar-note{margin-top:4px;font-size:12px;color:#dbe7f1;text-shadow:0 1px 2px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}.hw-pane-wrap{position:relative;flex:1;min-height:0;display:flex;margin-right:-33px}.hw-pane{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:0 33px 0 26px;scrollbar-width:none}.hw-pane::-webkit-scrollbar{width:0;height:0}.hw-pane-wrap>.hw-scroll{position:absolute;z-index:2;top:0;right:0;bottom:0}#heroTabPane>.hw-sec{position:relative;flex:none}.hw-avatars{display:grid;grid-template-columns:repeat(3,92px);gap:12px;padding-top:16px}.hw-avatar{width:92px;height:92px;padding:0;cursor:pointer;border-radius:50%;border:3px solid #b6ab85;border-top-color:#e2d8b9;background:#302a1e;box-shadow:inset 0 0 2px #1a211d,0 1px 1px #22291c;overflow:hidden;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.hw-avatar span{display:block;width:100%;height:100%;border-radius:inherit;background-repeat:no-repeat;background-size:165%;background-position:center 14%}.hw-avatar:hover{border-color:#e4d5a3}.hw-avatar.on{border-color:#e4d5a3;box-shadow:inset 0 0 2px #1a211d,0 0 2px #c7b986}.hw-colors{display:flex;flex-wrap:wrap;gap:12px;max-width:340px;padding-top:8px}.hw-color{position:relative;width:65px;height:65px;padding:0;cursor:pointer;border-radius:50%;border:3px solid #b6ab85;border-top-color:#e2d8b9;background:#302a1e;box-shadow:inset 0 0 2px #1a211d,0 1px 1px #22291c;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.hw-color:before{content:"";position:absolute;inset:0;border-radius:50%;background:url(/art/ui/inventory-details/paint-closed.png) center / 120% 120% no-repeat;filter:var(--paint-filter, none)}.hw-color:hover{border-color:#e4d5a3}.hw-color.on{border-color:#e4d5a3;box-shadow:0 0 2px #c7b986}.hw-color[data-color=cobalt]{--paint-filter: hue-rotate(15deg) saturate(.8)}.hw-color[data-color=crimson]{--paint-filter: hue-rotate(150deg) saturate(.8)}.hw-color[data-color=emerald]{--paint-filter: hue-rotate(-55deg) saturate(.8)}.hw-color[data-color=amethyst]{--paint-filter: hue-rotate(75deg) saturate(.7)}.hw-color[data-color=aurum]{--paint-filter: hue-rotate(-155deg) saturate(.8)}.hw-color[data-color=turquoise]{--paint-filter: hue-rotate(-20deg) saturate(.7)}.hw-color[data-color=ivory]{--paint-filter: grayscale(1) brightness(1.5)}.hw-color[data-color=obsidian]{--paint-filter: grayscale(1) brightness(.6)}.hw-titles{display:flex;flex-direction:column;gap:6px;padding-top:10px}.hw-title-row{position:relative;isolation:isolate;display:flex;align-items:flex-start;text-align:left;min-height:53px;padding:5px 0;cursor:pointer;background:transparent;border:0;border-bottom:1px solid transparent}.hw-title-row:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#7e8160eb,#4c4c35eb);border-bottom:1px solid rgba(240,240,214,.6);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 74%,transparent 94%);opacity:0;transition:opacity .13s ease}.hw-title-row:hover:before,.hw-title-row.on:before{opacity:1}.hw-title-name{font-family:var(--hw-font-interface);font-size:var(--hw-type-body);letter-spacing:normal;color:#ffe9b0;text-shadow:0 1px 2px rgba(0,0,0,.85)}.hw-title-row.on .hw-title-name{color:#fff8e2}.sheet .body.hero-window-body{position:absolute;inset:0;z-index:7;display:block;min-height:0;overflow:visible}.sheet .body.hero-window-body:before,.sheet .body.hero-window-body:after{display:none}.hw-divider{position:absolute;width:0;height:0;pointer-events:none}.hw-divider.left{left:438px}.hw-divider.right{left:838px}.hero-window .hw-col{position:absolute;top:var(--hw-content-y);height:var(--hw-content-h);display:flex;flex-direction:column;min-height:0;min-width:0}.hw-left{left:var(--hw-left-x);width:var(--hw-left-w);padding:0 33px 8px 2px;background:none}.hw-mid{left:var(--hw-mid-x);width:var(--hw-mid-w);padding:8px 0 10px;background:#0a2942;overflow:hidden}.hw-showcase{position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/art/ui/ho/showcase-haven-restored.png) center / 100% 100% no-repeat}#heroPanel[data-faction=Necropolis] .hw-showcase{background-image:url(/art/ui/ho/showcase-necropolis-restored.png)}.hw-showcase-layer{display:none;position:absolute;inset:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.hw-showcase-layer.background{background-image:image-set(url(/art/ui/ho/showcase-background.png) 1x,url(/art/ui/ho/showcase-background@2x.png) 2x)}.hw-showcase-layer.platform{background-image:image-set(url(/art/ui/ho/showcase-platform.png) 1x,url(/art/ui/ho/showcase-platform@2x.png) 2x);clip-path:inset(0 0 1px 0)}.hw-showcase-layer.dais{background-image:image-set(url(/art/ui/ho/showcase-dais.png) 1x,url(/art/ui/ho/showcase-dais@2x.png) 2x)}.hw-showcase-layer.rails{background-image:image-set(url(/art/ui/ho/showcase-rails.png) 1x,url(/art/ui/ho/showcase-rails@2x.png) 2x)}.hw-mid>.hw-stage,.hw-mid>.hw-gear,.hw-mid>.hw-value{position:relative;z-index:1}.hw-mid>.hw-value{top:7px}.hw-right{left:var(--hw-right-x);width:var(--hw-right-w);padding:0 5px 0 18px;background:none}.hero-window .hw-group-title{position:relative;margin:0 0 -3px 12px;padding:0 2px 2px;font-family:Georgia,serif;font-weight:700;font-size:19px;line-height:33.35px;letter-spacing:normal;color:#b3babf;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hero-window .hw-group-title:after{content:"";position:absolute;left:-1px;right:-4px;top:26px;height:2px;background:linear-gradient(180deg,#e4f0fa24,#e4f0fa75);box-shadow:0 1px #080e1633}.hw-cat-tabs{position:relative;width:304px;height:81px;margin-bottom:-14px;padding:0;box-sizing:border-box;background:none;transform:translateY(-7px)}.hw-cat-tabs:after{content:"";position:absolute;left:15px;top:67px;width:369px;height:2px;pointer-events:none;background:linear-gradient(#8a8b8f,#3d485e)}.hw-cat-tabs:before{display:none}.hw-cat-tab{position:absolute;top:0;width:69.25px;height:81px;padding:0;cursor:pointer;border:0;border-radius:0;box-shadow:none;background:transparent}.hw-cat-tab:before{content:"";position:absolute;left:2px;right:0;top:21px;height:46px;pointer-events:none;box-sizing:border-box;background:linear-gradient(164deg,#7a6a4c,#706044 30%,#625039 31%,#55422d);border:1px solid #988967;border-bottom-color:#382f24;border-radius:4px 4px 0 0;box-shadow:inset 0 1px #c4b58e,inset 1px 0 #aa9872;transition:top .14s ease-out,height .14s ease-out,filter .12s ease-out}.hw-cat-tab-stats{left:15.25px;--symbol-x: 0px;--symbol-y: 0px;--symbol-mask: url(/art/ui/inventory-polished/symbol-stats-mask.svg)}.hw-cat-tab-class{left:89.25px;--symbol-x: 0px;--symbol-y: -60px;--symbol-mask: url(/art/ui/inventory-polished/symbol-cleric-mask.svg)}.hw-cat-tab-custom{left:163.25px;--symbol-x: -120px;--symbol-y: 0px;--symbol-mask: url(/art/ui/inventory-polished/symbol-custom-mask.svg)}.hw-cat-tab-titles{left:237.25px;--symbol-x: -180px;--symbol-y: 0px;--symbol-mask: url(/art/ui/inventory-polished/symbol-titles-mask.svg)}.hw-tab-symbol{position:absolute;left:4.625px;top:6px;width:60px;height:60px;pointer-events:none;background:url(/art/ui/inventory-polished/tabs-atlas.png) var(--symbol-x) var(--symbol-y) / 240px 120px no-repeat;mask:var(--symbol-mask) center / 100% 100% no-repeat;transform-origin:50% 100%;filter:brightness(.78) saturate(.85);transition:transform .14s ease-out,filter .12s ease-out}#heroPanel[data-hero-class=knight] .hw-cat-tab-class .hw-tab-symbol{background:url(/art/ui/inventory-corrected/knight-class-reference.jpg) -389.5px -309.7px / 1824px 1026px no-repeat;mask:none;clip-path:polygon(30% 5%,38% 4%,43% 18%,50% 6%,57% 5%,67% 27%,72% 44%,68% 62%,63% 80%,44% 94%,27% 88%,17% 71%,12% 48%,15% 31%,23% 25%)}#heroPanel[data-hero-class=death-knight] .hw-cat-tab-class{--symbol-x: -60px;--symbol-y: -60px;--symbol-mask: url(/art/ui/inventory-polished/symbol-death-knight-mask.svg)}.hw-cat-tab:hover:before{filter:brightness(1.07)}.hw-cat-tab:hover .hw-tab-symbol{filter:brightness(.96)}.hw-cat-tab.on:before{top:15px;height:59px;filter:brightness(1.08);box-shadow:inset 0 1px #d8c69a,inset 1px 0 #aa9872,0 2px 2px #15243180}.hw-cat-tab.on .hw-tab-symbol{transform:translateY(-6px) scale(1.04);filter:brightness(1)}.hw-cat-tab:active:before{filter:brightness(.92)}.hw-cat-tab:active .hw-tab-symbol{filter:brightness(.88)}@media(prefers-reduced-motion:reduce){.hw-cat-tab:before,.hw-tab-symbol{transition:none}}.hw-cat-tab:focus-visible{outline:1px solid #d5c690;outline-offset:-1px}.hw-cat-tab.on{z-index:2}.hw-stat-block{margin-bottom:38px;flex:none}.hw-stat-block:last-child{margin-bottom:4px}.hw-stat-rows{display:flex;flex-direction:column}.hero-window .hw-class-title{display:flex;align-items:baseline;gap:10px}.hero-window .hw-class-title b{margin-left:auto;font-weight:400;color:#fff}#heroPanel[data-hero-tab=class] .hw-stat-name{font-weight:400}#heroPanel[data-hero-tab=class] .hw-stat-block{margin-bottom:25px}#heroPanel[data-hero-tab=class] .hw-stat-ico img{filter:none}#heroPanel[data-hero-tab=class] .hw-stat-ico:has(img[src*=slots-master]){position:relative}#heroPanel[data-hero-tab=class] .hw-stat-ico img[src*=slots-master]{position:absolute;width:36px;height:36px;left:-3px;top:-3px}#heroPanel[data-hero-tab=class] .hw-stat-ico:has(img[src*=tier-]){height:39px}#heroPanel[data-hero-tab=class] .hw-class-title b{font-family:var(--hw-font-number)}.hw-raid-progress{margin-top:auto;padding-top:24px;padding-bottom:3px}#heroPanel[data-hero-tab=class] .hw-tier-val{width:46px;min-width:46px;height:28px;padding:0 3px 3px;display:grid;place-items:center;font-style:normal;background:radial-gradient(ellipse at 50% 35%,#203444 35%,#172934 61%,#849599 66%,#364a55 72%,transparent 77%);box-shadow:none}.hw-pet-none{box-sizing:border-box;width:92px;height:92px;margin:23px 0 0;display:flex;align-items:flex-start;justify-content:center;text-align:center;padding:16px 3px 0;border-radius:50%;font-family:var(--hw-font-interface);font-size:16px;letter-spacing:normal;color:#e8ddc9;line-height:1.1;background:radial-gradient(circle at 48% 62%,#51432a,#30291c 85%);border:4px solid #b7aa87;border-top-color:#e0d5b8;box-shadow:inset 0 0 3px #191811,0 0 2px #302f25}.hw-stat-row{display:flex;align-items:center;gap:3px;height:39px;padding:0 2px}.hw-stat-ico{flex:none;width:30px;height:30px;margin-left:6px}.hw-stat-ico img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.hw-stat-name{flex:1;min-width:0;font-family:var(--hw-font-interface);font-weight:400;font-size:var(--hw-type-body);letter-spacing:normal;color:#b0bbc2;text-shadow:0 1px 2px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hw-stat-val{flex:none;font-weight:700;font-size:var(--hw-type-number);line-height:1;color:#e6eef7;font-family:var(--hw-font-number);text-shadow:0 1px 2px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.hw-stat-preview{flex:none;margin-right:14px;color:#83d6e5;font:700 var(--hw-type-number)/1 var(--hw-font-number);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hw-stat-preview.lower{color:#d87969}.hw-stat-preview[hidden]{display:none}.hw-stat-val.hw-tier-val{min-width:46px;padding:3px 11px 4px;text-align:center;border-radius:50%;background:radial-gradient(ellipse at 50% 58%,#121c26f5 42%,#1a27328c 76%,#1a273200);box-shadow:0 1px #c6dcf029}.hw-power{position:relative;top:7px;margin-top:auto;padding-top:12px;padding-bottom:3px;padding-left:9px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid transparent}.hw-power:after{content:"";position:absolute;left:9px;right:0;bottom:-1px;height:1px;background:#d8e2e785}#heroPanel:not([data-hero-tab=stats]) .hw-power{display:none}.hw-power-label{position:relative;top:8px;font-family:var(--hw-font-interface);font-size:var(--hw-type-body);letter-spacing:normal;color:#bdc4c3;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hw-label-img{display:inline-block;width:30px;height:30px;margin-right:4px;object-fit:contain;vertical-align:-7px}.hw-power .hw-label-img{position:relative;top:-.5px;filter:brightness(1.3) contrast(1.08)}.hw-value .hw-label-img{position:relative;left:0;top:0;width:26px;height:26px;margin-right:2px}.hw-power-val{position:relative;top:8px;font-weight:700;font-size:var(--hw-type-number);color:#e6eef7;font-family:var(--hw-font-number);font-variant-numeric:tabular-nums;text-shadow:0 2px 3px rgba(0,0,0,.95)}.hw-power .hw-stat-preview{position:relative;top:8px;margin-left:auto;margin-right:0}.hw-stage{position:relative;flex:1;min-height:0;background:transparent;box-shadow:none}.hw-stage-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 22% at 50% 84%,rgba(170,226,255,.3),transparent 70%)}.hw-figure{position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:68%;height:calc(100% - 118px);background-position:center bottom;background-repeat:no-repeat;background-size:contain;filter:var(--tint, brightness(1)) drop-shadow(0 10px 18px rgba(0,0,0,.85));pointer-events:none;z-index:1}.hw-figure.mounted{width:360px;height:360px;bottom:auto;top:345px;transform:translate(calc(-1 * var(--mount-anchor-x)),calc(-1 * var(--mount-anchor-y)));filter:var(--tint, brightness(1))}.hw-pedestal{display:none}.hw-stage-btn{position:absolute;left:793px;top:210px;z-index:10;width:34px;height:34px;padding:0;cursor:pointer;display:grid;place-items:center;border-radius:50%;color:transparent;background:url(/art/ui/hw-rename.png) center / 34px 34px no-repeat;border:0;box-shadow:none;overflow:hidden}.hw-stage-btn:hover{box-shadow:0 0 0 1px #ebe2c88f}.hw-rename{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#030b12b8}.hw-rename[hidden]{display:none}.hw-rename-box{position:relative;box-sizing:border-box;width:440px;max-width:calc(100% - 40px);padding:30px 34px 28px;border:1px solid #a9b9bc;border-radius:7px;background:radial-gradient(ellipse at 50% 0,rgba(92,128,153,.26),transparent 70%),linear-gradient(180deg,#17334a,#0b2133);box-shadow:0 0 0 2px #0b1b28,0 0 0 3px #526a7a,inset 0 0 0 4px #132a3b,inset 0 0 0 5px #abbcbe2e,0 22px 60px #000000b3}.hw-rename-title{margin:0 0 26px;padding-bottom:18px;text-align:center;border-bottom:1px solid rgba(181,195,196,.35);font-family:var(--hw-font-interface);font-weight:400;font-size:28px;letter-spacing:normal;color:#e5e8df;text-shadow:0 2px 3px rgba(0,0,0,.9)}.hw-rename-caption{display:block;margin-bottom:8px;color:#cbd4d8;font-size:16px}.hw-rename-field{box-sizing:border-box;display:block;width:100%;height:46px;padding:0 14px;border-radius:3px;border:1px solid #8b9d9e;background:linear-gradient(180deg,#d2d8d2,#b8c2bd);color:#192c36;font-family:var(--hw-font-interface);font-size:20px;letter-spacing:normal;box-shadow:inset 0 2px 4px #0b192033,0 1px #dee8de1a}.hw-rename-field:focus{outline:1px solid #d1c59c;outline-offset:3px}.hw-rename-field::placeholder{color:#5c6874}.hw-rename-note{min-height:32px;margin:10px 0 14px;font-size:14px;line-height:18px;color:#c6d4e1;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hw-rename-note.bad{color:#ff9d8a}.hw-rename-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hw-rename-action{min-width:0;height:42px;padding:0 12px;cursor:pointer;border:1px solid #9b957a;border-radius:3px;background:linear-gradient(#746c51,#4c4635 52%,#443f31 53%,#615940);box-shadow:inset 0 0 0 2px #191e1bb3,inset 0 3px #e2d7a82e,0 2px 3px #07131d;color:#eae4cf;font:20px var(--hw-font-interface);text-shadow:0 1px 2px #172117}.hw-rename-action.gold{background:linear-gradient(#75875b,#435c37 52%,#354d2b 53%,#536c3d);border-color:#a4ad83}.hw-rename-action:hover:not(:disabled){filter:brightness(1.13)}.hw-rename-action:active:not(:disabled){box-shadow:inset 0 2px 4px #1b281d}.hw-rename-action:disabled{filter:saturate(.25);opacity:.5;cursor:default}.hw-rename-action:focus-visible,.hw-stage-btn:focus-visible,.hw-slot:focus-visible,.hw-upgrade:focus-visible{outline:2px solid #d5c690;outline-offset:3px}.hw-back.small{height:42px;font-size:18px;border-width:0 20px 0 30px}.hw-back.small.gold{color:#fff3cf}.hw-back.small:disabled{filter:grayscale(.7) brightness(.7);cursor:default}.hw-gear{flex:none;display:flex;align-items:center;justify-content:center;gap:0;padding:10px 0 12px;position:relative;top:21px}.hw-gear-grid{display:grid;grid-template-columns:repeat(3,61px);grid-template-rows:repeat(2,60px);gap:17px 16.5px;margin:0 16px 0 12px;position:relative;left:-.5px;top:1.4px}.hw-gear-flank{display:grid;place-items:center;width:65px;height:65px;margin-top:2px;transform:translateY(-2px)}.hw-slot{position:relative;width:61px;height:60px;border-radius:0;cursor:pointer;padding:0;border:0;background:image-set(url(/art/ui/slots/cell-blank.png) 1x,url(/art/ui/slots/cell-blank@2x.png) 2x) no-repeat 0 0 / 100% 100%;box-shadow:none;transition:filter .14s ease,transform .14s ease}.hw-slot:hover{filter:brightness(1.18)}.hw-slot.on{filter:brightness(1.3) drop-shadow(0 0 6px rgba(255,214,120,.6))}.hw-slot-img{position:absolute;inset:0;border-radius:inherit;background-position:center;background-repeat:no-repeat;background-size:84%}.hw-slot.empty .hw-slot-img{background-size:52%;opacity:.5}.hw-slot.ho-plate .hw-slot-img{background-size:100% 100%;opacity:1}.hw-slot.empty.ho-plate,.hw-slot.filled{background:none}.hw-slot-frame{position:absolute;inset:0}.hw-slot-frame:before{content:"";position:absolute;inset:2px;background:linear-gradient(155deg,#41403a,#292925 65%,#1e1f1d)}.hw-slot.gem .hw-slot-frame,.hw-slot.disc .hw-slot-frame{mask:url(/art/ui/slots/cell-runestone.png) center / 100% 100% no-repeat}.hw-slot.gem .hw-slot-frame:before,.hw-slot.disc .hw-slot-frame:before{inset:3px;border-radius:50%}.hw-slot.gem.empty .hw-slot-img{mask:url(/art/ui/slots/cell-shard.png) center / 100% 100% no-repeat}.hw-slot.disc.empty .hw-slot-img{mask:url(/art/ui/slots/cell-runestone.png) center / 100% 100% no-repeat}.hw-slot.gem,.hw-slot.disc{width:65px;height:65px;background-image:image-set(url(/art/ui/slots/cell-round-blank.png) 1x,url(/art/ui/slots/cell-round-blank@2x.png) 2x)}.hw-value{position:relative;flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 8px;padding-top:10px;padding-bottom:3px;border-bottom:1px solid transparent}.hw-value:after{content:"";position:absolute;left:15px;right:8px;bottom:-2px;height:1px;background:#e4f0fa2e}.hw-value-label{position:relative;top:12px;font-family:var(--hw-font-interface);font-size:var(--hw-type-body);letter-spacing:normal;color:#c8cbc2;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hw-value-val{position:relative;top:10px;font-weight:700;font-size:var(--hw-type-number);color:#e6eef7;font-family:var(--hw-font-number);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.95)}.hw-jump{flex:none;display:flex;align-items:flex-end;gap:10px;padding:21px 0 9px;margin-bottom:-2px;border-bottom:1px solid transparent;position:relative;transform:translateY(10px)}.hw-jump:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#d3debc00,#d3debc24 7%,#d3debc5c,#d3debc8f 27%,#d3debcb3 45%,#d3debc87,#d3debc47,#d3debc21,#d3debc12 85%,#d3debc00)}.hw-jump-label{position:relative;top:8px;font-family:Georgia,serif;font-size:22.6px;font-weight:700;letter-spacing:normal;color:#c8cbc2;text-shadow:0 1px 2px rgba(0,0,0,.9);line-height:28.6px;padding-bottom:6px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.hw-jump-icons{display:flex;gap:0;margin-left:auto;margin-right:-8px;position:relative;top:0}.hw-jump-ico+.hw-jump-ico{margin-left:1px}.hw-jump-ico{position:relative;width:37px;height:37px;padding:0;cursor:pointer;border-radius:50%;display:grid;place-items:center;background:transparent;border:0;transition:box-shadow .12s ease,transform .08s ease}.hw-jump-ico .hw-control-icon{position:relative;display:block;width:37px;height:37px;object-fit:contain;opacity:1;transition:filter .12s ease}.hw-jump-ico:hover{box-shadow:0 0 5px #ffd87573}.hw-jump-ico:hover .hw-control-icon{filter:brightness(1.1) saturate(1.06)}.hw-jump-ico:active{transform:translateY(1px)}.hw-sec{margin-bottom:2px}.hw-sec-head{font-weight:700;display:flex;align-items:center;gap:8px;width:100%;position:relative;padding:8px 4px 3px 1px;line-height:26px;cursor:pointer;text-align:left;font-family:Georgia,serif;font-size:20.8px;letter-spacing:normal;color:#b7c1c9;text-shadow:0 1px 2px rgba(0,0,0,.9);background:none;border:0;border-radius:0}.hw-sec-head:after{content:"";position:absolute;left:0;right:32px;top:29px;height:2px;background:linear-gradient(180deg,#d4e0ea6b,#d4e0ea52);box-shadow:0 1px #080e1624}.hw-sec-head:hover{color:#fff0c4}.hw-sec-name{position:relative;top:-2px;flex:1;min-width:0}.hw-caret{width:0;height:0;flex:none;margin-right:33px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #dce8f4;transition:transform .14s ease}.hw-sec-head:hover .hw-caret{border-top-color:#ffd875}.hw-sec-body{padding:3px 0 6px}.hw-sec:not(.open) .hw-sec-body{display:none}.hw-sec-body:empty{display:none}.hw-bag-del{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;cursor:pointer;color:#e8d9b4;background:linear-gradient(180deg,#6b5836,#453419);border:1px solid #a98f57;box-shadow:0 1px 4px #000000b3}.hw-bag-del:hover{color:#fff;filter:brightness(1.25)}.hw-bag-del .ic{width:15px;height:15px}.hw-bag-wrap{position:relative;flex:1;min-height:0;display:flex;margin-top:8px}.hw-bag{flex:1;min-width:0;min-height:0;padding-right:30px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.hw-bag::-webkit-scrollbar{width:0;height:0}.hw-bag-row{display:flex;align-items:center;gap:12px;width:100%;padding:6px;margin-bottom:3.5px;cursor:pointer;background:none;border:1px solid transparent;border-radius:4px;text-align:left;transition:background .13s ease,border-color .13s ease}.hw-bag-row:hover{background:#6096cd29;border-color:#96bee14d}.hw-bag-row.on{background:#c9a7562e;border-color:#ffd87599}.hw-bag-ico{position:relative;flex:none;width:43px;height:43px;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.75))}.hw-bag-n{position:absolute;left:-1px;bottom:-3px;font-family:var(--hw-font-interface);font-size:13px;font-weight:700;font-style:normal;color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000,0 0 6px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.hw-bag-name{flex:1;min-width:0;font-family:var(--body);font-size:17px;font-weight:400;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hw-scroll{position:relative;flex:none;width:37px}#heroBagScroll{position:absolute;top:0;bottom:0;right:-13px}.hw-scroll.idle{visibility:hidden;pointer-events:none}.hw-scroll-btn{position:absolute;left:0;width:37px;padding:0;cursor:pointer;border-radius:0;background-color:transparent;background-size:37px 37px;background-repeat:no-repeat;border:0}.hw-scroll-btn.up{top:8px;height:24px;background-image:url(/art/ui/hw-scroll-up.png);background-position:0 -8px}.hw-scroll-btn.down{bottom:-2px;height:22px;background-image:url(/art/ui/hw-scroll-down.png);background-position:0 0}.hw-scroll-btn:before{display:none}.hw-scroll-btn:hover{filter:brightness(1.35)}.hw-scroll-track{position:absolute;inset:32px 0 19px;margin:0;border-radius:0;background:url(/art/ui/hw-scroll-track.png) center / 37px 2px repeat-y;box-shadow:none}.hw-scroll-thumb{touch-action:none;position:absolute;left:0;right:0;top:0;border-radius:0;cursor:grab;background:none;border-style:solid;border-color:transparent;border-width:18px 0;border-image-source:url(/art/ui/hw-scroll-thumb.png);border-image-slice:72 0 fill;border-image-width:18px 0;border-image-repeat:stretch}.hw-scroll-thumb:hover{filter:brightness(1.15)}.hw-scroll-thumb:active{cursor:grabbing}.hw-bag-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:2px;padding-top:10px;margin-top:6px}.hw-bag-size{position:relative;top:8px;flex:none;width:170px;display:flex;align-items:baseline;padding-bottom:3px;border-bottom:1px solid transparent}.hw-bag-size:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:#d8e8f68c}.hw-upgrade{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:3px 7px 3px 71px;margin-left:0;cursor:pointer;font-family:var(--hw-font-interface);font-size:var(--hw-type-body);letter-spacing:normal;color:#e4dcbe;width:224px;height:38px;background:none;border:0;border-radius:0;box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.85)}.hw-upgrade .hw-control-plate{position:absolute;left:56px;top:3px;width:172px;height:36px;background:url(/art/ui/inventory-details/upgrade-clean.png) -3.95px -32.87px / 179.8px 101.63px no-repeat;clip-path:path("M1 0H168L172 3V33L168 36H1V27Q9 18 1 9Z");filter:saturate(.86) brightness(.96);pointer-events:none}.hw-upgrade-label,.hw-upgrade-cost{position:relative}.hw-upgrade-label{font-family:Georgia,serif;font-size:17.2px;font-weight:700;color:#d2d5b5}.hw-upgrade:hover:not(:disabled){filter:brightness(1.14)}.hw-upgrade:active:not(:disabled){filter:brightness(.92)}.hw-upgrade-coin{position:absolute;left:31px;top:50%;transform:translateY(-50%);width:34px;height:34px;filter:contrast(.85) saturate(1.1)}.hw-upgrade-cost{color:#f2ead0;font-family:var(--hw-font-number);font-size:var(--hw-type-number);font-variant-numeric:tabular-nums}.hw-upgrade.short .hw-upgrade-cost{color:#f2ead0}.hw-upgrade:disabled{cursor:default;color:#9aa6b2;opacity:.58;filter:grayscale(.65)}.hw-bag-size{font-family:var(--hw-font-interface);font-size:var(--hw-type-body);letter-spacing:normal;color:#c9c3b1;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hw-bag-size b{margin-left:auto;font-size:var(--hw-type-number);font-weight:700;color:#fff;font-family:var(--hw-font-number);font-variant-numeric:tabular-nums}.hw-bag-cap{font-family:var(--hw-font-number);font-size:14px;color:#c3d2e0}.hw-pill{padding:5px 18px;cursor:pointer;border-radius:12px;font-family:var(--hw-font-interface);font-size:var(--hw-type-body);letter-spacing:normal;color:#2c1e05;background:linear-gradient(180deg,#f6e6b4,#cfae63 48%,#9d7d34);border:1px solid #7a6128;box-shadow:inset 0 1px #ffffff8c,0 2px 6px #000c}.hw-pill:hover{filter:brightness(1.12)}.hw-foot{position:absolute;left:19px;top:717px;z-index:9;width:429px}.hw-back{display:block;width:100%;height:52px;cursor:pointer;padding:0 0 2px;font-family:var(--hw-font-interface);font-size:var(--hw-type-section);letter-spacing:normal;color:#f3ede0;border:0;background:url(/art/ui/hw-back.png) center / 100% 100% no-repeat;text-shadow:0 -1px 1px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9);transition:filter .12s ease}.hw-back:hover{filter:brightness(1.08)}.hw-back:active{filter:brightness(.94)}#heroPanel .hw-back{background-image:url(/art/ui/book-restored/back.png);width:429px;height:57px;padding:5px 0 2px;font-family:Georgia,serif;font-weight:400;font-size:32.55px}.hw-back.small{width:calc((100% - 12px)/2)}.hw-card{position:fixed;z-index:40;width:max-content;display:flex;align-items:flex-start;gap:8px;max-height:calc((100 * var(--ui-vh, 1vh)) - 24px);color:var(--ivory)}.hw-item-details{box-sizing:border-box;width:320px;padding:8px;font-family:Arial,sans-serif;line-height:1.35;max-height:inherit;overflow-y:auto;border-radius:4px;background:linear-gradient(180deg,#10232e,#172c38);border:1px solid #8e8d75;box-shadow:inset 0 0 0 2px #273a43,0 2px 5px #000c}.hw-card[hidden]{display:none}.hw-card-top{display:flex;gap:10px;align-items:center;margin-bottom:6px}.hw-card-ico{flex:none;width:24px;height:24px;align-self:flex-start;background-size:contain;background-position:center;background-repeat:no-repeat}.hero-window .hw-card-name{margin:0;font-family:var(--display);font-size:20px;line-height:1.15;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.85)}.hw-card-kind{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:5px;margin-bottom:7px;font-size:14px;color:#cddcea;border-bottom:1px solid rgba(176,205,232,.35)}.hw-card-stats{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.hw-card-stat{display:flex;align-items:center;gap:6px;font-size:14px}.hw-card-stat img{width:22px;height:22px;object-fit:contain;flex:none}.hw-card-stat-name{flex:none;width:128px;color:#dce7f3;line-height:1.2}.hw-card-stat-bar{flex:1;height:5px;border-radius:3px;overflow:hidden;background:#08121ee6;box-shadow:inset 0 1px 3px #000c}.hw-card-stat-bar b{display:block;height:100%;border-radius:inherit;background:linear-gradient(180deg,#ffe08a,#d9a83e)}.hw-card-stat-val{flex:none;min-width:44px;margin-left:auto;text-align:right;font-weight:700;color:#d5dce0;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hw-card-value{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:4px 0 6px;margin-bottom:7px;font-size:12px;color:#ece2ca;border-bottom:1px solid rgba(176,205,232,.25)}.hw-card-value b{font-variant-numeric:tabular-nums;color:#fff}.hw-card-desc{font-size:11px;font-style:italic;color:#a8b8c8;line-height:1.45;margin-bottom:8px}.hw-card-req{font-size:14px;color:#cddcea;margin-bottom:8px}.hw-card-req.short{color:#cddcea}.hw-card-worn{padding:5px 0;margin-bottom:6px;text-align:center;font-family:var(--display);font-size:14px;letter-spacing:.05em;color:#dfe9f4;background:#08121ebf;border:1px solid rgba(176,205,232,.4);border-radius:3px}.hw-card-btn{display:block;width:100%;padding:7px 10px;cursor:pointer;font-family:var(--hw-font-interface);font-size:14px;letter-spacing:normal;color:#e1e8e6;text-align:center;background:linear-gradient(180deg,#182f3a,#214c65);border:1px solid #8e8d75;border-radius:3px;box-shadow:inset 0 0 0 1px #afb9ab26}.hw-card-btn:hover{filter:brightness(1.1)}.hw-card-btn:disabled{cursor:default;filter:none;color:#6d6152;background:linear-gradient(180deg,#8d8575,#6f6a5c)}.hw-card-btn.ghost{color:#dfe9f4;background:linear-gradient(180deg,#2d5680,#10243a);border-color:#b0cde873}.quality-mundane{border-color:#8f9aa4!important;color:#dfe6ec!important}.quality-minor{border-color:#22c55e!important;color:#4ade80!important;box-shadow:0 0 8px #22c55e4d!important}.quality-major{border-color:#0ea5e9!important;color:#38bdf8!important;box-shadow:0 0 10px #0ea5e959!important}.quality-relic{border-color:#b83aa8!important;color:#e05bd0!important;box-shadow:0 0 12px #b83aa866!important}.quality-legendary{border-color:#f59e0b!important;color:#fbbf24!important;box-shadow:0 0 14px #f59e0b80!important}.hw-slot.filled{border-color:transparent!important;color:inherit!important;box-shadow:none!important}.hw-slot.filled.on{box-shadow:0 0 12px #ffd6787a!important}.hw-card-bonuses{display:flex;flex-direction:column;gap:2px;margin:6px 0}.hw-card-bonus{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#c8d6e4}.hw-card-bonus b{color:#ffd98a}.hw-card-set{margin:6px 0;font-size:12px;color:#9fd4ff}.hw-card-set b{display:block;color:#ffd98a}.hw-card-set i{display:block;margin-top:2px;color:#93a6b8;font-style:italic}.hw-card-set-gap{display:block;margin-top:1px;color:#7f8fa0;font-size:11px}.hw-card-scale{margin:4px 0;font-size:11px;color:#93a6b8}.hw-card-lore{margin:16px 0;padding:0;font-size:14px;line-height:1.35;color:#cdd6dd;font-style:normal}.hw-card-src{margin-top:4px;font-size:11px;color:#6f8296;font-style:italic}.hall-titles-section{margin-bottom:20px}.hall-titles-grid{display:flex;flex-wrap:wrap;gap:8px}.hall-title-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:linear-gradient(180deg,#c9a75626,#785f2840);border:1px solid rgba(201,167,86,.4);color:#ffeaa8;font-size:12px;font-family:var(--display)}.hall-title-badge .title-icon{font-size:13px}.hall-title-badge.empty{color:#7f99b5;font-style:italic;border-style:dashed;background:#ffffff05}#townPanel.town-window{--u: min(calc(.96 * var(--ui-vw, 1vw)), calc(1.5 * var(--ui-vh, 1vh)));--tw-readable: max(calc(1.25 * var(--u)), calc(14px / var(--ui-scale, 1)));inset:50% auto auto 50%;transform:translate(-50%,-50%);width:calc(100 * var(--u));height:calc(62.285 * var(--u));max-height:none;padding:0;border-radius:0;overflow:visible;border:calc(2.1 * var(--u)) solid transparent;border-image:url(/art/ui/town-kit/frame.png) 160 / calc(2.1 * var(--u)) stretch;background:#0a1a2b;background-origin:border-box;box-shadow:0 30px 80px #000000e6;z-index:7}.town-backdrop{position:absolute;inset:0;z-index:6;background:#00080e7a;pointer-events:auto}.town-backdrop[hidden]{display:none}#townPanel.town-window:before,#townPanel.town-window:after{display:none}.tw-land{position:absolute;z-index:0;overflow:hidden;left:0;right:0;top:calc(5.33 * var(--u));bottom:calc(4.94 * var(--u));background-image:var(--town-land, none);background-size:cover;background-position:56% 50%}.tw-land:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:none}.tw-scene{--tw-band: calc(47.815 * var(--u));position:absolute;left:50%;top:50%;width:max(100%,calc(var(--tw-band) * 2.0917));aspect-ratio:3834 / 1833;transform:translate(-50%,-50%)}.tw-scene:empty{display:none}.tw-plate-art,.tw-bld,.tw-shadow{position:absolute;pointer-events:none;image-rendering:auto}.tw-plate-art{inset:0;width:100%;height:100%}.tw-shadow{z-index:0}.tw-plate-art.tw-foreground{z-index:2;pointer-events:none}.tw-bld{position:absolute;z-index:1;transition:filter .12s ease;--town-building-tone: sepia(.38) saturate(.82) brightness(.94) contrast(.86);filter:var(--town-building-tone)}.tw-bld.hot{filter:drop-shadow(0 0 calc(.5 * var(--u)) rgba(255,236,168,.95)) drop-shadow(0 0 calc(1.3 * var(--u)) rgba(255,208,96,.75)) var(--town-building-tone) brightness(1.12)}.tw-bld.on{filter:drop-shadow(0 0 calc(.4 * var(--u)) rgba(255,246,210,.9)) drop-shadow(0 0 calc(1.6 * var(--u)) rgba(255,190,60,.85)) var(--town-building-tone) brightness(1.06)}.tw-land.pick{cursor:pointer}.tw-banner{position:absolute;z-index:1;pointer-events:none;left:0;top:calc(5.33 * var(--u));bottom:0;width:calc(32 * var(--u));background:url(/art/ui/town-controls/leather-restored.png) 0 0/100% 100% no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H96 Q80 26 77 50 Q72 76 86 100 H0 Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H96 Q80 26 77 50 Q72 76 86 100 H0 Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.town-window.has-scene .tw-banner{background-size:100% 100%}.town-window>header{position:absolute;left:0;right:0;top:calc(1.4 * var(--u));height:auto;z-index:4;pointer-events:none}.town-window>header .tn{font-size:calc(4.6 * var(--u));line-height:1.06;max-width:62%;white-space:nowrap;color:#d6d9dc;-webkit-text-stroke:calc(.1 * var(--u)) #293c4b;paint-order:stroke fill;text-shadow:0 calc(.13 * var(--u)) 0 #87939c,0 calc(.25 * var(--u)) calc(.2 * var(--u)) #07111d}.tw-slots{position:absolute;z-index:3;left:calc(1.4 * var(--u));top:calc(9.2 * var(--u));width:calc(23.7 * var(--u));max-height:calc(100% - 15 * var(--u));display:flex;flex-direction:column;gap:calc(.6 * var(--u))}.tw-slot{position:relative;display:flex;align-items:center;gap:calc(.9 * var(--u));height:calc(4.7 * var(--u));flex-shrink:1;min-height:0;padding:0 calc(1.2 * var(--u)) 0 calc(.6 * var(--u));border:0;cursor:pointer;text-align:left;font-family:var(--display);font-size:calc(1.6 * var(--u));letter-spacing:.05em;color:#f0e6d0;border-radius:calc(.39 * var(--u));background:url(/art/ui/town-controls/slot-built.png) 0 0/100% 100% no-repeat;box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.85);transition:filter .12s ease}.tw-slot-scene{position:absolute;pointer-events:none;inset:8% 2% 8% 21%;background-position:right 30%;background-repeat:no-repeat;background-size:cover;opacity:.22;filter:sepia(.7) saturate(.45);mask-image:linear-gradient(90deg,transparent,#000 38%)}.tw-slot-ico,.tw-slot-nm{position:relative;z-index:1}.tw-slot.on .tw-slot-scene{opacity:.65;filter:saturate(.55)}.tw-slot:nth-child(1){margin-left:calc(3.35 * var(--u));margin-right:calc(-3.35 * var(--u))}.tw-slot:nth-child(2){margin-left:calc(2.1 * var(--u));margin-right:calc(-2.1 * var(--u))}.tw-slot:nth-child(3){margin-left:calc(1 * var(--u));margin-right:calc(-1 * var(--u))}.tw-slot:nth-child(6){margin-left:calc(1 * var(--u));margin-right:calc(-1 * var(--u))}.tw-slot:nth-child(7){margin-left:calc(2.1 * var(--u));margin-right:calc(-2.1 * var(--u))}.tw-slot:nth-child(8){margin-left:calc(3.35 * var(--u));margin-right:calc(-3.35 * var(--u))}.tw-slot-scroll{position:absolute;left:calc(.5 * var(--u));width:calc(1.1 * var(--u));height:calc(1.6 * var(--u));padding:0;border:0;background:none;color:#e0d4b1;font-size:calc(1.5 * var(--u));cursor:pointer;line-height:1;text-shadow:0 1px 3px #392d15}.tw-slot-scroll.up{top:0}.tw-slot-scroll.down{bottom:0}.tw-builder-heading{display:flex;align-items:baseline;gap:calc(1 * var(--u));margin:calc(.8 * var(--u)) 0 calc(.8 * var(--u));border-bottom:1px solid #ac9872}.tw-builder-heading h3{flex:1;margin:0;font-family:var(--display);font-size:calc(2.1 * var(--u));font-weight:400}.tw-builder-heading>span{font-size:calc(1.4 * var(--u))}.tw-builder-heading .tw-do{min-width:calc(10 * var(--u));margin:0}.tw-builder-detail{display:flex;flex-direction:column;flex:1;min-width:0;overflow-y:auto}.tw-builder-detail p{margin:calc(.8 * var(--u)) 0;font-size:calc(1.1 * var(--u))}.tw-builder-unit{flex:0 0 auto;align-self:center;width:calc(9 * var(--u));height:calc(9 * var(--u));border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 2px #c3d8ec}.tw-builder-detail .tw-costs{margin-top:auto}.tw-dwelling-tabs{position:absolute;z-index:3;left:calc(3.5 * var(--u));top:calc(1 * var(--u));display:flex;gap:calc(.3 * var(--u))}.tw-dwelling-tabs button{padding:calc(.35 * var(--u)) calc(.7 * var(--u));color:#eee2c2;background:#163143;border:1px solid #958166;cursor:pointer}.tw-dwelling-tabs button.on{background:#73613d}.tw-slot:hover,.tw-slot.hot{background-image:url(/art/ui/town-controls/slot-built.png);filter:brightness(1.1)}.tw-slot.empty{color:#e2d8c2;background:url(/art/ui/town-controls/slot-empty.png) 0 0/100% 100% no-repeat}.tw-slot.empty:hover,.tw-slot.empty.hot{background-image:url(/art/ui/town-controls/slot-empty.png)}.tw-slot.on,.tw-slot.on.empty{color:#273033;background:url(/art/ui/town-controls/slot-selected.png) 0 0/100% 100% no-repeat;box-shadow:none;text-shadow:0 1px 0 rgba(255,255,255,.72),0 0 2px rgba(255,255,255,.55)}.tw-slot.locked{cursor:default;color:#8f8d88;font-size:calc(1.06 * var(--u));line-height:1.12;background:url(/art/ui/town-controls/slot-locked.png) 0 0/100% 100% no-repeat;text-shadow:none}.tw-slot.locked:hover{filter:none}.tw-slot-ico{flex:0 0 auto;width:calc(4.3 * var(--u));height:calc(4.3 * var(--u));max-height:100%;margin-left:calc(-1.1 * var(--u));background-size:cover;background-position:center;border-radius:calc(.25 * var(--u));box-shadow:0 0 0 1px #140e06b3,0 2px 5px #000000b3}.tw-slot-ico.fig{width:calc(4.3 * var(--u));height:calc(4.3 * var(--u));margin-left:calc(-1.1 * var(--u));background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:0;box-shadow:none;filter:drop-shadow(0 calc(.12 * var(--u)) calc(.22 * var(--u)) rgba(12,8,3,.75))}.tw-slot-ico.plus{width:calc(4.9 * var(--u));height:calc(4.9 * var(--u));margin-left:calc(-1.5 * var(--u));background:none;opacity:.3;box-shadow:none;border-radius:0}.tw-slot-ico.lock{width:calc(4.9 * var(--u));height:calc(4.9 * var(--u));margin-left:calc(-1.5 * var(--u));background:none;box-shadow:none;border-radius:0;filter:grayscale(1) brightness(.8)}.tw-slot-nm{flex:1;min-width:0}.tw-slot.on.empty .tw-slot-ico.plus{background:none}.hw-source-jump{background:url(/art/ui/hero-despot-reference.png) var(--jump-x) -129.5px / 1344.95px 828.8px no-repeat;clip-path:ellipse(46% 47% at 50% 51%)}[data-jump=equipment]{--jump-x: -1132.2px}[data-jump=consumables]{--jump-x: -1171.05px}[data-jump=scrolls]{--jump-x: -1209.9px}[data-jump=adornments]{--jump-x: -1248.75px}[data-jump=collectables]{--jump-x: -1287.6px}#heroPanel[data-faction=Necropolis] .hw-stage-glow{background:radial-gradient(40% 22% at 50% 84%,rgba(100,240,155,.18),transparent 70%)}.town-window .hw-foot{left:calc(-.8 * var(--u));top:auto;bottom:calc(-.6 * var(--u));width:calc(33.3 * var(--u));z-index:5}.town-window .hw-back{height:auto;aspect-ratio:2076 / 268;font-size:calc(2.5 * var(--u));border:0;background:url(/art/ui/town-controls/back.png) center/100% 100% no-repeat;clip-path:none;font-family:var(--display)}.tw-stage{position:absolute;z-index:3;left:calc(29.4 * var(--u));width:calc(65.4 * var(--u));top:calc(9.7 * var(--u));height:min(calc(41.2 * var(--u)),calc(100% - 16 * var(--u)))}.tw-stage:empty{display:none}.tw-stage:has(.tw-upgrade-tip:not([hidden])),.tw-stage:has(.tw-demolish-dialog){z-index:6}.tw-stage.dwelling{height:calc(34.4 * var(--u))}.tw-stage:has(.tw-keep){height:calc(34.4 * var(--u))}.tw-plate{position:absolute;inset:0;background-repeat:no-repeat,no-repeat;background-position:top center,center;background-size:100% 46%,100% 100%;background-image:url(/art/ui/town-faithful/panel.png);background-size:100% 100%;-webkit-mask-image:none;mask-image:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tw-plate:after{content:none;position:absolute;inset:0;background:linear-gradient(180deg,#14345600 22%,#13304fd1 40%,#12304e 52%,#0d2440)}.tw-rim{position:absolute;inset:0;pointer-events:none;background-image:none;background-position:0 0,0 0;background-size:100% 100%,100% 100%;background-repeat:no-repeat,no-repeat}.town-window{--tw-barrel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M12 2 H88 Q95 2 95 10 Q100 50 95 90 Q95 98 88 98 H12 Q5 98 5 90 Q0 50 5 10 Q5 2 12 2 Z' fill='%23fff'/%3E%3C/svg%3E");--tw-barrel-rim: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M12 2 H88 Q95 2 95 10 Q100 50 95 90 Q95 98 88 98 H12 Q5 98 5 90 Q0 50 5 10 Q5 2 12 2 Z' fill='none' stroke='%234d7ea8' stroke-opacity='.95' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M12 4.4 H88 Q92.8 4.4 92.8 11 Q97.4 50 92.8 89 Q92.8 95.6 88 95.6 H12 Q7.2 95.6 7.2 89 Q2.6 50 7.2 11 Q7.2 4.4 12 4.4 Z' fill='none' stroke='%23a8ccec' stroke-opacity='.6' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}.tw-inner{position:absolute;inset:0;padding:calc(1.4 * var(--u)) calc(3.4 * var(--u)) calc(3 * var(--u));display:flex;flex-direction:column;min-height:0}.tw-build{display:flex;gap:calc(1.4 * var(--u));flex:1;min-height:0}.tw-list{flex:0 0 40%;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:calc(.5 * var(--u));padding-right:calc(.5 * var(--u));scrollbar-width:thin;scrollbar-color:#b39a5e rgba(6,20,34,.6)}.tw-list::-webkit-scrollbar{width:calc(1.05 * var(--u))}.tw-list::-webkit-scrollbar-track{background:url(/art/ui/town-kit/scroll-track.png) center/100% 100% no-repeat}.tw-list::-webkit-scrollbar-thumb{background:url(/art/ui/town-kit/scroll-thumb.png) center/100% 100% no-repeat}.tw-item{position:relative;display:flex;align-items:center;gap:calc(.8 * var(--u));flex:0 0 auto;height:calc(4.1 * var(--u));padding:0 calc(.8 * var(--u));border:0;cursor:pointer;text-align:left;font-family:var(--display);font-size:calc(1.18 * var(--u));letter-spacing:.05em;color:#efe4cd;background:url(/art/ui/town-faithful/slot-built.png) 0 0/100% 100% no-repeat;box-shadow:inset 0 0 0 1px #140e068c;text-shadow:0 1px 2px rgba(0,0,0,.8)}.tw-item:hover{filter:brightness(1.1)}.tw-item.locked{color:#aaa49a;background:url(/art/ui/town-faithful/list-locked.png) 0 0/100% 100% no-repeat}.tw-item.locked:hover{filter:none}.tw-item.on{color:#fff6d8;background:url(/art/ui/town-faithful/list-selected.png) 0 0/100% 100% no-repeat;box-shadow:inset 0 0 0 1px #ffe8a0b3}.tw-item.locked.on{background-image:url(/art/ui/town-faithful/list-locked.png)}.tw-item-ico{flex:0 0 auto;width:calc(2.9 * var(--u));height:calc(2.9 * var(--u));background-size:cover;background-position:center;box-shadow:0 0 0 1px #140e06b3}.tw-item-ico.fig{width:calc(3.5 * var(--u));height:calc(3.5 * var(--u));margin:0 calc(-.3 * var(--u));background-size:contain;background-repeat:no-repeat;background-position:center;box-shadow:none;filter:drop-shadow(0 calc(.1 * var(--u)) calc(.18 * var(--u)) rgba(12,8,3,.7))}.tw-item-ico.lock{background:none;box-shadow:none;filter:grayscale(1) brightness(.9)}.tw-item-nm{flex:1;min-width:0}.tw-detail{flex:1;min-width:0;display:flex;flex-direction:column}.tw-detail-art{position:relative;height:calc(9.4 * var(--u));flex:0 0 auto;background-color:#16344f;background-size:cover;background-position:center 42%;margin:calc(-1.4 * var(--u)) 0 0}.tw-detail-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#12304e00 40%,#112c48e6 82%,#12304e)}.tw-detail-art.building-view{background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:0}.tw-medal{position:absolute;right:calc(1 * var(--u));top:calc(.8 * var(--u));z-index:2;width:calc(6.6 * var(--u));height:calc(6.6 * var(--u));border-radius:50%;background-color:#16344f;background-size:78%;background-repeat:no-repeat;background-position:center 58%;box-shadow:0 0 0 2px #b9d2e8,0 0 0 4px #091a2ccc,0 4px 12px #000000b3}.tw-detail h3{margin:calc(.5 * var(--u)) 0 calc(.3 * var(--u));font-family:var(--display);font-weight:400;font-size:calc(1.85 * var(--u));letter-spacing:.05em;color:#ffe6a6;border-bottom:1px solid rgba(150,190,225,.45);padding-bottom:calc(.25 * var(--u));text-shadow:0 1px 2px rgba(0,0,0,.8)}.tw-note{margin:calc(.6 * var(--u)) 0 0;flex:1;min-height:0;overflow-y:auto;font-size:calc(1.06 * var(--u));line-height:1.42;color:#e9f1f8}.tw-need{margin-top:calc(.4 * var(--u));font-size:calc(1.02 * var(--u));color:var(--muted)}.tw-need.no{color:#e0707a}.tw-costs{margin-top:calc(.5 * var(--u))}.tw-costs h4{margin:0 0 calc(.2 * var(--u));font-size:calc(1.2 * var(--u));border-bottom:1px solid rgba(150,190,225,.35);padding-bottom:calc(.15 * var(--u))}.tw-cost-row{display:flex;align-items:center;justify-content:space-between;gap:calc(.6 * var(--u));padding:calc(.35 * var(--u)) calc(.6 * var(--u)) 0 0}.tw-cost{display:inline-flex;align-items:center;gap:calc(.55 * var(--u));font-size:calc(1.24 * var(--u));color:#f4ecd8}.tw-cost b{font-weight:700}.tw-cost.short b{color:#e0555f}.tw-cost .ic.res{height:calc(2 * var(--u));max-width:calc(2.4 * var(--u))}.tw-cost .ic{width:calc(1.8 * var(--u));height:calc(1.8 * var(--u));color:#e2b463}.tw-costs .cost span{font-size:calc(1.1 * var(--u))}.tw-costs .cost .ic.res{height:calc(1.7 * var(--u));max-width:calc(2.2 * var(--u))}.tw-hire{display:grid;grid-template-columns:minmax(0,1fr) calc(13 * var(--u));gap:calc(.7 * var(--u)) calc(1.1 * var(--u))}.tw-hire .tw-acts{grid-column:2;grid-row:1 / span 2;flex-direction:column;align-items:stretch;justify-content:flex-start;margin:0}.tw-hire .tw-acts .tw-do{min-width:calc(13 * var(--u))}.tw-hire .tw-need{grid-column:1 / -1;margin:0}.tw-hire-row{grid-column:1;display:flex;align-items:center;gap:calc(1 * var(--u))}.tw-hire-lb{flex:0 0 calc(9 * var(--u));font-family:var(--display);font-size:calc(1.35 * var(--u));letter-spacing:.06em;color:#dfe9f3}.tw-hire-slider{flex:1;min-width:0;height:calc(1.4 * var(--u));accent-color:#c9a45a;cursor:pointer}.tw-hire-n{flex:0 0 calc(8.4 * var(--u));width:calc(8.4 * var(--u));min-width:0;text-align:right;padding:calc(.15 * var(--u)) calc(.6 * var(--u));font-size:calc(1.6 * var(--u));color:#fff3d4;border:1px solid #9c8e69;border-radius:2px;background:linear-gradient(#312c21,#514633);appearance:textfield}.tw-hire-n::-webkit-inner-spin-button{appearance:none}.tw-hire-cost{display:inline-flex;align-items:center;gap:calc(.5 * var(--u));font-size:calc(1.5 * var(--u));color:#fff3d4}.tw-hire-cost .ic.res{height:calc(2 * var(--u));max-width:calc(2.2 * var(--u))}.tw-hire-cost.short b{color:#e0555f}.tw-keep{display:flex;justify-content:space-between;gap:calc(1.3 * var(--u));padding:calc(.9 * var(--u)) 0 calc(1.2 * var(--u))}.tw-keep-cell{position:relative;width:calc(6.2 * var(--u))}.tw-keep-orb{position:relative;display:block;width:calc(6.2 * var(--u));height:calc(6.2 * var(--u));border:0;padding:0;border-radius:50%;background:url(/art/ui/town-kit/orb-frame.png) center/100% 100% no-repeat;filter:drop-shadow(0 calc(.2 * var(--u)) calc(.4 * var(--u)) rgba(0,0,0,.8))}.tw-keep-orb:after{content:"";position:absolute;inset:13%;border-radius:50%;pointer-events:none;background:var(--face, none) center/cover no-repeat}button.tw-keep-orb{cursor:pointer}button.tw-keep-orb:hover{filter:brightness(1.2)}.tw-keep-cell.empty .tw-keep-orb{background-image:url(/art/ui/town-original/garrison-empty.png);filter:none}.tw-keep-n{position:absolute;left:50%;transform:translate(-50%);bottom:calc(-.7 * var(--u));min-width:calc(3.6 * var(--u));padding:0 calc(.35 * var(--u));text-align:center;font-size:calc(1.08 * var(--u));color:#eafbef;background:url(/art/ui/town-kit/counter-normal.png) 0 0/100% 100% no-repeat;pointer-events:none}.tw-keep-foot{display:flex;align-items:baseline;justify-content:space-between;gap:calc(1 * var(--u));padding-top:calc(.4 * var(--u));border-top:0}.tw-keep-hint{font-size:calc(1.04 * var(--u));color:var(--muted)}.tw-keep-cap{font-family:var(--display);font-size:calc(1.2 * var(--u));color:#dfe9f3;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #b2babe;padding-bottom:calc(.15 * var(--u));min-width:calc(22 * var(--u));display:flex;justify-content:space-between}.tw-keep-cap b{font-size:calc(1.7 * var(--u));color:#fff3d4;margin-left:calc(.4 * var(--u))}.tw-do{align-self:flex-end;margin-top:calc(.6 * var(--u));min-width:calc(16 * var(--u));height:calc(3.4 * var(--u));padding:0 0 calc(.2 * var(--u));cursor:pointer;font-family:var(--display);font-size:calc(1.45 * var(--u));letter-spacing:.1em;color:#f6efe2;border:1px solid #98866a;border-radius:2px;background:linear-gradient(#615745,#443d31 80%,#39352c);box-shadow:inset 0 1px #c7b79466,inset 0 -2px #211f1b;text-shadow:0 -1px 1px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9);filter:none}.tw-do:hover:not(:disabled){filter:brightness(1.12)}.tw-do:active:not(:disabled){filter:brightness(.86)}.tw-do:disabled{filter:saturate(.25) brightness(.65);color:#c1bbaa;cursor:default}.tw-face{position:relative;flex:0 0 auto;height:calc(17.8 * var(--u));margin:calc(-1.4 * var(--u)) calc(-3.4 * var(--u)) 0;background-size:cover;background-position:center 32%;-webkit-mask-image:url(/art/ui/town-original/face-mask.png);mask-image:url(/art/ui/town-original/face-mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tw-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#12304e00 34%,#112c48db 78%,#12304e)}.tw-face-nm{position:absolute;left:calc(3.4 * var(--u));bottom:calc(.5 * var(--u));z-index:2;right:calc(17 * var(--u));display:flex;align-items:baseline;gap:calc(1 * var(--u));font-family:var(--display);font-size:calc(2.4 * var(--u));letter-spacing:.04em;color:#fff5e0;text-shadow:0 2px 4px rgba(0,0,0,.95)}.tw-face-lvl{flex:0 0 auto;margin-left:auto;font-size:calc(1.35 * var(--u));color:#d9e6f2;letter-spacing:.08em}.tw-face .tw-do{position:absolute;right:calc(3.4 * var(--u));bottom:calc(.9 * var(--u));z-index:2;margin:0;min-width:calc(13 * var(--u));height:calc(3 * var(--u));font-size:calc(1.3 * var(--u))}.tw-stat{display:flex;align-items:flex-start;gap:calc(1.2 * var(--u));margin-top:calc(1 * var(--u))}.tw-orb{flex:0 0 auto;width:calc(9.4 * var(--u));height:calc(9.4 * var(--u));border-radius:50%;background-size:cover;background-position:center top;box-shadow:0 0 0 2px #c3d8ec,0 0 0 5px #091a2cbf,0 4px 12px #000000b3}.tw-stat-body{flex:1;min-width:0}.tw-orb.resource{background-size:88% auto;background-position:center;background-repeat:no-repeat}.tw-fillbar{position:relative;height:calc(2.6 * var(--u));background:url(/art/ui/town-kit/progress-track.png) 0 0/100% 100% no-repeat;box-shadow:none}.tw-fillbar i{position:absolute;left:0;top:0;bottom:0;display:block;background:url(/art/ui/town-kit/progress-fill.png) 0 0/100% 100% no-repeat}.tw-fillbar span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:calc(1.3 * var(--u));letter-spacing:.08em;color:#2a1e08;text-shadow:0 1px 0 rgba(255,232,170,.5)}.tw-fillbar.low span{color:#f0e3c6;text-shadow:0 1px 2px rgba(0,0,0,.9)}.tw-rows{margin:calc(.7 * var(--u)) 0 0;display:grid;gap:calc(.1 * var(--u))}.tw-rows div{display:flex;align-items:baseline;gap:calc(.6 * var(--u))}.tw-rows dt{flex:1;min-width:0;font-family:var(--display);font-size:calc(1.35 * var(--u));letter-spacing:.04em;color:#dfe9f3;border-bottom:1px solid rgba(150,190,225,.18)}.tw-rows dd{margin:0;font-size:calc(1.35 * var(--u));color:#fff}.tw-rows div:first-child dt{font-size:calc(1.5 * var(--u))}.tw-rows div:first-child dd{font-size:calc(2.1 * var(--u));line-height:1}.tw-acts{display:flex;justify-content:flex-end;gap:calc(.8 * var(--u));margin-top:calc(.6 * var(--u))}.tw-acts .tw-do{align-self:auto;margin:0;min-width:calc(12 * var(--u))}.tw-troops{position:absolute;z-index:4;left:calc(29.4 * var(--u));width:calc(65.4 * var(--u));top:calc(44.7 * var(--u));bottom:auto;height:calc(8.5 * var(--u));padding:0 calc(7.6 * var(--u));box-sizing:border-box;display:flex;align-items:flex-start;justify-content:space-between;gap:calc(1.8 * var(--u))}.tw-troops:empty{display:none}.tw-troops:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:calc(3 * var(--u));height:calc(6.5 * var(--u));background:url(/art/ui/town-controls/dock.png) center/100% 100% no-repeat}.tw-troop{position:relative;flex:0 0 calc(6.7 * var(--u));height:calc(6.7 * var(--u))}.tw-troop-orb{position:relative;display:block;width:calc(6.7 * var(--u));height:calc(6.7 * var(--u));border:0;padding:0;border-radius:50%;background:url(/art/ui/town-kit/orb-frame.png) center/100% 100% no-repeat;filter:drop-shadow(0 calc(.2 * var(--u)) calc(.4 * var(--u)) rgba(0,0,0,.8))}.tw-troop-orb:after{content:"";position:absolute;inset:9%;border-radius:50%;pointer-events:none;background:var(--face, none) center/cover no-repeat}button.tw-troop-orb{cursor:pointer}button.tw-troop-orb:hover:not(:disabled){filter:brightness(1.2)}button.tw-troop-orb:disabled{cursor:default}.tw-troop.locked .tw-troop-orb{background-image:url(/art/ui/town-kit/orb-locked.png);filter:grayscale(.6) brightness(.8) drop-shadow(0 calc(.2 * var(--u)) calc(.4 * var(--u)) rgba(0,0,0,.7))}.tw-troop-lv{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:calc(1.02 * var(--u));color:#9fb3c6;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.9)}.tw-troop-alert{position:absolute;left:calc(-.2 * var(--u));bottom:calc(-.5 * var(--u));width:calc(1.9 * var(--u));height:calc(1.9 * var(--u));border-radius:50%;display:grid;place-items:center;pointer-events:none;font-size:calc(1.2 * var(--u));font-weight:700;color:#3a2a05;background:radial-gradient(circle at 38% 32%,#ffe27a,#d9a01e 70%);box-shadow:0 0 0 1px #3c2806cc,0 2px 4px #000000b3}.tw-troop-n{position:absolute;left:50%;transform:translate(-50%);bottom:calc(-.15 * var(--u));z-index:2;min-width:calc(4.7 * var(--u));height:calc(1.65 * var(--u));padding:0 calc(.3 * var(--u));box-sizing:border-box;border:1px solid #a9b073;border-radius:40% 40% 12% 12%;text-align:center;font-size:calc(1.18 * var(--u));line-height:calc(1.5 * var(--u));color:#f1f6d4;background:url(/art/ui/town-kit/counter-normal.png) 0 0/100% 100% no-repeat;box-shadow:none;pointer-events:none}.tw-troop-reserve{position:absolute;left:50%;transform:translate(-50%);bottom:calc(-1.55 * var(--u));min-width:calc(4.5 * var(--u));height:calc(1.65 * var(--u));padding:0 calc(.3 * var(--u));border:1px solid #8b9697;border-radius:0 0 40% 40%;color:#d8dfd8;background:linear-gradient(#193e50,#101e2a);cursor:pointer;font-family:var(--body);font-size:calc(1.02 * var(--u));line-height:1.3;font-variant-numeric:tabular-nums lining-nums}.tw-troop-reserve:enabled:hover{color:#fff;filter:brightness(1.12)}.tw-troop-reserve:disabled{opacity:1;cursor:default}.tw-x{position:absolute;z-index:5;cursor:pointer;right:calc(1.6 * var(--u));top:calc(.9 * var(--u));width:calc(2.6 * var(--u));height:calc(2.6 * var(--u));border-radius:50%;border:0;padding:0;background:url(/art/ui/town-kit/round-close.png) center/contain no-repeat;box-shadow:none}.tw-x:before,.tw-x:after{display:none}.tw-x:before{transform:rotate(45deg)}.tw-x:after{transform:rotate(-45deg)}.tw-x:hover{filter:brightness(1.35)}.tw-help,.tw-return{position:absolute;z-index:5;top:calc(.9 * var(--u));width:calc(2.6 * var(--u));height:calc(2.6 * var(--u));padding:0;border:0;border-radius:50%;cursor:pointer;background:url(/art/ui/town-kit/round-help.png) center/contain no-repeat}.tw-help{right:calc(4.4 * var(--u))}.tw-return{left:calc(3.2 * var(--u));background-image:url(/art/ui/town-kit/round-back.png)}.tw-help:hover,.tw-return:hover{filter:brightness(1.25)}.tw-help-content{position:absolute;top:calc(4 * var(--u));right:calc(3 * var(--u));width:calc(27 * var(--u));z-index:8;padding:calc(1 * var(--u));background:#0c2535;border:2px solid #7e919b;box-shadow:0 4px 15px #0008;color:#e8e0cc;font-size:calc(1.2 * var(--u))}.tw-help-content[hidden]{display:none}.tw-slot.on.empty{background-image:url(/art/ui/town-controls/slot-empty-selected.png)}.tw-item{background-image:url(/art/ui/town-controls/slot-built.png)}.tw-item.on{background-image:url(/art/ui/town-controls/list-selected.png)}.tw-item.locked,.tw-item.locked.on{background-image:url(/art/ui/town-controls/list-locked.png)}.tw-item.locked .tw-item-ico{background:none}.tw-inner .tw-do{filter:none;font-size:calc(1.25 * var(--u));letter-spacing:.025em}.tw-inner .tw-do:hover:not(:disabled){filter:brightness(1.12)}.tw-inner .tw-do:active:not(:disabled){filter:brightness(.86)}.tw-inner .tw-do:disabled{filter:brightness(.65) saturate(.45);color:#a6a29a}.tw-detail>.tw-do,.tw-builder-detail>.tw-do{background:url(/art/ui/town-controls/action-enabled.png) center / 100% 100% no-repeat;border:0;border-radius:0;box-shadow:none}.dwelling .tw-face{height:calc(19 * var(--u));background-position:center 27%}.dwelling .tw-face:after{background:linear-gradient(180deg,transparent 60%,#10304c 100%)}.dwelling .tw-face-nm{top:calc(4.5 * var(--u));bottom:auto;right:calc(22 * var(--u));flex-direction:column;align-items:flex-start;gap:0;color:#17303c;font-size:calc(3.2 * var(--u));line-height:1.05;letter-spacing:0;text-shadow:0 1px 1px #fff}.dwelling .tw-face-lvl{margin:0;color:#17303c;font-size:calc(2.2 * var(--u))}.tw-face[style*=town-necropolis-source] .tw-face-nm,.tw-face[style*=town-necropolis-source] .tw-face-lvl{color:#f4eddb;text-shadow:0 1px 2px #102b32,0 0 4px #102b32}.tw-unit-name{position:absolute;bottom:calc(.4 * var(--u));left:calc(19 * var(--u));right:calc(17 * var(--u));z-index:2;font-family:var(--display);font-size:calc(2.4 * var(--u));color:#e8e5d3;border-bottom:1px solid #b2babe;text-shadow:0 1px 2px #000}.dwelling .tw-face .tw-do{right:calc(3.8 * var(--u));bottom:calc(.8 * var(--u));width:calc(11.6 * var(--u));min-width:0;height:calc(3.5 * var(--u));padding-top:calc(.8 * var(--u));z-index:4}.dwelling .tw-stat{margin-top:calc(1.2 * var(--u));gap:calc(1.2 * var(--u))}.dwelling .tw-orb{width:calc(11.6 * var(--u));height:calc(11.6 * var(--u))}.dwelling .tw-inner{padding-bottom:calc(1.1 * var(--u))}.tw-enlist-row{display:flex;align-items:center;justify-content:space-between;height:calc(3.1 * var(--u));font-size:calc(1.15 * var(--u))}.tw-instant{display:flex;align-items:center;gap:calc(.45 * var(--u));width:calc(19.5 * var(--u));height:calc(2.8 * var(--u));padding:0 calc(.7 * var(--u)) 0 0;border:0;cursor:pointer;color:#ecedc8;background:url(/art/ui/town-controls/green-instant.png) center/100% 100% no-repeat;font-family:var(--display);font-size:calc(1.15 * var(--u));text-shadow:0 1px 2px #112304}.tw-instant img{width:calc(3 * var(--u));height:calc(3 * var(--u));object-fit:contain;margin-left:calc(-.4 * var(--u))}.tw-instant b{margin-left:auto}.tw-instant:hover:not(:disabled){filter:brightness(1.2)}.tw-instant:disabled{opacity:.5;cursor:default}.tw-production{position:relative}.dwelling .tw-production .tw-fillbar{height:calc(1.2 * var(--u));margin-left:calc(-2.4 * var(--u))}.dwelling .tw-production .tw-fillbar span{font-size:calc(.9 * var(--u))}.dwelling .tw-production .tw-rows{margin-top:0;padding-right:calc(8 * var(--u));gap:0}.dwelling .tw-production .tw-rows div:first-child dd{font-size:calc(2.1 * var(--u))}.dwelling .tw-production .tw-acts{position:absolute;right:0;bottom:0;margin:0}.dwelling .tw-production .tw-acts .tw-do{min-width:calc(7 * var(--u));height:calc(3.5 * var(--u))}.dwelling .tw-hire{padding-top:calc(1 * var(--u));gap:calc(1 * var(--u));grid-template-columns:minmax(0,1fr) calc(11.6 * var(--u))}.dwelling .tw-hire-row{position:relative;flex-wrap:nowrap;padding-top:calc(1.8 * var(--u))}.dwelling .tw-hire-lb{position:absolute;top:0;left:0;font-size:calc(1.2 * var(--u))}.dwelling .tw-hire .tw-acts .tw-do{min-width:0;width:100%;height:calc(4.8 * var(--u));margin:0}.dwelling .tw-hire .tw-acts .tw-do:last-child{height:calc(3.2 * var(--u))}.dwelling .tw-hire .tw-need{font-size:calc(.9 * var(--u))}.tw-hire-slider{appearance:none;background:transparent}.tw-hire-slider::-webkit-slider-runnable-track{height:calc(.25 * var(--u));background:#9daeb0;border-bottom:1px solid #34414a}.tw-hire-slider::-webkit-slider-thumb{appearance:none;width:calc(1.15 * var(--u));height:calc(2 * var(--u));margin-top:calc(-.85 * var(--u));border:1px solid #b5a276;border-radius:0;background:linear-gradient(90deg,#57482f,#968666,#635239)}.tw-hire-slider::-moz-range-track{height:calc(.25 * var(--u));background:#9daeb0}.tw-hire-slider::-moz-range-thumb{width:calc(1.15 * var(--u));height:calc(2 * var(--u));border:1px solid #b5a276;border-radius:0;background:#968666}.tw-enlist-confirm h3{margin:0;font-family:var(--display);font-size:calc(1.5 * var(--u))}.tw-enlist-confirm p{margin:calc(.4 * var(--u)) 0;font-size:calc(1.1 * var(--u))}.town-window button:focus-visible,.tw-hire-n:focus-visible{outline:2px solid #f4e2a6;outline-offset:2px}.tw-orb{padding:0;border:0;cursor:pointer;background-color:#0c2638}.dwelling .tw-dwelling-tabs{top:auto;bottom:0;left:calc(3.2 * var(--u));gap:0}.dwelling .tw-dwelling-tabs button{width:calc(7.4 * var(--u));height:calc(8.4 * var(--u));padding:calc(1.6 * var(--u)) calc(1.3 * var(--u));border:1px solid transparent;border-bottom:0;border-radius:calc(.5 * var(--u)) calc(.5 * var(--u)) 0 0;background:transparent;box-shadow:none}.dwelling .tw-dwelling-tabs button span{display:block;height:calc(4.8 * var(--u));width:calc(4.8 * var(--u));border:2px solid #afbec2;border-radius:50%;background-size:cover;background-position:top;box-shadow:0 1px 2px #000b}.dwelling .tw-dwelling-tabs button.on{border-color:#bfb48c;background:linear-gradient(#36566a,#10304c 85%);box-shadow:inset 0 2px 3px #c6c6aa70}.dwelling .tw-dwelling-tabs button:not(.on){opacity:.85}.tw-inspect{position:absolute;z-index:3;right:calc(-.3 * var(--u));bottom:calc(.5 * var(--u));width:calc(2.5 * var(--u));height:calc(2.5 * var(--u));padding:0;border:0;cursor:pointer;background:url(/art/ui/town-controls/inspect.svg) center/contain no-repeat}.tw-inspect:hover{filter:brightness(1.3)}.tw-creature-info{position:absolute;z-index:20;width:430px;padding:0;right:calc((100 * var(--u) - 100 * var(--ui-vw, 1vw)) / 2 - 2.1 * var(--u) + 12px);bottom:calc((62.285 * var(--u) - 100 * var(--ui-vh, 1vh)) / 2 - 2.1 * var(--u) + 54px);color:#ede4ce;pointer-events:auto;transform-origin:bottom right}.tw-creature-info>.tw-x{top:8px;right:auto;left:2px;width:26px;height:26px}.tw-orb{position:relative}.tw-medal:after,.tw-orb:after{content:"";position:absolute;right:calc(-.3 * var(--u));bottom:calc(-.3 * var(--u));width:calc(2.1 * var(--u));height:calc(2.1 * var(--u));z-index:3;background:url(/art/ui/town-controls/inspect.svg) center/contain no-repeat}.income .tw-face{height:calc(19 * var(--u))}.income .tw-face-nm{font-size:calc(2.5 * var(--u));letter-spacing:0;border-bottom:1px solid #a3b0b2;padding-bottom:calc(.3 * var(--u))}.income .tw-face .tw-do{width:calc(11.6 * var(--u));min-width:0;height:calc(3.5 * var(--u));padding-top:calc(.8 * var(--u))}.income .tw-stat{margin-top:calc(1.2 * var(--u))}.income .tw-orb{width:calc(11.6 * var(--u));height:calc(11.6 * var(--u));position:relative;z-index:2}.income .tw-orb:after{content:none}.income .tw-production{padding-top:calc(1.8 * var(--u))}.income .tw-fillbar{margin-left:calc(-3 * var(--u));height:calc(3.4 * var(--u))}.income .tw-rows{margin-top:calc(1.8 * var(--u));padding-right:calc(9 * var(--u));gap:0}.income .tw-production .tw-acts{position:absolute;right:0;bottom:calc(1.3 * var(--u));margin:0}.income .tw-production .tw-acts .tw-do{min-width:calc(7.4 * var(--u));height:calc(3.5 * var(--u))}.garrison .tw-face-nm{border-bottom:1px solid #b2babe;padding-bottom:calc(.3 * var(--u))}.garrison .tw-face:before,.dwelling .tw-face:before{content:"";position:absolute;z-index:3;pointer-events:none;left:calc(3.4 * var(--u));right:calc(3.4 * var(--u));bottom:calc(.45 * var(--u));border-bottom:1px solid #b2babe}.dwelling .tw-face:before{left:calc(18 * var(--u))}.garrison .tw-face-nm{border:0}.dwelling .tw-face:has(.tw-dwelling-tabs button:only-child) .tw-unit-name,.dwelling .tw-face:has(.tw-dwelling-tabs button:only-child):before{left:calc(11.2 * var(--u))}.town-window .tw-inner .tw-upgrade{background:url(/art/ui/town-controls/upgrade.svg) center / 100% 100% no-repeat;border:0;border-radius:0;box-shadow:none}.garrison .tw-face .tw-upgrade{height:calc(3.7 * var(--u));padding-top:calc(.8 * var(--u))}.town-window .tw-inner .tw-upgrade{width:calc(11.6 * var(--u));min-width:0;height:calc(3.7 * var(--u));padding:calc(.8 * var(--u)) 0 0;font-size:calc(1.2 * var(--u));line-height:1}.garrison button.tw-keep-orb{background:#0b273b;border:2px solid #b8cfd7;box-shadow:0 1px 3px #000}.garrison button.tw-keep-orb:after{inset:2px}.garrison .tw-keep-n{min-width:calc(4.6 * var(--u))}.tw-keep{padding:calc(.8 * var(--u)) calc(3.8 * var(--u)) calc(2.8 * var(--u))}.tw-keep-hint{font-family:var(--body);font-size:calc(.95 * var(--u));max-width:calc(29 * var(--u))}.tw-keep-orb,.tw-troop-orb{touch-action:none}button.tw-keep-orb,button.tw-troop-orb:not(:disabled){cursor:grab}.tw-dragging,.tw-dragging *{cursor:grabbing!important;user-select:none}.tw-drop-target{outline:2px solid #dccb84;outline-offset:4px;border-radius:50%;background-color:#dfc17633}.tw-drag-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);opacity:.92;border:2px solid #b9cbd0;border-radius:50%;background-color:#102a3b;background-size:cover;background-position:center;box-sizing:border-box;box-shadow:0 2px 5px #0009}.tw-upgrade-tip,.tw-demolish-dialog{position:absolute;z-index:12;right:calc(3.4 * var(--u));top:calc(17.5 * var(--u));width:calc(30 * var(--u));padding:calc(1 * var(--u));background:#0b2637;border:2px solid #98a8ac;border-radius:4px;box-shadow:0 4px 15px #000a;color:#ece4ce;font-size:calc(1.1 * var(--u))}.tw-upgrade-tip[hidden]{display:none}.tw-upgrade-tip{max-height:calc(31 * var(--u));overflow-y:auto;box-sizing:border-box}.tw-upgrade-needs{padding-left:calc(1.2 * var(--u));margin:calc(.8 * var(--u)) 0;color:#e7bd85;font-size:calc(1.05 * var(--u))}.tw-upgrade-needs li{margin:calc(.3 * var(--u)) 0}.town-window .tw-hourglass{width:calc(1.5 * var(--u));height:calc(1.9 * var(--u));object-fit:contain;flex-shrink:0}.tw-upgrade-tip h3,.tw-demolish-dialog h3{margin:0 0 calc(.7 * var(--u));border-bottom:1px solid #9ba9aa;font-family:var(--display);font-size:calc(1.45 * var(--u))}.tw-upgrade-tip .tw-cost-row{flex-wrap:wrap;gap:calc(1 * var(--u))}.tw-upgrade-tip .tw-costs{margin:0}.tw-upgrade-tip .tw-cost{min-width:0}.tw-upgrade-tip .tw-acts .tw-do,.tw-demolish-dialog .tw-do{min-width:0;flex:1;font-size:calc(1.1 * var(--u))}.tw-demolish-dialog{top:calc(6 * var(--u));width:calc(35 * var(--u))}.tw-cycle-time{display:block;height:calc(1.4 * var(--u));font-size:calc(1.05 * var(--u));color:#e7e8d4}.dwelling .tw-production.full{padding-top:calc(1.4 * var(--u))}.dwelling .tw-production.full .tw-fillbar{height:calc(3.4 * var(--u))}.dwelling .tw-production.full .tw-fillbar span{font-size:calc(1.65 * var(--u));letter-spacing:0}.dwelling .tw-production.full .tw-rows{margin-top:calc(1.2 * var(--u))}.dwelling .tw-orb{position:relative;z-index:2}.dwelling .tw-hire-price{justify-content:flex-start;gap:calc(1.6 * var(--u))}.dwelling .tw-hire-price .tw-hire-lb{width:100%;border-bottom:1px solid #b2babe;letter-spacing:0;padding-bottom:calc(.15 * var(--u))}.dwelling .tw-hire-cost{font-size:calc(1.35 * var(--u));gap:calc(1.6 * var(--u))}.dwelling .tw-hire-cost .ic.res{width:calc(1.8 * var(--u));height:calc(1.8 * var(--u));flex:0 0 calc(1.8 * var(--u));object-fit:contain}.dwelling .tw-hire-cost b{font-weight:400}.dwelling .tw-hire-n{flex-basis:calc(9.5 * var(--u));width:calc(9.5 * var(--u));font-family:var(--body);font-size:calc(1.8 * var(--u))}.dwelling .tw-hire .tw-acts .tw-do{font-size:calc(1.15 * var(--u));letter-spacing:0}.tw-seal-cost{display:flex;align-items:center;gap:calc(.6 * var(--u))}.tw-seal-cost img{width:calc(2.5 * var(--u));height:calc(2.5 * var(--u));object-fit:contain}.town-window .tw-keep-n,.town-window .tw-troop-n{background:linear-gradient(#429b20,#246c12) left center / var(--fill,100%) 100% no-repeat,#081f2e;border:1px solid #99ab89;border-radius:calc(.45 * var(--u));box-shadow:inset 0 1px 1px #d4e79c66;line-height:1.15;color:#fff}.tw-keep-cell .tw-inspect{right:calc(-.4 * var(--u));bottom:calc(.7 * var(--u))}.town-window .tw-keep-hint{visibility:hidden}.town-window .tw-reserves-toggle{position:absolute;right:calc(3 * var(--u));top:calc(5 * var(--u));display:flex;align-items:center;gap:calc(.4 * var(--u));padding:0;border:0;background:none;color:#e9e8ca;cursor:pointer}.tw-reserves-toggle span{width:calc(2.1 * var(--u));height:calc(2.1 * var(--u));font-size:calc(2 * var(--u));line-height:1;font-family:var(--body);border:1px solid #c3b985;background:linear-gradient(#567939,#294d1d)}.tw-reserves-toggle b{font-size:calc(1 * var(--u));line-height:1;font-family:var(--body)}.tw-reserve-list{position:absolute;z-index:15;right:calc(2 * var(--u));bottom:calc(5 * var(--u));width:calc(33 * var(--u));max-height:calc(26 * var(--u));overflow:auto;padding:calc(1.2 * var(--u));border:2px solid #84969d;background:#0a2639;box-shadow:0 4px 20px #0009}.tw-reserve-list h3{margin:0 0 calc(.8 * var(--u));border-bottom:1px solid #899fa7;font-size:calc(1.5 * var(--u));line-height:1.5;font-family:var(--display)}.tw-reserve-entry{display:flex;align-items:center;gap:calc(1 * var(--u));margin-bottom:calc(.7 * var(--u))}.tw-reserve-entry .tw-troop-orb{width:calc(4.6 * var(--u));height:calc(4.6 * var(--u));flex-shrink:0}.tw-reserve-entry>span{flex:1;font-size:calc(1.2 * var(--u));line-height:1.3;font-family:var(--body)}.tw-reserve-entry b{display:block;color:#dce7ad}.tw-reserve-entry .tw-do{min-width:calc(8 * var(--u));font-size:calc(1.05 * var(--u))}.tw-reserve-list p{font-size:calc(1.05 * var(--u));line-height:1.35;font-family:var(--body);color:#c8d3d6;margin:calc(.6 * var(--u)) 0 0}.town-window .tw-upgrade-tip,.town-window .tw-demolish-dialog{border:1px solid #899ca4;outline:2px solid #153449;border-radius:2px;padding:calc(1.1 * var(--u));background:linear-gradient(#102d40,#091f2f);font-size:calc(1.2 * var(--u));line-height:1.35;font-family:var(--body)}.tw-upgrade-level{margin:calc(.3 * var(--u)) 0 calc(.8 * var(--u));color:#d0dce1}.tw-upgrade-tip .tw-costs h4{font-size:calc(1.2 * var(--u));color:#e8e3cf}.town-window .tw-cost-row{justify-content:flex-start;gap:calc(1.4 * var(--u))}.town-window .tw-cost{flex:none;gap:calc(.5 * var(--u));font-size:calc(1.15 * var(--u));line-height:1.4;font-family:var(--body)}.town-window .tw-cost b{font-weight:400}.town-window .tw-cost .ic.res{width:calc(1.8 * var(--u));height:calc(1.8 * var(--u));object-fit:contain;flex:0 0 calc(1.8 * var(--u))}.town-window .tw-hire .tw-do,.town-window .tw-upgrade-tip .tw-do,.town-window .tw-demolish-dialog .tw-do,.town-window .tw-enlist-confirm .tw-do,.town-window .tw-reserve-list .tw-do{filter:none;padding:0 calc(.6 * var(--u));letter-spacing:0;white-space:nowrap;font-family:var(--display);font-weight:400;color:#e9e3d2;text-shadow:0 1px 2px #000}.town-window .tw-hire .tw-do:hover:not(:disabled),.town-window .tw-upgrade-tip .tw-do:hover:not(:disabled),.town-window .tw-demolish-dialog .tw-do:hover:not(:disabled),.town-window .tw-enlist-confirm .tw-do:hover:not(:disabled),.town-window .tw-reserve-list .tw-do:hover:not(:disabled){filter:brightness(1.12)}.town-window .tw-hire .tw-do:disabled,.town-window .tw-upgrade-tip .tw-do:disabled,.town-window .tw-enlist-confirm .tw-do:disabled,.town-window .tw-reserve-list .tw-do:disabled{filter:saturate(.25) brightness(.65);cursor:default}.dwelling .tw-hire{grid-template-rows:calc(4.2 * var(--u)) calc(4.3 * var(--u));row-gap:calc(.55 * var(--u));padding-top:calc(1 * var(--u))}.dwelling .tw-hire .tw-acts{gap:calc(1.1 * var(--u))}.dwelling .tw-hire .tw-acts .tw-do{height:calc(5.1 * var(--u));font-size:calc(1.35 * var(--u))}.dwelling .tw-hire .tw-acts .tw-do:last-child{height:calc(3.1 * var(--u))}.dwelling .tw-hire-lb{font-size:calc(1.35 * var(--u));font-weight:400}.dwelling .tw-hire-cost{font-family:var(--body);font-size:calc(1.2 * var(--u));gap:calc(2.4 * var(--u))}.dwelling .tw-hire-n{height:calc(2.9 * var(--u));font-size:calc(2.1 * var(--u));font-weight:400;box-shadow:inset 0 1px 3px #0007}.dwelling .tw-hire-price{padding-top:calc(2 * var(--u))}.dwelling .tw-hire-slider{height:calc(2.9 * var(--u))}.dwelling .tw-hire-amount{padding-right:calc(10.6 * var(--u))}.dwelling .tw-hire-amount .tw-hire-n{position:absolute;right:0;top:0}.dwelling .tw-production:not(.full) .tw-fillbar,.income .tw-production:not(.full) .tw-fillbar{height:calc(1.15 * var(--u));background:linear-gradient(#263540,#7b8587);border:1px solid #9aa6a4;clip-path:polygon(0 0,100% 0,98% 100%,0 100%)}.dwelling .tw-production:not(.full) .tw-fillbar i,.income .tw-production:not(.full) .tw-fillbar i{background:linear-gradient(#ded8b2,#8e886a)}.tw-cycle-time{display:flex;align-items:center;gap:calc(.5 * var(--u));font-size:calc(1.15 * var(--u));line-height:1.35;font-family:var(--body);height:calc(1.9 * var(--u))}.income .tw-production:not(.full){padding-top:calc(.3 * var(--u))}.income .tw-production:not(.full) .tw-rows{margin-top:calc(.3 * var(--u))}.income .tw-enlist-row{font-family:var(--body);font-size:calc(1.2 * var(--u));margin:0 0 calc(.4 * var(--u))}.tw-construction{margin-top:calc(1.1 * var(--u));width:calc(30 * var(--u));flex-shrink:0}.tw-construction-label{display:flex;align-items:center;gap:calc(.6 * var(--u));font-family:var(--display);font-size:calc(1.3 * var(--u));line-height:1.35}.tw-construction-time{margin-left:auto;font-family:var(--body);font-size:calc(1.8 * var(--u))}.tw-construction-track{height:calc(.65 * var(--u));border:1px solid #a79c82;background:#304454;overflow:hidden}.tw-construction-track i{display:block;height:100%;background:linear-gradient(#dad5b7,#8f886f)}.income:has(.tw-construction) .tw-face-nm{right:calc(3.4 * var(--u))}.tw-stage:is(.dwelling,.garrison):has(.tw-construction){height:calc(40 * var(--u))}.tw-stage:has(.tw-construction)+.tw-troops{top:calc(51 * var(--u))}.tw-slot[data-place=monastery-of-light] .tw-slot-ico{clip-path:polygon(0 56%,9% 54%,9% 50%,22% 51%,26% 49%,20% 43%,11% 36%,6% 27%,4% 14%,11% 17%,10% 11%,16% 12%,18% 4%,25% 4%,25% 0,39% 3%,44% 8%,55% 10%,63% 8%,73% 14%,79% 23%,84% 38%,88% 64%,87% 74%,95% 79%,100% 83%,100% 100%,0 100%)}.town-window .tw-fillbar:not(.low) span{color:#fff3d3;text-shadow:0 1px 2px #2b1c08,1px 0 #47331b}.town-window .tw-rows dt,.town-window .tw-rows dd{font-weight:400}.town-window .tw-rows div:first-child dd{font-weight:700}.town-window .tw-production .tw-rows{padding-right:calc(8 * var(--u))}.town-window .tw-production .tw-acts{position:absolute;right:0;bottom:0;margin:0}.town-window .tw-production .tw-acts .tw-icon-action,.town-window .tw-production .tw-acts .tw-icon-action:hover:not(:disabled){width:calc(7.4 * var(--u));min-width:0;height:calc(3.9 * var(--u));background-size:1374.576% 1651.613%;background-position:88.963% 68.191%;background-repeat:no-repeat;border:0;box-shadow:none;padding:0}.town-window .tw-production .tw-acts .collect,.town-window .tw-production .tw-acts .collect:hover:not(:disabled){background-image:url(/art/ui/town-controls/action-collect-clean-source.jpg);background-size:1982.759% 2400%;background-position:78.297% 61.159%}.town-window .tw-production .tw-acts .recruit,.town-window .tw-production .tw-acts .recruit:hover:not(:disabled){background-image:url(/art/ui/town-controls/action-recruit-source.png)}.town-window .tw-production .tw-icon-action:hover:not(:disabled){filter:brightness(1.15)}.town-window .tw-instant{background:linear-gradient(#7b9d43,#315918 52%,#587b2c);border:1px solid #cbb579;border-radius:calc(.3 * var(--u));box-shadow:inset 0 0 0 1px #e1d19a77}.town-window .tw-inner .tw-upgrade{height:calc(3 * var(--u));padding-top:calc(.6 * var(--u))}.dwelling .tw-dwelling-tabs button{width:calc(7.4 * var(--u));height:calc(7.4 * var(--u));padding:calc(1.1 * var(--u))}.tw-list-wrap{flex:0 0 40%;min-height:0;position:relative}.tw-list-wrap .tw-list{height:100%;padding-right:calc(1.8 * var(--u))}.tw-list-wrap .tw-list::-webkit-scrollbar{width:calc(1.15 * var(--u))}.tw-list-wrap .tw-list::-webkit-scrollbar-track{margin-block:calc(1.6 * var(--u))}.tw-list-controls{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;pointer-events:none}.tw-list-controls span{flex:1}.tw-list-controls button{pointer-events:auto;border:0;padding:0;width:calc(1.6 * var(--u));height:calc(1.6 * var(--u));cursor:pointer;background:url(/art/ui/town-kit/round-scroll-up.png) center/contain no-repeat}.tw-list-controls button:last-child{background-image:url(/art/ui/town-kit/round-scroll-down.png)}.tw-list-wrap .tw-item.locked{background-image:url(/art/ui/town-controls/slot-built.png);filter:saturate(.45) brightness(.8)}.tw-list-wrap .tw-item.locked .tw-item-ico.fig{background-size:contain;background-position:center;background-repeat:no-repeat}.tw-note em{display:block;margin-bottom:calc(1 * var(--u))}.town-window button{-webkit-tap-highlight-color:transparent}.town-window :is(.tw-x,.tw-help,.tw-return,.tw-inspect,.tw-list-controls button,.tw-slot-scroll,.tw-reserves-toggle,.tw-dwelling-tabs button):enabled:hover{filter:brightness(1.12)}.town-window :is(.tw-x,.tw-help,.tw-return,.tw-inspect,.tw-list-controls button,.tw-slot-scroll,.tw-reserves-toggle,.tw-dwelling-tabs button,.tw-slot,.tw-item,.tw-instant,.tw-troop-reserve):enabled:active{filter:brightness(.86)}.town-window .tw-inner .tw-do:enabled:active,.town-window .tw-upgrade-tip .tw-do:enabled:active,.town-window .tw-demolish-dialog .tw-do:enabled:active,.town-window .tw-reserve-list .tw-do:enabled:active{filter:brightness(.86)}.town-window .tw-production .tw-acts .tw-icon-action:enabled:active{filter:brightness(.86)}.town-window :is(.tw-return,.tw-list-controls button,.tw-slot-scroll):disabled{filter:saturate(.2) brightness(.65);cursor:default}.town-window .tw-upgrade-tip{top:calc(6 * var(--u))}.town-window :is(.dwelling,.income) .tw-upgrade-tip{top:calc(19.6 * var(--u))}.town-window .garrison .tw-upgrade-tip{top:calc(18.4 * var(--u))}#tip.creature-tip{width:340px;max-width:340px;max-height:70vh;overflow-y:auto;background:linear-gradient(#102c39,#0a202c);border:1px solid #94a3a4;font-size:16px}#tip.creature-tip .t{font-size:20px;color:#e5e1ce;border-bottom:1px solid #94a3a4;margin-bottom:8px}#tip.creature-tip .tip-rows{font-size:15px}#tip .tip-abilities{display:block;margin-top:14px}#tip .tip-abilities>b{display:block;border-bottom:1px solid #889b9f;margin-bottom:6px;font-family:var(--display);font-size:18px;font-weight:400}#tip .tip-ability{display:flex;gap:8px;margin:6px 0;align-items:flex-start}#tip .tip-ability img{width:26px;height:26px;object-fit:contain;flex-shrink:0}#tip .tip-ability small{display:block;font-size:14px;line-height:1.35;color:#bac9cf}#tip .tip-hint{display:block;border-top:1px solid #7c8f97;background:#183d52;padding:7px;margin-top:12px;text-align:center;color:#cedadd}.tw-hint{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:0 calc(6 * var(--u));font-family:var(--display);font-size:calc(1.5 * var(--u));letter-spacing:.06em;color:#cfe0ef;text-shadow:0 2px 4px rgba(0,0,0,.9)}.town-window :is(.tw-note,.tw-need,.tw-builder-detail p,.tw-item,.tw-cost,.tw-upgrade-needs,.tw-enlist-row,.tw-cycle-time,.tw-troop-reserve,.tw-troop-n,.tw-keep-n,.tw-slot.locked,.tw-enlist-confirm p,.tw-hire .tw-need){font-size:var(--tw-readable)}.town-window .tw-note{line-height:1.4}.town-window .tw-note em{display:block;margin-bottom:.9em}.town-window .tw-item{letter-spacing:0}.town-window .tw-cost-row{flex-wrap:wrap}.town-window .tw-cost{white-space:nowrap}.town-window .tw-upgrade-tip{width:calc(35 * var(--u));font-size:var(--tw-readable);max-height:calc(30 * var(--u))}.tw-upgrade-benefits{margin:0 0 .75em;padding:.5em 0;border-block:1px solid #91a3ac66}.tw-upgrade-benefits div{display:flex;justify-content:space-between;gap:1em;margin:.3em 0}.tw-upgrade-benefits dd{margin:0;white-space:nowrap}.tw-upgrade-benefits dd span{color:#bccacf}.tw-upgrade-benefits dd b{color:#d4e8aa}.town-window .tw-upgrade-tip .tw-acts{position:sticky;bottom:calc(-1 * var(--u));background:#0b2637;padding-block:calc(.5 * var(--u))}.town-window .tw-upgrade-tip .tw-do{min-height:calc(3.4 * var(--u));font-size:var(--tw-readable)}.tw-builder-inner:has(.tw-construction) .tw-build{min-height:0}.tw-builder-inner .tw-construction{width:100%}.tw-builder-heading{padding-right:calc(3 * var(--u))}.town-window .tw-detail-art{margin-top:0;height:calc(12 * var(--u));overflow:hidden;border-top-right-radius:calc(1.8 * var(--u))}.town-window .tw-medal:after{content:none}.town-window .tw-detail>h3{font-size:calc(1.85 * var(--u));flex-shrink:0}.town-window .tw-detail>:is(.tw-costs,.tw-need,.tw-do){flex-shrink:0}#heroPanel .hw-figure.mounted{width:320px;height:320px;filter:saturate(1.16) var(--tint, brightness(1))}#heroPanel .hw-right{isolation:isolate}#heroPanel .hw-right:before{content:"";position:absolute;z-index:-1;inset:0 0 32px;background:url(/art/ui/hw-window-field-restored.png) -846px -94px / 1279px 794px no-repeat;mask-image:linear-gradient(#000 92%,transparent);pointer-events:none}#heroPanel .hw-cat-tab:before{opacity:1;border:1px solid #a3987c;border-bottom-color:#777568;border-radius:3px 3px 0 0;background:linear-gradient(155deg,#74664d,#62553e 65%,#514330);box-shadow:inset 0 1px #c1b99d,inset 1px 0 #92876a,1px 0 1px #182632}#heroPanel .hw-cat-tab:after{content:none}#heroPanel .hw-cat-tab{--tab-art: url(/art/ui/inventory-review/tabs-master.png);--tab-size: 253.4286px 126.7143px;--tab-y: -30px}#heroPanel .hw-cat-tab-stats{--tab-x: -5.7143px;--tab-mask: url(/art/ui/inventory-review/stats-mask.svg)}#heroPanel .hw-cat-tab-class{--tab-x: -65.7143px;--tab-mask: url(/art/ui/inventory-review/knight-mask.svg)}#heroPanel .hw-cat-tab-custom{--tab-x: -121.4286px;--tab-mask: url(/art/ui/inventory-review/custom-mask.svg)}#heroPanel .hw-cat-tab-titles{--tab-x: -187.1429px;--tab-mask: url(/art/ui/inventory-review/titles-mask.svg)}#heroPanel[data-hero-class] .hw-cat-tab .hw-tab-symbol{left:4.625px;top:7px;width:60px;height:64.2857px;background:var(--tab-art) var(--tab-x) var(--tab-y) / var(--tab-size) no-repeat;mask:var(--tab-mask) center / 100% 100% no-repeat;clip-path:none;filter:brightness(.82) saturate(.78);transform:none}#heroPanel .hw-cat-tab.on:before{top:15px;height:59px}#heroPanel .hw-cat-tab.on .hw-tab-symbol{transform:translateY(-6px) scale(1.04);filter:brightness(1) saturate(.88);animation:hw-native-tab-rise .14s ease-out}#heroPanel .hw-cat-tab:hover .hw-tab-symbol{filter:brightness(1.06) saturate(.88)}#heroPanel[data-hero-class=cleric] .hw-cat-tab-class,#heroPanel[data-hero-class=necromancer] .hw-cat-tab-class,#heroPanel[data-hero-class=death-knight] .hw-cat-tab-class{--tab-art: url(/art/ui/inventory-polished/tabs-atlas.png);--tab-size: 240px 120px;--tab-y: -60px;--tab-x: 0px;--tab-mask: url(/art/ui/inventory-polished/symbol-cleric-mask.svg)}#heroPanel[data-hero-class=death-knight] .hw-cat-tab-class{--tab-x: -60px;--tab-mask: url(/art/ui/inventory-polished/symbol-death-knight-mask.svg)}#heroPanel[data-hero-class=necromancer] .hw-cat-tab-class .hw-tab-symbol{filter:sepia(.5) hue-rotate(35deg) saturate(.65) brightness(.8)}@keyframes hw-native-tab-rise{0%{translate:0 6px}to{translate:0 0}}@media(prefers-reduced-motion:reduce){#heroPanel .hw-cat-tab.on .hw-tab-symbol{animation:none}}#heroPanel .hw-source-jump{background-image:url(/art/ui/inventory-late/haven.png);background-size:1396.5px 891.1px;background-position:var(--late-jump-x) -180.5px;clip-path:circle(16px at 18px 18px)}#heroPanel [data-jump=equipment]{--late-jump-x: -1144.85px}#heroPanel [data-jump=consumables]{--late-jump-x: -1182.85px}#heroPanel [data-jump=scrolls]{--late-jump-x: -1219.9px}#heroPanel [data-jump=adornments]{--late-jump-x: -1256.95px}#heroPanel [data-jump=collectables]{--late-jump-x: -1294.95px}#heroPanel .hw-stat-ico img{filter:brightness(.9) saturate(.88)}#heroPanel .hw-power-label .hw-label-img{background:none}#heroPanel .hw-power-label .hw-label-img use{display:inline}#heroPanel .hw-value-label .hw-label-img use{display:none}#heroPanel .hw-value-label .hw-label-img{background:url(/art/ui/stat-power.png) center / contain no-repeat}#heroPanel .hw-stat-ico img[src*=hourglass-master]{width:34px;height:34px;max-width:none;transform:none;filter:none;mask:url(/art/ui/inventory-review/hourglass-mask.svg) center / contain no-repeat}#heroPanel .hw-stat-ico:has(img[src*=sat-emblem]){position:relative;height:36px;overflow:visible;background:none;clip-path:none}#heroPanel .hw-stat-ico img[src*=sat-emblem]{position:absolute;left:-8px;top:-4px;visibility:visible;width:46px;height:46px;max-width:none;object-fit:contain;transform:none;mask:url(/art/ui/inventory-depth/raid-source-mask.svg) center / contain no-repeat;filter:contrast(1.08)}#heroPanel[data-hero-tab=class] .hw-stat-ico:has(img[src*=tier-]){width:30px;height:39px}#heroPanel[data-hero-tab=class] .hw-stat-ico img[src*=tier-]{width:27px;height:39px;object-fit:contain}#heroPanel[data-hero-tab=class] .hw-tier-val{position:relative;isolation:isolate;width:46px;min-width:46px;height:34px;padding:0 0 9px;font-family:var(--hw-font-number);font-weight:700;font-size:22px;font-style:normal;line-height:1;background:none;border-radius:0;box-shadow:none}#heroPanel[data-hero-tab=class] .hw-tier-val:before{content:"";position:absolute;z-index:-1;width:49px;height:17px;bottom:1px;left:-2px;background:url(/art/ui/inventory-late/knight-class.jpg) -648px -626px / 1920px 1080px no-repeat;clip-path:ellipse(50% 89% at 50% 0%)}#heroPanel[data-hero-tab=class] .hw-tier-val:after{content:"";position:absolute;z-index:-2;left:0;top:4px;width:46px;height:27px;border-radius:50%;background:#1a2933}#heroPanel .hw-slot-frame:before{background:linear-gradient(155deg,#625e56,#46443f 65%,#393936)}#heroPanel .hw-slot.on{filter:brightness(1.15);outline:1px solid #c4c5b6;outline-offset:1px}#heroPanel .hw-slot:not(.gem):not(.disc):after{content:"";position:absolute;inset:1px;pointer-events:none;border:1px solid #b5b7ab80;border-top-color:#d0d0be99;border-bottom-color:#8e968d80}#heroPanel .hw-slot.gem.empty .hw-slot-img{mask-image:url(/art/ui/slots/cell-shard@2x.png)}#heroPanel .hw-slot.disc.empty .hw-slot-img{mask-image:url(/art/ui/slots/cell-runestone@2x.png)}#heroPanel .hw-color:before{inset:3px;background:var(--native-paint) center / contain no-repeat;filter:none}#heroPanel .hw-color[data-color=cobalt]{--native-paint: url(/art/ui/inventory-native/paint-cobalt.png)}#heroPanel .hw-color[data-color=crimson]{--native-paint: url(/art/ui/inventory-native/paint-crimson.png)}#heroPanel .hw-color[data-color=emerald]{--native-paint: url(/art/ui/inventory-native/paint-emerald.png)}#heroPanel .hw-color[data-color=amethyst]{--native-paint: url(/art/ui/inventory-native/paint-amethyst.png)}#heroPanel .hw-color[data-color=aurum]{--native-paint: url(/art/ui/inventory-native/paint-aurum.png)}#heroPanel .hw-color[data-color=turquoise]{--native-paint: url(/art/ui/inventory-native/paint-turquoise.png)}#heroPanel .hw-color[data-color=ivory]{--native-paint: url(/art/ui/inventory-native/paint-ivory.png)}#heroPanel .hw-color[data-color=obsidian]{--native-paint: url(/art/ui/inventory-native/paint-obsidian.png)}#heroPanel .hw-avatars{padding-top:23px}#heroPanel .hw-avatar span{background-size:cover;background-position:center}#heroPanel .hw-avatar[data-avatar^=ho-necro-] span,:is(#heroStatsAvatar,#heroFace)[style*=portrait-necro-]{background-size:112%;background-position:center}#heroStatsXpArc{--xp-frame-empty: url(/art/ui/inventory-depth/xp-green-empty.svg);--xp-frame-full: url(/art/ui/inventory-depth/xp-green-full.svg)}#heroStatsXpArc[data-epic=true]{--xp-frame-empty: url(/art/ui/inventory-depth/xp-dragon-empty.svg);--xp-frame-full: url(/art/ui/inventory-depth/xp-dragon-full.svg)}#heroPanel .hw-titles{padding-top:18px}#heroPanel .hw-pet-none{margin-top:23px;font-weight:400}#heroPanel .hw-bag-foot{position:relative}#heroPanel .hw-bag-foot:before{content:"";position:absolute;top:-5px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#b7bd8880 18%,#b7bd88b3 48%,#b7bd8840 85%,transparent)}#heroPanel .hw-bag-row{position:relative;isolation:isolate;border-radius:0}#heroPanel .hw-bag-row:hover,#heroPanel .hw-bag-row.on{border-color:transparent;background:none}#heroPanel .hw-bag-row:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(#7e816080,#4c4c3580);border-bottom:1px solid #e8e6c280;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 78%,transparent 96%);opacity:0}#heroPanel .hw-bag-row:hover:before,#heroPanel .hw-bag-row.on:before{opacity:1}#heroPanel .hw-card-name{color:#dce1d9;font-weight:400;letter-spacing:0}#heroPanel .hw-card-stat-bar{height:6px;background:#293843;box-shadow:inset 0 1px 1px #090f16}#heroPanel .hw-card-stat-bar b{background:linear-gradient(#687783,#b5bdc0 45%,#7e8d96 65%,#40525f)}#heroPanel .hw-back{background-image:url(/art/ui/book-restored/back.png);clip-path:none}#heroPanel .hw-scroll-btn{background-size:24px 24px;background-position:center;height:24px;clip-path:none}#heroPanel .hw-scroll-btn.up{background-image:url(/art/ui/town-buttons/round-scroll-up.png)}#heroPanel .hw-scroll-btn.down{background-image:url(/art/ui/town-buttons/round-scroll-down.png)}#heroPanel .hw-scroll-btn:focus-visible{outline:none;filter:brightness(1.5)}#heroPanel .hw-scroll-track{background:none}#heroPanel .hw-scroll-track:before{content:"";position:absolute;top:0;bottom:0;left:17px;width:3px;border-radius:2px;background:linear-gradient(90deg,#17242c,#343b39 65%,#968975);box-shadow:-1px 0 1px #101b2866;pointer-events:none}#heroPanel .hw-scroll-thumb{left:6.5px;right:6.5px;border:1px solid #94866a;border-image:none;border-radius:12px;clip-path:none;background:linear-gradient(90deg,#70634b,#77694f 12%,#685b44 30%,#665941 78%,#5b503d);box-shadow:inset 1px 0 #b0a18366,inset -1px 0 #423b3066,0 1px 1px #17222e80}#heroTabPane .hw-group-title{margin-left:0;padding-left:1px}#heroTabPane .hw-group-title:after,#heroTabPane .hw-sec-head:after{left:0;right:0}#heroTabPane .hw-raid-progress{padding-bottom:6px}#heroItemCard :is(.hw-item-details,.hw-card-lore){scrollbar-width:thin;scrollbar-color:#857456 #192c37;scrollbar-gutter:stable}@supports selector(::-webkit-scrollbar){#heroItemCard :is(.hw-item-details,.hw-card-lore){scrollbar-width:auto;scrollbar-color:auto}#heroItemCard :is(.hw-item-details,.hw-card-lore)::-webkit-scrollbar{width:12px}#heroItemCard :is(.hw-item-details,.hw-card-lore)::-webkit-scrollbar-track{border-radius:6px;background:#192c37;box-shadow:inset 1px 0 #0e1e27,inset -1px 0 #68706166}#heroItemCard :is(.hw-item-details,.hw-card-lore)::-webkit-scrollbar-thumb{min-height:28px;border:1px solid #a18d68;border-radius:6px;background:linear-gradient(90deg,#8a7858,#685941)}#heroItemCard :is(.hw-item-details,.hw-card-lore)::-webkit-scrollbar-thumb:hover{background:#968360}#heroItemCard :is(.hw-item-details,.hw-card-lore)::-webkit-scrollbar-button{display:none}}#heroPanel .hw-class-title b{font-size:21px}#heroPanel .hw-stat-name{font-family:var(--hw-font-interface);font-weight:400;font-size:22px}#heroPanel .hw-sec-head{font-family:var(--hw-font-interface);font-weight:400;font-size:24px}#heroPanel .hw-jump-label{font-family:var(--hw-font-interface);font-weight:400;font-size:25px}#heroPanel .hw-group-title{font-family:var(--hw-font-interface);font-weight:400;font-size:22px}#heroPanel .hw-title-name{font-family:var(--hw-font-interface);font-weight:400;font-size:21px}#heroPanel .hw-pet-none{font-family:var(--hw-font-interface);font-size:19px}#heroItemCard .hw-card-kind b{font-weight:400;color:#cdd6dd}#heroItemCard .hw-card-ico{box-shadow:none!important}#heroItemCard .hw-card-bonus{font-size:14px;color:#cdd6dd}#heroItemCard .hw-card-bonus:before{content:"•";flex:none}#heroItemCard .hw-card-bonus>span{flex:1}#heroItemCard .hw-card-bonus b{color:inherit;flex:none}#heroItemCard .hw-card-set{margin:20px 0 0;font-size:14px}#heroItemCard .hw-card-set-title{font-family:var(--display);font-weight:400;font-size:19px;color:#c5c9ba;border-bottom:1px solid #8b9388;margin-bottom:5px}#heroItemCard .hw-card-set-tier{color:#788993}#heroItemCard .hw-card-set-tier.active{color:#cdd6dd}#heroItemCard .hw-card-set-line{display:grid;grid-template-columns:18px 1fr auto;column-gap:3px;margin:3px 0}#heroItemCard .hw-card-set-line strong{font-size:13px;font-variant-numeric:tabular-nums}#heroItemCard .hw-card-lore{scrollbar-gutter:auto}#heroPanel .hw-source-jump{filter:brightness(.9) saturate(.85)}#heroPanel .hw-bag-ico,#heroItemCard .hw-card-ico{filter:brightness(.93) saturate(.9)}#heroPanel[data-hero-tab=stats] #heroTabPane{padding-left:11px}#heroPanel[data-hero-tab=stats] .hw-stat-ico{margin-left:-3px}#heroPanel[data-hero-tab=stats] .hw-group-title{padding-left:0}#heroCreate{backdrop-filter:none;background:linear-gradient(#05121bc7,#05121be0),url(/art/loading/2970865-mmho_keyart_siegebattles_2560x1440_1448405051.jpg) center / cover no-repeat}.hc-win{position:relative;flex:0 0 auto;width:956px;height:596px;transform:scale(var(--hc-fit, 1));transform-origin:center;background:url(/art/ui/creation/frame.png) center / 956px 596px no-repeat;color:#eee;font-family:Arial,sans-serif;font-synthesis:none}.hc-win:before{content:"";position:absolute;inset:71px 16px 72px;background:linear-gradient(#91a0b533,#12253c55),url(/art/ui/creation/late/parchment.png) center / cover no-repeat}.hc-win[data-step=faction]{background-image:url(/art/ui/creation/late/faction-window.png)}.hc-win[data-step=faction]:before{display:none}.hc-title{position:absolute;inset:28px 0 auto;z-index:5;margin:0;text-align:center;font:46px/1 Fontin,Georgia,serif;color:#ebedef;letter-spacing:.01em;-webkit-text-stroke:1px #d0d7dc;text-shadow:2px 2px 0 #3a4653,-2px -2px 0 #3a4653,2px -2px 0 #3a4653,-2px 2px 0 #3a4653,0 3px 3px #071828;pointer-events:none}.hc-body{position:absolute;inset:71px 4px 72px;overflow:hidden;z-index:1}.hc-back{position:absolute;left:13px;bottom:16px;z-index:6;width:317px;height:40px;padding:0 0 2px 24px;border:0;cursor:pointer;background:url(/art/ui/creation/btn-back.png) left top / 317px 40px no-repeat;font:26px/1 Fontin,Georgia,serif;color:#eee5d2;text-shadow:0 2px 3px #000}.hc-select,.hc-restart,.hc-confirm{height:30px;min-width:150px;padding:0 12px 2px;border:0;cursor:pointer;background:url(/art/ui/creation/btn-select-l.png) left top / 14px 30px no-repeat,url(/art/ui/creation/btn-select-r.png) right top / 14px 30px no-repeat,url(/art/ui/creation/btn-select-m.png) 14px top / calc(100% - 28px) 30px repeat-x;font:22px/1 Fontin,Georgia,serif;color:#eee5d2;text-shadow:0 2px 3px #000}.hc-restart{font-size:15px;margin-top:4px}.hc-back:hover,.hc-select:hover,.hc-restart:hover{filter:brightness(1.15)}.hc-back:active,.hc-select:active{filter:brightness(.9)}.hc-close{position:absolute;right:18px;top:14px;z-index:6;width:28px;height:28px;border:1px solid #8fa5b1;border-radius:50%;background:#102b3b;color:#e4dcc9;display:grid;place-items:center;cursor:pointer}.hc-close .ic{width:12px;height:12px}.hc-win button:focus-visible{outline:2px solid #f0d389;outline-offset:3px}.hc-back[hidden],.hc-confirm[hidden],.hc-close[hidden]{display:none}.hc-faction{position:relative;height:100%}.hc-faction-card{position:absolute;top:4px;left:38px;width:400px;height:434px;border:0;padding:0;background:none;color:#f0ede6;text-align:left;cursor:pointer;font-family:Fontin Sans,Segoe UI,sans-serif}.hc-faction-card[data-faction=Necropolis]{left:511px}.hc-faction-card:before{content:"";position:absolute;inset:0;pointer-events:none;clip-path:polygon(0 0,39% 0,39% 64px,61% 64px,61% 0,100% 0,100% 100%,0 100%)}.hc-faction-card:hover:before{background:#fff8d40a}.hc-faction-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:url(/art/ui/creation/late/faction-outline.svg) center / 100% 100% no-repeat;opacity:0}.hc-faction-card:hover:after,.hc-faction-card:focus-visible:after{opacity:1}.hc-faction-name{position:absolute;top:271px;left:-12px;right:-12px;text-align:center;font:32px/1 Fontin,Georgia,serif;text-shadow:0 2px 3px #000,0 0 4px #000}.hc-faction-card[data-faction=Haven] .hc-faction-name{font-size:29px}.hc-faction-text{position:absolute;left:14px;right:14px;top:323px;font:12px/1.3 Fontin Sans,Segoe UI,sans-serif;text-shadow:0 1px 2px #000}.hc-faction-card{top:23px;height:403px}.hc-faction-name{top:252px}.hc-faction-text{top:304px;font:13px/17px Arial,sans-serif;text-shadow:0 1px 1px #000}.hc-faction-select{position:absolute;top:410px;left:156px;width:164px;height:32px;z-index:2;padding:0 6px;text-align:center;font:24px/30px Georgia,serif;background-color:#39352b}.hc-faction-select[data-choose-faction=Necropolis]{left:629px}.hc-class{position:relative;height:100%;background:#122d3b}.hc-class:before{content:"";position:absolute;inset:0;background:var(--hc-backdrop) center / cover no-repeat;filter:brightness(.38) saturate(.45)}.hc-class[data-faction-scene=Haven]:before{filter:brightness(.6) saturate(.3)}.hc-figure{position:absolute;bottom:0;width:310px;height:445px;z-index:2;border:0;padding:0;background:none;cursor:pointer}.hc-figure img{width:100%;height:100%;object-fit:contain;object-position:center top}.hc-l{left:0}.hc-r{right:0}.hc-figure:not(.on){filter:brightness(.62) saturate(.65)}.hc-figure.on{z-index:4;filter:none}.hc-panel{position:absolute;left:174px;top:39px;width:588px;height:392px;z-index:3;padding:30px 44px 26px 160px;box-sizing:border-box;isolation:isolate}.hc-class[data-side=r] .hc-panel{left:174px;padding:30px 134px 26px 74px}.hc-panel:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#08355244,#062a4655),url(/art/ui/creation/late/class-panel.png) center / 100% 100% no-repeat;mask:url(/art/ui/creation/late/class-panel-mask.svg) center / 100% 100% no-repeat}.hc-panel-head{height:59px;border-bottom:1px solid #889188;margin-bottom:10px}.hc-panel-name{display:block;font:29px/1.06 Fontin,Georgia,serif;white-space:nowrap;text-shadow:0 1px 2px #000}.hc-panel-type{display:block;margin-top:2px;font:italic 700 16px/18px Arial,sans-serif;color:#d9d6c4}.hc-line{display:flex;align-items:flex-start;gap:10px;height:87px;font:13px/17px Arial,sans-serif;color:#f0f1e9;text-shadow:0 1px 1px #000}.hc-line-ic{width:45px;height:45px;flex:0 0 45px;object-fit:contain;clip-path:circle(49%)}.hc-panel-actions{position:absolute;left:70px;bottom:12px;z-index:5;display:flex;flex-direction:column;align-items:center}.hc-class[data-side=r] .hc-panel-actions{left:auto;right:70px}.hc-slots{display:flex;align-items:center;justify-content:flex-start;gap:20px;height:100%;padding:20px 48px;box-sizing:border-box}.hc-slot{position:relative;display:flex;flex-direction:column;width:270px;height:370px;flex:0 1 270px;min-width:0;padding:5px;border:3px double #907e52;border-radius:2px;background:linear-gradient(#9c916446,#1b211ecc),url(/art/ui/creation/late/parchment.png) center / cover;box-shadow:inset 0 0 0 3px #332e22,0 2px 4px #0009;cursor:pointer;color:#e8dfc9}.hc-slot:hover,.hc-slot.now{border-color:#cbb274}.hc-slot-head{display:flex;justify-content:space-between;align-items:center;min-height:29px;padding:0 4px;background:#b3a889bb;color:#25251d}.hc-slot-name{font:17px Fontin,Georgia,serif}.hc-slot-lvl{font:12px Fontin Sans,sans-serif;white-space:nowrap}.hc-slot-art{flex:1;min-height:0;background:center bottom / contain no-repeat}.hc-slot-foot{padding:7px 2px;font:12px Fontin Sans,sans-serif;color:#d7d3be}.hc-slot-new .hc-slot-art{background-image:url(/art/heroClassImages/Knight_HO.png);filter:brightness(0) opacity(.55);margin:30px 0}.hc-slot-new-label{position:absolute;top:35%;left:0;right:0;text-align:center;font:27px/1.1 Fontin,Georgia,serif;text-shadow:0 2px 3px #000}.hc-slot{padding:7px;border:0;background:url(/art/ui/creation/late/roster-card-restored.png) center / 100% 100% no-repeat;box-shadow:0 2px 4px #0009}.hc-slot:hover,.hc-slot.now{box-shadow:0 0 0 1px #cfb66d,0 0 5px #cfb66d66}.hc-slot-head{min-height:30px;background:transparent;color:#ece2c6;text-shadow:0 1px 2px #000}.hc-slot-foot{min-height:20px;padding-bottom:2px}.hc-title,.hc-back,.hc-select,.hc-restart,.hc-confirm,.hc-faction-name,.hc-panel-name,.hc-slot-name,.hc-slot-new-label{font-family:Georgia,serif}.hc-slot-head{gap:6px}.hc-slot-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-win button{-webkit-tap-highlight-color:transparent}.hc-name{position:relative;height:100%}.hc-portraits,.hc-colours{position:absolute;top:0;bottom:0;width:322px;padding:32px 12px 0;box-sizing:border-box}.hc-portraits{left:0}.hc-colours{right:0}.hc-name h3{margin:0 -10px 16px;padding:3px 12px;border-bottom:1px solid #71868e;background:linear-gradient(90deg,#12374cdd,#12374c00);color:#c1d0d3;font:24px/30px Georgia,serif}.hc-colours h3{text-align:right;background:linear-gradient(270deg,#12374cdd,#12374c00)}.hc-avatar-list{display:grid;grid-template-columns:repeat(3,88px);gap:14px 10px}.hc-avatar-list button{width:88px;height:88px;border:3px solid #acb7b6;border-radius:50%;padding:0;background:#102333;cursor:pointer;overflow:hidden}.hc-avatar-list img{width:100%;height:100%;object-fit:cover}.hc-avatar-list button[aria-pressed=true],.hc-colour-list button[aria-pressed=true]{border-color:#e6c77e;box-shadow:0 0 0 2px #665434,inset 0 0 5px #ffe9ab}.hc-name-stage{position:absolute;left:322px;top:0;bottom:0;width:300px;border-inline:3px ridge #a79a70;background:#09273c;box-sizing:border-box}.hc-name-scene{position:absolute;inset:0 0 62px;background:url(/art/ui/ho/showcase-haven-restored.png) center / 100% 100% no-repeat}.hc-name[data-faction-scene=Necropolis] .hc-name-scene{background-image:url(/art/ui/ho/showcase-necropolis-restored.png)}.hc-name-figure{position:absolute;bottom:32px;left:20px;width:254px;height:296px;object-fit:contain;object-position:center bottom}.hc-name-entry{position:absolute;left:15px;right:15px;bottom:7px}.hc-genders{position:absolute;bottom:65px;left:0;right:0;display:flex;justify-content:center;gap:24px}.hc-genders button{width:44px;height:44px;padding:0;border:2px solid #a98b4f;border-radius:50%;background:linear-gradient(135deg,#a98c48,#4a391e);box-shadow:inset 0 0 0 2px #4c3c25;color:#e8c466;font:36px/40px Georgia,serif;cursor:pointer}.hc-genders button[aria-pressed=true]{border-color:#eed48a;box-shadow:inset 0 0 0 2px #4c3c25,0 0 4px #c4ae70}.hc-name-entry input{width:100%;height:28px;box-sizing:border-box;border:1px solid #c0a978;border-radius:4px;padding:3px 6px;color:#f7f0df;background:linear-gradient(#241c12,#4a3924);font:16px/20px Arial,sans-serif}.hc-name-entry input::placeholder{color:#dfd9cd;opacity:1}#hcNameError{display:block;min-height:22px;margin-top:3px;color:#ffd5ac;font:11px/12px Arial,sans-serif}.hc-colour-list{display:grid;grid-template-columns:repeat(3,46px);gap:14px}.hc-colour-list button{width:46px;height:46px;border:3px solid #a4b5ba;border-radius:50%;background:#102333;cursor:pointer;padding:6px}.hc-colour-list button span{display:block;height:100%;border:1px solid #a9b0a0;border-radius:35%;background:linear-gradient(100deg,#fff4,transparent 45%,#0009),var(--swatch);box-shadow:inset 0 5px #0003,inset 0 -5px #0003;transform:rotate(15deg)}.hc-win[data-step=name] .hc-confirm{position:absolute;right:13px;bottom:16px;width:317px;height:40px;z-index:6;isolation:isolate;background:none}.hc-win[data-step=name] .hc-confirm:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/art/ui/creation/btn-back.png) center / 317px 40px no-repeat;transform:scaleX(-1);pointer-events:none}.hc-confirm:disabled{filter:grayscale(1) brightness(.6);cursor:default}.hc-name .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#uiLayer{position:absolute;left:0;top:0;width:var(--ui-width, 100%);height:var(--ui-height, 100%);transform:scale(var(--ui-scale, 1));transform-origin:top left;pointer-events:none;z-index:2}#uiLayer>:is(.sheet,.veil){pointer-events:auto}#uiLayer>#tip{pointer-events:none}.skills-reset-dialog{zoom:var(--ui-scale, 1);pointer-events:auto}.shop-item-icon[src$="/Harpy_HO_icon.png"]{border-radius:50%}#armyBookBtn img{clip-path:polygon(16% 16%,28% 12%,44% 10%,60% 10%,71% 14%,79% 24%,83% 36%,83% 55%,86% 58%,82% 63%,84% 68%,88% 72%,83% 77%,64% 83%,44% 85%,32% 82%,22% 74%,12% 63%,8% 57%,11% 45%,13% 34%)}.army-slot .face,.beast-portrait-ring,.tw-medal,.tw-orb{background-color:#123553}#tracker{overflow:visible;max-height:none}#tracker .chapter{height:auto;min-height:16px;line-height:17px;margin-bottom:26px;font-weight:400}#tracker .chapter:before{content:"";position:absolute;right:0;bottom:-1px;width:29px;height:20px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='29'%20height='20'%20viewBox='0%200%2029%2020'%3e%3c!--%20Реконструкция%20контура%20окончания%20линии%20главы:%20steam/05.jpg,%20x1820…1843%20y249…263.%20Два%20завитка%20сходятся%20под%20жетоном%20свитка.%20--%3e%3cdefs%3e%3clinearGradient%20id='bone'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='%23b9b49a'/%3e%3cstop%20offset='1'%20stop-color='%23868771'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23bone)'%20d='M0%2018.4H5.5C12.6%2018.4%2018.1%2016.9%2021.8%2013.6C24.3%2011.4%2025.5%209.1%2024.5%206.9C23.8%205.3%2021.8%205.1%2020.6%206.3C19.8%207.2%2020.2%208.5%2021.3%208.5C20.6%207.8%2021.3%207%2022%207.4C23.3%208.3%2021.5%2010.5%2020.2%2010.9C21.4%208.7%2021%206.3%2019.2%204.5C17.7%203%2018.3%201.2%2019.9%20.2C16.5%20.2%2015.5%203.2%2017.1%205.6C19.1%208.6%2017.9%2011.5%2014.6%2013.4C16.1%2010.9%2015.5%208.8%2013.6%208.2C11.1%207.4%208.8%209.4%209.9%2011.6C10.6%2012.7%2012%2012.7%2012.5%2011.7C11.2%2012%2010.9%2010.7%2011.9%2010.3C13.3%209.8%2014.1%2011.6%2012.6%2013.4C10.9%2015.6%206.6%2016.8%200%2016.9Z'/%3e%3cpath%20fill='url(%23bone)'%20d='M17.3%2015.8C21%2012.6%2025.7%2011.4%2027.1%2014.1C28.2%2016.4%2026.8%2018.5%2024.3%2018.2C25.5%2017.7%2025.7%2016.6%2025%2016C23.6%2014.8%2021.1%2015.2%2017.3%2015.8Z'/%3e%3c/svg%3e") center / contain no-repeat;pointer-events:none}#tracker .chapter:after{right:24px}#tracker .quest-list{max-height:calc(var(--ui-height) - 370px);overflow:auto;padding-top:9px;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#7a8179 #10233155}#tracker .track{padding-bottom:28px;background:linear-gradient(180deg,#123951dc 0,#082b40e8 28px,#082b40d9 calc(100% - 36px),#082b4000)}#tracker .q-header{padding-bottom:4px;border-bottom:1px solid #9e9b796b}#tracker .qn{font-weight:400;line-height:19px;color:#d8d3c2}#tracker .q-goals{padding-top:8px}#tracker .obj{color:#8da6b5;line-height:1.28;margin-bottom:9px}#tracker .obj.now{color:#edf1ef}#tracker .obj.met{color:#91ad9f}#tracker .track.folded{display:block;width:calc(100% - 25px);border:0;text-align:left;background:none}#tracker .track.folded .qn{line-height:16px}#tracker .track.folded:focus-visible{outline:1px solid #d4c48a;outline-offset:-1px}#tracker .empty{font-size:15px;line-height:1.35}#logPanel{max-width:calc(100% - 48px)}.sheet:not(#heroPanel):not(#skillsPanel):not(#townPanel){max-width:calc(100% - 24px)}.skills-title{font-size:80px;letter-spacing:0;transform:none;-webkit-text-stroke:0;filter:drop-shadow(2px 0 0 #46505a) drop-shadow(-2px 0 0 #46505a) drop-shadow(0 2px 0 #46505a) drop-shadow(0 -2px 0 #46505a) drop-shadow(1.5px 0 0 #78848f) drop-shadow(-1.5px 0 0 #78848f) drop-shadow(0 1.5px 0 #78848f) drop-shadow(0 -1.5px 0 #78848f)}.skills-school-tab{font-size:22.7px;letter-spacing:0}.skills-school-title{letter-spacing:0}.skills-hero-who b{font-size:26.5px;letter-spacing:0}.skills-hero-who{flex:1}.skills-hero-who b,.skills-hero-points i{white-space:nowrap}.skills-hero-points{flex-shrink:0}.skills-hero-points i{font-family:Georgia,serif;font-weight:700;font-size:18.9px;letter-spacing:0}.book-btn{font-size:34px;letter-spacing:0}.hero-window .hw-group-title{font-family:var(--display);font-size:19.9px}.hw-stat-name,.hw-upgrade-label{font-family:var(--display);font-size:18.5px}#heroPanel .hw-back{font-family:var(--display);font-size:32.1px}.hw-stat-val,.hw-stat-preview{font-family:Tahoma,Arial,sans-serif;font-size:16.3px}#tip.talent-tip{font-family:Arial,sans-serif;font-size:11px;line-height:1.3}#tip.talent-tip .t{font-size:17px}.hero-window .hw-card-name{letter-spacing:0}.hc-win,.hc-faction-card{font-family:var(--body)}.hc-title,.hc-back,.hc-select,.hc-restart,.hc-confirm,.hc-faction-select,.hc-panel-name,.hc-slot-name{font-family:var(--display)}.hc-faction-name{font-family:Georgia,serif;font-weight:700}.hc-faction-text,.hc-line,.hc-panel-type,.hc-slot-lvl{font-family:var(--body)}.hc-faction-text{font-size:12.1px}.hc-panel-type{font-size:16px}.tw-slot,.tw-slot.locked,.tw-face-nm,.tw-item-nm,.tw-rows dt,.tw-builder-heading h3,.feats-heading,.feats-tab-label,.feats-row-title{letter-spacing:0}#purseAmount{font-family:Arial,sans-serif;font-weight:700}#resources .val{font-family:Arial,sans-serif;font-size:10.5px}.tw-rows dd{font-family:Tahoma,Arial,sans-serif;font-weight:700}.tw-rows div:first-child dd{font-size:calc(1.85 * var(--u))}#heroName{font-family:HO Name,Georgia,serif;font-weight:700}#zoneName{font-family:HO Name,Georgia,serif;font-size:16.5px;letter-spacing:0}.hero-window>header .hw-title{font-family:var(--display);font-size:74px}#hud,#heroCreate,#tip,#skillsResetDialog{font-variant-numeric:lining-nums tabular-nums}