.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:none;scrollbar-color:#918269 #102b3d;color:#eeeae0;font:16px/1.35 HO Text,Calibri,sans-serif;font-variant-numeric:lining-nums tabular-nums;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::-webkit-scrollbar{display:none}.ho-creature-info .hci-content{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:475px;padding:62px 18px 18px 34px}.ho-creature-info .hci-body{position:relative;flex:1}.ho-creature-info .hci-surface{position:absolute;z-index:-1;inset:-3px -18px -18px -34px;background:url(/art/ui/creature-card-native/frame.svg) 0 0 / 100% 100% no-repeat;pointer-events:none;overflow:hidden}.ho-creature-info .hci-emblem{position:absolute;inset:28px 12px 12px 34px;background:url(/art/ui/town/panel-fill.png) center / 100% 100%;opacity:.18;mask-image:linear-gradient(transparent,#000 20%,#000 85%,transparent)}.ho-creature-info .hci-surface:after{content:"";position:absolute;top:32px;left:50%;width:calc(100% - 80px);aspect-ratio:1;transform:translate(-50%);background:#8f8b71;opacity:.095;mask:var(--hci-emblem, none) center / contain no-repeat;mask-mode:luminance}.ho-creature-info:not([data-faction=Haven]):not([data-faction=Necropolis]) .hci-surface:after{display:none}.ho-creature-info[data-faction=Haven]{--hci-emblem: url(/art/ui/creature-card-native/haven.png)}.ho-creature-info[data-faction=Necropolis]{--hci-emblem: url(/art/ui/creature-card-native/necropolis.png)}.ho-creature-info .hci-portrait-clip{position:absolute;z-index:1;top:0;right:0;width:202px;height:202px;overflow:hidden;pointer-events:none}.ho-creature-info .hci-portrait{position:absolute;top:1px;left:1px;width:200px;height:200px;padding:4px;border-radius:50%;background:linear-gradient(130deg,#c6cdd1 5%,#e4e5e3 22%,#929b9f 49%,#d6d9da 74%,#889699);box-shadow:0 0 0 1px #26343cb3}.ho-creature-info .hci-portrait:before{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(ellipse at 56% 35%,#24323f,#111e2b 78%);box-shadow:inset 0 0 0 1px #233747}.ho-creature-info .hci-portrait-art{position:absolute;inset:4px;overflow:hidden;border-radius:50%}.ho-creature-info .hci-portrait-art>img{position:absolute;left:0;top:0;display:block;width:100%;height:100%;object-fit:contain}.ho-creature-info .hci-mirrored .hci-portrait-art{transform:scaleX(-1)}.ho-creature-info[data-creature-id=archer] .hci-portrait-art:has(img[src$="/portraits/archer.png"]){mask:url(/art/ui/creature-card-native/archer-mask.svg) center / 100% 100% no-repeat}.ho-creature-info .hci-heading{position:relative;width:194px;max-width:calc(100% - 178px);margin:0}.ho-creature-info .hci-heading h3{margin:0 0 4px;color:#e6e0cf;font:21px/1.15 HO Caption,Georgia,serif;overflow-wrap:anywhere}:is(#unitCard,.tw-creature-info) .hci-heading>.hci-close{position:absolute;top:0;left:-30px;right:auto;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:50%;background:url(/art/ui/town-kit/round-close.png) center / contain no-repeat;box-shadow:none;cursor:pointer;z-index:3}:is(#unitCard,.tw-creature-info) .hci-close :is(svg,.ic){display:none}:is(#unitCard,.tw-creature-info) .hci-close:hover{filter:brightness(1.25)}:is(#unitCard,.tw-creature-info) .hci-close:focus-visible{outline:1px solid #d0bf91;outline-offset:2px}.ho-creature-info .hci-kind{width:194px;max-width:calc(100% - 178px);margin:0;min-height:27px;padding-top:8px;font:italic 700 15px/1.25 HO Text,Calibri,sans-serif}.ho-creature-info .hci-stats{position:relative;width:194px;max-width:calc(100% - 178px);margin:0}.ho-creature-info .hci-stat{display:grid;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;min-height:19px;column-gap:3px}.ho-creature-info .hci-stat dt{color:#e3d9c1;font:13px/1.2 HO Caption,Georgia,serif}.ho-creature-info dd{margin:0}.ho-creature-info .hci-stat dd{justify-self:end;white-space:nowrap;font:700 16px/1.2 HO Text,Calibri,sans-serif;font-variant-numeric:lining-nums tabular-nums}.ho-creature-info .hci-icon{display:inline-block;width:22px;height:22px;object-fit:contain;vertical-align:middle;flex:none}.ho-creature-info .hci-stat .hci-icon{grid-column:3;justify-self:center;width:19px;height:19px}.ho-creature-info .hci-health-row{position:relative;z-index:2;display:flex;align-items:end;gap:0;margin-top:0;margin-right:-18px}.ho-creature-info .hci-health{flex:1;min-width:0}.ho-creature-info .hci-health-text{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:2px 8px;padding:0 8px 0 2px;margin-bottom:1px;font-size:13px;line-height:1.2}.ho-creature-info .hci-health-text b{font-weight:400;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}.ho-creature-info .hci-health-track{display:block;width:calc(100% + 12px);height:7px;overflow:hidden;border:1px solid #899782;border-radius:0 0 0 6px;background:#152b29;box-shadow:0 1px #061e32}.ho-creature-info .hci-health-fill{display:block;height:100%;background:linear-gradient(#9bad8b,#66865a 25%,#3e6646 65%,#648461)}.ho-creature-info .hci-unit-basis{position:relative;z-index:1;flex:0 0 90px;height:24px;margin-right:-4px;border:1px solid #a69b7d;border-radius:7px;background:linear-gradient(#112735,#10222e);color:#8d9a9f;text-align:center;font:16px/22px HO Text,Calibri,sans-serif}.ho-creature-info .hci-count{display:flex;align-items:center;justify-content:end;flex:none;gap:3px;min-width:94px;height:27px;padding:0 1px 0 12px;border:1px solid #b0a184;border-right:0;border-radius:3px 0 0 3px;background:linear-gradient(#8c7959,#6b5c43 19%,#574a35 64%,#706043);box-shadow:inset 0 1px #d2c19b77,0 1px 1px #071a29;color:#e5deca;font:24px/1 HO Caption,Georgia,serif;font-variant-numeric:lining-nums tabular-nums}.ho-creature-info .hci-count .hci-icon{width:27px;height:36px;align-self:end;margin-bottom:-1px}.ho-creature-info .hci-resistances>h4,.ho-creature-info .hci-abilities>h4,.ho-creature-info .hci-ability-detail>h4{margin:0 0 6px;padding-bottom:3px;border-bottom:1px solid #a5a394;box-shadow:0 1px #071c2ba6;color:#e2d8c0;font:16px/1.25 HO Caption,Georgia,serif;letter-spacing:normal}.ho-creature-info .hci-resistances{margin-top:15px}.ho-creature-info .hci-resistances dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px 4px;margin:0}.ho-creature-info .hci-resistances dl>div{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:14px}.ho-creature-info .hci-resistances dt{display:flex}.ho-creature-info .hci-abilities{margin-top:15px}.ho-creature-info .hci-ability{position:relative;margin:0}.ho-creature-info .hci-ability-trigger{display:flex;width:100%;align-items:center;gap:6px;min-height:32px;padding:3px 2px;cursor:pointer;border:0;border-radius:0;background:none;color:inherit;font:inherit;font-size:16px;line-height:1.25;text-align:left;text-shadow:inherit}.ho-creature-info .hci-ability-trigger:hover,.ho-creature-info .hci-ability-trigger[aria-expanded=true]{background:linear-gradient(90deg,#8c96772e,transparent)}.ho-creature-info .hci-ability-trigger:focus-visible,.ho-creature-info .hci-lore:focus-visible{outline:1px solid #c5af7b;outline-offset:1px}.ho-creature-info .hci-ability-detail{display:none}.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:26px;padding:0 1px 0 0;font-size:16px;line-height:1.35}.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}.ho-creature-tooltip{position:fixed;z-index:10000;box-sizing:border-box;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:7px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#918269 #102b3d;pointer-events:auto;border:1px solid #958464;border-radius:3px;background:#101f2afc;box-shadow:inset 0 0 0 1px #233c48,0 2px 6px #0005;color:#eeeae0;font:15px/1.3 HO Text,Calibri,sans-serif;text-align:left;text-shadow:0 1px 1px #07111c;overflow-wrap:anywhere}.ho-creature-tooltip .hci-icon{width:1.5em;height:1.5em;object-fit:contain;flex:none}.ho-creature-tooltip h4{display:flex;align-items:center;gap:4px;margin:0 0 7px;padding-bottom:3px;border-bottom:1px solid #a5a394;color:#e2d8c0;font:1.05em/1.25 HO Caption,Georgia,serif}.ho-creature-tooltip p{margin:0 0 12px}.ho-creature-tooltip .hci-ability-stat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:4px 0}.ho-creature-tooltip .hci-ability-stat b{flex:none;font-weight:400}.ho-creature-tooltip .hci-note{font-style:italic}.ho-creature-tooltip .hci-effect{color:#ded1b4}@media(max-width:459px){:is(#unitCard,.tw-creature-info) .hci-heading>.hci-close{left:-23px;width:21px;height:21px}.ho-creature-info .hci-content{padding-left:25px;padding-right:12px}.ho-creature-info .hci-surface{left:-25px;right:-12px}.ho-creature-info .hci-portrait-clip{width:144px;height:154px}.ho-creature-info .hci-portrait{width:154px;height:154px}.ho-creature-info .hci-health-row{margin-right:-12px}.ho-creature-info .hci-unit-basis{flex-basis:70px}.ho-creature-info .hci-stats,.ho-creature-info .hci-kind,.ho-creature-info .hci-heading{max-width:calc(100% - 142px)}.ho-creature-info .hci-resistances dl{column-gap:2px}.ho-creature-info .hci-resistances dl>div{gap:2px;font-size:13px}.ho-creature-info .hci-resistances .hci-icon{width:20px;height:20px}}#townPanel[data-town-faction=haven]{--haven-engraving: url(/art/ui/haven-detail/panel-restoration.png)}#townPanel[data-town-faction=haven] .dwelling .tw-face-art,#townPanel[data-town-faction=haven] .tw-slot.on .tw-slot-scene[style*="dwelling-banner.png"],#townPanel[data-town-faction=haven] .tw-detail-art[style*="dwelling-banner.png"]:before{filter:saturate(.5) brightness(1.12) contrast(.85)}#townPanel[data-town-faction=haven] .tw-detail-art[style*="dwelling-banner.png"]:before{content:"";position:absolute;inset:0;background:inherit}#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: sepia(.35) saturate(1.05) brightness(.7) contrast(.9) blur(.25px)}#townPanel[data-town-faction=haven] :is([data-bld=chapel-of-the-holy-sun],[data-bld=priory-of-the-holy-sun]){--town-building-tone: saturate(.62) brightness(.86) contrast(.93)}#townPanel[data-town-faction=haven] :is([data-bld=altar-of-radiance],[data-bld=altar-of-resplendence]){--town-building-tone: saturate(.72) brightness(.91) contrast(.92)}#townPanel[data-town-faction=haven] :is([data-bld=griffin-aviary],[data-bld=griffin-tower]){--town-building-tone: saturate(.73) brightness(.92) contrast(.94)}#townPanel[data-town-faction=haven] :is([data-bld=transept-of-heaven],[data-bld=transept-of-elysium]){--town-building-tone: saturate(.55) brightness(1.07) contrast(.74);opacity:.82}.tw-projected-shadow{overflow:visible}#townPanel :is(.tw-slot-scroll,.tw-list-controls button){width:calc(2.1 * var(--u));height:calc(1.6 * var(--u));border:0;padding:0;color:transparent;box-shadow:none;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2022'%3e%3cdefs%3e%3clinearGradient%20id='ivory'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='%23eee9d0'/%3e%3cstop%20offset='1'%20stop-color='%23bdb798'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M2%203H28L15%2020Z'%20fill='%23232c29'%20opacity='.65'/%3e%3cpath%20d='M2%201.5H28L15%2018.5Z'%20fill='url(%23ivory)'%20stroke='%238c8c76'%20stroke-width='.7'%20stroke-linejoin='round'/%3e%3cpath%20d='M3%202.2H27'%20stroke='%23fff9df'%20stroke-width='.7'/%3e%3c/svg%3e") center / contain no-repeat}#townPanel :is(.tw-slot-scroll.up,.tw-list-controls button:first-child){rotate:180deg}#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-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[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:1}#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));bottom:calc(.055 * 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] .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-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 .tw-creature-info{--hci-max-height: calc(var(--ui-height, 100dvh) - 120px)}#townPanel .tw-creature-info>.tw-x{top:56px;left:3px}#townPanel .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 .tw-production .tw-acts .collect{background-position:center bottom}#townPanel :is(.tw-orb,.tw-medal,.tw-dwelling-tabs button span)[style*=--town-round-size]{background-size:var(--town-round-size);background-position:var(--town-round-position);background-repeat:no-repeat}#townPanel :is(.tw-troop-orb,.tw-keep-orb)[style*=--town-round-size]:after{background-size:var(--town-round-size);background-position:var(--town-round-position)}#townPanel .tw-inner{mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201565%20998'%20preserveAspectRatio='none'%3e%3c!--%20Measured%20inside%20the%20metal%20rim%20of%20town-faithful/panel.png%20(1565×998).%20--%3e%3cpath%20fill='white'%20d='M116%2021H1449Q1456%2039%201480%2044C1525%20183%201543%20337%201543%20499C1543%20661%201524%20815%201479%20953Q1455%20959%201449%20977H116Q110%20959%2086%20953C41%20815%2022%20661%2022%20499C22%20337%2040%20183%2085%2044Q109%2039%20116%2021Z'/%3e%3c/svg%3e") 0 0 / 100% 100% no-repeat}#townPanel .tw-face{mask:none}#townPanel[data-town-faction=haven] .tw-detail-art.building-view{background-position:62% center}#townPanel .tw-production{display:grid;grid-template-columns:minmax(0,1fr) calc(7.4 * var(--u));column-gap:calc(1.1 * var(--u));align-items:center}#townPanel .tw-production>:is(.tw-enlist-row,.tw-fillbar,.tw-cycle-time){grid-column:1 / -1}#townPanel .tw-production .tw-rows{grid-column:1;padding-right:0;margin-bottom:0}#townPanel .tw-production .tw-acts{position:static;grid-column:2;margin:0;align-self:center}#townPanel :is(.tw-troop-n,.tw-troop-reserve){display:grid;place-items:center;font-size:min(calc(1.18 * var(--u)),calc(1.5 * var(--u) - 2px));line-height:1}@media(max-width:600px){#townPanel.town-window[data-town-faction]{--tw-readable: calc(1.25 * var(--u))}}#townPanel .tw-list{scrollbar-width:auto;scrollbar-color:auto}#townPanel .tw-list::-webkit-scrollbar{width:calc(1.15 * var(--u))}#townPanel .tw-list::-webkit-scrollbar-button{display:none;width:0;height:0}#townPanel .tw-list::-webkit-scrollbar-track{margin-block:calc(1.8 * var(--u));background:#082239;background-clip:content-box;border-inline:calc(.4 * var(--u)) solid transparent}#townPanel .tw-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#786a48,#c4b27f,#8c7b51);background-clip:content-box;border:calc(.26 * var(--u)) solid transparent;border-radius:calc(.6 * var(--u));min-height:calc(3 * var(--u))}#townPanel .tw-list-controls{width:calc(1.15 * var(--u));align-items:center}#townPanel .tw-list-controls button{flex:0 0 calc(1.5 * var(--u));width:calc(1.65 * var(--u));height:calc(1.5 * var(--u))}#townPanel .tw-list-wrap .tw-list{scrollbar-width:none;padding-right:calc(2.2 * var(--u))}#townPanel .tw-list-wrap .tw-list::-webkit-scrollbar{display:none}#townPanel .tw-list-controls>span{display:block;position:relative;min-height:0;width:100%;margin-block:calc(.4 * var(--u))}#townPanel .tw-list-range{appearance:none;writing-mode:vertical-lr;direction:ltr;position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;pointer-events:auto;cursor:pointer}#townPanel .tw-list-range::-webkit-slider-runnable-track{width:calc(.23 * var(--u));height:100%;background:#071e2f;border-inline:1px solid #597080}#townPanel .tw-list-range::-webkit-slider-thumb{appearance:none;width:calc(.72 * var(--u));height:var(--town-scroll-thumb,40px);margin-left:calc(-.245 * var(--u) - 1px);border:1px solid #a99d76;border-radius:calc(.25 * var(--u));background:linear-gradient(90deg,#4d4835,#c5b681 45%,#8b7e58);box-shadow:inset 0 0 0 1px #716747}#townPanel .tw-list-range:disabled{opacity:.4}#townPanel .tw-list-range:focus-visible{outline:1px solid #d6c69b;outline-offset:3px;border-radius:calc(.3 * var(--u))}#townPanel .tw-production>.tw-workers{grid-column:1 / -1;justify-self:end;width:calc(20.1 * var(--u));margin-top:calc(-.2 * var(--u));display:grid;row-gap:calc(.1 * var(--u))}#townPanel .tw-workers-title{padding-left:calc(1.1 * var(--u));font-family:var(--display);font-size:calc(1.3 * var(--u));letter-spacing:.04em;color:#dfe9f3}#townPanel .tw-workers-row{display:flex;align-items:center;justify-content:space-between;padding:0 calc(.2 * var(--u)) 0 calc(1 * var(--u))}#townPanel .tw-workers-places{display:flex;gap:calc(.25 * var(--u))}#townPanel .tw-workers[data-res=wood],#townPanel .tw-workers[data-res=metal],#townPanel .tw-workers[data-res=gold]{--worker-slot: url(/art/ui/town-workers/slot-wood.png);--worker-fill: url(/art/ui/town-workers/slot-wood-fill.png)}#townPanel .tw-workers[data-res=metal]{--worker-slot: url(/art/ui/town-workers/slot-metal.png);--worker-fill: url(/art/ui/town-workers/slot-metal-fill.png)}#townPanel .tw-workers[data-res=gold]{--worker-slot: url(/art/ui/town-workers/slot-gold.png);--worker-fill: url(/art/ui/town-workers/slot-gold-fill.png)}#townPanel .tw-workers:is([data-res=wood],[data-res=metal],[data-res=gold]) .tw-workers-places{gap:calc(.4 * var(--u))}#townPanel .tw-workers:is([data-res=wood],[data-res=metal],[data-res=gold]) .tw-worker{position:relative;width:calc(2.2 * var(--u));height:calc(2.1 * var(--u));border:0;border-radius:0;background:var(--worker-slot) center / contain no-repeat;opacity:.72}#townPanel .tw-workers:is([data-res=wood],[data-res=metal],[data-res=gold]) .tw-worker.on{opacity:1;filter:sepia(1) saturate(2.4) hue-rotate(-12deg) brightness(1.05)}#townPanel .tw-workers:is([data-res=wood],[data-res=metal],[data-res=gold]) .tw-worker.on:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#f6dc8f 0 30%,#b98a35 62%,#6b4a1a);-webkit-mask:var(--worker-fill) center / contain no-repeat;mask:var(--worker-fill) center / contain no-repeat;opacity:.85}#townPanel .tw-worker{width:calc(1.9 * var(--u));height:calc(1.9 * var(--u));box-sizing:border-box;border-radius:50%;border:2px solid rgba(150,190,225,.55)}#townPanel .tw-worker.on{border-color:#e7c36a;background:radial-gradient(circle at 50% 40%,#f6dc8f 0 30%,#b98a35 62%,#6b4a1a)}#townPanel .tw-workers-row b{font-family:var(--num);font-size:calc(1.6 * var(--u));color:#fff}#townPanel .tw-workers .tw-hire-worker{width:100%}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:#eef0e8;stroke-width:9;opacity:.5;filter:blur(1.2px)}.pm-border-line{stroke:#f4f5ee80;stroke-width:1.4}.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}#heroicForgePanel{--fu: min(calc(72 * var(--ui-vw, 1vw) / 969), calc(76 * var(--ui-vh, 1vh) / 610), 1.6px);width:calc(969 * var(--fu));height:calc(610 * var(--fu));max-width:none;max-height:none;padding:0;overflow:visible;display:block;color:#e8e2d2;border:calc(3 * var(--fu)) solid #2c4c66;border-radius:calc(6 * var(--fu));background:radial-gradient(ellipse at 50% 8%,#2a4a63,#123249 42%,#052335);box-shadow:0 calc(10 * var(--fu)) calc(44 * var(--fu)) #000a,0 0 0 150vmax #0006;font-family:var(--body)}#heroicForgePanel[hidden]{display:none}#heroicForgePanel *,#heroicForgePanel *:before,#heroicForgePanel *:after{box-sizing:border-box}#heroicForgePanel button{cursor:pointer;font-family:inherit;color:inherit}#heroicForgePanel button[disabled]{cursor:default}#heroicForgePanel button:focus-visible{outline:calc(2 * var(--fu)) solid #f7df96;outline-offset:calc(2 * var(--fu))}#heroicForgePanel .hf-title{position:absolute;left:0;top:calc(38 * var(--fu));width:100%;margin:0;text-align:center;font:400 calc(46 * var(--fu))/1.1 var(--display);letter-spacing:.02em;color:#dfe6ea;text-shadow:0 calc(2 * var(--fu)) 0 #07141f,0 calc(4 * var(--fu)) calc(4 * var(--fu)) #000b}#heroicForgePanel .hf-sub{position:absolute;left:calc(14 * var(--fu));top:calc(118 * var(--fu));width:calc(567 * var(--fu));margin:0;font:400 calc(21 * var(--fu))/1.1 var(--display);letter-spacing:.02em;color:#cfd8de;border-bottom:calc(1 * var(--fu)) solid #6d7f8c88;padding-bottom:calc(6 * var(--fu))}#heroicForgePanel .hf-rows{position:absolute;left:calc(14 * var(--fu));top:calc(163 * var(--fu));width:calc(567 * var(--fu));display:flex;flex-direction:column;gap:calc(12 * var(--fu))}#heroicForgePanel .hf-row{position:relative;height:calc(60 * var(--fu));border:calc(1 * var(--fu)) solid #6a5638;border-radius:calc(4 * var(--fu));background:linear-gradient(180deg,#4a3a2a,#3b2e21 55%,#2c2118);box-shadow:inset 0 calc(1 * var(--fu)) 0 #8a734d55}#heroicForgePanel .hf-ic{position:absolute;left:calc(8 * var(--fu));top:calc(13 * var(--fu));width:calc(34 * var(--fu));height:calc(34 * var(--fu));display:grid;place-items:center}#heroicForgePanel .hf-ic img{width:100%;height:100%;object-fit:contain}#heroicForgePanel .hf-have{position:absolute;left:calc(50 * var(--fu));top:calc(19 * var(--fu));width:calc(104 * var(--fu));font:400 calc(17 * var(--fu))/1.2 var(--body);color:#f0e7d2;text-shadow:0 calc(1 * var(--fu)) 0 #000a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#heroicForgePanel .hf-bar{position:absolute;left:calc(154 * var(--fu));top:calc(24 * var(--fu));width:calc(322 * var(--fu));height:calc(12 * var(--fu));border:calc(1 * var(--fu)) solid #8b8378;border-radius:calc(6 * var(--fu));background:linear-gradient(180deg,#4d4a46,#66625f);display:block}#heroicForgePanel .hf-bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:calc(6 * var(--fu));background:linear-gradient(180deg,#7fd08a,#3f8f52);transition:width .18s ease-out}#heroicForgePanel .hf-bar em{position:absolute;left:0;top:calc(-16 * var(--fu));width:100%;text-align:center;font:400 calc(13 * var(--fu))/1 var(--body);font-style:normal;color:#d9d2c2;text-shadow:0 calc(1 * var(--fu)) 0 #000a}#heroicForgePanel .hf-give-btn{position:absolute;left:calc(487 * var(--fu));top:calc(8 * var(--fu));width:calc(72 * var(--fu));height:calc(44 * var(--fu));border:calc(1 * var(--fu)) solid #8a7a5e;border-radius:calc(4 * var(--fu));background:linear-gradient(180deg,#86766a,#6c5d52 60%,#4d4139)}#heroicForgePanel .hf-give-btn:after{content:"";position:absolute;left:50%;top:50%;width:calc(20 * var(--fu));height:calc(20 * var(--fu));transform:translate(-50%,-50%);background:linear-gradient(#e8dcc0,#e8dcc0) center / calc(20 * var(--fu)) calc(5 * var(--fu)) no-repeat,linear-gradient(#e8dcc0,#e8dcc0) center / calc(5 * var(--fu)) calc(20 * var(--fu)) no-repeat;opacity:.9}#heroicForgePanel .hf-give-btn:hover:not([disabled]){filter:brightness(1.15)}#heroicForgePanel .hf-give-btn[disabled]{filter:grayscale(.7) brightness(.7)}#heroicForgePanel .hf-note{position:absolute;left:calc(24 * var(--fu));top:calc(470 * var(--fu));width:calc(540 * var(--fu));margin:0;font:400 calc(14 * var(--fu))/1.45 var(--body);color:#b9c3cb}#heroicForgePanel .hf-close{position:absolute;left:calc(14 * var(--fu));top:calc(548 * var(--fu));width:calc(322 * var(--fu));height:calc(40 * var(--fu));border:calc(1 * var(--fu)) solid #a4914f;border-radius:calc(3 * var(--fu));background:linear-gradient(180deg,#7e7248,#5f5639 60%,#40391f);font:400 calc(22 * var(--fu))/1 var(--display);letter-spacing:.04em;color:#efe6c8;clip-path:polygon(0 0,100% 0,calc(100% - 14 * var(--fu)) 100%,0 100%)}#heroicForgePanel .hf-close:hover{filter:brightness(1.15)}#heroicForgePanel .hf-right{position:absolute;left:calc(632 * var(--fu));top:calc(100 * var(--fu));width:calc(328 * var(--fu));height:calc(420 * var(--fu))}#heroicForgePanel .hf-tier-title{position:absolute;left:calc(58 * var(--fu));top:calc(-4 * var(--fu));width:calc(270 * var(--fu));margin:0;text-align:center;font:400 calc(19 * var(--fu))/1 var(--display);letter-spacing:.01em;color:#e2d6a8;text-shadow:0 calc(2 * var(--fu)) 0 #07141f}#heroicForgePanel .hf-crest{position:absolute;left:calc(4 * var(--fu));top:calc(-16 * var(--fu));width:calc(56 * var(--fu));height:calc(48 * var(--fu));background:url(/art/ui/achievement-wreath.png) center / contain no-repeat;z-index:2}#heroicForgePanel .hf-art{position:absolute;left:0;top:calc(14 * var(--fu));width:100%;height:calc(367 * var(--fu));border:calc(3 * var(--fu)) solid #5f421d;background:radial-gradient(ellipse at 34% 58%,#ffcf7a66 0%,#e8a33d22 26%,transparent 52%),radial-gradient(ellipse at 70% 22%,#b9761f55 0%,transparent 46%),radial-gradient(ellipse at 20% 88%,#1c0d06cc 0%,transparent 55%),linear-gradient(155deg,#3a2010,#6b4610 38%,#2a1509 78%,#1a0c05)}#heroicForgePanel .hf-medal{position:absolute;left:calc(112 * var(--fu));width:calc(92 * var(--fu));height:calc(92 * var(--fu));border:calc(5 * var(--fu)) solid #9a8547;border-radius:50%;display:grid;place-items:center;font:400 calc(44 * var(--fu))/1 var(--display);text-shadow:0 calc(2 * var(--fu)) calc(2 * var(--fu)) #000c}#heroicForgePanel .hf-medal.now{top:calc(42 * var(--fu));border-color:#c9a44e;background:radial-gradient(circle at 42% 36%,#8fc4d6,#5b9ab0 60%,#35697f);color:#f6d67a;box-shadow:0 0 calc(14 * var(--fu)) #7fd3ef77}#heroicForgePanel .hf-medal.next{top:calc(247 * var(--fu));border-color:#9a8547;background:radial-gradient(circle at 42% 36%,#cfcac2,#9e9a94 60%,#6d6a66);color:#cdc7ae}#heroicForgePanel .hf-medal.next.locked:before{content:"";position:absolute;top:calc(16 * var(--fu));width:calc(26 * var(--fu));height:calc(20 * var(--fu));border:calc(5 * var(--fu)) solid #5f5c58;border-bottom:0;border-radius:calc(14 * var(--fu)) calc(14 * var(--fu)) 0 0;opacity:.5}#heroicForgePanel .hf-medal.next.locked:after{content:"";position:absolute;top:calc(34 * var(--fu));width:calc(44 * var(--fu));height:calc(34 * var(--fu));border-radius:calc(4 * var(--fu));background:#5f5c58;opacity:.5}#heroicForgePanel .hf-arrow{position:absolute;left:calc(138 * var(--fu));top:calc(160 * var(--fu));width:calc(40 * var(--fu));height:calc(42 * var(--fu));background:#f2f4f6;clip-path:polygon(30% 0,70% 0,70% 55%,100% 55%,50% 100%,0 55%,30% 55%);filter:drop-shadow(0 calc(2 * var(--fu)) calc(3 * var(--fu)) #000a)}#heroicForgePanel .hf-upgrade{position:absolute;left:calc(-6 * var(--fu));top:calc(381 * var(--fu));width:calc(340 * var(--fu));height:calc(40 * var(--fu));border:0;border-radius:calc(2 * var(--fu));background:linear-gradient(180deg,#c04a34,#a03927 55%,#6f2417);font:400 calc(19 * var(--fu))/1 var(--display);letter-spacing:.03em;color:#f6e6cf;clip-path:polygon(0 0,100% 0,calc(100% - 12 * var(--fu)) 100%,calc(12 * var(--fu)) 100%)}#heroicForgePanel .hf-upgrade[disabled]{filter:grayscale(.55) brightness(.72)}#heroicForgePanel .hf-upgrade:hover:not([disabled]){filter:brightness(1.15)}#heroicForgePanel .hf-give{position:absolute;left:calc(248 * var(--fu));top:calc(150 * var(--fu));width:calc(560 * var(--fu));height:calc(232 * var(--fu));border:calc(2 * var(--fu)) solid #6f9ec0;border-radius:calc(16 * var(--fu));background:radial-gradient(ellipse at 50% 30%,#2e6d99,#1d4c72 60%,#123a5a);box-shadow:0 calc(8 * var(--fu)) calc(30 * var(--fu)) #000b;z-index:5}#heroicForgePanel .hf-give[hidden]{display:none}#heroicForgePanel .hf-give-title{position:absolute;left:0;top:calc(-18 * var(--fu));width:100%;margin:0;text-align:center;font:400 calc(30 * var(--fu))/1 var(--display);letter-spacing:.02em;color:#eef3f6;text-shadow:0 calc(2 * var(--fu)) 0 #08243a}#heroicForgePanel .hf-give-icon{position:absolute;left:calc(24 * var(--fu));top:calc(34 * var(--fu));width:calc(124 * var(--fu));height:calc(124 * var(--fu));border:calc(3 * var(--fu)) solid #9dc3dd;border-radius:50%;background:radial-gradient(circle at 40% 35%,#dfe9f0,#b9cdda 70%,#8fa8b8);display:grid;place-items:center}#heroicForgePanel .hf-give-icon img{width:62%;height:62%;object-fit:contain}#heroicForgePanel .hf-give-name{position:absolute;left:calc(14 * var(--fu));top:calc(166 * var(--fu));width:calc(144 * var(--fu));text-align:center;font:400 calc(17 * var(--fu))/1 var(--display);color:#e6eef4}#heroicForgePanel .hf-give-label{position:absolute;left:calc(176 * var(--fu));top:calc(52 * var(--fu));font:400 calc(22 * var(--fu))/1 var(--display);letter-spacing:.02em;color:#eef3f6}#heroicForgePanel .hf-give-range{position:absolute;left:calc(176 * var(--fu));top:calc(84 * var(--fu));width:calc(212 * var(--fu));accent-color:#d8e6ef;margin:0}#heroicForgePanel .hf-give-num{position:absolute;left:calc(412 * var(--fu));top:calc(74 * var(--fu));width:calc(120 * var(--fu));height:calc(32 * var(--fu));border:calc(1 * var(--fu)) solid #8a7a5e;border-radius:calc(3 * var(--fu));background:linear-gradient(180deg,#2b2119,#3d3025);color:#f3ead4;text-align:right;padding:0 calc(8 * var(--fu));font:400 calc(19 * var(--fu))/1 var(--body)}#heroicForgePanel .hf-give-own{position:absolute;left:calc(176 * var(--fu));top:calc(124 * var(--fu));width:calc(356 * var(--fu));text-align:center;font:400 calc(14 * var(--fu))/1 var(--body);color:#cfe0ec}#heroicForgePanel .hf-give-own b{margin-left:calc(10 * var(--fu));color:#fff}#heroicForgePanel .hf-give-cancel,#heroicForgePanel .hf-give-ok{position:absolute;top:calc(190 * var(--fu));width:calc(160 * var(--fu));height:calc(32 * var(--fu));border:calc(1 * var(--fu)) solid #a4914f;border-radius:calc(3 * var(--fu));background:linear-gradient(180deg,#7e7248,#5f5639 60%,#40391f);font:400 calc(18 * var(--fu))/1 var(--display);color:#efe6c8}#heroicForgePanel .hf-give-cancel{left:calc(56 * var(--fu))}#heroicForgePanel .hf-give-ok{left:calc(348 * var(--fu))}#heroicForgePanel .hf-give-cancel:hover,#heroicForgePanel .hf-give-ok:hover:not([disabled]){filter:brightness(1.15)}#heroicForgePanel .hf-give-ok[disabled]{filter:grayscale(.6) brightness(.7)}#heroicForgePanel .hf-medal[hidden],#heroicForgePanel .hf-arrow[hidden]{display:none}#heroicForgePanel.giving .hf-rows,#heroicForgePanel.giving .hf-sub,#heroicForgePanel.giving .hf-note,#heroicForgePanel.giving .hf-close,#heroicForgePanel.giving .hf-title,#heroicForgePanel.giving .hf-right{pointer-events:none;filter:brightness(.45)}#levelUpModal.lvl-veil{background:#02070dad;backdrop-filter:none}.lvl-window{position:relative;width:710px;height:357px;margin-top:40px}.lvl-plate{position:absolute;inset:0;background:url(/art/ui/levelup-plate.svg) center / 100% 100% no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.7))}.lvl-title{position:absolute;left:-40px;right:-40px;top:-40px;z-index:3;margin:0;text-align:center;font:45px/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}.lvl-page{position:absolute;inset:0;z-index:2;color:#e6ebee}.lvl-heading{position:absolute;left:0;right:0;top:184px;margin:0;text-align:center;font:400 21px/1.1 var(--display);color:#dfe3e6;text-shadow:0 2px 2px #000}.lvl-heading-left{position:absolute;left:80px;top:28px;margin:0;font:400 22px/1.1 var(--display);color:#dfe3e6;text-shadow:0 2px 2px #000}.lvl-sub{position:absolute;left:80px;top:56px;margin:0;font:12.5px/1.2 Arial,sans-serif;color:#eef2f4;text-shadow:0 1px 1px #000}.lvl-portrait{position:absolute;left:52px;top:14px;width:130px;height:130px;border-radius:50%;background:#0b1a2c center / cover no-repeat;box-shadow:0 0 0 4px #c9cfd4,0 0 0 6px #4a5663,0 4px 10px #000000a6}.lvl-medals{position:absolute;left:50%;top:224px;transform:translate(-50%);display:flex;align-items:center;gap:20px}.lvl-gap{width:62px}.lvl-medal{position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1f4064 0 52%,#10263f);box-shadow:inset 0 0 0 2px #8e9caa,inset 0 0 0 4px #1a3350,0 2px 6px #000000a6}.lvl-medal img{width:40px;height:40px;object-fit:contain;opacity:.7;filter:saturate(.7) brightness(.85)}.lvl-medal.lit{background:radial-gradient(circle,#3b6a9c 0 50%,#1a3b61);box-shadow:inset 0 0 0 2px #f1f5f8,inset 0 0 0 4px #25507e,0 0 14px 3px #cde4ff99,0 2px 6px #000000a6}.lvl-medal.lit img{opacity:1;filter:brightness(1.35) saturate(.55)}.lvl-medal b{position:absolute;left:50%;bottom:-22px;transform:translate(-50%);font:700 23px/1 Arial,sans-serif;color:#fff;white-space:nowrap;text-shadow:0 0 3px #000,0 2px 2px #000}.lvl-honoured .lvl-heading{display:none}.lvl-honoured .lvl-portrait{top:40px}.lvl-honoured .lvl-medals{left:204px;top:62px;transform:none;gap:12px}.lvl-honoured .lvl-gap{display:none}.lvl-honours{position:absolute;left:204px;right:40px;top:176px;display:flex;gap:18px}.lvl-honour{flex:0 0 218px;min-height:84px;box-sizing:border-box;padding:8px 10px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(#6a5a43,#564732);border:2px solid #d8c27a;box-shadow:inset 0 0 0 1px #2c2216,0 3px 6px #0009;text-align:center;color:#fff;text-shadow:0 1px 2px #000}.lvl-honour small{font:13px/1.1 Georgia,serif}.lvl-honour b{font:400 19px/1.1 var(--display)}.lvl-rings{position:absolute;left:0;right:0;top:118px;display:flex;justify-content:center;gap:72px}.lvl-ring{position:relative;display:block;width:104px;height:160px}.lvl-ring:before{content:"";position:absolute;left:2px;right:2px;top:22px;height:44px;border-radius:50%;border:7px solid #b9c3cb;background:#0b1b2e;box-shadow:inset 0 4px 7px #000,0 4px 5px #000000bf,0 -1px #eef2f5}.lvl-ring i{position:absolute;left:50%;top:50px;width:44px;height:48px;transform:translate(-50%);background:center / contain no-repeat;filter:drop-shadow(0 2px 2px #000)}.lvl-ring.core i{background-image:url(/art/ui/tier-core.png)}.lvl-ring.elite i{background-image:url(/art/ui/tier-elite.png)}.lvl-ring.champion i{background-image:url(/art/ui/tier-champion.png)}.lvl-ring b{position:absolute;left:50%;top:-22px;z-index:1;transform:translate(-50%);font:700 46px/1 Arial,sans-serif;color:#fff;white-space:nowrap;text-shadow:0 0 4px #000,0 3px 3px #000}.lvl-ring em{position:absolute;left:-30px;right:-30px;top:108px;text-align:center;font:400 21px/1.1 var(--display);font-style:normal;color:#dfe3e6;text-shadow:0 2px 2px #000}.lvl-plus{position:absolute;left:44px;top:20px;display:flex;align-items:center;gap:4px;font:700 30px/1 Arial,sans-serif;color:#fff;text-shadow:0 0 6px rgba(190,220,255,.8)}.lvl-plus b{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:3px solid #eef3f7;font:italic 700 32px/1 Arial,sans-serif;box-shadow:0 0 10px #c8e1ff99,inset 0 0 8px #c8e1ff59}.lvl-points .lvl-heading-left{left:136px;top:30px}.lvl-points .lvl-sub{left:136px;top:58px}.lvl-points:before{content:"";position:absolute;left:50%;top:208px;width:520px;height:330px;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(closest-side,rgba(160,212,255,.5),rgba(90,150,220,.16) 55%,transparent)}.lvl-books{position:absolute;left:50%;top:136px;width:136px;height:136px;transform:translate(-50%);border-radius:50%;background:#0d2037 url(/art/ui/army-books.png) center / 118% no-repeat;box-shadow:0 0 0 5px #e1d49a,0 0 0 7px #6e5d2c,0 0 36px 8px #aad7ffbf}.lvl-next{position:absolute;right:120px;bottom:-12px;z-index:4;width:122px;height:26px;padding:0 16px 2px 0;border:0;cursor:pointer;background:none;font:400 16px/24px var(--display);color:#eee5d2;text-shadow:0 2px 3px #000}.lvl-next:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/art/ui/creation/btn-back.png) center / 100% 100% no-repeat;transform:scaleX(-1)}.lvl-next.wide{right:auto;left:50%;bottom:-20px;transform:translate(-50%);width:315px;height:40px;padding:0 20px 2px 0;font:400 24px/38px var(--display)}.lvl-next[hidden]{display:none}.lvl-next:hover:before{filter:brightness(1.15)}.lvl-next:focus-visible{outline:2px solid #f7df96;outline-offset:2px}#rail #railParty:has(+#railPartyLeave:not([hidden])){margin-bottom:0}#rail #railPartyLeave{height:19px;margin-bottom:0}#rail #railPartyLeave[hidden]{display:none}#rail #railPartyLeave .ic{width:19px;height:19px;left:1px;top:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23eadfc9'%3E%3Ccircle cx='12.6' cy='5.5' r='2.5'/%3E%3Cpath d='M9.1 15.6c.3-4 1.4-6.5 3.5-6.5s3.2 2.5 3.5 6.5z'/%3E%3C/g%3E%3Cg fill='%234a3b2b' stroke='%23eadfc9' stroke-width='1.1'%3E%3Cpath d='M3.3 17.3c.3-3.8 1.6-5.9 3.7-5.9s3.4 2.1 3.7 5.9z'/%3E%3Ccircle cx='7' cy='9.1' r='2.3'/%3E%3C/g%3E%3C/svg%3E") center / 19px 19px no-repeat}#rail #railChat .ic{transition:transform .12s ease}#rail #railChat.open .ic{transform:scaleX(-1)}#rail button.chat-scroll{height:21px}#rail button.chat-scroll[hidden]{display:none}#rail button.chat-scroll .ic{width:13px;height:13px;left:3.5px;top:4px}#rail #chatPanel{position:absolute;left:0;top:142px;width:264px;display:block;font-family:var(--body);z-index:1;pointer-events:none}#rail #chatPanel>*{pointer-events:auto}#rail #chatPanel[hidden]{display:none}#chatPanel .chat-lines{margin:4px 0 5px 22px;width:236px;height:171px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding:0 6px 0 7px;font-size:14px;line-height:19px;color:#f3efe6;text-shadow:0 1px 1px #000,0 0 3px rgba(0,0,0,.85);background:#090f13a8;box-shadow:0 -4px #090f13a8,0 5px #090f13a8;scrollbar-width:none;overflow-wrap:anywhere}#chatPanel .chat-lines::-webkit-scrollbar{display:none}#chatPanel .chat-line,#chatPanel .chat-system{padding:0}#chatPanel .chat-time{color:#e39a45}#chatPanel .chat-name{padding:0;border:0;background:none;cursor:pointer;font:inherit;color:#e39a45;text-shadow:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}#chatPanel .chat-name:hover{color:#ffbf6e}#chatPanel .chat-name:focus-visible{outline:1px solid #edc776;outline-offset:1px}#chatPanel .chat-line.whisper,#chatPanel .chat-line.whisper .chat-time,#chatPanel .chat-line.whisper .chat-name{color:#8fd84f}#chatPanel .chat-whispers{color:#f2d34f;font-weight:700}#chatPanel .chat-system{color:#f3efe6}#chatPanel .chat-system b{color:#ffe39a;font-weight:700}#chatPanel .chat-system .log-ico{width:16px;height:16px;object-fit:contain;vertical-align:-3px;margin-right:3px}#chatPanel .chat-tabs{display:grid;grid-template-columns:repeat(6,35px);column-gap:4.6px;margin:0 0 0 26px;height:26px}#chatPanel .chat-tab{width:35px;height:26px;padding:0;border:0;cursor:pointer;position:relative;background:url(/ui/social-clarity/chat-tabs.svg) calc(var(--tab) * -35px) 0 / 210px 26px no-repeat;filter:grayscale(1) brightness(.78)}#chatPanel .chat-tab:nth-child(n+4){filter:none}#chatPanel .chat-tab.on{filter:none}#chatPanel .chat-tab.on:nth-child(n+4){filter:sepia(.9) saturate(2.2) hue-rotate(-6deg) brightness(1.45) contrast(1.05)}#chatPanel .chat-tab[aria-selected=true].on{box-shadow:inset 0 -1px #dfc570}#chatPanel .chat-tab[aria-disabled=true]{cursor:default}#chatPanel .chat-tab.on:hover{filter:brightness(1.15)}#chatPanel .chat-tab:focus-visible{outline:1px solid #edc776;outline-offset:1px}#chatPanel .chat-form{position:relative;display:flex;align-items:center;width:264px;height:25px;margin:1px 0 0;padding:0 40px 0 25px;box-sizing:border-box;border:0;box-shadow:none;background:url(/art/ui/social/chat-bar-end.png) right -2px / 44px 29px no-repeat,url(/art/ui/social/chat-bar.png) left top / 40px 25px repeat-x;background-clip:border-box;border-radius:0 12px 12px 0}#chatPanel .chat-form:after{content:none}#chatPanel .chat-orb{position:absolute;left:0;top:1px;width:23px;height:22px;background:url(/ui/social-clarity/chat-orbs.svg) calc(var(--orb, 0) * -23px) 0 / 138px 22px no-repeat}#chatPanel .chat-form[data-channel=none] .chat-orb{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.2' fill='%23f3e3d6' stroke='%23b31414' stroke-width='3'/%3E%3Cpath d='M5.4 16.6 16.6 5.4' stroke='%23b31414' stroke-width='3'/%3E%3C/svg%3E") center / 18px 18px no-repeat}#chatPanel .chat-form input{flex:1;min-width:0;height:19px;padding:0 4px;border:0;outline:0;background:transparent;font:14px/19px var(--body);color:#f3efe6}#chatPanel .chat-form input::placeholder{color:#f3efe673}#chatPanel .chat-form button[type=submit]{position:absolute;right:18px;top:2px;width:21px;height:21px;padding:0;border:0;border-radius:50%;cursor:pointer;z-index:1;background:transparent;box-shadow:none}#chatPanel .chat-form button[type=submit]:after{content:none}#chatPanel .chat-form button[type=submit]:hover:not(:disabled){background:#ffe8b126}#chatPanel .chat-form button[type=submit]:focus-visible{outline:1px solid #f6df9e;outline-offset:1px}#chatPanel .chat-form button[type=submit]:disabled{cursor:default}#chatPanel .chat-recipient{flex:none;padding:0 0 0 3px;border:0;background:none;cursor:pointer;font:700 13px/19px var(--body);color:#8fd84f;text-shadow:0 1px 1px #000}#chatPanel .chat-recipient[hidden]{display:none}#friendsPanel{position:absolute;right:0;top:var(--right-panel-top);width:303px;height:var(--right-panel-height);display:flex;flex-direction:column;box-sizing:border-box;padding:0 0 3px;color:#eef1f4;font-family:var(--body);background:radial-gradient(90% 40% at 50% 38%,rgba(64,118,180,.2),transparent 70%),linear-gradient(180deg,#0c2746,#0b2a4b 45%,#0a2340);border:1px solid #56799e;border-right:0;border-radius:5px 0 0 5px;box-shadow:inset 1px 1px #0a1a2e,0 6px 22px #000000b3;pointer-events:auto;z-index:9}#friendsPanel[hidden]{display:none}#friendsPanel>header{position:relative;flex:none;height:30px}#friendsPanel h2{position:absolute;left:9px;top:9px;margin:0;font:400 15px/1 Fontin,Georgia,serif;letter-spacing:.02em;color:#f4f1ea;text-shadow:0 1px 2px #000}.friends-count{position:absolute;right:29px;top:10px;font:italic 12px/1 var(--body);color:#e3e0d6}.round-close{width:17px;height:17px;padding:0;border:0;cursor:pointer;background:url(/art/ui/town-kit/round-close.png) center / contain no-repeat}#friendsClose{position:absolute;right:5px;top:7px}.round-close:hover{filter:brightness(1.2)}#friendsTabs{flex:none;display:flex;align-items:flex-start;gap:6px;height:24px;padding:0 0 0 8px;border-bottom:1px solid #56799e}#friendsTabs button{width:86px;height:19px;padding:0 0 0 5px;text-align:left;cursor:pointer;font:12px/17px var(--body);color:#efe7d6;text-shadow:0 1px 1px #000;border:1px solid #a88f69;border-radius:4px;background:linear-gradient(180deg,#7a6450,#5b4837 55%,#4a3a2b);box-shadow:inset 0 1px #ffeccc4d,0 1px 1px #00000080}#friendsTabs button[aria-selected=true]{height:25px;color:#fff;border-color:#6f98c2;border-bottom:0;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#3d78b0,#235584 50%,#0c2a4a);box-shadow:inset 0 1px #d2e8ff73}#friendsTabs button:hover{filter:brightness(1.12)}.friends-list{flex:1;overflow-y:auto;padding:10px 26px 6px 8px;scrollbar-width:thin;scrollbar-color:#9c8058 #0a1d33}.friends-section+.friends-section{margin-top:14px}.friends-section h3{display:flex;align-items:center;margin:0 0 24px;padding:0 2px 2px;font:400 12px/1 Fontin,Georgia,serif;letter-spacing:.12em;text-transform:uppercase;color:#f2eee4;border-bottom:1px solid #d6d2c6}.friends-section h3>button[data-friends-section]{flex:1;display:flex;align-items:center;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer}.friends-section h3>button[aria-expanded=false] .fs-fold{transform:rotate(-90deg)}.friends-section>[hidden]{display:none}.fs-fold{margin-left:auto;width:0;height:0;border:4px solid transparent;border-top:6px solid #e8e2d4;border-bottom:0}.fs-clear{margin-left:8px;width:13px;height:13px;padding:0;border:0;cursor:pointer;background:url(/art/ui/town-kit/round-close.png) center / contain no-repeat}.friends-row{position:relative;height:50px;margin:0 0 8px;border-bottom:1px solid rgba(214,222,230,.55);cursor:pointer}.friends-row:hover{background:linear-gradient(90deg,transparent,rgba(120,160,205,.14) 20%,rgba(120,160,205,.14) 80%,transparent)}.friends-row:focus-visible{outline:1px solid #edc776}.fr-face{position:absolute;left:-2px;bottom:0;width:50px;height:50px;object-fit:cover;object-position:50% 10%;mix-blend-mode:lighten;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.fr-face[src*="/native/"]{mix-blend-mode:normal}.friends-row.offline .fr-face{filter:grayscale(.85) brightness(.75)}.fr-name{position:absolute;left:56px;right:44px;top:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 15px/1.2 Fontin,Georgia,serif;color:#efe6cf;text-shadow:0 1px 1px #000}.fr-level{position:absolute;right:2px;bottom:3px;font:italic 700 13px/1 var(--body);color:#f1ede3;text-shadow:0 1px 1px #000}.fr-side{position:absolute;right:0;top:11px;display:flex;align-items:center;gap:5px}.friends-row:has(.fr-side) .fr-name{right:78px}.fr-note{position:absolute;left:56px;right:48px;bottom:4px;overflow:hidden;text-overflow:ellipsis;font:italic 11.5px/1 var(--body);color:#a9bdd0;white-space:nowrap}.fr-act{flex:none;width:21px;height:21px;padding:0;border:0;border-radius:50%;cursor:pointer;font-size:0;color:transparent;background:center / contain no-repeat}.fr-act[data-social-action=accept],.fr-act[data-social-action=request]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cdefs%3E%3CradialGradient id='a' cx='.45' cy='.4' r='.65'%3E%3Cstop offset='0' stop-color='%23646a3a'/%3E%3Cstop offset='1' stop-color='%232c2c16'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='11' cy='11' r='9.6' fill='url(%23a)' stroke='%23b79d6c' stroke-width='1.8'/%3E%3Cpath d='M5.8 11.2 9.3 14.6 16.4 6.8' fill='none' stroke='%23142b08' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.8 11.2 9.3 14.6 16.4 6.8' fill='none' stroke='%237fd23c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.fr-act[data-social-action=decline],.fr-act[data-social-action=unblock]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cdefs%3E%3CradialGradient id='a' cx='.45' cy='.4' r='.65'%3E%3Cstop offset='0' stop-color='%23703427'/%3E%3Cstop offset='1' stop-color='%23321410'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='11' cy='11' r='9.6' fill='url(%23a)' stroke='%23b79d6c' stroke-width='1.8'/%3E%3Cpath d='M7 7 15 15M15 7 7 15' stroke='%23330b06' stroke-width='3.8' stroke-linecap='round'/%3E%3Cpath d='M7 7 15 15M15 7 7 15' stroke='%23e53a2a' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E")}.fr-act:hover{filter:brightness(1.2)}.fr-act:focus-visible{outline:1px solid #edc776;outline-offset:1px}.friends-empty{margin:14px 8px;font-size:13px;color:#b9c8d6;text-align:center}.friends-find{position:relative;flex:none;display:flex;align-items:center;height:20px;margin:0 3px 8px 6px;padding:0 24px 0 7px;border:1px solid #b39a6e;border-radius:10px;background:linear-gradient(180deg,#2a1f14,#3e2d1b 70%,#4a3620);box-shadow:inset 0 1px 2px #0009}.friends-find input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:13px/18px var(--body);color:#f1ede3}.friends-find input::placeholder{color:#e6e0d2}.friends-find button,.party-invite button{position:absolute;right:1px;top:0;width:18px;height:18px;padding:0;border:0;border-radius:50%;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23473826' stroke='%23c6b59a' stroke-width='1.6'/%3E%3Cpath d='M5.6 10.3 8.6 13.2 14.4 6.9' fill='none' stroke='%23f1ece2' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.friends-find button:hover,.party-invite button:hover{filter:brightness(1.2)}.friends-banner{position:relative;flex:none;height:86px;margin:0 3px 0 5px;padding:0 8px 0 88px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;border:1px solid #6c7a86;cursor:pointer;background:url(/art/ui/social/friends-banner.png) 0 0 / 87px 82px no-repeat,#03060d}.friends-banner .fb-title{font:700 17px/1.1 Fontin,Georgia,serif;color:#f0dc93;text-shadow:0 0 6px #7a6a2f,0 2px 2px #000}.friends-banner .fb-text{margin-top:5px;font:700 10.5px/1.2 var(--body);color:#e6e8ea}.friends-banner:hover{filter:brightness(1.12)}.friend-toast{position:absolute;left:50%;top:44px;z-index:30;transform:translate(-50%);width:473px;min-height:56px;box-sizing:border-box;padding:9px 72px 26px 50px;display:flex;align-items:flex-start;background:linear-gradient(180deg,#17395e,#0f2b4b 55%,#0b2342);border:1px solid #4a6c92;border-radius:10px;box-shadow:inset 0 1px #96bee640,0 4px 14px #000000b3;color:#eef1f4;font-family:var(--body);pointer-events:auto}.friend-toast[hidden]{display:none}.friend-toast .ft-icon{position:absolute;left:7px;top:50%;width:38px;height:38px;margin-top:-19px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='m' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f4f2ec'/%3E%3Cstop offset='.55' stop-color='%23a9aaa6'/%3E%3Cstop offset='1' stop-color='%236f716e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='url(%23m)' stroke='%23b08a3a' stroke-width='1.1'%3E%3Ccircle cx='20.5' cy='8.2' r='4.6'/%3E%3Cpath d='M13.4 25.5c.4-6.4 2.9-10.3 7.1-10.3s6.7 3.9 7.1 10.3z'/%3E%3Ccircle cx='11.5' cy='13.2' r='4.6'/%3E%3Cpath d='M4.4 30.2c.4-6.4 2.9-10.3 7.1-10.3s6.7 3.9 7.1 10.3z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat}.friend-toast p{margin:0;font:14px/1.25 var(--body);text-shadow:0 1px 1px #000}.friend-toast .ft-name[data-latin=true]{font-variant:normal}.friend-toast .ft-buttons{position:absolute;right:9px;bottom:5px;display:flex;gap:5px}.friend-toast .fr-act{width:25px;height:25px}#rail #partyRows{position:absolute;left:28px;top:0;width:200px;display:flex;flex-direction:column;gap:5px}#rail #partyRows[hidden]{display:none}.party-member{position:relative;display:flex;align-items:center;height:20px;padding:0 0 0 26px;cursor:pointer}.party-member .pm-face{position:absolute;left:0;top:-2px;width:23px;height:23px;border-radius:50%;object-fit:cover;border:1px solid #bfc6c4;box-shadow:0 0 0 1px #0a1016;background:#123553}.party-member:before{content:"";position:absolute;inset:1px 0 1px 22px;z-index:-1;background:linear-gradient(180deg,#142638c7,#0a1622d1);border-top:1px solid rgba(200,212,222,.55);border-bottom:1px solid rgba(200,212,222,.55)}.party-member .pm-name{flex:1;font:400 14.5px/1 Fontin,Georgia,serif;color:#ece8dc;text-shadow:0 1px 1px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-member .pm-level{padding-right:6px;font:12px/1 var(--body);color:#e8e6df}.party-member.leader:after{content:"";position:absolute;right:-28px;top:0;width:24px;height:19px;background:url(/art/ui/social/party-leader.png) center / contain no-repeat}.party-member:hover .pm-name{color:#fff3c8}#rail #partyMenu{position:absolute;left:26px;top:0;width:280px;display:flex;flex-direction:column;padding:3px 4px 5px 6px;box-sizing:border-box;background:radial-gradient(80% 50% at 50% 30%,rgba(60,110,170,.16),transparent 70%),linear-gradient(180deg,#0f2c4f,#0c2442 60%,#0a1f39);border:1px solid #6f8fb1;border-radius:4px;box-shadow:inset 0 0 0 1px #07152a,0 8px 24px #000000bf;color:#eef1f4;font-family:var(--body);z-index:3}#rail #partyMenu[hidden]{display:none}.party-list{max-height:292px;overflow-y:auto;padding-right:0}.party-section h3{display:flex;align-items:center;margin:2px 2px 0 0;padding:0 0 1px 1px;font:400 15px/19px Fontin,Georgia,serif;color:#efeadf;text-shadow:0 1px 2px #000;border-bottom:1px solid #d6d2c6}.ps-fold{margin-left:auto;margin-right:3px;width:0;height:0;border:4px solid transparent;border-top:6px solid #e8e2d4;border-bottom:0}.party-row{position:relative;display:flex;align-items:center;width:100%;height:40px;padding:0 4px 0 50px;box-sizing:border-box;border:0;border-bottom:1px solid rgba(199,214,230,.3);background:none;color:inherit;cursor:pointer;text-align:left}.party-row:disabled{cursor:default}.party-row:not(:disabled):hover{background:#78a0cd24}.party-row .pr-face{position:absolute;left:0;bottom:0;width:42px;height:42px;object-fit:cover;object-position:50% 10%;mix-blend-mode:lighten;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.party-row .pr-face[src*="/native/"]{mix-blend-mode:normal}.party-row .pr-name{flex:1;min-width:0;font:400 14px/1 Fontin,Georgia,serif;color:#efe6cf;text-shadow:0 1px 1px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-row .pr-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin-left:8px}.party-row .pr-level{font:700 12.5px/1 var(--body);color:#f2efe8;text-shadow:0 1px 1px #000}.party-row .pr-state{font:11px/1 var(--body);color:#dfe6ec}.party-row.leader .pr-name:after{content:"";display:inline-block;width:18px;height:14px;margin-left:5px;vertical-align:-2px;background:url(/art/ui/social/party-leader.png) center / contain no-repeat}.party-empty{margin:8px 4px 10px;font-size:13px;color:#b9c8d6}.party-invitation{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;font-size:13px;border-bottom:1px solid rgba(199,214,230,.3)}.party-invitation span{color:#ffe39a}.party-actions{display:flex;gap:8px;padding:7px 0 9px}.party-actions button,.party-invitation button{height:22px;padding:0 10px;cursor:pointer;font:12px/20px var(--body);color:#f1ece2;border:1px solid #b59a73;border-radius:3px;background:linear-gradient(180deg,#806a52,#5d4a37 55%,#4b3b2c)}.party-actions button:hover,.party-invitation button:hover{filter:brightness(1.15)}.party-invite{position:relative;display:flex;align-items:center;height:22px;margin:6px 0 0;padding:0 22px 0 27px;border:1px solid #b39a6e;border-radius:3px 11px 11px 3px;background:linear-gradient(180deg,#2a1f14,#3e2d1b 70%,#4a3620)}.party-invite .pi-person{position:absolute;left:0;top:-1px;width:22px;height:22px;background:url(/art/ui/social/invite-person.png) center / 22px 22px no-repeat}.party-invite input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:13px/20px var(--body);color:#f1ede3}.party-invite input::placeholder{color:#e6e0d2}.party-invite input:disabled::placeholder{color:#8d8676}.party-invite-note{min-height:0;margin:4px 2px 0;font-size:12px;color:#d8c79a}.party-invite-note:empty{display:none}.player-menu{position:absolute;z-index:80;min-width:201px;pointer-events:auto;padding:6px 10px 7px 9px;box-sizing:border-box;background:radial-gradient(90% 60% at 40% 30%,rgba(60,112,168,.2),transparent 70%),linear-gradient(180deg,#123356f5,#0d2745f5 70%,#0b213bf5);border:1px solid #2c4a6b;border-radius:1px;box-shadow:0 8px 22px #000c;font-family:var(--body)}.player-menu[hidden]{display:none}.player-menu h3{margin:0 0 4px;padding:0 0 2px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 15px/1.1 Fontin,Georgia,serif;color:#f4f1ea;border-bottom:1px solid #e5e2d8}.player-menu button{display:block;width:100%;height:20px;padding:0 4px;border:0;background:none;cursor:pointer;text-align:left;font:13.5px/20px var(--body);color:#ebe4d3;text-shadow:0 1px 1px rgba(0,0,0,.75)}.player-menu button:disabled{color:#9aa3ab;cursor:default}.player-menu button:not(:disabled):hover,.player-menu button:not(:disabled):focus-visible{outline:0;background:linear-gradient(180deg,#a59868,#7b7045 60%,#6a5f3a);color:#fff}#mailPanel.mailbox{width:956px;height:596px;max-width:none;max-height:none;padding:0;border-radius:0;box-shadow:none;transform:translate(-50%,-50%) scale(var(--hc-fit, 1));background:url(/art/ui/shop/window-restored-2026-09-13.png) center / 956px 596px no-repeat;color:#eee;font-family:var(--body)}#mailPanel.mailbox:before{content:none}#mailPanel.mailbox:after{display:none}#mailPanel .mb-title{position:absolute;inset:27px 0 auto;z-index:5;margin:0;text-align:center;font:700 46px/1 Fontin,Georgia,serif;letter-spacing:.02em;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fff 30%,#f2f4f6 50%,#c3ccd6 82%,#aab4bf);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(1.5px 0 0 #27323e) drop-shadow(-1.5px 0 0 #27323e) drop-shadow(0 1.5px 0 #27323e) drop-shadow(0 -1.5px 0 #27323e) drop-shadow(0 2px 2px rgba(4,16,30,.85));pointer-events:none}#mailPanel .mb-plate{position:absolute;left:13px;width:254px;height:51px;padding:0 6px 12px 62px;border:0;cursor:pointer;z-index:2;box-sizing:border-box;background:center / 254px 51px no-repeat;font:400 15px/1 Fontin,Georgia,serif;letter-spacing:.03em;color:#f4ebdc;text-align:left;text-shadow:0 1px 1px #1d1710;display:flex;align-items:flex-end}#mailPanel .mb-plate:hover{filter:brightness(1.1)}#mailPanel .mb-inbox{top:134px;background-image:url(/ui/mail-restored/inbox-off.png)}#mailPanel .mb-inbox.on{background-image:url(/ui/mail-restored/inbox-on.png)}#mailPanel .mb-write{top:190px;background-image:url(/ui/mail-restored/write-off.png)}#mailPanel .mb-write.on{background-image:url(/ui/mail-restored/write-on.png)}#mailPanel .mb-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(/ui/mail-restored/back.png) left top / 317px 40px no-repeat;font:26px/1 Fontin,Georgia,serif;color:#eee5d2;text-shadow:0 2px 3px #000}#mailPanel .mb-back:hover{filter:brightness(1.15)}#mailPanel .mb-body{position:absolute;inset:0;z-index:2;pointer-events:none}#mailPanel .mb-body>*{pointer-events:auto}.mail-list{position:absolute;left:302px;top:124px;width:627px;height:344px;display:flex;flex-direction:column}.mail-head,.mail-row{display:grid;grid-template-columns:30px 126px minmax(0,1fr) 105px;align-items:center}.mail-head{flex:none;padding-right:12px;height:19px;align-items:end;padding-bottom:2px;box-sizing:border-box;border-bottom:1px solid #dfe5eb;font:400 14px/1 Fontin,Georgia,serif;letter-spacing:.04em;color:#c9d1da;text-shadow:0 1px 2px #000}.mail-rows{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-top:5px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#9c8058 #1b3048}.mail-row{height:24px;font:13.5px/1 var(--body);color:#e4e7ef;text-shadow:0 1px 2px #000;cursor:pointer}.mail-row:hover{background:#ffffff12}.mail-row:has(.mail-check:checked){background:#ab986531}.mail-row.read{color:#b8c2cc}.mail-from,.mail-subject,.mail-date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:6px}.mail-empty{margin:16px 0;text-align:center;color:#e4ebf2;text-shadow:0 1px 2px #000}.mail-check{appearance:none;-webkit-appearance:none;margin:0 0 0 1px;width:15px;height:15px;cursor:pointer;border:1px solid #a3957d;border-radius:3px;background:linear-gradient(180deg,#2f271e,#4d4032);box-shadow:inset 0 1px 2px #0009,0 1px 1px #00000080}.mail-check{position:relative;flex:none}.mail-check:hover:not(:disabled){border-color:#e0b959}.mail-check:focus-visible{outline:2px solid #e7ca88;outline-offset:2px}.mail-check:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #f0dfad;border-width:0 2px 2px 0;transform:rotate(45deg)}.mail-check:disabled{opacity:.7;cursor:default}.mail-bulk{position:absolute;left:303px;top:476px;display:flex;align-items:center;gap:10px}.mail-bulk .mail-btn+.mail-btn{margin-left:-1px}.mail-btn{height:25px;width:119px;padding:0 6px 1px;border:0;cursor:pointer;white-space:nowrap;background:linear-gradient(180deg,#786e5f26 0% 40%,#786e5f42),url(/ui/mail-restored/action.png) 0 0 / 100% 100% no-repeat;font:400 15px/1 Fontin,Georgia,serif;letter-spacing:.03em;color:#eee5d2;text-shadow:0 1px 2px #000}.mail-btn.wide{width:244px}.mail-btn:hover:not(:disabled){filter:brightness(1.15)}.mail-btn:active:not(:disabled){filter:brightness(.92)}.mail-btn:focus-visible{outline:2px solid #e7ca88;outline-offset:2px}.mail-btn:disabled{color:#a39c8d;text-shadow:0 1px 1px #000;cursor:default}.mail-note{position:absolute;left:302px;width:627px;top:503px;margin:0;font-size:13px;color:#f7e3a2;text-shadow:0 1px 2px #000}.mail-letter{position:absolute;left:272px;top:112px;width:674px;height:412px;background:url(/ui/mail-restored/letter.png) 0 0 / 674px 412px no-repeat}.mail-letter>*{position:absolute;margin:0}.mail-letter h3{left:50px;right:49px;top:14px;height:21px;padding:0 0 0 4px;box-sizing:border-box;border-bottom:1px solid #e3e8ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 16px/19px Fontin,Georgia,serif;letter-spacing:.03em;color:#e9e3d2;text-shadow:0 1px 2px #000}.mail-when{right:53px;top:44px;font:13px/14px var(--body);color:#e8edf2;text-shadow:0 1px 2px #000}.mail-label{left:54px;font:400 15px/1 Fontin,Georgia,serif;letter-spacing:.03em;color:#e6e0cf;text-shadow:0 1px 2px #000}.mail-field,.mail-text{box-sizing:border-box;border:1px solid #a88f66;border-radius:3px;background:linear-gradient(180deg,#211910,#2f2317 45%,#47341f);box-shadow:inset 0 1px 2px #0000008c;font:13px/17px var(--body);color:#f1ede3;outline:0}.mail-field{width:492px;height:22px;padding:1px 5px;line-height:18px;white-space:nowrap;overflow:hidden}.mail-text{left:129px;top:101px;width:492px;height:250px;padding:3px 4px 3px 6px;overflow-y:auto;resize:none;white-space:pre-wrap;overflow-wrap:anywhere}.mail-letter-buttons{left:129px;top:366px;width:492px;height:25px}.mail-letter-buttons .mail-btn{position:absolute;top:0;left:0;width:118px;height:24px}.mail-letter-buttons .mail-btn.second{left:127px}.mail-letter-buttons .mail-btn.right{left:auto;right:0}.mail-letter .mail-note{left:129px;top:337px;width:492px;min-height:24px;display:flex;align-items:center;justify-content:flex-start;text-align:left;font-size:12px;line-height:1.15}.mail-letter.write .mail-text{height:228px}.mail-letter .mail-note:empty{display:none}.mail-letter.read .l-from{top:72px}.mail-letter.read .l-text{top:104px}.mail-letter.read .mail-field{left:129px;top:65px}.mail-letter.write .l-to{top:38px}.mail-letter.write .l-subject{top:71px}.mail-letter.write .l-text{top:104px}.mail-to-row{left:130px;top:32px;width:211px;height:22px}.mail-letter.write #mailSubject{left:130px;top:64px;width:491px}.mail-letter.write .mail-text{left:130px;width:491px}.mail-field.short{position:absolute;left:0;top:0;width:211px;padding-left:27px;border-radius:5px 11px 11px 5px}.mail-to-pick{position:absolute;left:0;top:0;width:22px;height:22px;padding:0;border:0;cursor:pointer;z-index:1;background:url(/ui/mail-restored/recipient.png) center / 22px 22px no-repeat;filter:brightness(.8) saturate(.6)}.mail-to-pick:hover,.mail-to-pick[aria-expanded=true]{filter:brightness(.95) saturate(.7)}.mail-pick{position:absolute;left:0;top:24px;z-index:5;width:211px;max-height:160px;overflow-y:auto;background:#0d2745;border:1px solid #5b7fa4;border-radius:3px;box-shadow:0 6px 16px #000000b3}.mail-pick[hidden]{display:none}.mail-pick button{display:block;width:100%;padding:3px 8px;border:0;background:none;text-align:left;cursor:pointer;font:400 14px/1.3 Fontin,Georgia,serif;color:#f1ede3}.mail-pick button:hover{background:#a5986880}.mail-pick p{margin:6px 8px;font-size:13px;color:#b9c8d6}.mail-text,.gw-text,.party-list{scrollbar-width:auto;scrollbar-color:auto}.mail-text::-webkit-scrollbar,.gw-text::-webkit-scrollbar,.party-list::-webkit-scrollbar{width:20px}.mail-text::-webkit-scrollbar-track,.gw-text::-webkit-scrollbar-track,.party-list::-webkit-scrollbar-track{background:linear-gradient(90deg,transparent 9px,rgba(0,0,0,.45) 9px,rgba(0,0,0,.45) 11px,transparent 11px)}.mail-text::-webkit-scrollbar-thumb,.gw-text::-webkit-scrollbar-thumb,.party-list::-webkit-scrollbar-thumb{border:1px solid #b09a74;border-radius:9px;background:linear-gradient(180deg,#6e5b41,#54452f 55%,#4a3d2c) padding-box;box-shadow:inset 0 1px #ffeac440}.mail-text::-webkit-scrollbar-button:single-button,.gw-text::-webkit-scrollbar-button:single-button,.party-list::-webkit-scrollbar-button:single-button{display:block;height:18px;width:20px;background:center / 18px 17px no-repeat}.mail-text::-webkit-scrollbar-button:single-button:vertical:decrement,.gw-text::-webkit-scrollbar-button:single-button:vertical:decrement,.party-list::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 17'%3E%3Cellipse cx='9' cy='8.5' rx='8' ry='7.5' fill='%233a2d20' stroke='%23b8a07a' stroke-width='1.4'/%3E%3Cpath d='M5.2 10.6 9 5.6 12.8 10.6z' fill='%23efe6d2'/%3E%3C/svg%3E")}.mail-text::-webkit-scrollbar-button:single-button:vertical:increment,.gw-text::-webkit-scrollbar-button:single-button:vertical:increment,.party-list::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 17'%3E%3Cellipse cx='9' cy='8.5' rx='8' ry='7.5' fill='%233a2d20' stroke='%23b8a07a' stroke-width='1.4'/%3E%3Cpath d='M5.2 6.4 9 11.4 12.8 6.4z' fill='%23efe6d2'/%3E%3C/svg%3E")}#uiLayer:has(#guildPanel:not([hidden]):not(.in-guild))>.sheet-backdrop{display:block}#guildPanel{z-index:12}#guildPanel.guild-window{width:586px;height:398px;max-width:none;max-height:none;padding:0;border-radius:0;box-shadow:none;background:url(/art/ui/social/refined/guild-foundation.svg) center / 586px 398px no-repeat;font-family:var(--body);color:#fff;transform:translate(-50%,-50%) scale(min(1,calc((var(--ui-width, 100vw) - 24px) / 586px),calc((var(--ui-height, 100vh) - 36px) / 398px)))}#guildPanel.guild-window:before{display:none}#guildPanel.guild-window:after{content:"";display:block;position:absolute;inset:0;z-index:2;pointer-events:none;border:0;border-radius:0;background:url(/art/ui/social/refined/guild-rim.svg) center / 586px 398px no-repeat}#guildPanel .gw-banner{position:absolute;left:0;right:0;top:0;height:222px;background:linear-gradient(180deg,#47050100 58%,#4705018c 84%,#470501),linear-gradient(#f4d2c9,#f4d2c9),url(/art/loading/mmho_guilds_1920.jpg) center -100px / 586px auto no-repeat;background-blend-mode:normal,multiply,normal;clip-path:path("M43 7 H543 L546 13 H551 Q606 199 551 385 H546 L543 391 H43 L40 385 H35 Q-20 199 35 13 H40 Z");filter:saturate(.92) contrast(1.05)}#guildPanel .gw-banner:after{content:"";position:absolute;left:10px;right:10px;bottom:-11px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 566 22' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23e9e3d4' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M28 11 H538'/%3E%3Cpath d='M28 11 C20 1 4 3 5 12 C6 20 18 19 19 12 C19 8 13 8 13 11'/%3E%3Cpath d='M538 11 C546 1 562 3 561 12 C560 20 548 19 547 12 C547 8 553 8 553 11'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat}#guildPanel h2{position:absolute;left:0;right:0;top:191px;margin:0;z-index:3;text-align:center;font:400 29px/1 Fontin,Georgia,serif;letter-spacing:.03em;color:#f2ede4;text-shadow:0 2px 3px #000,0 0 8px rgba(0,0,0,.8)}#guildPanel .gw-body{position:absolute;inset:233px 34px 36px 41px;overflow:visible}#guildPanel .gw-text{width:511px;height:92px;overflow-y:scroll}#guildPanel .gw-text p{margin:0 0 16px;padding-right:4px;font:700 13px/18px var(--body);color:#fbf7ef;text-shadow:0 1px 2px #2a0302}#guildPanel .gw-text p:last-child{margin-bottom:0}.gw-invitation{font-weight:400!important}#guildPanel .gw-text::-webkit-scrollbar-thumb{border-color:#e2d6c4;background:#fff4e41f padding-box;box-shadow:none}#guildPanel .gw-text::-webkit-scrollbar-track{background:linear-gradient(90deg,transparent 9px,rgba(255,236,220,.25) 9px,rgba(255,236,220,.25) 11px,transparent 11px)}#guildPanel .gw-text::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 17'%3E%3Cellipse cx='9' cy='8.5' rx='7.4' ry='7' fill='%236a1310' stroke='%23e8dccb' stroke-width='1.4'/%3E%3Cpath d='M5.4 10.4 9 5.8 12.6 10.4z' fill='%23f3eadb'/%3E%3C/svg%3E")}#guildPanel .gw-text::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 17'%3E%3Cellipse cx='9' cy='8.5' rx='7.4' ry='7' fill='%236a1310' stroke='%23e8dccb' stroke-width='1.4'/%3E%3Cpath d='M5.4 6.6 9 11.2 12.6 6.6z' fill='%23f3eadb'/%3E%3C/svg%3E")}.gw-found{position:relative;display:block;width:298px;height:30px;margin:7px 0 0 105px;padding:0 0 0 20px;border:0;cursor:pointer;background:url(/ui/guild-restored/button.webp) 0 0 / 298px 30px no-repeat;font:400 18px/30px Fontin,Georgia,serif;letter-spacing:.03em;color:#e6e1d6;text-shadow:0 1px 2px #000}.gw-found:before{content:"";position:absolute;left:6px;top:-7px;width:42.14px;height:51.43px;background:url(/ui/guild-restored/shield.webp) 0 0 / 42.14px 51.43px no-repeat;pointer-events:none}.gw-found:hover{filter:brightness(1.12)}#guildPanel .gw-back{position:absolute;left:45px;bottom:-10px;z-index:3;width:133px;height:26px;padding:0 0 2px 12px;border:0;cursor:pointer;background:url(/art/ui/creation/btn-back.png) left top / 133px 26px no-repeat;font:400 16px/1 Fontin,Georgia,serif;color:#eee5d2;text-shadow:0 1px 2px #000}#guildPanel .gw-back:hover{filter:brightness(1.15)}.gw-small{height:22px;padding:0 9px;margin-left:6px;cursor:pointer;font:12.5px/20px var(--body);color:#f1ece2;border:1px solid #c8ac78;border-radius:3px;background:linear-gradient(180deg,#7d6a54,#5a4836 55%,#473828)}.gw-small:hover{filter:brightness(1.15)}.gw-small:disabled{filter:none;opacity:.55;cursor:default}.gw-name{display:flex;align-items:center;justify-content:center;margin-top:8px}.gw-name input{width:260px;height:24px;box-sizing:border-box;padding:0 8px;border:1px solid #c8ac78;border-radius:3px;outline:0;background:linear-gradient(180deg,#2a1d12,#3f2c1a);font:14px/22px var(--body);color:#f4efe4}.gw-note{margin:6px 0 0;text-align:center;font-size:12.5px;color:#ffe0a0;text-shadow:0 1px 2px #2a0302}.gw-members{max-height:90px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d8cbb0 #4f0a08}.gw-members h3{margin:0 0 4px;font:400 15px/1 Fontin,Georgia,serif;color:#f2ede4;border-bottom:1px solid rgba(233,227,212,.7);padding-bottom:2px}.gw-count{float:right;font:12px/1 var(--body);color:#f0dfc0}.gw-member{display:flex;justify-content:space-between;padding:2px 4px;cursor:pointer}.gw-member:not([role]){cursor:default}.gw-member:hover[role]{background:#ffdcaa1f}.gm-name{font:400 14.5px/1.2 Fontin,Georgia,serif;color:#fbf7ef}.gm-state{font-size:12px;color:#e7cfb2}.gw-member.online .gm-state{color:#b8f0a0}.gw-member.leader .gm-state{color:#ffd98a}.gw-actions{display:flex;justify-content:center;margin-top:6px}#guildPanel.in-guild{left:auto;right:0;top:var(--right-panel-top);bottom:auto;transform:none;width:303px;height:var(--right-panel-height);min-height:250px;padding:0;border:0;border-radius:0;background:url(/art/ui/social/refined/guild-members.svg) center / 100% 100% no-repeat;box-shadow:0 4px 12px #0007}#guildPanel.in-guild:after,#guildPanel.in-guild .gw-banner{display:none}#guildPanel.in-guild h2{top:12px;left:10px;right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:18px}#guildPanel.in-guild .gw-body{inset:42px 10px 39px;display:flex;flex-direction:column;min-height:0}#guildPanel.in-guild .gw-members{flex:1;min-height:0;max-height:none;padding-right:4px}#guildPanel.in-guild .gw-member{position:relative;min-height:51px;padding:8px 48px 7px 45px;border-bottom:1px solid #bb92614d}#guildPanel.in-guild .gm-face{position:absolute;left:0;bottom:1px;width:41px;height:44px;object-fit:cover;object-position:50% 15%;mask-image:linear-gradient(0deg,transparent,#000 16%)}#guildPanel.in-guild .gm-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px}#guildPanel.in-guild .gm-state{position:absolute;left:45px;bottom:7px;font:12px/1 var(--body)}#guildPanel.in-guild .gm-level{position:absolute;right:0;bottom:7px;font:italic 700 12px/1 var(--body)}#guildPanel.in-guild .gw-name{flex:none;justify-content:stretch;margin-top:8px}#guildPanel.in-guild .gw-name input{min-width:0;width:100%}#guildPanel.in-guild .gw-small{flex:none;margin-left:4px;padding:0 6px;font-size:12px}#guildPanel.in-guild .gw-actions{flex:none}#guildPanel.in-guild .gw-back{left:8px;bottom:5px}#guildPanel.in-guild .gw-note{flex:none;font-size:12px}.gw-confirm{position:absolute;z-index:4;inset:auto -2px 0;padding:10px;text-align:center;border:1px solid #b7986c;background:#300907;box-shadow:0 -4px 16px #0009}.gw-confirm p{margin:0 0 8px;font-size:13px}:is(#friendsPanel,#guildPanel,#mailPanel) :is(button,input,textarea,[tabindex]):focus-visible{outline:1px solid #edcf8c;outline-offset:2px}:is(.friends-list,.gw-members,.gw-text,.mail-rows,.mail-text){overscroll-behavior:contain}.friends-find button:disabled{opacity:.5;cursor:default}.main-menu-veil{position:absolute;inset:0;z-index:40;pointer-events:auto;display:grid;place-items:center;background:#040910db}.main-menu-veil[hidden]{display:none}#uiLayer:has(>#mainMenu:not([hidden])) #hud{z-index:41}#uiLayer:has(>#mainMenu:not([hidden])) #hud *{pointer-events:none!important}#uiLayer:has(>#mainMenu:not([hidden])) #hud>:not(#topBar,#rail){filter:brightness(.3)}.main-menu{position:relative;width:426px;height:324px;background:url(/art/ui/social/menu-panel.png) 0 0 / 426px 324px no-repeat}.mm-button{position:absolute;left:49px;width:323px;height:47px;padding:0 0 0 28px;border:0;cursor:pointer;background:0 0 / 323px 100% no-repeat;font:400 21px/1 Fontin,Georgia,serif;letter-spacing:.03em;color:#efe6d4;text-shadow:0 1px 0 #3c2f1f,0 2px 3px #000}.mm-button:hover:not(:disabled),.mm-button:focus-visible{filter:brightness(1.14);outline:0}.mm-button:disabled{cursor:default;color:#a39c8d;filter:grayscale(.35) brightness(.82)}.mm-hero{top:38px;background-image:url(/art/ui/social/menu-hero.png)}.mm-options{top:95px;background-image:url(/art/ui/social/menu-options.png)}.mm-logout{top:147px;height:54px;padding-top:7px;background-image:url(/art/ui/social/menu-logout.png)}.mm-continue{top:230px;height:56px;padding-top:7px;background-image:url(/art/ui/social/menu-continue.png)}html:is(:lang(en),:lang(pl)) :is(#friendsPanel h2,.friends-banner .fb-title,#mailPanel .mb-title,#mailPanel .mb-plate,.mail-head,.mail-btn,.mail-letter h3,.mail-label,#guildPanel h2,.gw-found,#guildPanel .gw-back,.gw-members h3,.mm-button){font-variant:small-caps}:is(.fr-name,.party-member .pm-name,.party-row .pr-name,.party-invitation span,.player-menu h3,.gm-name,.mail-pick button,.mail-letter h3)[data-latin=true]{font-variant:small-caps}#optionsVeil #optionsPanel{height:auto;min-height:300px;padding-bottom:24px}#optionsPanel .opt-language{margin:12px 7.6% 18px;padding:0;justify-content:space-between}.language-select{font:inherit;color:#f1e5c9;background:#09253d;border:1px solid #9b875e;border-radius:3px;padding:5px 28px 5px 10px;min-width:134px;cursor:pointer}.language-select:focus-visible{outline:2px solid #e9c984;outline-offset:3px}.creation-language{position:absolute;top:22px;right:24px;z-index:3;display:flex;align-items:center;gap:10px;color:#e7dec9;font:16px HO Text,Fontin Sans,sans-serif}@media(max-width:900px){#optionsVeil #optionsPanel{width:min(470px,calc(100vw - 24px));transform:scale(calc(1 / var(--ui-scale, 1)))}.creation-language{top:calc(8px / var(--ui-scale, 1));right:calc(8px / var(--ui-scale, 1));transform:scale(calc(1 / var(--ui-scale, 1)));transform-origin:top right;font-size:14px}.creation-language label{position:absolute;clip-path:inset(50%)}.language-select{min-width:112px}}#optionsVeil #optionsPanel{width:540px;height:auto;min-height:0;padding:40px 0 47px;background-image:url(/art/ui/main-menu-clarity/panel.png);background-size:100% 100%;filter:drop-shadow(0 16px 28px #0009)}#optionsVeil #optionsPanel .opt-title{top:3px;left:8%;font-size:26px}#optionsVeil #optionsPanel .opt-row.opt-language{margin:4px 8% 20px;padding:0}#optionsVeil #optionsPanel .opt-row{padding-left:8%}#optionsVeil #optionsPanel .opt-check{width:18px;height:18px;border-width:1px;border-radius:3px}#optionsVeil #optionsPanel .opt-check[aria-checked=false]:after{content:none}#optionsVeil #optionsPanel .opt-check[aria-checked=true]:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #f0dfad;border-width:0 2px 2px 0;background:none;border-radius:0;transform:rotate(45deg)}#optionsVeil #optionsPanel .opt-check:focus-visible{outline:2px solid #e7ca88;outline-offset:3px}#optionsVeil #optionsPanel .opt-close{left:8%;bottom:0;width:180px;height:36px;padding:0 12px 2px 20px;clip-path:none;background:url(/art/ui/options-clarity/close.png) no-repeat -2px -15px / 186px 64.803px;border:0;border-radius:7px;font-size:17px}#optionsVeil #optionsPanel .opt-close:before{content:none}#optionsVeil #optionsPanel .opt-close:focus-visible{outline:2px solid #e7ca88;outline-offset:2px}@media(max-width:900px){#optionsVeil #optionsPanel{width:min(540px,calc(100vw - 24px))}}@media(max-width:460px){#optionsVeil #optionsPanel .opt-title{font-size:24px}#optionsVeil #optionsPanel .opt-name{font-size:15px}}#optionsVeil #optionsPanel .opt-flags{display:grid;grid-template-columns:1fr 1fr;gap:16px 4%;margin:16px 8% 0}#optionsVeil #optionsPanel .opt-flags .opt-row{padding:0;margin:0}#optionsVeil #optionsPanel .opt-flag .opt-name{font-size:14px}#optionsVeil #optionsPanel .opt-bottom{display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:end;margin:20px 8% 12px}#optionsVeil #optionsPanel .opt-bottom .opt-name{display:block;margin-bottom:5px;cursor:default;font-family:var(--body, inherit);font-size:14px;letter-spacing:.01em}#optionsVeil #optionsPanel .opt-bottom .opt-language{margin:0;padding:0;display:block}#optionsVeil #optionsPanel .opt-speed .opt-slider{width:100%;margin:0}#optionsVeil #optionsPanel .opt-section{margin:10px 8% 8px;font-family:var(--display);font-weight:400;font-size:19px;letter-spacing:.04em;color:#e8e6df;text-shadow:0 2px 3px rgba(0,0,0,.85)}#optionsVeil #optionsPanel .opt-effects{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;margin:0 8% 22px}#optionsVeil #optionsPanel .opt-plate{-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;height:36px;padding:0 8px 2px;border:1px solid #a8987a;border-radius:3px;cursor:pointer;background:linear-gradient(180deg,#675d4c,#51483a 48%,#3c3429);box-shadow:inset 0 1px #fff0c838,inset 0 -2px 3px #00000073,0 2px 4px #0009;font-family:var(--display);font-weight:400;font-size:17px;letter-spacing:.05em;color:#efe7d4;text-align:center;text-shadow:0 2px 2px rgba(0,0,0,.9)}#optionsVeil #optionsPanel .opt-plate:hover{border-color:var(--gold);filter:brightness(1.12)}#optionsVeil #optionsPanel .opt-plate:active{filter:brightness(.92)}#optionsVeil #optionsPanel .opt-plate:focus{outline:none}#optionsVeil #optionsPanel .opt-plate:focus-visible{outline:2px solid #e7ca88;outline-offset:2px}#optionsVeil #optionsPanel .opt-plate[aria-checked=true]{border-color:#e3c36c;background:linear-gradient(180deg,#c9a447,#a7832f,#7f6120);color:#fff6dc}#optionsVeil #optionsPanel select.opt-plate{padding:0 30px 2px 12px;text-align:left;text-align-last:left;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23e3c36c' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 11px center / 12px 8px,linear-gradient(180deg,#675d4c,#51483a 48%,#3c3429)}#optionsVeil #optionsPanel select.opt-plate option{background:#2c261d;color:#efe7d4}html:is(:lang(en),:lang(pl)) #optionsVeil #optionsPanel :is(.opt-section,.opt-plate){font-variant:small-caps}.main-menu-veil .main-menu{background-image:url(/art/ui/main-menu-clarity/panel.png)}.main-menu .mm-button{background-image:url(/art/ui/main-menu-clarity/buttons.png);background-size:350px 233.333333px;background-position-x:-14px;background-repeat:no-repeat}.main-menu .mm-hero{background-position-y:-15px}.main-menu .mm-options{background-position-y:-65px}.main-menu .mm-logout{background-position-y:-111px}.main-menu .mm-continue{background-position-y:-166px}.main-menu .mm-button:active:not(:disabled){filter:brightness(.92)}.main-menu .mm-button:focus-visible{outline:1px solid #e7ca88;outline-offset:2px;border-radius:10px}#satSound[aria-checked=false]:before,#satSound[aria-checked=false]:after{content:"";position:absolute;left:17%;top:47%;width:66%;height:2.5px;border-radius:2px;background:#edb081;box-shadow:0 0 0 1px #522114,0 1px 2px #000;pointer-events:none;transform:rotate(45deg)}#satSound[aria-checked=false]:after{transform:rotate(-45deg)}.compass-sats button:focus-visible{outline:1px solid #f5da9d;outline-offset:3px;border-radius:50%}.minimap-activity{box-sizing:border-box;pointer-events:auto;width:min(420px,calc(100vw - 32px));padding:22px 28px 24px;color:#ece2cd;text-align:center;border:1px solid #9e8c62;border-radius:5px;background:linear-gradient(#143854,#082239);box-shadow:inset 0 0 0 3px #102c40,0 8px 32px #0009;font:18px/1.5 Fontin,Georgia,serif}.minimap-activity::backdrop{background:#04091099}.minimap-activity h2{display:flex;gap:10px;align-items:center;justify-content:center;margin:0;padding-bottom:14px;border-bottom:1px solid #81714b;font:24px/1.2 Fontin,Georgia,serif;color:#f3dfb4}.minimap-activity h2 img{width:34px;height:34px}.minimap-activity p{margin:24px 0}.minimap-activity-close{min-width:140px;padding:6px 20px;border:1px solid #b7a16a;border-radius:4px;color:#f5ecd9;cursor:pointer;background:linear-gradient(#716044,#3b3227);font:inherit}.minimap-activity-close:hover{background:linear-gradient(#88724c,#4b3b29)}.minimap-activity-close:focus-visible{outline:2px solid #f5da9d;outline-offset:3px}.obelisk-puzzle{box-sizing:border-box;pointer-events:auto;width:min(1040px,calc(100vw - 32px),calc((100dvh - 180px)*1.96));max-height:calc(100dvh - 24px);overflow:auto;padding:18px 28px 20px;color:#ece6d7;border:3px double #a6b0b9;border-radius:11px;background:linear-gradient(110deg,#324655c9,#0a273ded 45%,#314452da),url(/art/ui/obelisk-puzzle/map.webp) center/cover;box-shadow:inset 0 0 0 4px #0a2030,inset 0 0 0 6px #637785,0 12px 70px #000c;font-family:HO Text,Fontin,Georgia,serif}.obelisk-puzzle::backdrop{background:#0009}.obelisk-puzzle header{position:relative;text-align:center;padding:5px 32px 15px}.obelisk-puzzle h2{margin:0;font:bold clamp(24px,3.2vw,42px)/1.15 "HO Caption","Fontin",Georgia,serif;color:#e2e4e2;text-shadow:0 2px 1px #000,0 0 5px #031421}.obelisk-picture{border:2px ridge #b8a064;background:#171d16;line-height:0}.obelisk-picture svg{display:block;width:100%;height:auto}.obelisk-status{padding:10px 4px 9px;text-align:center;font-size:15px;min-height:20px}.obelisk-puzzle footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:18px}.obelisk-puzzle button{font:700 18px/1.2 HO Caption,Fontin,Georgia,serif;color:#eee9d4;cursor:pointer}.obelisk-puzzle .obelisk-action{position:relative;isolation:isolate;min-width:0;min-height:43px;padding:8px 24px;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:0 1px 2px #17160f;white-space:nowrap}.obelisk-action:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:url(/ui/obelisk-controls/button-neutral.png) center / 100% 100% no-repeat}.obelisk-back:before{background-image:url(/ui/obelisk-controls/button-back.png)}.obelisk-use:before,.obelisk-enter:before{background-image:url(/ui/obelisk-controls/button-forward.png)}.obelisk-use{display:flex;align-items:center;justify-content:center;gap:8px}.obelisk-use img{flex:none;width:34px;height:34px;object-fit:contain}.obelisk-puzzle .obelisk-use{padding-block:4px}.obelisk-puzzle button:disabled{cursor:default;color:#a6a9a3}.obelisk-action:disabled:before{filter:saturate(.18) brightness(.7)}.obelisk-use:disabled img{filter:saturate(.35) brightness(.8)}.obelisk-puzzle button:hover:enabled:before{filter:brightness(1.18)}.obelisk-puzzle .obelisk-action:active:enabled:before{filter:brightness(.85);transform:translateY(1px)}.obelisk-puzzle button:focus-visible{outline:2px solid #ffe8ae;outline-offset:3px}.obelisk-puzzle .obelisk-help{position:absolute;right:0;top:0;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:url(/art/ui/town-kit/round-help.png) center / contain no-repeat}.obelisk-help:hover{filter:brightness(1.18)}.obelisk-help-dialog{box-sizing:border-box;width:min(510px,calc(100vw - 40px));max-height:calc(100dvh - 40px);margin:auto;padding:28px 30px 24px;overflow:auto;color:#ece6d7;border:3px double #a6b0b9;border-radius:8px;background:linear-gradient(145deg,#233e50,#0a2539 70%);box-shadow:inset 0 0 0 3px #0a2030,inset 0 0 0 4px #637785,0 14px 60px #000a}.obelisk-help-dialog::backdrop{background:#020b16b3}.obelisk-help-dialog h2{font-size:clamp(22px,3vw,28px);text-align:center}.obelisk-help-dialog p{margin:20px 0 24px;font-size:17px;line-height:1.5}.obelisk-help-dialog .obelisk-help-close{display:block;width:min(240px,100%);margin:auto}.obelisk-destination circle{fill:#4c261abc;stroke:#f5df99;stroke-width:2}.obelisk-destination path{fill:none;stroke:#fff0b2;stroke-width:4;stroke-linecap:round}.obelisk-puzzle [hidden]{display:none!important}.obelisk-puzzle.obelisk-details{width:min(1040px,calc(100vw - 32px))}.obelisk-details .obelisk-content{display:grid;grid-template-columns:36% 1fr;gap:26px;align-items:center;padding:10px 0 18px}.obelisk-details .obelisk-picture{overflow:hidden}.obelisk-site-info h3{font:700 21px/1.2 HO Caption,Fontin,Georgia,serif;color:#e5d4a4;margin:0 0 10px}.obelisk-site-info ul{margin:0;padding-left:19px;font-size:15px;line-height:1.35}.obelisk-site-info li+li{margin-top:7px}.obelisk-site-info li::marker{color:#b4c7ce}.obelisk-rewards{padding:12px 18px 10px;border:2px ridge #af955b;background:linear-gradient(105deg,#695334ed,#8f754ee6 50%,#624c32f2);box-shadow:inset 0 0 16px #23190a80}.obelisk-rewards h3{margin:0 0 10px;color:#f4ebd7;font:700 26px/1.15 HO Caption,Fontin,Georgia,serif;text-shadow:0 2px 2px #2e2111}.obelisk-rewards ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}.obelisk-rewards li{display:flex;align-items:center;flex-direction:column;gap:6px;text-align:center}.obelisk-rewards strong{font:700 16px/1.15 HO Caption,Fontin,Georgia,serif;color:#fff3d5}.obelisk-reward-detail{font-size:13px;line-height:1.25;color:#e1d6c1}.obelisk-rewards p{margin:12px 0 0;padding-top:8px;border-top:1px solid #c3a87866;text-align:center;font-size:13px}.obelisk-reward-icon{display:block;flex:none;width:76px;height:76px;border-radius:50%;background-image:url(/art/ui/obelisk-puzzle/reward-icons-source.jpg);background-size:1280px 720px;background-position-y:-434px}.obelisk-reward-artefacts{background-position-x:-435px}.obelisk-reward-consumables{background-position-x:-555px}.obelisk-reward-resources{background-position-x:-675px}.obelisk-reward-experience{background-position-x:-795px}.obelisk-reward-dragonsteel{background-position-x:-915px}.obelisk-reward-locked .obelisk-reward-icon{filter:saturate(.2);opacity:.65}@media(max-width:800px){.obelisk-puzzle footer{gap:8px}.obelisk-puzzle footer .obelisk-action{padding-inline:10px;font-size:15px}.obelisk-details .obelisk-content{gap:16px;grid-template-columns:32% 1fr}}@media(max-width:620px){.obelisk-puzzle,.obelisk-puzzle.obelisk-details{width:calc(100vw - 16px);padding:12px}.obelisk-puzzle footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.obelisk-use,.obelisk-enter{grid-column:1 / -1}.obelisk-puzzle button{font-size:14px}.obelisk-puzzle footer .obelisk-action{padding:8px;font-size:14px}.obelisk-puzzle footer .obelisk-use{padding-block:4px}.obelisk-status{font-size:13px}.obelisk-help-dialog{padding:24px 20px 20px}.obelisk-details .obelisk-content{grid-template-columns:1fr}.obelisk-details .obelisk-picture{max-width:290px;margin:auto;width:100%}.obelisk-details .obelisk-picture svg{aspect-ratio:auto}.obelisk-site-info ul{font-size:14px}.obelisk-rewards{padding-inline:10px}.obelisk-rewards ul{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}}.obelisk-puzzle{width:min(1340px,calc(100vw - 32px),calc((100dvh - 180px)*1.96));border:2px solid #9fb0bc;background:linear-gradient(110deg,#2e3b43f2,#0a273df7 45%,#2e3b43f2),url(/art/ui/obelisk-puzzle/map.webp) center/cover}.obelisk-puzzle header{margin:-18px -28px 14px;padding:14px 32px 12px;background:linear-gradient(180deg,#0b2b3e,#021f2d 70%,#052536);box-shadow:inset 0 -1px #3d5566}.obelisk-puzzle h2{font-size:clamp(28px,3.4vw,56px)}.obelisk-puzzle .obelisk-help{z-index:2;top:calc(100% + 22px);right:8px}.obelisk-puzzle footer{grid-template-columns:repeat(3,minmax(0,1fr))}.obelisk-puzzle:not(.obelisk-details) .obelisk-view-toggle{display:none}.obelisk-puzzle .obelisk-use,.obelisk-puzzle .obelisk-enter{grid-column:3}.obelisk-puzzle footer .obelisk-action{min-height:52px;font-size:21px}.obelisk-help-buttons{display:flex;gap:14px;justify-content:center}.obelisk-help-dialog .obelisk-help-buttons .obelisk-help-close{margin:0;width:auto;min-width:160px}@media(max-width:620px){.obelisk-puzzle .obelisk-use,.obelisk-puzzle .obelisk-enter{grid-column:1 / -1}.obelisk-puzzle footer .obelisk-action{min-height:43px;font-size:14px}}#shopPanel{--su: min(calc(94 * var(--ui-vw, 1vw) / 1280), calc(86 * var(--ui-vh, 1vh) / 800), calc(1px / var(--ui-scale, 1)));width:calc(1280 * var(--su));height:calc(800 * var(--su));max-width:none;max-height:none;padding:0;border:0;display:block;overflow:hidden;border-radius:calc(9 * var(--su));background:url(/art/ui/shop/window-restored-2026-09-13.png) center / 100% 100% no-repeat;box-shadow:0 calc(14 * var(--su)) calc(45 * var(--su)) #0009,0 0 0 150vmax #0005;color:#edeedf;font-family:var(--body);font-weight:400}#shopPanel[hidden],#shopPanel [hidden]{display:none}#shopPanel:before,#shopPanel:after{content:none}#shopPanel *,#shopPanel *:before,#shopPanel *:after{box-sizing:border-box}#shopPanel button{cursor:pointer}#shopPanel :is(button,[tabindex]):focus-visible{outline:calc(2 * var(--su)) solid #f7dfa0;outline-offset:calc(2 * var(--su))}#shopTitle{position:absolute;inset:calc(26 * var(--su)) 0 auto;margin:0;text-align:center;font:700 calc(55 * var(--su))/1.1 var(--display);font-variant-caps:small-caps;background:linear-gradient(180deg,#e0dee6,#d1ccd8 45%,#b9b8c8);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;text-shadow:none;filter:url(#shop-name-bevel)}#shopCategoryTabs{position:absolute;left:calc(24 * var(--su));top:calc(148 * var(--su));width:calc(335 * var(--su));bottom:calc(125 * var(--su));display:flex;flex-direction:column;gap:calc(8 * var(--su));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a4a891 #173343;padding:calc(3 * var(--su))}#shopPanel .shop-tab-btn{position:relative;isolation:isolate;flex:0 0 calc(44 * var(--su));width:100%;margin:0;padding:0 calc(9 * var(--su));text-align:left;border:solid transparent;border-width:calc(4 * var(--su)) calc(8 * var(--su)) calc(4 * var(--su)) calc(29 * var(--su));border-radius:0;border-image:url(/art/ui/shop/quality-2026-09-21/category.png) 12 24 12 87 fill stretch;color:#d9ddd1;font:400 calc(19 * var(--su))/1 var(--display);font-variant-caps:small-caps;background:transparent;box-shadow:none;text-shadow:0 calc(2 * var(--su)) calc(2 * var(--su)) #0a252b;transition:color .1s}#shopPanel .shop-tab-btn:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent,#ead59429 25%,#ead59412 80%,transparent);opacity:0;pointer-events:none;transition:opacity .1s}#shopPanel .shop-tab-btn.active{color:#fff2c5}#shopPanel .shop-tab-btn.active:before{opacity:1}#shopPanel .shop-tab-btn:hover:before{opacity:.65}#shopPanel .shop-tab-btn.active:hover:before{opacity:1}.shop-shelf-heading{position:absolute;left:calc(430 * var(--su));right:calc(38 * var(--su));top:calc(126 * var(--su));height:calc(46 * var(--su));display:flex;align-items:baseline;justify-content:space-between;border-bottom:calc(1 * var(--su)) solid #a6bac19c}.shop-shelf-heading h3{margin:0;font:400 calc(27 * var(--su))/1.2 var(--display);font-variant-caps:small-caps;text-shadow:0 calc(2 * var(--su)) calc(2 * var(--su)) #193746}#shopCount{font-size:calc(15 * var(--su));color:#d0d9dd}.shop-sale-filter{position:absolute;right:calc(42 * var(--su));top:calc(105 * var(--su));display:flex;align-items:center;gap:calc(8 * var(--su));color:#e5e5d9;font:calc(13 * var(--su))/1.2 var(--body);cursor:pointer}.shop-sale-filter input{margin:0;width:calc(17 * var(--su));height:calc(17 * var(--su));accent-color:#6d8d30;cursor:pointer}#shopBody,#shopDetail{position:absolute;left:calc(427 * var(--su));right:calc(28 * var(--su));top:calc(184 * var(--su));bottom:calc(105 * var(--su));overflow:auto;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:#a1a493 #193641;scroll-behavior:auto}#shopBody{scrollbar-width:none}#shopBody::-webkit-scrollbar{display:none}.shop-scroll{position:absolute;right:calc(14 * var(--su));top:calc(187 * var(--su));bottom:calc(116 * var(--su));width:calc(18 * var(--su));display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--su))}#shopPanel .shop-scroll button{flex:0 0 calc(20 * var(--su));width:calc(22 * var(--su));padding:0;border:0;color:#d7d6b2;background:none;font:calc(23 * var(--su))/1 var(--body);text-shadow:0 calc(2 * var(--su)) #152b36}#shopScroll{appearance:none;writing-mode:vertical-lr;direction:ltr;flex:1;min-height:0;width:calc(18 * var(--su));margin:0;padding:0;background:transparent;cursor:pointer}#shopScroll::-webkit-slider-runnable-track{width:calc(4 * var(--su));background:#102b38;border-inline:calc(1 * var(--su)) solid #6c8690}#shopScroll::-webkit-slider-thumb{appearance:none;width:calc(12 * var(--su));height:calc(38 * var(--su));margin-left:calc(-5 * var(--su));border:calc(1 * var(--su)) solid #c4c5ad;border-radius:calc(3 * var(--su));background:linear-gradient(90deg,#697a7e,#c0c8bf 40%,#7a8b8c);box-shadow:0 calc(2 * var(--su)) calc(3 * var(--su)) #112b37}#shopScroll::-moz-range-track{width:calc(4 * var(--su));background:#102b38}#shopScroll::-moz-range-thumb{width:calc(12 * var(--su));height:calc(38 * var(--su));border:calc(1 * var(--su)) solid #c4c5ad;background:#a1b0af}#shopPanel .shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:calc(12 * var(--su)) calc(9 * var(--su));padding:calc(3 * var(--su)) calc(10 * var(--su)) calc(3 * var(--su)) calc(3 * var(--su))}#shopPanel .shop-item-card{position:relative;display:block;height:calc(150 * var(--su));padding:0;border:calc(1 * var(--su)) solid #9b9f8c;border-radius:calc(3 * var(--su));background:linear-gradient(110deg,#23485e,#11374e 42%,#06283c);box-shadow:inset 0 0 0 calc(2 * var(--su)) #264658,0 calc(2 * var(--su)) calc(3 * var(--su)) #1424319e;transition:none;transform:none}#shopPanel .shop-item-card:hover{border-color:#c0c6ac}#shopPanel .shop-item-icon-frame{position:absolute;left:calc(3 * var(--su));top:calc(3 * var(--su));width:calc(66 * var(--su));height:calc(66 * var(--su));margin:0;border:calc(1.5 * var(--su)) solid #c2c0a8;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 40% 30%,#294353,#071b27 78%);box-shadow:0 calc(1 * var(--su)) calc(2 * var(--su)) #051824,inset 0 0 0 calc(1 * var(--su)) #6e7c7c}#shopPanel .shop-item-icon{display:block;width:100%;height:100%;padding:calc(3 * var(--su));object-fit:contain;filter:none;border-radius:50%}#shopPanel .shop-sprite .shop-item-icon{position:absolute;width:500%;height:600%;max-width:none;left:calc(-100% * var(--shop-art-col));top:calc(-100% * var(--shop-art-row));padding:0;object-fit:fill;border-radius:0}#shopPanel .shop-native .shop-item-icon{width:100%;height:100%;padding:0;object-fit:contain;object-position:center;border-radius:0}#shopPanel .shop-native-rune .shop-item-icon{padding:calc(4 * var(--su))}#shopPanel .shop-resource-icon .shop-item-icon{padding:calc(5 * var(--su));border-radius:0}#shopPanel [data-item=buy-potion-lesser] .shop-item-icon{transform:scale(1.35)}#shopPanel .shop-scroll-icon{overflow:visible}#shopPanel .shop-scroll-icon .shop-item-icon{position:absolute;left:calc(-8.5 / 63 * 100%);top:calc(-11.5 / 63 * 100%);width:calc(80 / 63 * 100%);height:calc(76 / 63 * 100%);max-width:none;padding:0;border-radius:0;object-fit:fill}#shopPanel .shop-item-actions.shop-price-unknown{min-height:calc(52 * var(--su));display:grid;place-items:center;color:#c9d3ce;font-size:calc(17 * var(--su));border-top:calc(1 * var(--su)) solid #a5bbbf42}#shopPanel .shop-price-plus{color:#dce8df;font-size:calc(14 * var(--su))}#shopPanel .shop-purchase-note{font-size:calc(16 * var(--su));color:#c4d5de}#shopPanel .shop-item-title{position:absolute;left:calc(75 * var(--su));right:calc(8 * var(--su));top:calc(7 * var(--su));height:calc(61 * var(--su));overflow:hidden;margin:0;font:400 calc(16 * var(--su))/1.2 "Fontin",Georgia,serif;font-variant-caps:small-caps;hyphens:none;overflow-wrap:normal;word-break:normal;color:#e6eade;text-shadow:0 calc(1 * var(--su)) calc(2 * var(--su)) #0b2635}#shopPanel .shop-card-badge{position:absolute;left:calc(8 * var(--su));right:calc(34 * var(--su));top:calc(74 * var(--su));padding:0;border:0;border-radius:0;background:none;color:#dce2d7;font:400 calc(12 * var(--su))/1.2 var(--body)}.shop-inspect{position:absolute;right:calc(5 * var(--su));top:calc(62 * var(--su));width:calc(29 * var(--su));height:calc(29 * var(--su));display:block;padding:0;border-radius:50%;border:0;background:url(/art/ui/shop/quality-2026-09-21/inspect.png) center / contain no-repeat}.shop-inspect svg{display:none}.shop-inspect:hover{filter:brightness(1.12)}#shopPanel .shop-item-actions{position:absolute;left:calc(4 * var(--su));right:calc(4 * var(--su));bottom:calc(4 * var(--su));display:flex;gap:calc(5 * var(--su));margin:0}.shop-offer{flex:1;min-width:0;text-align:center}.shop-price{display:flex;align-items:center;justify-content:center;gap:calc(4 * var(--su));min-height:calc(25 * var(--su));border-top:calc(1 * var(--su)) solid #a5bbbf42;font:700 calc(17 * var(--su))/1 var(--body);font-variant-numeric:tabular-nums;color:#f0e7c6;text-shadow:0 calc(1 * var(--su)) #203440}#shopPanel .shop-curr-ico{width:calc(20 * var(--su));height:calc(20 * var(--su));object-fit:contain;vertical-align:middle}#shopPanel .shop-buy-btn{display:block;width:100%;height:calc(29 * var(--su));padding:0;margin:0;border:calc(8 * var(--su)) solid transparent;border-radius:0;border-image:url(/art/ui/shop/quality-2026-09-21/buy.png) 32 fill stretch;background:transparent;box-shadow:none;color:#f0edd1;font:400 calc(17 * var(--su))/1 var(--display);font-variant-caps:small-caps;text-shadow:0 calc(1 * var(--su)) calc(2 * var(--su)) #112d18;transition:filter .1s}#shopPanel .shop-buy-btn:hover:not(:disabled){filter:brightness(1.12)}#shopPanel .shop-buy-btn:active:not(:disabled){filter:brightness(.87)}#shopPanel .shop-buy-btn:disabled{filter:saturate(.25) brightness(.8);color:#d0d0bd;cursor:not-allowed}.shop-local-price{color:#d6c390;font-size:calc(14 * var(--su));align-self:flex-start;margin-top:calc(3 * var(--su))}.shop-price-retired{color:#bec8c5}.shop-unavailable{display:grid;place-items:center;height:calc(31 * var(--su));color:#c6cfc9;font-size:calc(15 * var(--su))}.shop-footer{position:absolute;left:calc(20 * var(--su));right:calc(28 * var(--su));bottom:calc(14 * var(--su));height:calc(68 * var(--su));display:grid;grid-template-columns:calc(360 * var(--su)) minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;column-gap:calc(50 * var(--su))}#shopClose{grid-row:1 / 3;width:100%;height:calc(47 * var(--su));padding:0;color:#ecebd2;border:0;border-radius:0;background:url(/art/ui/shop/quality-2026-09-21/close.png) center / 100% 100% no-repeat;box-shadow:none;font:400 calc(26 * var(--su))/1 var(--display);font-variant-caps:small-caps;text-shadow:0 calc(2 * var(--su)) calc(3 * var(--su)) #242b25}#shopClose:hover{filter:brightness(1.2)}.shop-wallet{display:flex;gap:calc(24 * var(--su));align-items:center;flex-shrink:0}.shop-wallet>span{display:flex;align-items:center;gap:calc(6 * var(--su));color:#e9deba;font-size:calc(19 * var(--su));font-variant-numeric:tabular-nums}.shop-wallet img{width:calc(27 * var(--su));height:calc(27 * var(--su));object-fit:contain}#shopFeedback{grid-column:2;align-self:start;margin:0;font-size:calc(15 * var(--su));line-height:1.2;color:#e3e9d0}.shop-empty{padding:calc(35 * var(--su));font-size:calc(19 * var(--su));text-align:center}.shop-empty h3{font:400 calc(27 * var(--su))/1.2 var(--display)}.shop-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#shopDetail{padding:calc(3 * var(--su)) calc(10 * var(--su)) calc(3 * var(--su)) calc(3 * var(--su))}.shop-detail-content{display:flex;flex-direction:column;min-height:100%;padding:calc(24 * var(--su)) calc(24 * var(--su)) calc(24 * var(--su)) calc(44 * var(--su));border:calc(1 * var(--su)) solid #8b998e;border-radius:8% calc(5 * var(--su)) calc(5 * var(--su)) 4% / 55% calc(5 * var(--su)) calc(5 * var(--su)) 45%;background:radial-gradient(ellipse at 15% 10%,#214b62,#0b2d43 60%,#082338);box-shadow:inset 0 0 0 calc(3 * var(--su)) #294558}.shop-detail-product{display:flex;align-items:center;gap:calc(23 * var(--su));min-width:0;min-height:calc(95 * var(--su))}.shop-detail-product>div{min-width:0}#shopPanel .shop-detail-product .shop-item-icon-frame{position:relative;left:auto;top:auto;width:calc(92 * var(--su));height:calc(92 * var(--su));flex-shrink:0}.shop-detail-product h3{margin:0 0 calc(10 * var(--su));font:400 calc(27 * var(--su))/1.2 "Fontin",Georgia,serif;overflow-wrap:anywhere;hyphens:auto}.shop-detail-badge{font-size:calc(16 * var(--su));color:#c6d1cd}.shop-detail-description{flex:1;min-width:0;margin:calc(24 * var(--su)) 0 calc(28 * var(--su)) calc(115 * var(--su))}.shop-detail-meta{display:flex;justify-content:space-between;gap:calc(15 * var(--su));border-bottom:calc(1 * var(--su)) solid #79929c80;padding-bottom:calc(12 * var(--su));color:#e8e5cf;font-size:calc(15 * var(--su))}.shop-detail-description p{margin:calc(16 * var(--su)) 0 0;font-size:calc(18 * var(--su));line-height:1.5;color:#e1e7e2}.shop-detail-description .shop-detail-notice{color:#e4cc9b;font-size:calc(16 * var(--su))}.shop-detail-description .shop-price-note{color:#b7c8c9;font-size:calc(14 * var(--su))}.shop-detail-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(24 * var(--su));padding-top:calc(16 * var(--su));border-top:calc(1 * var(--su)) solid #79929c80}.shop-detail-back{width:calc(160 * var(--su));height:calc(33 * var(--su));flex-shrink:0;border:0;background:url(/art/ui/shop/quality-2026-09-21/close.png) center / 100% 100% no-repeat;color:#e6e6cf;padding:0 calc(15 * var(--su));font:calc(17 * var(--su))/1 var(--display)}.shop-detail-checkout{display:grid;grid-template-columns:auto minmax(calc(195 * var(--su)),1fr);align-items:end;column-gap:calc(16 * var(--su));row-gap:calc(5 * var(--su))}.shop-quantity-label{font-size:calc(13 * var(--su));color:#d6ded4;grid-column:1}.shop-quantity{display:flex;height:calc(33 * var(--su));grid-column:1}.shop-quantity :is(button,input){min-width:0;border:calc(1 * var(--su)) solid #97885c;border-radius:0;background:#20323b;color:#eee6cf;text-align:center;font:calc(17 * var(--su))/1 var(--body)}.shop-quantity button{width:calc(25 * var(--su));padding:0;background:linear-gradient(#645c45,#3d3b2c)}.shop-quantity input{appearance:textfield;width:calc(38 * var(--su));border-inline:0;padding:0}.shop-quantity input::-webkit-inner-spin-button{appearance:none}.shop-quantity button:hover{filter:brightness(1.25)}#shopDetailPurchase{grid-column:2;grid-row:1 / 3;min-width:0}#shopPanel #shopDetail .shop-item-actions{position:static;margin:0;gap:calc(12 * var(--su))}#shopDetail .shop-price{min-height:calc(30 * var(--su));border:0;white-space:nowrap}#shopPanel #shopDetail .shop-buy-btn{height:calc(33 * var(--su))}@media(max-width:900px){#shopPanel{--su: calc(1px / var(--ui-scale, 1));width:calc(100 * var(--ui-vw, 1vw) - 24 * var(--su));height:calc(100 * var(--ui-vh, 1vh) - 24 * var(--su));background-size:auto 100%;background-color:#173c51;border:calc(2 * var(--su)) solid #80949f}#shopTitle{top:calc(15 * var(--su));font-size:calc(36 * var(--su))}#shopCategoryTabs{left:calc(12 * var(--su));right:calc(12 * var(--su));top:calc(65 * var(--su));bottom:auto;width:auto;height:calc(58 * var(--su));flex-direction:row;overflow-x:auto;overflow-y:hidden}#shopPanel .shop-tab-btn{flex:0 0 auto;width:auto;min-width:calc(146 * var(--su));height:calc(42 * var(--su));font-size:calc(17 * var(--su));padding-right:calc(14 * var(--su))}.shop-shelf-heading{left:calc(16 * var(--su));right:calc(16 * var(--su));top:calc(135 * var(--su));height:calc(35 * var(--su))}.shop-shelf-heading h3{font-size:calc(24 * var(--su))}#shopCount{font-size:calc(14 * var(--su));white-space:nowrap}.shop-sale-filter{top:calc(176 * var(--su));right:calc(27 * var(--su));font-size:calc(13 * var(--su))}#shopBody,#shopDetail{left:calc(12 * var(--su));right:calc(24 * var(--su));top:calc(209 * var(--su));bottom:calc(117 * var(--su))}#shopPanel .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12 * var(--su))}.shop-scroll{right:calc(6 * var(--su));top:calc(212 * var(--su));bottom:calc(123 * var(--su))}#shopPanel .shop-item-title{font-size:calc(17 * var(--su))}#shopPanel .shop-card-badge{font-size:calc(13 * var(--su))}.shop-footer{left:calc(16 * var(--su));right:calc(16 * var(--su));bottom:calc(10 * var(--su));height:calc(95 * var(--su));grid-template-columns:calc(190 * var(--su)) minmax(0,1fr);gap:calc(8 * var(--su))}#shopClose{grid-row:1;font-size:calc(23 * var(--su))}.shop-wallet{justify-content:flex-end;gap:calc(14 * var(--su))}.shop-wallet>span{font-size:calc(16 * var(--su));gap:calc(4 * var(--su))}.shop-wallet img{width:calc(21 * var(--su));height:calc(21 * var(--su))}#shopFeedback{grid-column:1 / -1;font-size:calc(14 * var(--su))}.shop-detail-back{max-width:100%}.shop-detail-description{margin-left:0}.shop-detail-product h3{font-size:calc(24 * var(--su))}.shop-detail-footer{gap:calc(15 * var(--su))}.shop-detail-back{width:calc(130 * var(--su))}}@media(max-width:560px){#shopPanel .shop-grid{grid-template-columns:minmax(0,1fr)}.shop-shelf-heading h3{font-size:calc(21 * var(--su))}.shop-footer{grid-template-columns:calc(135 * var(--su)) minmax(0,1fr)}#shopClose{font-size:calc(19 * var(--su))}.shop-wallet{gap:calc(8 * var(--su));flex-wrap:wrap}.shop-wallet>span{font-size:calc(14 * var(--su))}.shop-wallet img{width:calc(17 * var(--su));height:calc(17 * var(--su))}.shop-detail-content{padding:calc(15 * var(--su)) calc(15 * var(--su)) calc(15 * var(--su)) calc(25 * var(--su))}.shop-detail-product{gap:calc(12 * var(--su));align-items:flex-start;min-height:calc(80 * var(--su))}#shopPanel .shop-detail-product .shop-item-icon-frame{width:calc(66 * var(--su));height:calc(66 * var(--su))}.shop-detail-product h3{font-size:calc(21 * var(--su))}.shop-detail-meta{font-size:calc(14 * var(--su));flex-wrap:wrap}.shop-detail-description{margin-block:calc(15 * var(--su))}.shop-detail-description p{font-size:calc(17 * var(--su))}.shop-detail-footer{flex-direction:column-reverse;align-items:stretch}.shop-detail-back{width:calc(120 * var(--su))}.shop-detail-checkout{grid-template-columns:minmax(0,1fr) auto;gap:calc(12 * var(--su));align-items:center}.shop-quantity-label{grid-column:1;grid-row:1}.shop-quantity{grid-column:2;grid-row:1}#shopDetailPurchase{grid-column:1 / -1;grid-row:2}#shopDetail .shop-price{font-size:calc(16 * var(--su))}}#shopPanel .shop-mode{position:absolute;left:calc(27 * var(--su));top:calc(140 * var(--su));width:calc(329 * var(--su));height:calc(38 * var(--su));display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(180deg,#786e5f26,#786e5f42),url(/ui/mail-restored/action.png) 0 0 / 100% 100% no-repeat}#shopPanel .shop-mode-btn{margin:0;padding:0;border:0;background:none;color:#e9e2cf;font:400 calc(18 * var(--su))/1 var(--display);text-shadow:0 calc(1 * var(--su)) calc(2 * var(--su)) #000}#shopPanel .shop-mode-btn+.shop-mode-btn{border-left:calc(1 * var(--su)) solid #a8987a80}#shopPanel .shop-mode-btn[aria-selected=true]{color:#fff2c5;background:linear-gradient(180deg,#ead59433,#ead59414)}#shopPanel .shop-mode-btn[aria-disabled=true]{color:#a39c8d;cursor:help}html:is(:lang(en),:lang(pl)) #shopPanel .shop-mode-btn{font-variant-caps:small-caps}#shopPanel #shopCategoryTabs{top:calc(190 * var(--su))}#shopPanel .shop-item-actions.single .shop-offer{flex:1 1 100%}#shopPanel .shop-item-actions.single .shop-buy-btn{height:calc(30 * var(--su))}@media(max-width:900px){#shopPanel .shop-mode{left:calc(12 * var(--su));top:calc(62 * var(--su));width:calc(240 * var(--su))}#shopPanel #shopCategoryTabs{top:calc(104 * var(--su))}#shopPanel .shop-shelf-heading{top:calc(166 * var(--su))}#shopPanel .shop-sale-filter{top:calc(202 * var(--su))}#shopPanel #shopBody,#shopPanel #shopDetail{top:calc(233 * var(--su))}#shopPanel .shop-scroll{top:calc(236 * var(--su))}}#shopPanel .shop-mode-btn{position:relative;padding-left:calc(46 * var(--su))}#shopPanel .shop-mode-btn:before{content:"";position:absolute;left:calc(2 * var(--su));top:calc(-14 * var(--su));width:calc(52 * var(--su));height:calc(64 * var(--su));background:url(/art/ui/shop/mode/buy.png) center / contain no-repeat;pointer-events:none}#shopPanel .shop-mode-btn+.shop-mode-btn:before{background-image:url(/art/ui/shop/mode/gift.png)}#shopPanel .shop-mode-btn[aria-disabled=true]:before{filter:saturate(.55) brightness(.8)}#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-2026-09-12.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;isolation:isolate}#featsPanel[hidden]{display:none}#featsPanel:before,#featsPanel:after{content:none}#featsPanel:before{all:unset;content:"";position:absolute;z-index:-1;pointer-events:none;left:37%;top:20%;width:60%;height:61%;background:radial-gradient(ellipse at 44% 45%,#001c3247,transparent 72%)}#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);font-variant-caps:small-caps;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:#bec6bc;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:0;border-radius:calc(4 * var(--fu));box-shadow: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:hover{color:#e4e7d9}.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);font-variant-caps:small-caps;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}#featsBody:not(.feats-summary-view){background:linear-gradient(90deg,transparent 61%,#9abcc215 61.2%,transparent 61.4%,transparent 77%,#9abcc215 77.2%,transparent 77.4%)}.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);font-variant-caps:small-caps;color:#f4f4ec;text-shadow:0 calc(2 * var(--fu)) calc(2 * var(--fu)) #001522}.feats-overall>h3{top:calc(10 * var(--fu))}.feats-percent,.feats-count,.feats-score{position:absolute;font:700 calc(25 * var(--fu))/1.2 var(--body);font-variant-numeric:tabular-nums;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:#1c3f54;stroke-width:1.1;opacity:.7}.feats-ribbon-fold{fill:none;stroke-width:.65}.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));right:calc(34 * 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));width:calc(27 * var(--fu));height:calc(27 * var(--fu));fill:none;stroke:#c5d8dc;stroke-width:2;stroke-linecap:round;pointer-events:none}.feats-category:hover .feats-inspect,.feats-category:focus-visible .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);font-variant-caps:small-caps;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(6 * 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));object-fit:contain}.feats-medal-multiple{left:calc(433 * var(--fu));width:calc(31 * var(--fu));height:calc(29 * var(--fu))}.feats-state{position:absolute;left:calc(480 * var(--fu));top:calc(33 * var(--fu));width:calc(98 * var(--fu));height:calc(89 * var(--fu))}.feats-state>.feats-ribbon{width:calc(44 * var(--fu));height:calc(48 * var(--fu));margin:0 auto}.feats-row-percent{position:absolute;top:calc(38 * 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(48 * 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-item-reward{position:absolute;right:calc(86 * var(--fu));top:calc(30 * var(--fu));width:calc(54 * var(--fu));height:calc(58 * var(--fu));object-fit:contain}.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:auto;min-height:calc(49 * var(--fu));padding:calc(10 * var(--fu)) 0;border:0}.feats-sub .feats-row-title{position:relative;display:block;top:auto;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-sub .feats-item-reward{top:calc(3 * var(--fu));width:calc(38 * 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:50%;transform:translate(-50%);top:calc(27 * var(--fu));bottom:calc(30 * var(--fu));width:calc(4 * var(--fu));background:#273b46;box-shadow:inset calc(1 * var(--fu)) 0 #a6a39280}.feats-scroll-thumb{position:absolute;left:50%;transform:translate(-50%);width:calc(24 * var(--fu));min-height:calc(25 * var(--fu));border:calc(1 * var(--fu)) solid #94866a;border-radius:calc(13 * var(--fu));background:linear-gradient(90deg,#70634b,#77694f 12%,#685b44 30%,#665941 78%,#5b503d);box-shadow:inset calc(1 * var(--fu)) 0 0 #b0a18366,inset calc(-1 * var(--fu)) 0 0 #423b3066;touch-action:none;cursor:grab}.feats-scroll-thumb:active{cursor:grabbing}#featsPanel .feats-scroll-arrow{position:absolute;left:50%;transform:translate(-50%);width:calc(26 * var(--fu));height:calc(26 * var(--fu));border:0;color:transparent;font-size:0;text-shadow:none;background:radial-gradient(circle closest-side,#3b3527 71%,transparent 72%);padding:0}.feats-scroll-arrow:before,.feats-scroll-arrow:after{content:"";position:absolute;inset:0;pointer-events:none}.feats-scroll-arrow:before{background:url(/art/ui/town-buttons/round-scroll-up.png) center / contain no-repeat;mask-image:radial-gradient(circle closest-side,transparent 69%,#000 70%)}.feats-scroll-arrow:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cpath d='M80 52 L109 94 H51 Z' fill='%23ede9cf' stroke='%23c5c0a7' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.feats-scroll-arrow:first-child{top:0}#featsPanel .feats-scroll-arrow:last-child{bottom:0}.feats-scroll-arrow:last-child:after{transform:rotate(180deg)}.feats-scroll-arrow:not(:disabled):hover,.feats-scroll-thumb:hover{filter:brightness(1.18)}.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;font-variant-caps:small-caps!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));object-fit:contain}#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-close{width:calc(30 * var(--fu));height:calc(30 * var(--fu));padding:0;color:transparent;background:url(/art/ui/town-kit/round-close.png) center / contain no-repeat}#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}#hallPanel{--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:#efe9da;background:url(/art/ui/shop/window-restored-2026-09-13.png) center / 100% 100% no-repeat;box-shadow:0 calc(12 * var(--fu)) calc(50 * var(--fu)) #0009;font-family:var(--body);font-weight:400;font-variant-numeric:lining-nums tabular-nums;isolation:isolate}#hallPanel[hidden]{display:none}#hallPanel:before,#hallPanel:after{content:none}#hallPanel *,#hallPanel *:before,#hallPanel *:after{box-sizing:border-box}#hallPanel :is(button,[tabindex]):focus-visible{outline:calc(2 * var(--fu)) solid #f7df96;outline-offset:calc(2 * var(--fu))}#hallHeading{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);font-variant-caps:small-caps;font-variant-numeric:lining-nums tabular-nums;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;pointer-events:none}#hallBody{position:absolute;inset:0;pointer-events:none}#hallBody>*{pointer-events:auto}.hall-cards{position:absolute;left:calc(155 * var(--fu));top:calc(140 * var(--fu));display:flex;gap:calc(30 * var(--fu))}.hall-card{position:relative;flex:none;margin:0;width:calc(227 * var(--fu));height:calc(587 * var(--fu));background:var(--hall-art) center / 100% 100% no-repeat}.hall-card:before{content:"";position:absolute;inset:calc(3 * var(--fu));pointer-events:none;--b: calc(15 * var(--fu));clip-path:polygon(var(--b) 0,calc(100% - var(--b)) 0,100% var(--b),100% calc(100% - var(--b)),calc(100% - var(--b)) 100%,var(--b) 100%,0 calc(100% - var(--b)),0 var(--b));background:linear-gradient(180deg,transparent var(--hall-shade, 100%),#0a0703d6 calc(var(--hall-shade, 100%) + 9%),#0a0703eb)}.hall-card-hero{--hall-shade: 20%}.hall-card-hero:before{background:linear-gradient(180deg,transparent 20%,#0a07036b 32%,#0a07036b 62%,transparent 70%)}.hall-card-stats{--hall-shade: 45%}.hall-card-record{--hall-shade: 52%}.hall-card-army{--hall-shade: 36%}.hall-card-title{position:absolute;left:calc(8 * var(--fu));right:calc(8 * var(--fu));top:calc(20 * var(--fu));margin:0;text-align:center;font:400 calc(24 * var(--fu))/1.33 var(--display);font-variant-caps:small-caps;font-variant-numeric:lining-nums tabular-nums;color:#e8e0ce;text-shadow:0 calc(2 * var(--fu)) calc(2 * var(--fu)) #000,0 0 calc(7 * var(--fu)) #000c}.hall-card-sub{position:absolute;left:calc(20 * var(--fu));right:calc(20 * var(--fu));top:calc(123 * var(--fu));margin:0;padding-top:calc(8 * var(--fu));border-top:calc(1.5 * var(--fu)) solid #cfc4ab8c;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 calc(17 * var(--fu))/1.1 var(--display);font-variant-caps:small-caps;font-variant-numeric:lining-nums tabular-nums;color:#c3baa6;text-shadow:0 calc(1 * var(--fu)) calc(2 * var(--fu)) #000}.hall-titles{position:absolute;left:calc(12 * var(--fu));right:calc(12 * var(--fu));top:calc(160 * var(--fu));max-height:calc(228 * var(--fu));margin:0;padding:0;list-style:none;text-align:center;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a4a891 #0000;font:400 calc(17 * var(--fu))/1.3 var(--body);font-variant-numeric:lining-nums tabular-nums;color:#62b62c;text-shadow:0 calc(1 * var(--fu)) calc(2 * var(--fu)) #000,0 0 calc(5 * var(--fu)) #000}.hall-titles.more{mask-image:linear-gradient(180deg,#000 78%,#0000)}.hall-titles li+li{margin-top:calc(4 * var(--fu))}.hall-titles .hall-titles-none{color:#bdb4a2}.hall-medal{position:absolute;left:calc(67.5 * var(--fu));top:calc(403 * var(--fu));width:calc(92 * var(--fu));height:calc(102.8 * var(--fu))}.hall-medal-bust{position:absolute;left:50%;top:39.9%;width:68.75%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;object-fit:cover;object-position:50% 18%;background:#0d1a26}.hall-medal-frame{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.87) saturate(.68)}.hall-medal-level{position:absolute;left:50%;top:85.5%;transform:translate(-50%,-50%);min-width:calc(14 * var(--fu));text-align:center;font:700 calc(11 * var(--fu))/1 Tahoma,Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums;color:#f1ede2;text-shadow:0 0 calc(2 * var(--fu)) #000}.hall-card-name,.hall-card-note{position:absolute;left:calc(6 * var(--fu));right:calc(6 * var(--fu));margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 calc(1 * var(--fu)) calc(2 * var(--fu)) #000}.hall-card-name{top:calc(522 * var(--fu));font:400 calc(21 * var(--fu))/1.25 var(--display);font-variant-caps:small-caps;font-variant-numeric:lining-nums tabular-nums;color:#e6dece}#hallPanel .hall-card-name[data-latin=true]{font-variant-caps:small-caps!important}.hall-card-note{top:calc(551 * var(--fu));font:400 calc(15 * var(--fu))/1.2 var(--body);font-variant-numeric:lining-nums tabular-nums;color:#b9b09c}.hall-rows{position:absolute;left:calc(12 * var(--fu));right:calc(12 * var(--fu));bottom:calc(16 * var(--fu));margin:0;padding:0;list-style:none;font:400 calc(16 * var(--fu))/1.15 var(--body);font-variant-numeric:lining-nums tabular-nums;color:#dcd3bf;text-shadow:0 calc(1 * var(--fu)) calc(2 * var(--fu)) #000;max-height:calc(350 * var(--fu));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#aa9568 transparent;overscroll-behavior:contain}.hall-stats,.hall-record{max-height:calc(305 * var(--fu))}.hall-empty{text-align:center;color:#c6bca8}.hall-rows li{display:flex;align-items:center;gap:calc(7 * var(--fu));min-height:calc(34 * var(--fu));padding:calc(2 * var(--fu)) calc(2 * var(--fu));border-bottom:calc(1 * var(--fu)) solid #d8ccae2e}.hall-rows li:last-child{border-bottom:0}.hall-rows li>span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.hall-rows li>b,.hall-rows li>em{flex:none;font:700 calc(17 * var(--fu))/1 Tahoma,Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums;font-style:normal;color:#f4eedc}.hall-stats img{flex:none;width:calc(24 * var(--fu));height:calc(27 * var(--fu));object-fit:contain;filter:drop-shadow(0 calc(1 * var(--fu)) calc(2 * var(--fu)) #000)}.hall-army li{min-height:calc(40 * var(--fu))}.hall-face{flex:none;width:calc(34 * var(--fu));height:calc(34 * var(--fu));border-radius:50%;background:#14222e center / cover no-repeat;box-shadow:0 0 0 calc(1.5 * var(--fu)) #b59a5c,0 calc(1 * var(--fu)) calc(3 * var(--fu)) #000}.hall-army li>span{display:flex;flex-direction:column;gap:calc(2 * var(--fu))}.hall-army li>span>b{font-weight:700;font-size:calc(15 * var(--fu));color:#ece4cf;overflow-wrap:anywhere}.hall-army small{font-size:calc(13 * var(--fu));color:#b3aa96}.hall-footer{position:absolute;left:calc(478 * var(--fu));right:calc(27 * var(--fu));top:calc(771 * var(--fu));display:flex;gap:calc(24 * var(--fu));margin:0}.hall-footer>div{flex:1 1 0;min-width:0;height:calc(41 * var(--fu));display:flex;align-items:flex-end;justify-content:space-between;gap:calc(10 * var(--fu));border-bottom:calc(1.5 * var(--fu)) solid #d6ceb9b3;box-shadow:0 calc(1 * var(--fu)) 0 #04101a99}.hall-footer dt{font:400 calc(22 * var(--fu))/1.25 var(--display);font-variant-caps:small-caps;font-variant-numeric:lining-nums tabular-nums;color:#d9d1bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 calc(1 * var(--fu)) calc(2 * var(--fu)) #000}.hall-footer dd{margin:0;flex:none;font:italic 700 calc(34 * var(--fu))/1.1 var(--body);font-variant-numeric:lining-nums tabular-nums;color:#dcd7ca;text-shadow:0 calc(2 * var(--fu)) calc(2 * var(--fu)) #000}#hallClose{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);font-variant-caps:small-caps;font-variant-numeric:lining-nums tabular-nums;color:#ece3cb;cursor:pointer;text-shadow:0 calc(2 * var(--fu)) calc(2 * var(--fu)) #342b1d}#hallClose:hover{filter:brightness(1.15)}#questsPanel{--qu: min(calc(94 * var(--ui-vw, 1vw) / 1260), calc(84 * var(--ui-vh, 1vh) / 735), calc(8px / 9));--qb-paper: #d8ccb0;--qb-ink: #2b2219;width:calc(1260 * var(--qu));height:calc(735 * var(--qu));max-width:none;max-height:none;padding:0;border:0;border-radius:calc(10 * var(--qu));display:block;overflow:visible;isolation:isolate;color:#e9e3d2;background:url(/art/ui/quest-book/window.png) center / 100% 100% no-repeat;box-shadow:0 calc(12 * var(--qu)) calc(50 * var(--qu)) #0009,0 0 0 150vmax #0006;font-family:var(--body);font-weight:400}#questsPanel[hidden]{display:none}#questsPanel:before,#questsPanel:after{content:none;display:none}#questsPanel *,#questsPanel *:before,#questsPanel *:after{box-sizing:border-box}#questsPanel button{cursor:pointer;font-family:inherit;color:inherit}#questsPanel button:focus-visible{outline:calc(2 * var(--qu)) solid #f7df96;outline-offset:calc(1 * var(--qu))}#questsPanel .qb-heading{position:absolute;z-index:3;top:calc(34 * var(--qu));left:0;width:100%;margin:0;text-align:center;font:400 calc(70 * var(--qu))/1 var(--display);color:#dfe5e6;letter-spacing:.01em;-webkit-text-stroke:calc(1 * var(--qu)) #3a4b57;text-shadow:0 calc(2 * var(--qu)) #08111a,calc(2 * var(--qu)) 0 #8596a2,calc(-2 * var(--qu)) 0 #8596a2,0 calc(-2 * var(--qu)) #8596a2,0 calc(5 * var(--qu)) calc(4 * var(--qu)) #000;pointer-events:none}#questsPanel .qb-list{position:absolute;left:calc(13 * var(--qu));top:calc(140 * var(--qu));width:calc(410 * var(--qu));height:calc(490 * var(--qu));padding-right:calc(24 * var(--qu));overflow-y:scroll;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4a3a22 #0f1a22}#questsPanel .qb-list::-webkit-scrollbar{width:calc(14 * var(--qu))}#questsPanel .qb-list::-webkit-scrollbar-track{background:#0d1720;border-radius:calc(7 * var(--qu));box-shadow:inset 0 0 0 calc(1 * var(--qu)) #000a}#questsPanel .qb-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#3a2b17,#6b5434 50%,#3a2b17);border-radius:calc(7 * var(--qu));border:calc(2 * var(--qu)) solid #0d1720}#questsPanel .qb-empty{margin:calc(20 * var(--qu)) calc(12 * var(--qu));font-size:calc(19 * var(--qu));color:#c9cfd2}#questsPanel .qb-group{margin-bottom:calc(12 * var(--qu))}#questsPanel .qb-bar{position:relative;display:flex;align-items:center;gap:calc(10 * var(--qu));width:100%;height:calc(48 * var(--qu));padding:0 calc(16 * var(--qu)) 0 calc(18 * var(--qu));border:calc(2 * var(--qu)) solid #a3955f;border-radius:calc(3 * var(--qu));background:linear-gradient(180deg,#ffffff14,transparent 40%,#00000033),radial-gradient(120% 140% at 45% 50%,#5b7b4f,#35553a 55%,#213826);box-shadow:inset 0 0 0 calc(2 * var(--qu)) #1c2a1acc,0 calc(2 * var(--qu)) calc(3 * var(--qu)) #0009;text-align:left}#questsPanel .qb-bar:hover{filter:brightness(1.12)}#questsPanel .qb-bar-title{flex:1;font:400 calc(23 * var(--qu))/1 var(--display);color:#e7e0c6;text-shadow:0 calc(2 * var(--qu)) calc(2 * var(--qu)) #101a10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#questsPanel .qb-bar-count{font:700 calc(19 * var(--qu))/1 var(--body);color:#f0ead6;text-shadow:0 1px 2px #000}#questsPanel .qb-bar-arrow{font-size:calc(18 * var(--qu));color:#f2efe2;text-shadow:0 1px 2px #000}#questsPanel .qb-rows{padding:calc(6 * var(--qu)) 0 calc(2 * var(--qu))}#questsPanel .qb-row{position:relative;display:flex;align-items:center;min-height:calc(56 * var(--qu));border-bottom:calc(1 * var(--qu)) solid transparent}#questsPanel .qb-row.selected{background:linear-gradient(90deg,#00000026,#0000004d 70%,#00000026);border-bottom-color:#8a7d55aa}#questsPanel .qb-pick{flex:1;display:flex;align-items:center;gap:calc(12 * var(--qu));min-height:calc(56 * var(--qu));padding:calc(4 * var(--qu)) calc(4 * var(--qu)) calc(4 * var(--qu)) calc(6 * var(--qu));border:0;background:none;text-align:left}#questsPanel .qb-row-icon{flex:0 0 auto;width:calc(30 * var(--qu));height:calc(38 * var(--qu));background:url(/art/ui/quest-book/row-scroll.png) center / contain no-repeat;-webkit-mask:radial-gradient(closest-side,#000 72%,transparent);mask:radial-gradient(closest-side,#000 72%,transparent)}#questsPanel .qb-row-name{font:400 calc(18 * var(--qu))/1.25 var(--body);color:#eceadf;text-shadow:0 calc(1 * var(--qu)) calc(2 * var(--qu)) #000}#questsPanel .qb-row:hover .qb-row-name,#questsPanel .qb-row.selected .qb-row-name{color:#fff}#questsPanel .qb-row.ready .qb-row-name{color:#f2d77c}#questsPanel .qb-track{flex:0 0 auto;width:calc(26 * var(--qu));height:calc(20 * var(--qu));margin-right:calc(10 * var(--qu));padding:0;border:0;background:none;opacity:0}#questsPanel .qb-row:hover .qb-track,#questsPanel .qb-row.selected .qb-track{opacity:1}#questsPanel .qb-track:not(.on){width:calc(20 * var(--qu));height:calc(20 * var(--qu));margin-right:calc(13 * var(--qu));border-radius:calc(3 * var(--qu));background:#141414;box-shadow:inset 0 0 0 calc(1 * var(--qu)) #3d3d3d}#questsPanel .qb-track.on{opacity:1;background:url(/art/ui/quest-book/row-eye.png) center / contain no-repeat;-webkit-mask:radial-gradient(closest-side,#000 75%,transparent);mask:radial-gradient(closest-side,#000 75%,transparent)}#questsPanel .qb-sheet{position:absolute;left:calc(442 * var(--qu));top:calc(126 * var(--qu));width:calc(798 * var(--qu));height:calc(508 * var(--qu));padding:calc(36 * var(--qu)) calc(30 * var(--qu)) calc(18 * var(--qu)) calc(28 * var(--qu));color:var(--qb-ink);background:url(/art/ui/quest-book/parchment.png) center / 100% 100% no-repeat;filter:drop-shadow(0 calc(3 * var(--qu)) calc(5 * var(--qu)) #000a)}#questsPanel.qb-blank .qb-sheet{opacity:.55}#questsPanel .qb-title{margin:0 calc(190 * var(--qu)) 0 0;padding-bottom:calc(4 * var(--qu));font:700 calc(26 * var(--qu))/1.15 var(--display);color:#2a2119;border-bottom:calc(2 * var(--qu)) solid #4b3e2c;margin-right:0}#questsPanel .qb-from{margin:calc(6 * var(--qu)) 0 0;font:400 calc(17 * var(--qu))/1.3 var(--body);color:#2f2820}#questsPanel .qb-cols{position:absolute;left:calc(28 * var(--qu));right:calc(30 * var(--qu));top:calc(118 * var(--qu));bottom:calc(40 * var(--qu));display:grid;grid-template-columns:1fr 1fr;column-gap:calc(28 * var(--qu))}#questsPanel .qb-col{position:relative;min-height:0;display:flex;flex-direction:column}#questsPanel .qb-col h4{margin:0 0 calc(8 * var(--qu));padding-bottom:calc(2 * var(--qu));font:700 calc(22 * var(--qu))/1.1 var(--display);color:#2a2119;border-bottom:calc(2 * var(--qu)) solid #4b3e2c}#questsPanel .qb-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:calc(20 * var(--qu));font:400 calc(18 * var(--qu))/1.36 var(--body);color:#2f281f;scrollbar-width:thin;scrollbar-color:#4a3a22 transparent}#questsPanel .qb-scroll::-webkit-scrollbar{width:calc(12 * var(--qu))}#questsPanel .qb-scroll::-webkit-scrollbar-track{background:#3a2c1a;border-radius:calc(6 * var(--qu));border:calc(3 * var(--qu)) solid var(--qb-paper)}#questsPanel .qb-scroll::-webkit-scrollbar-thumb{background:#241a0e;border-radius:calc(6 * var(--qu))}#questsPanel .qb-scroll p{margin:0 0 calc(14 * var(--qu));white-space:pre-line}#questsPanel .qb-scroll p:first-child:has(+p){margin-bottom:0}#questsPanel .qb-muted{color:#6b5f4d;font-style:italic}#questsPanel .qb-goals,#questsPanel .qb-rewards{list-style:none;margin:0;padding:0}#questsPanel .qb-goal{position:relative;display:grid;grid-template-columns:1fr;padding-left:calc(20 * var(--qu));margin-bottom:calc(8 * var(--qu));font:400 calc(18 * var(--qu))/1.3 var(--body);color:#2f281f}#questsPanel .qb-goal:before{content:"•";position:absolute;left:calc(4 * var(--qu));top:0}#questsPanel .qb-goal-count{justify-self:end;margin-top:calc(4 * var(--qu));font-weight:700}#questsPanel .qb-goal.met{color:#3d6b2a}#questsPanel .qb-goal.waiting{color:#8a8170}#questsPanel .qb-reward-head{margin-top:calc(6 * var(--qu))!important}#questsPanel .qb-rewards li{display:flex;align-items:center;gap:calc(8 * var(--qu));margin-bottom:calc(5 * var(--qu));font:400 calc(18 * var(--qu))/1.25 var(--body);color:#2f281f}#questsPanel .qb-rewards img,#questsPanel .qb-rewards i{flex:0 0 auto;width:calc(24 * var(--qu));height:calc(24 * var(--qu));object-fit:contain}#questsPanel .qb-rewards img.round{border-radius:50%}#questsPanel .qb-stamp{position:absolute;right:calc(14 * var(--qu));bottom:calc(88 * var(--qu));width:calc(140 * var(--qu));height:calc(140 * var(--qu));color:#c4343a;opacity:.72;mix-blend-mode:multiply;pointer-events:none}#questsPanel .qb-stamp text{font:700 30px/1 var(--display);letter-spacing:1px}#questsPanel .qb-xp{margin-top:auto;display:flex;align-items:center;gap:calc(10 * var(--qu));padding-bottom:calc(3 * var(--qu));border-bottom:calc(2 * var(--qu)) solid #4b3e2c}#questsPanel .qb-xp-disc{display:grid;place-items:center;width:calc(34 * var(--qu));height:calc(34 * var(--qu));border-radius:50%;font:900 calc(13 * var(--qu))/1 var(--body);color:#5a3d06;background:radial-gradient(circle at 35% 30%,#fff3a8,#e2b636 45%,#9a6c12 85%);box-shadow:0 0 0 calc(1 * var(--qu)) #6d4b0c,0 calc(1 * var(--qu)) calc(2 * var(--qu)) #0006}#questsPanel .qb-xp-label{flex:1;font:700 calc(22 * var(--qu))/1 var(--display);color:#2a2119}#questsPanel .qb-xp b{font:italic 700 calc(30 * var(--qu))/1 var(--body);color:#2a2119}#questsPanel .qb-cancel,#questsPanel .qb-confirm button{height:calc(34 * var(--qu));padding:0 calc(26 * var(--qu));border:calc(2 * var(--qu)) solid #b49b70;border-radius:calc(6 * var(--qu));background:linear-gradient(180deg,#6a5a45,#3d3124 60%,#2c2219);color:#efe4c8;font:400 calc(20 * var(--qu))/1 var(--display);box-shadow:0 calc(2 * var(--qu)) calc(3 * var(--qu)) #0008}#questsPanel .qb-cancel{position:absolute;right:calc(14 * var(--qu));bottom:calc(-14 * var(--qu));min-width:calc(178 * var(--qu))}#questsPanel .qb-cancel:hover,#questsPanel .qb-confirm button:hover{filter:brightness(1.18)}#questsPanel .qb-confirm{position:absolute;right:calc(14 * var(--qu));bottom:calc(-14 * var(--qu));display:flex;align-items:center;gap:calc(8 * var(--qu));padding:calc(4 * var(--qu)) calc(6 * var(--qu)) calc(4 * var(--qu)) calc(14 * var(--qu));border-radius:calc(6 * var(--qu));background:#1c140ddd;color:#efe4c8;font:400 calc(17 * var(--qu))/1 var(--body)}#questsPanel .qb-portrait{position:absolute;z-index:2;right:calc(30 * var(--qu));top:calc(18 * var(--qu));width:calc(196 * var(--qu));height:calc(166 * var(--qu));background:center bottom / contain no-repeat;-webkit-mask:radial-gradient(70% 85% at 50% 62%,#000 62%,transparent 100%);mask:radial-gradient(70% 85% at 50% 62%,#000 62%,transparent 100%);pointer-events:none}#questsPanel .qb-portrait[hidden]{display:none}#questsPanel .qb-back{position:absolute;left:calc(16 * var(--qu));bottom:calc(18 * var(--qu));width:calc(418 * var(--qu));height:calc(54 * var(--qu));padding:0;border:0;background:url(/art/ui/hw-back.png) center / 100% 100% no-repeat;font:400 calc(30 * var(--qu))/1 var(--display);color:#ece3cb;text-shadow:0 calc(2 * var(--qu)) calc(2 * var(--qu)) #342b1d}#questsPanel .qb-back:hover{filter:brightness(1.15)}.pb-party{position:absolute;left:14px;top:187px;width:280px}.pb-party[hidden],.pb-party [hidden]{display:none}.prebattle[data-party=true] :is(.pb-hero,.pb-name-hero,.pb-hero-subtitle){display:none}.pb-party-members{display:grid;gap:10px;max-height:146px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#ae9867 #102b3b}.pb-party-member{position:relative;isolation:isolate;display:grid;grid-template-columns:68px minmax(0,1fr) 22px auto;column-gap:7px;align-items:center;min-height:68px;padding-right:5px}.pb-party-member:before{content:"";position:absolute;z-index:-1;inset:11px 0 11px 34px;border:1px solid #607583;border-radius:0 13px 13px 0;background:linear-gradient(#14344b,#124363 50%,#072334);box-shadow:inset 0 1px #80908b55,0 1px 2px #0009}.pb-party-portrait{grid-column:1;width:68px;height:68px;box-sizing:border-box;border:3px solid #aebbb8;border-radius:50%;overflow:hidden;background:#101d28;box-shadow:inset 0 0 0 1px #26343e,0 1px 2px #0009}.pb-party-member:first-child .pb-party-portrait{border-color:#bda966}.pb-party-portrait img{display:block;width:100%;height:100%;object-fit:cover}.pb-party-name{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:16px/1.15 var(--display);font-variant:small-caps;color:#e2dbca;text-shadow:0 1px 2px #000}.pb-party-level{grid-column:4;font:700 14px/1 var(--body);color:#e2ddd0;white-space:nowrap}.pb-party-waiting{grid-column:3;display:block;width:18px;height:28px;transform:rotate(17deg);background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cpath fill='%23182c36' stroke='%238e6839' stroke-width='2' d='M3 3h12v5l-4 6 4 6v5H3v-5l4-6-4-6z'/%3E%3Cpath fill='%23e6d8b3' d='M5 6h8v2l-4 5-4-5zm4 10 4 6H5z'/%3E%3Cpath stroke='%23dfc894' stroke-width='2' d='M1 2h16M1 26h16'/%3E%3C/svg%3E")}.pb-party-caption{position:absolute;top:163px;left:0;color:#e0d4b9;font:20px/1.2 var(--display);font-variant:small-caps;paint-order:stroke fill;-webkit-text-stroke:2px #302619;text-shadow:0 2px 2px #000}.prebattle[data-compact=true] .pb-party{left:10px;top:68px;width:174px}.prebattle[data-compact=true] .pb-party-members{gap:12px;max-height:136px}.prebattle[data-compact=true] .pb-party-member{grid-template-columns:44px minmax(0,1fr) 18px;grid-template-rows:1fr 1fr;column-gap:5px;min-height:62px;padding-right:3px}.prebattle[data-compact=true] .pb-party-member:before{left:22px;top:6px;bottom:6px;border-radius:0 9px 9px 0}.prebattle[data-compact=true] .pb-party-portrait{grid-column:1;grid-row:1 / 3;width:44px;height:44px;border-width:2px}.prebattle[data-compact=true] .pb-party-name{grid-column:2;grid-row:1;align-self:end;padding-bottom:3px;font-size:15px}.prebattle[data-compact=true] .pb-party-level{grid-column:2;grid-row:2;align-self:start;padding-top:3px;font-size:13px}.prebattle[data-compact=true] .pb-party-waiting{grid-column:3;grid-row:1 / 3;width:15px;height:24px}.prebattle[data-compact=true] .pb-party-caption{top:151px;font-size:19px}.pb-coop{position:absolute;left:115px;bottom:27px;padding:7px 16px;color:#f3dfaa;background:#312c23;border:1px solid #ac9060;font:16px var(--font-text,serif);cursor:pointer}.pb-coop:disabled{opacity:.5;cursor:default}.coop-shade{position:fixed;inset:0;z-index:1249;background:#02080d88;pointer-events:auto}.coop-shade[hidden]{display:none}.coop-panel{position:fixed;z-index:1250;top:16%;left:50%;transform:translate(-50%);width:min(390px,calc(100vw - 32px));box-sizing:border-box;padding:22px;color:#eaddbd;background:linear-gradient(#2d3329,#151c19);border:2px solid #9c8253;box-shadow:0 8px 30px #000b,inset 0 0 0 3px #171a14;font:16px/1.4 var(--font-text,serif);text-align:center;pointer-events:auto}.coop-panel[hidden]{display:none}.coop-panel h2{margin:0 0 10px;font-size:22px;font-weight:400;color:#efd490}.coop-panel p{margin:10px 0}.coop-panel small{display:block;opacity:.8;margin:7px 0}.coop-panel button{margin:6px 4px 0;padding:7px 14px;border:1px solid #9c8253;background:linear-gradient(#596142,#303b28);color:#f5e6bb;font:inherit;cursor:pointer}.coop-panel button:disabled{opacity:.4;cursor:default}.coop-panel button:focus-visible,.pb-coop:focus-visible{outline:2px solid #ffe2a0;outline-offset:3px}.coop-panel--battle{left:auto;right:18px;top:100px;transform:none;width:270px;padding:14px;font-size:14px}.coop-panel--battle h2{font-size:18px}.coop-panel--active{padding:8px 12px}.coop-panel--active h2{font-size:15px;margin-bottom:3px}.coop-panel--active p{margin:4px 0}.coop-panel--active small{margin:3px 0}.coop-panel--active button{padding:4px 12px}.coop-notice{border-top:1px solid #776b47;padding-top:7px;font-size:12px}@media(max-width:700px){.coop-panel--battle{right:8px;top:70px;width:210px;font-size:12px;padding:9px}.pb-coop{left:30px;bottom:0}}: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;zoom:1.15;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(/ui/resources-restored/v2/gold.webp)}#resources>.res[data-res=crystals]{--res-image: url(/ui/resources-restored/v2/crystals.webp)}#resources>.res[data-res=permits]{--res-image: url(/ui/resources-restored/v2/permits.webp)}#resources>.res[data-res=wood]{--res-image: url(/ui/resources-restored/v2/wood.webp)}#resources>.res[data-res=metal]{--res-image: url(/ui/resources-restored/v2/metal.webp)}#resources>.res[data-res=runestone]{--res-image: url(/ui/resources-restored/v2/runestone.webp)}#resources>.res[data-res=mercury]{--res-image: url(/ui/resources-restored/v2/mercury.webp)}#resources>.res[data-res=gems]{--res-image: url(/ui/resources-restored/v2/gems.webp)}#resources>.res[data-res=sulfur]{--res-image: url(/ui/resources-restored/v2/sulfur.webp)}#resources>.res[data-res=starsilver]{--res-image: url(/ui/resources-restored/v2/starsilver.webp)}#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/hud-clarity/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/hud-clarity/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-flag{margin-top:12px}#optionsPanel .opt-flag .opt-name{font-family:var(--body, inherit);font-size:13px;letter-spacing:.01em}#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;zoom:1.2;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) + 1px));mask:radial-gradient(closest-side,transparent calc(100% - var(--ring)),#000 calc(100% - var(--ring) + 1px));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;zoom:var(--minimap-scale);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/hud-clarity/map-bezel.svg) 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}.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;zoom:var(--minimap-scale);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%;zoom:1.25;transform:translate(-50%);width:520px;height:56px;z-index:10;will-change:opacity}#armyBar[hidden]{display:none}#armyBar:before{content:"";position:absolute;inset:0;bottom:calc(-2px / var(--ui-scale, 1));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 var(--town-round-position, center) / var(--town-round-size, 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/town-controls/inspect.svg) 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:17px;height:17px;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:calc(-.5px / var(--ui-scale, 1));bottom:100px;top:auto;padding:0;border:0;border-radius: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}.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>header .close,#unitCard .close{background:url(/art/ui/town-kit/round-close.png) center/contain no-repeat;border:0;border-radius:50%}.sheet>header .close .ic,#unitCard .close .ic{display:none}.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}.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:var(--town-round-position, center);background-size:var(--town-round-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}.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))}.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:#d0d6d4;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:#ddd6c8}.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}#skillsPanel>.skills-head>.skills-title{margin-right:0}.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:#d0d7d4;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:#c9d4d5;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:#dadccb;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/skills-quality/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:#b9c3c4}.skills-hero-points b{font-style:italic;font-size:30px;color:#ebf5fb;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:#707b71;padding:2px 0;letter-spacing:.04em;text-shadow:0 2px 5px rgba(0,0,0,.8)}.tree-tier-col.reached .tree-col-header{color:#ccc18c;text-shadow:0 0 10px rgba(204,193,140,.35),0 2px 5px rgba(0,0,0,.8)}.tree-tier-col[data-tier="2"] .tree-col-header b{position:relative;top:-7px}.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;padding:0;background:radial-gradient(circle,#0a2135 0 67%,transparent 69%);box-shadow:none}.tree-node.unlocked .tree-node-ring:after,.tree-node.pending .tree-node-ring:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:url(/art/ui/book-native/learned-ring.png) calc(50% - .438px) calc(50% + .438px) / 100% 100% no-repeat}@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}.tree-node.locked .tree-node-icon{filter:brightness(.56)}.tree-node.available:not(.pending) .tree-node-icon{filter:brightness(.82)}.tree-node-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;background-position:center;background-size:contain;background-repeat:no-repeat}.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:310px;height:30px;padding:0 14px 0 29px;margin-left:18px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='620'%20height='60'%20viewBox='0%200%20310%2030'%20preserveAspectRatio='none'%3e%3c!--%20Векторная%20реконструкция%20зелёной%20полосы%20HO%20по%20кадру%20владельца.%20Контур,%20скобки%20и%20зелёно-золотой%20объём;%20подписи%20остаются%20живым%20текстом.%20--%3e%3cdefs%3e%3clinearGradient%20id='rim'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='%23f0dea0'/%3e%3cstop%20offset='.16'%20stop-color='%23b6ad6b'/%3e%3cstop%20offset='.45'%20stop-color='%23797641'/%3e%3cstop%20offset='.8'%20stop-color='%2377703b'/%3e%3cstop%20offset='1'%20stop-color='%23c1b779'/%3e%3c/linearGradient%3e%3clinearGradient%20id='face'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='%2391b76d'/%3e%3cstop%20offset='.14'%20stop-color='%23779e58'/%3e%3cstop%20offset='.43'%20stop-color='%23658e4b'/%3e%3cstop%20offset='.62'%20stop-color='%23547746'/%3e%3cstop%20offset='1'%20stop-color='%23354f28'/%3e%3c/linearGradient%3e%3cradialGradient%20id='light'%20cx='.42'%20cy='0'%20r='.8'%3e%3cstop%20stop-color='%23d1e5a2'%20stop-opacity='.14'/%3e%3cstop%20offset='1'%20stop-color='%23d1e5a2'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.65%20.35'%20numOctaves='2'%20seed='17'/%3e%3cfeColorMatrix%20type='saturate'%20values='0'/%3e%3cfeComponentTransfer%3e%3cfeFuncA%20type='linear'%20slope='.065'/%3e%3c/feComponentTransfer%3e%3cfeBlend%20in='SourceGraphic'%20mode='soft-light'/%3e%3c/filter%3e%3cclipPath%20id='face-clip'%3e%3cpath%20d='M5%203.5H304L306%205.5V24.5L304%2026.5H5L3.5%2025V5Z'/%3e%3c/clipPath%3e%3c/defs%3e%3cpath%20d='M3%201H306L309%204V26L306%2029H3L1%2027V3Z'%20fill='%23202f1b'%20stroke='%2326331d'/%3e%3cpath%20d='M3.5%201.5H305.5L308%204V26L305.5%2028.5H3.5L1.5%2026.5V3.5Z'%20fill='url(%23rim)'/%3e%3cpath%20d='M5%203.5H304L306%205.5V24.5L304%2026.5H5L3.5%2025V5Z'%20fill='url(%23face)'%20stroke='%23354e27'%20stroke-width='.7'/%3e%3cg%20clip-path='url(%23face-clip)'%3e%3cpath%20d='M3%203H307V27H3Z'%20fill='url(%23light)'%20filter='url(%23grain)'/%3e%3c/g%3e%3cpath%20d='M5%204H303.5L305.5%206M5%204V6'%20fill='none'%20stroke='%23b5c58e'%20stroke-opacity='.8'%20stroke-width='.7'/%3e%3cpath%20d='M5%2026H303.5L305.5%2024'%20fill='none'%20stroke='%23243d1d'%20stroke-opacity='.75'/%3e%3cpath%20d='M8%205.5H5.5V24.5H8M302%205.5H304.5V24.5H302'%20fill='none'%20stroke='%23d0cba0'%20stroke-width='.8'/%3e%3cpath%20d='M8.5%206.5H6.5V23.5H8.5M301.5%206.5H303.5V23.5H301.5'%20fill='none'%20stroke='%23263c20'%20stroke-opacity='.55'%20stroke-width='.6'/%3e%3c/svg%3e") center / 100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 2px 2px #0007);position:relative}.skills-reset-bar:before,.skills-reset-bar:after{content:none}.skills-reset-bar:hover:not(:disabled){filter:brightness(1.13) drop-shadow(0 2px 2px #0007)}.skills-reset-bar:active:not(:disabled){filter:brightness(.9) drop-shadow(0 2px 2px #0007)}.skills-reset-bar:disabled{cursor:default;filter:grayscale(1) brightness(.58) drop-shadow(0 2px 2px #0007)}.skills-reset-bar:disabled .reset-word,.skills-reset-bar:disabled .reset-cost{color:#b0b0b0}.skills-reset-bar:focus-visible{outline:2px solid #f4df98;outline-offset:4px}.skills-reset-dialog{width:min(500px,calc(100vw / var(--skills-dialog-scale, 1) - 32px));box-sizing:border-box;max-height:calc(100dvh / var(--skills-dialog-scale, 1) - 32px);padding:34px 32px 32px;margin:auto;color:#eee8d7;background:url(/art/ui/main-menu-clarity/panel.png) center / 100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 16px 28px #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-width:0;min-height:42px;padding:6px 16px;border:0;border-radius:0;box-shadow:none;font-family:var(--display);font-size:19px;color:#eee8d7;text-shadow:0 1px 2px #000;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='620'%20height='60'%20viewBox='0%200%20310%2030'%20preserveAspectRatio='none'%3e%3c!--%20Векторная%20реконструкция%20зелёной%20полосы%20HO%20по%20кадру%20владельца.%20Контур,%20скобки%20и%20зелёно-золотой%20объём;%20подписи%20остаются%20живым%20текстом.%20--%3e%3cdefs%3e%3clinearGradient%20id='rim'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='%23f0dea0'/%3e%3cstop%20offset='.16'%20stop-color='%23b6ad6b'/%3e%3cstop%20offset='.45'%20stop-color='%23797641'/%3e%3cstop%20offset='.8'%20stop-color='%2377703b'/%3e%3cstop%20offset='1'%20stop-color='%23c1b779'/%3e%3c/linearGradient%3e%3clinearGradient%20id='face'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='%2391b76d'/%3e%3cstop%20offset='.14'%20stop-color='%23779e58'/%3e%3cstop%20offset='.43'%20stop-color='%23658e4b'/%3e%3cstop%20offset='.62'%20stop-color='%23547746'/%3e%3cstop%20offset='1'%20stop-color='%23354f28'/%3e%3c/linearGradient%3e%3cradialGradient%20id='light'%20cx='.42'%20cy='0'%20r='.8'%3e%3cstop%20stop-color='%23d1e5a2'%20stop-opacity='.14'/%3e%3cstop%20offset='1'%20stop-color='%23d1e5a2'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.65%20.35'%20numOctaves='2'%20seed='17'/%3e%3cfeColorMatrix%20type='saturate'%20values='0'/%3e%3cfeComponentTransfer%3e%3cfeFuncA%20type='linear'%20slope='.065'/%3e%3c/feComponentTransfer%3e%3cfeBlend%20in='SourceGraphic'%20mode='soft-light'/%3e%3c/filter%3e%3cclipPath%20id='face-clip'%3e%3cpath%20d='M5%203.5H304L306%205.5V24.5L304%2026.5H5L3.5%2025V5Z'/%3e%3c/clipPath%3e%3c/defs%3e%3cpath%20d='M3%201H306L309%204V26L306%2029H3L1%2027V3Z'%20fill='%23202f1b'%20stroke='%2326331d'/%3e%3cpath%20d='M3.5%201.5H305.5L308%204V26L305.5%2028.5H3.5L1.5%2026.5V3.5Z'%20fill='url(%23rim)'/%3e%3cpath%20d='M5%203.5H304L306%205.5V24.5L304%2026.5H5L3.5%2025V5Z'%20fill='url(%23face)'%20stroke='%23354e27'%20stroke-width='.7'/%3e%3cg%20clip-path='url(%23face-clip)'%3e%3cpath%20d='M3%203H307V27H3Z'%20fill='url(%23light)'%20filter='url(%23grain)'/%3e%3c/g%3e%3cpath%20d='M5%204H303.5L305.5%206M5%204V6'%20fill='none'%20stroke='%23b5c58e'%20stroke-opacity='.8'%20stroke-width='.7'/%3e%3cpath%20d='M5%2026H303.5L305.5%2024'%20fill='none'%20stroke='%23243d1d'%20stroke-opacity='.75'/%3e%3cpath%20d='M8%205.5H5.5V24.5H8M302%205.5H304.5V24.5H302'%20fill='none'%20stroke='%23d0cba0'%20stroke-width='.8'/%3e%3cpath%20d='M8.5%206.5H6.5V23.5H8.5M301.5%206.5H303.5V23.5H301.5'%20fill='none'%20stroke='%23263c20'%20stroke-opacity='.55'%20stroke-width='.6'/%3e%3c/svg%3e") center / 100% 100% no-repeat;filter:saturate(.18) brightness(.85)}.skills-reset-actions .btn.gold{filter:none}.skills-reset-actions .btn:before,.skills-reset-actions .btn:after{content:none}.skills-reset-actions .btn:hover{filter:saturate(.18) brightness(1)}.skills-reset-actions .btn.gold:hover{filter:brightness(1.12)}.skills-reset-actions .btn:active{filter:saturate(.18) brightness(.75);transform:none}.skills-reset-actions .btn.gold:active{filter:brightness(.92)}.skills-reset-actions .btn:focus-visible{outline:2px solid #f4df98;outline-offset:3px}.reset-coin{position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:37px;height:37px;flex:none;z-index:1;background:url(/art/ui/skills-polish/reset-medallion.png) center / contain no-repeat;filter:drop-shadow(0 2px 2px #0009)}.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}.skills-reset-bar .reset-word{position:absolute;left:128px;top:50%;transform:translate(-50%,-50%);color:#d2d3bd}.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:#d1c9b5;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:#676c6e;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:calc(132px / var(--ui-scale, 1));zoom:var(--ui-scale, 1);transform:scale(calc(1 / var(--ui-scale, 1)));transform-origin:top left;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 4px 4px 0;background:linear-gradient(180deg,#70563c,#685037 8%,#52412e 40%,#382e22 76%,#2a231b);box-shadow:inset -1px 0 #ab9b85,inset 0 1px #99876c,inset 0 -1px #b6a690,inset -2px 0 #5b4935,inset 0 -2px #66523c,1px 1px 1px #10110c;color:#ddd6c2;transition:filter .12s ease}#rail>button .ic{display:block;position:absolute;width:18px;height:18px;left:1px;top:4px;filter:drop-shadow(0 1px .25px #17160f99)}#rail>button .ic.rail-native{width:21px;height:29px;left:0;top:0}#rail #railParty .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:focus-visible{outline:1px solid #e5dcc1;outline-offset:2px}#rail>button.lit{color:#8ce69f;background:linear-gradient(180deg,#329d2c,#268b24 25%,#157817 60%,#095807);box-shadow:inset -1px 0 #a5b28a,inset 0 1px #9aa87c,inset 0 -1px #b2bc99,inset -2px 0 #45642b,inset 0 -2px #44642c,1px 1px 1px #10110c}#rail>button.fold{height:43px;margin-top:8px}#rail #railChat .ic{width:17px;height:17px;left:1.5px;top:12px}#tip{position:absolute;z-index:60;pointer-events:none;display:none;max-width:300px;padding:5px 8px 7px;border-radius:3px;font-family:Arial,sans-serif;font-size:13px;line-height:1.23;color:#f4f8f8;border:1px solid #8a8c83;background:#142330f5;box-shadow:inset 0 0 0 1px #0d151b,0 3px 8px #000000b3}#tip:not(.talent-tip){white-space:pre-line}:is(#tip,#objectTip) .t{font-family:var(--display);font-size:17px;line-height:1.2;color:#d4d6cf;display:block;padding-bottom:3px;margin-bottom:5px;border-bottom:1px solid #d6d7d1;box-shadow:0 1px #0000008c}#objectTip{position:absolute;right:12px;bottom:0;z-index:59;pointer-events:none;box-sizing:border-box;min-width:236px;max-width:320px;padding:5px 8px 4px;border-radius:3px 3px 0 0;font-family:Arial,sans-serif;font-size:13px;line-height:1.23;color:#f4f8f8;border:1px solid #8a8c83;border-bottom:0;background:#142330f5;box-shadow:inset 0 0 0 1px #0d151b,0 -2px 8px #0009}#objectTip[hidden]{display:none}#objectTip .ot-line{display:block}#objectTip .tip-rows{margin:6px 0 0 14px}#objectTip .ot-wait{display:block;margin-top:8px}#objectTip .ot-bar{display:block;margin:12px -3px 0;padding:3px 8px 4px;text-align:center;color:#c9d3d8;border:1px solid #7d8383;border-radius:4px;background:linear-gradient(180deg,#173349,#1b405a)}#tip em.hl{font-style:normal;color:#d8b35f}#tip:is(.tip-right,.tip-left):before,#tip:is(.tip-right,.tip-left):after{content:"";position:absolute;width:0;height:0;border-style:solid}#tip.tip-right:before{left:-9px;top:calc(var(--tip-arrow, 16px) - 9px);border-width:9px 9px 9px 0;border-color:transparent #8a8c83 transparent transparent}#tip.tip-right:after{left:-7px;top:calc(var(--tip-arrow, 16px) - 8px);border-width:8px 8px 8px 0;border-color:transparent rgb(20,35,48) transparent transparent}#tip.tip-left:before{right:-9px;top:calc(var(--tip-arrow, 16px) - 9px);border-width:9px 0 9px 9px;border-color:transparent transparent transparent #8a8c83}#tip.tip-left:after{right:-7px;top:calc(var(--tip-arrow, 16px) - 8px);border-width:8px 0 8px 8px;border-color:transparent transparent transparent rgb(20,35,48)}#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:#5f6672}.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:#dee7eb;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:#bfc9c8;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:contain;object-view-box:inset(10%)}.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:#dee7eb}#tip.talent-tip .v{white-space:nowrap;color:#e6eef2}.talent-tip-effects{display:flex;align-items:center;gap:3px;margin-top:13px}#tip.talent-tip .tip-rows.effect{margin:5px 0 0 36px}#tip.talent-tip .tip-rows .k.line{grid-column:1 / -1}#tip.talent-tip .tip-rows.effect .k.line{margin-left:-18px}.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}.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);isolation:isolate}.hw-cat-tabs:after{content:"";position:absolute;left:15px;top:67px;width:369px;height:2px;pointer-events:none;z-index:1;background:linear-gradient(#aaa9a3,#354152);box-shadow:0 1px 1px #192a3940}.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;overflow:visible;outline:none;-webkit-tap-highlight-color:transparent}.hw-cat-tab:before{content:"";position:absolute;left:2px;right:0;top:21px;height:46px;pointer-events:none;box-sizing:border-box;border:1px solid #9a8b79;border-bottom-color:#4c4138;border-radius:3px 3px 0 0;background:radial-gradient(ellipse at 22% 0,#c9b19124,transparent 70%),linear-gradient(180deg,#8b7865,#7d6857 30%,#695444);box-shadow:inset 0 1px #c8b8a066,inset 1px 0 #b7a08740,inset -1px 0 #3c302933,1px 0 1px #16253580;transition:top .14s ease-out,height .14s ease-out,filter .12s ease-out}.hw-cat-tab-stats{left:15.25px;--tab-symbol: url(/art/ui/inventory-tabs-restored/stats.png);--tab-symbol-material: saturate(.72) contrast(.92)}.hw-cat-tab-class{left:89.25px;--tab-symbol: url(/art/ui/inventory-tabs-restored/cleric.png)}.hw-cat-tab-custom{left:163.25px;--tab-symbol: url(/art/ui/inventory-tabs-restored/custom.png)}.hw-cat-tab-titles{left:237.25px;--tab-symbol: url(/art/ui/inventory-tabs-restored/titles.png)}#heroPanel[data-hero-class=knight] .hw-cat-tab-class{--tab-symbol: url(/art/ui/inventory-tabs-restored/knight.png)}#heroPanel[data-hero-class=death-knight] .hw-cat-tab-class{--tab-symbol: url(/art/ui/inventory-tabs-restored/death-knight.png)}.hw-tab-symbol{position:absolute;left:4.625px;top:7px;width:60px;height:60px;pointer-events:none;background:var(--tab-symbol) center / contain no-repeat;transform-origin:50% 100%;filter:var(--tab-symbol-material, saturate(1)) brightness(.86) drop-shadow(0 1px 1px #241d18a6);transition:transform .14s ease-out,filter .12s ease-out}.hw-cat-tab:hover:before{filter:brightness(1.1)}.hw-cat-tab:hover .hw-tab-symbol{filter:var(--tab-symbol-material, saturate(1)) brightness(1) drop-shadow(0 1px 1px #241d18a6)}.hw-cat-tab.on{z-index:2}.hw-cat-tab.on:before{top:15px;height:59px;filter:brightness(1.12);border-color:#ad9c82;border-bottom-color:#6f5e48;box-shadow:inset 0 1px #d6c3a680,inset 1px 0 #c1a98b40,inset 0 -1px #b59a7140,1px 1px 2px #18273560}.hw-cat-tab.on .hw-tab-symbol{transform:translateY(-6px);filter:var(--tab-symbol-material, saturate(1)) brightness(1.04) drop-shadow(0 2px 1px #241d187a)}.hw-cat-tab:active:before{filter:brightness(.95)}.hw-cat-tab:active .hw-tab-symbol{filter:var(--tab-symbol-material, saturate(1)) brightness(.9) drop-shadow(0 1px 1px #241d18a6)}.hw-cat-tab:focus-visible:after{content:"";position:absolute;inset:18px -3px 11px -1px;border:1px solid #dce3dc;border-radius:5px 5px 1px 1px;box-shadow:0 0 0 1px #253646;pointer-events:none}.hw-cat-tab.on:focus-visible:after{top:12px;bottom:4px}@media(prefers-reduced-motion:reduce){.hw-cat-tab:before,.hw-tab-symbol{transition:none}}.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: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:none}.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;right:-7px;bottom:-2px;line-height:1;font-family:var(--hw-font-interface);font-size:17px;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;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;overflow-wrap:break-word;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:0 0 2px #000,0 0 3px rgba(0,0,0,.6)}.hw-bag-forbid{position:absolute;left:-3px;bottom:-3px;width:22px;height:22px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='10' fill='%23f3e9df'/%3E%3Ccircle cx='11' cy='11' r='8.6' fill='%23c4552a'/%3E%3Ccircle cx='11' cy='11' r='5.4' fill='%234a140c'/%3E%3Cpath d='M15.6 4.9 17.1 6.4 6.4 17.1 4.9 15.6z' fill='%23f3e9df'/%3E%3Cpath d='M15.6 6 16 6.4 6.4 16 6 15.6z' fill='%23e0703a'/%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 0 1px rgba(0,0,0,.8))}.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:none;width:50px;height:6px;margin-left:auto;overflow:hidden;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);background:linear-gradient(#687783,#b5bdc0 45%,#7e8d96 65%,#40525f)}.hw-card-stat-bar b{display:block;height:100%;background:linear-gradient(#626b71,#d0b300 25%,#fedd18,#bea500 75%,#626262)}.hw-card-stat-bar+.hw-card-stat-val{margin-left:0}.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}#townPanel.town-window{--u: min(calc(.813 * var(--ui-vw, 1vw)), calc(1.27 * 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:none;--tw-frame-surface: linear-gradient(180deg, #0f2333 0, #021729 calc(.42 * var(--u)), #0d2435 calc(.63 * var(--u)), #082030 calc(.95 * var(--u)), #092233 calc(1.25 * var(--u)), #0d2e42 calc(3.55 * var(--u)), #0b2d41 calc(3.75 * var(--u)), #07293d calc(3.96 * var(--u)), #04273b calc(4.17 * var(--u)), #04273b calc(6.47 * var(--u)), #0e3042 calc(6.67 * var(--u)), #022032 calc(6.88 * var(--u)), #0c2430 calc(7.1 * var(--u))) top / 100% calc(7.5 * var(--u)) no-repeat, linear-gradient(0deg, #102132 0, #031626 calc(.52 * var(--u)), #061d2c calc(.94 * var(--u)), #0d2634 calc(1.15 * var(--u)), #021a28 calc(1.36 * var(--u)), #041e2c calc(1.77 * var(--u)), #051f2d calc(2.4 * var(--u)), #052132 calc(3.2 * var(--u)), #0c293a calc(4.07 * var(--u)), #0d2b3e calc(4.28 * var(--u)), #0e2d40 calc(4.48 * var(--u)), #0e2d40 calc(5.53 * var(--u)), #082d41 calc(6.15 * var(--u)), #062a3f calc(6.36 * var(--u)), #18394f calc(6.57 * var(--u)), #082e42 calc(6.78 * var(--u)), #0f2932 calc(7.1 * var(--u))) bottom / 100% calc(7.1 * var(--u)) no-repeat, #04273b;background:var(--tw-frame-surface);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}#townPanel.town-window:before{content:"";display:block;position:absolute;z-index:9;pointer-events:none;inset:calc(-2.1 * var(--u));width:auto;height:auto;transform:none;border:calc(2.1 * var(--u)) solid transparent;border-radius:0;border-image:url(/art/ui/town-kit/frame.png) 160 / calc(2.1 * var(--u)) stretch;background:none;box-shadow:none;filter:none;opacity:1;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20622.85'%20preserveAspectRatio='none'%3e%3c!--%20Keep%20native%20corners%20and%20narrow%20metal%20edges;%20omit%20rectangular%20atlas%20repairs.%20--%3e%3cpath%20fill='white'%20fill-rule='evenodd'%20d='M0%200H1000V622.85H0Z%20M26%208H974V26H992V596.85H974V614.85H26V596.85H8V26H26Z'/%3e%3c/svg%3e") center/100% 100% no-repeat}.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,.tw-bld-light{position:absolute;pointer-events:none;image-rendering:auto}.tw-plate-art{inset:0;width:100%;height:100%}.tw-shadow{z-index:0}.tw-bld-light{z-index:1;mix-blend-mode:screen}.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:calc(-2.1 * var(--u));top:calc(5.33 * var(--u));bottom:calc(4.94 * var(--u));width:calc(22.8 * var(--u));background:url(/art/ui/town-controls/leather-restored.png) calc(-1.7 * var(--u)) 0 / calc(27.9 * var(--u)) 100% no-repeat;filter:brightness(.8) saturate(.85);-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 H98.8 L96.5 5 L93.3 10 L88.4 20 L84.7 30 L82.5 40 L81.5 50 L81.7 60 L82.8 70 L84.9 80 L88.2 90 L90.2 95 L92.8 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 H98.8 L96.5 5 L93.3 10 L88.4 20 L84.7 30 L82.5 40 L81.5 50 L81.7 60 L82.8 70 L84.9 80 L88.2 90 L90.2 95 L92.8 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:calc(27.9 * var(--u)) 100%}.town-window>header{position:absolute;left:0;right:0;top:calc(.85 * var(--u));height:auto;z-index:4;pointer-events:none}.town-window>header .tn{font-size:calc(6.35 * var(--u));line-height:1.06;max-width:62%;white-space:nowrap;font-weight:700;letter-spacing:normal;background:linear-gradient(180deg,#f6f9fb,#e6ecf0 16%,#c3ccd4 40%,#aeb9c2 68%,#bcc6ce);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;text-shadow:none;filter:url(#town-name-bevel)}.tw-slots{position:absolute;z-index:3;left:calc(-.3 * 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(1.65 * 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:#c8beb2;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:1;filter:none;inset:6% 1.4%;mask-image:linear-gradient(90deg,#00000073,#000 30%)}.tw-slot:nth-child(1){margin-left:calc(3.15 * var(--u));margin-right:calc(-3.15 * var(--u))}.tw-slot:nth-child(2){margin-left:calc(1.8 * var(--u));margin-right:calc(-1.8 * var(--u))}.tw-slot:nth-child(3){margin-left:calc(.65 * var(--u));margin-right:calc(-.65 * var(--u))}.tw-slot:nth-child(6){margin-left:calc(.65 * var(--u));margin-right:calc(-.65 * var(--u))}.tw-slot:nth-child(7){margin-left:calc(1.8 * var(--u));margin-right:calc(-1.8 * var(--u))}.tw-slot:nth-child(8){margin-left:calc(3.15 * var(--u));margin-right:calc(-3.15 * var(--u))}.tw-slot:not(.locked) .tw-slot-nm{transform:translateY(calc(-.85 * 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-slot-scroll{width:calc(1.6 * var(--u));color:transparent;text-shadow:none}.tw-slot-scroll.up{background:url(/art/ui/town-kit/round-scroll-up.png) center / contain no-repeat}.tw-slot-scroll.down{background:url(/art/ui/town-kit/round-scroll-down.png) center / contain no-repeat}.tw-builder-heading{display:flex;align-items:baseline;gap:calc(1 * var(--u));margin:calc(.8 * var(--u)) 0 calc(.8 * var(--u));padding-left:calc(3 * 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:#c8beb2;background:url(/art/ui/town-controls/slot-selected.png) 0 0/100% 100% no-repeat;box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.85)}#townPanel[data-town-faction=haven] .tw-slot.on:not(.empty):not([data-place=town-hall]):not([data-place=garrison]):not([data-place=builder-s-hall]){color:#273033;text-shadow:0 1px 0 rgba(255,255,255,.72),0 0 2px rgba(255,255,255,.55)}.tw-slot.locked{cursor:default;color:#6a6866;font-size:calc(1.6 * var(--u));line-height:1;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:var(--jump-symbol) center / 32px 32px no-repeat}[data-jump=equipment]{--jump-symbol: url(/art/ui/inventory-categories-restored/equipment.png)}[data-jump=consumables]{--jump-symbol: url(/art/ui/inventory-categories-restored/consumables.png)}[data-jump=scrolls]{--jump-symbol: url(/art/ui/inventory-categories-restored/scrolls.png)}[data-jump=adornments]{--jump-symbol: url(/art/ui/inventory-categories-restored/adornments.png)}[data-jump=collectables]{--jump-symbol: url(/art/ui/inventory-categories-restored/collectables.png)}.hw-jump-ico:focus-visible{outline:1px solid #dcc394;outline-offset:1px}@media(prefers-reduced-motion:reduce){.hw-jump-ico,.hw-jump-ico .hw-control-icon{transition:none}}#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;color:#cac2ae;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-color:#102e45;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:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201565%20998'%20preserveAspectRatio='none'%3e%3c!--%20Outer%20blue%20edge%20of%20panel.png;%20excludes%20the%20pale%20matte%20and%20bottom%20crop%20debris.%20--%3e%3cpath%20fill='white'%20d='M106%205H1459Q1465%2028%201498%2035C1538%20171%201560%20330%201560%20499C1560%20668%201538%20824%201497%20953Q1464%20960%201460%20986H105Q101%20960%2068%20953C27%20824%205%20668%205%20499C5%20330%2027%20171%2067%2035Q100%2028%20106%205Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201565%20998'%20preserveAspectRatio='none'%3e%3c!--%20Outer%20blue%20edge%20of%20panel.png;%20excludes%20the%20pale%20matte%20and%20bottom%20crop%20debris.%20--%3e%3cpath%20fill='white'%20d='M106%205H1459Q1465%2028%201498%2035C1538%20171%201560%20330%201560%20499C1560%20668%201538%20824%201497%20953Q1464%20960%201460%20986H105Q101%20960%2068%20953C27%20824%205%20668%205%20499C5%20330%2027%20171%2067%2035Q100%2028%20106%205Z'/%3e%3c/svg%3e");-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;-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-art{position:absolute;inset:0;pointer-events:none;background-size:cover;background-position:center 32%;mask-image:linear-gradient(#000 34%,#0003 85%,transparent)}.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(5.445 * 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}.tw-troop-orb[style*=--face]:after,.tw-keep-orb[style*=--face]:after{background-color:#323434}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(2.1 * var(--u));height:calc(2.1 * 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-alert{color:transparent;box-shadow:none;border-radius:0;z-index:3;background:url(/art/ui/army-alert.png) center / contain no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.85))}.army-slot .stack-alert,.tw-troop-alert{clip-path:circle(40% at 48% 45%)}.tw-troop-counts{position:absolute;left:50%;transform:translate(-50%);top:calc(5.2 * var(--u));z-index:2;display:grid;width:max-content;min-width:calc(4.7 * var(--u))}.tw-troop-n{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{box-sizing:border-box;margin-top:-1px;height:calc(1.5 * 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))}.dwelling .tw-face-art{background-position:center 27%;mask-image:linear-gradient(#000 60%,transparent)}.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[data-mural-faction=necropolis] .tw-face-nm,.tw-face[data-mural-faction=necropolis] .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;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) - .5px / var(--ui-scale, 1));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-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{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-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-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-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-row-icon{height:1.55em;width:auto;vertical-align:middle;margin:-.3em .35em -.2em 0}#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;white-space:pre-line}.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-enlist-confirm p,.tw-hire .tw-need){font-size:var(--tw-readable)}.town-window .tw-slot.locked{font-size:max(calc(1.6 * var(--u)),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}#portalLoading{position:absolute;right:1.4%;bottom:1.9%;z-index:30;display:flex;align-items:center;gap:.55vh;pointer-events:none;font-family:var(--body);font-size:max(14px,2.3vh);letter-spacing:.02em;color:#e9e2cf;text-shadow:0 0 .35vh #000,0 .15vh .3vh #000}#portalLoading[hidden]{display:none}#portalLoading .portal-orb{width:max(36px,5.6vh);aspect-ratio:1;border-radius:50%;background:url(/art/ui/loading-orb-2020.png) center / 112% no-repeat;box-shadow:0 0 .8vh #ff6a2a66}.prebattle{position:absolute;inset:0;z-index:30;background:#02080d80;color:var(--ivory);pointer-events:auto}.prebattle[hidden]{display:none}.pb-frame{position:absolute;left:50%;top:50%;width:956px;height:596px;transform:translate(-50%,-50%) scale(var(--pb-scale,1));background:url(/art/ui/creation/frame.png) center / 956px 596px no-repeat;filter:drop-shadow(0 16px 28px #0009)}.pb-frame>h2{position:absolute;z-index:2;top:28px;left:0;right:0;margin:0;font:56px/1 var(--display);letter-spacing:0;text-align:center;color:#d5d9d9;paint-order:stroke fill;-webkit-text-stroke:5px #344453;text-shadow:0 2px 1px #071828;filter:drop-shadow(1px 0 #a9b8be) drop-shadow(-1px 0 #a9b8be) drop-shadow(0 -1px #a9b8be) drop-shadow(0 1px #a9b8be) drop-shadow(0 3px 2px #071828);pointer-events:none}.pb-scene{position:absolute;left:3px;right:3px;top:71px;height:454px;background:#182125 url(/art/ui/prebattle-scene-2026-v2.png) top center / 100% 470px no-repeat}.pb-rune-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(#000 0 278px,transparent 278px 365px,#000 365px)}.pb-rune{position:absolute;left:247px;top:94px;width:456px;height:456px;opacity:.3;transform-origin:center;animation:pb-rune-turn 26.3s linear infinite}@keyframes pb-rune-turn{to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.pb-rune{animation:none;opacity:.3}}.pb-portrait{position:absolute;top:106px;width:224px;height:224px;border-radius:50%;padding:6px;box-sizing:border-box;background:linear-gradient(130deg,#f1f0e2,#a3afb0 38%,#758486 72%,#c5cecb);box-shadow:0 1px 2px 1px #121e27}.pb-portrait:after{content:"";position:absolute;inset:5px;border-radius:50%;box-shadow:inset 0 0 2px 1px #17212a;pointer-events:none}.pb-portrait-crop{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#101c27}.pb-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pb-hero{left:5px}.pb-foe{right:1px;border:0;cursor:pointer}.prebattle[data-encounter=boss] .pb-foe:before{content:"";position:absolute;inset:-34px;pointer-events:none;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%20fill='none'%3e%3c!--%20Векторная%20реконструкция%20рамы%20босса%20HO:%20iPm6Uu0wlX0%20t3.%20Восемь%20серебряных%20лучей;%20рамка%20сохраняет%20прозрачный%20центр%20портрета.%20--%3e%3cdefs%3e%3clinearGradient%20id='silver'%20x1='42'%20y1='10'%20x2='258'%20y2='284'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23e4e5df'/%3e%3cstop%20offset='.42'%20stop-color='%23bdc8c8'/%3e%3cstop%20offset='1'%20stop-color='%23899698'/%3e%3c/linearGradient%3e%3cg%20id='point'%20stroke='%23303a40'%20stroke-width='1.5'%20stroke-linejoin='round'%3e%3cpath%20d='M150%203%20165%2035%20180%2050%20170%2070H130L120%2050%20135%2035Z'%20fill='url(%23silver)'/%3e%3cpath%20d='M150%2020%20159%2040%20172%2052%20165%2061H135L128%2052%20141%2040Z'%20fill='%23344047'/%3e%3cpath%20d='M150%2031%20156%2044%20164%2052%20159%2057H141L136%2052%20144%2044Z'%20fill='%23c1cac9'/%3e%3cpath%20d='M150%2042%20155%2051%20150%2055%20145%2051Z'%20fill='%23354148'/%3e%3c/g%3e%3c/defs%3e%3cuse%20href='%23point'/%3e%3cuse%20href='%23point'%20transform='rotate(45%20150%20150)'/%3e%3cuse%20href='%23point'%20transform='rotate(90%20150%20150)'/%3e%3cuse%20href='%23point'%20transform='rotate(135%20150%20150)'/%3e%3cuse%20href='%23point'%20transform='rotate(180%20150%20150)'/%3e%3cuse%20href='%23point'%20transform='rotate(225%20150%20150)'/%3e%3cuse%20href='%23point'%20transform='rotate(270%20150%20150)'/%3e%3cuse%20href='%23point'%20transform='rotate(315%20150%20150)'/%3e%3ccircle%20cx='150'%20cy='150'%20r='115'%20stroke='%232f3a41'%20stroke-width='9'/%3e%3ccircle%20cx='150'%20cy='150'%20r='115'%20stroke='url(%23silver)'%20stroke-width='6'/%3e%3c/svg%3e") center / contain no-repeat;clip-path:inset(0 33px 0 0)}.prebattle[data-encounter=boss] .pb-foe .pb-portrait-crop{z-index:1}.pb-foe:hover,.pb-foe[aria-expanded=true]{box-shadow:0 0 0 2px #dac794,0 0 12px #d6c39e66}.pb-name{position:absolute;top:350px;max-width:330px;margin:0;font:20px/1.2 var(--display);font-variant:small-caps;color:#e0d4b9;paint-order:stroke fill;-webkit-text-stroke:2px #302619;text-shadow:0 2px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-name-hero{left:14px}.pb-name-foe{right:14px;text-align:right}.pb-hero-subtitle{position:absolute;left:14px;top:383px;max-width:310px;margin:0;font:16px/1.25 var(--body);color:#d1c7b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-details{position:absolute;right:42px;top:314px;width:160px;height:25px;border:1px solid #beb287;border-radius:1px;background:linear-gradient(#677845,#27462b);box-shadow:inset 0 0 0 1px #13270c;padding:0 5px 0 17px;color:#f3ebd4;font:15px/1 var(--display);display:flex;align-items:center;justify-content:space-between;gap:4px;cursor:pointer}.pb-details b{font:700 14px/1 var(--num);color:#e1d6aa}.pb-details:before{content:"";position:absolute;left:-13px;top:-1px;width:26px;height:26px;border-radius:50%;background:url(/art/ui/prebattle-details-badge-ho.png) center / contain no-repeat}.pb-details:hover,.pb-details[aria-expanded=true]{filter:brightness(1.2)}.pb-threat{position:absolute;left:399px;top:246px;width:152px;height:152px;box-sizing:border-box;border:0;border-radius:50%;padding:6px 0 34px;background:url(/art/ui/prebattle-threat-2026-v2.png) center / 100% 100% no-repeat;filter:drop-shadow(0 1px 2px #10191dcc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;font-family:var(--display);text-shadow:0 2px 2px #000,1px 0 3px #000}.pb-threat span{font-size:19px;color:#e5e3da}.pb-threat b{display:block;width:144px;font:34px/1.1 "HO Name",var(--display);white-space:nowrap;color:#e3e4df;paint-order:stroke fill;-webkit-text-stroke:3px #34363a}.pb-threat:before,.pb-threat:after{content:"";position:absolute;inset:7px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 28% 18%,#e898b83d,transparent 66%);mix-blend-mode:screen;opacity:.15;animation:pb-medallion-light 15.2s ease-in-out infinite}.pb-threat:after{background:radial-gradient(ellipse at 68% 86%,#e974493d,transparent 68%);animation-delay:-7.6s}.pb-threat>*{position:relative;z-index:1}@keyframes pb-medallion-light{0%,to{opacity:.1}50%{opacity:.65}}@media(prefers-reduced-motion:reduce){.pb-threat:before,.pb-threat:after{animation:none;opacity:.3}}.pb-power{position:absolute;left:330px;bottom:12px;width:288px;height:26px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;background:linear-gradient(180deg,#164354a6,#072738c4);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);border-block:1px solid #a5a88a80;font-family:var(--display);text-align:center;text-shadow:0 2px 2px #000}.pb-power span{font-size:20px;color:#d6c594;white-space:nowrap}.pb-power b{font:700 italic 23px/1 var(--num);color:#e1d8ae}.pb-auto{position:absolute;right:10px;bottom:3px;width:177px;box-sizing:border-box;padding-right:30px;display:flex;align-items:center;gap:8px;min-height:26px;font:14px var(--display);font-variant:small-caps;color:#aaa99d;cursor:pointer}.pb-auto input{appearance:none;flex:0 0 16px;width:16px;height:16px;margin:0;border:1px solid #878976;border-radius:3px;background:linear-gradient(#121c21,#233136);box-shadow:inset 0 1px 3px #0008;display:grid;place-content:center;cursor:pointer}.pb-auto input:checked:after{content:"✓";color:#a8d78c;font:700 20px/1 var(--body);text-shadow:0 1px 2px #000}.pb-auto:hover{color:#fff1cb}.pb-auto:after{content:"";position:absolute;right:0;top:0;width:28px;height:28px;background:url(/art/ui/prebattle-swords-h6.png) center / contain no-repeat;filter:grayscale(1);opacity:.55}.pb-scroll{position:absolute;z-index:4;top:52px;left:320px;width:308px;filter:drop-shadow(0 8px 20px #000c)}.pb-scroll[data-view=creature]{top:-42px;left:259px;width:430px}.pb-scroll[hidden]{display:none}.pb-scroll .ho-creature-info{--hci-max-height:526px}.pb-encounter{box-sizing:border-box;padding:30px 24px 24px;min-height:188px;background:url(/art/ui/prebattle-parchment-2026-v2.png) center / 100% 100% no-repeat;color:#332917;font:16px/1.35 var(--body)}.pb-encounter h3{position:absolute;top:-17px;left:16px;right:16px;margin:0;color:#f4edda;text-align:center;font:30px var(--display);paint-order:stroke fill;-webkit-text-stroke:3px #493b28;text-shadow:0 2px 3px #241b0a}.pb-favours{display:flex;align-items:center;gap:9px;min-height:40px;margin:6px 0 9px}.pb-favours i{flex:0 0 32px;width:32px;height:40px;border:0;box-shadow:none;background:url(/art/ui/prebattle-favours-helmet.png) center / contain no-repeat}.pb-favours strong{color:#fff4d8;font:700 15px/1.2 var(--body);text-shadow:1px 1px #392c19,-1px -1px #392c19,1px -1px #392c19,-1px 1px #392c19}.prebattle[data-encounter=boss] .pb-details{display:none}.pb-encounter p{margin:8px 0 0}.pb-details-close{position:absolute;z-index:5;right:1px;top:1px;width:30px;height:30px;border:1px solid #9dafa9;border-radius:3px;background:linear-gradient(#315163,#102c3e);color:#e4dbc0;font:24px/1 var(--body);cursor:pointer}.pb-details-close:hover{filter:brightness(1.25)}.pb-scroll[data-view=encounter] .pb-details-close{right:-10px;top:-10px;width:24px;height:24px;border-color:#8c7950;background:linear-gradient(#6c5e3b,#372d1c);font-size:20px}.pb-unknown{padding:28px;background:#112e40;border:1px solid #9dafa9}.pb-unknown h3{margin:0;font:24px var(--display)}.pb-buttons{position:absolute;left:13px;right:13px;bottom:16px;display:flex;justify-content:space-between}.pb-buttons button{position:relative;isolation:isolate;width:317px;height:40px;padding:0 12px 3px;border:0;background:transparent;color:#eee5d2;font:26px/1 var(--display);text-shadow:0 2px 3px #000;cursor:pointer}.pb-buttons button:before{content:"";position:absolute;z-index:-1;inset:0;background:url(/art/ui/creation/btn-back.png) center / 317px 40px no-repeat}#pbFight:before{transform:scaleX(-1)}.pb-buttons button:after{content:"";position:absolute;top:-2px;width:44px;height:44px;background:center / contain no-repeat;pointer-events:none}#pbRetreat:after{left:16px;background-image:url(/art/ui/prebattle-retreat-2026-v2.png);transform:rotate(180deg)}#pbFight:after{right:16px;background-image:url(/art/ui/prebattle-swords-h6.png)}.pb-team{position:absolute;left:14px;top:383px;width:236px}.pb-team>label{display:block;margin-bottom:3px;font:16px/1.1 var(--display);color:#d1c7b1}.prebattle[data-hero-title=true] .pb-team{top:405px}.prebattle .pb-team .pb-coop{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;left:auto;bottom:auto;width:100%;height:26px;padding:0 4px 0 25px;border:1px solid #a39162;border-radius:2px;box-shadow:inset 0 0 0 1px #3e392c;font:14px var(--body);color:#e9dfc2;background:linear-gradient(#5b543c,#302f25)}.pb-team .pb-coop>span{white-space:nowrap}.pb-team .pb-coop:before{content:"";position:absolute;left:5px;width:15px;height:17px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3c!--%20Реконструкция%20маленького%20знака%20приглашения:%20HO%20iPm6Uu0wlX0,%20t0.%20--%3e%3cg%20fill='%23e5ddc1'%20stroke='%23706449'%20stroke-width='.7'%3e%3ccircle%20cx='7'%20cy='5'%20r='3.2'/%3e%3cpath%20d='M1.5%2017v-4.5C1.5%2010%203.8%209%207%209s5.5%201%205.5%203.5V17Z'/%3e%3cpath%20d='M14%208h3v4h3v3h-3v4h-3v-4h-3v-3h3Z'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat}.pb-team .pb-coop i{flex:0 0 16px;display:grid;place-items:center;width:16px;height:16px;font-size:0;border:1px solid #ac9c70;border-radius:50%;background:#73674b}.pb-team .pb-coop i:after{content:"";width:6px;height:6px;border-right:2px solid #e9dfc2;border-bottom:2px solid #e9dfc2;transform:translateY(-2px) rotate(45deg)}.pb-buttons button:not(:disabled):hover{filter:brightness(1.2)}.pb-buttons button:not(:disabled):active{filter:brightness(.85)}.pb-buttons button:disabled{opacity:.55;filter:grayscale(.65)}.prebattle button:focus-visible,.pb-auto:has(input:focus-visible){outline:2px solid #ecd18b;outline-offset:3px}.prebattle:lang(en) :is(.pb-frame>h2,.pb-buttons button,.pb-power>span,.pb-threat,.pb-details,.pb-encounter h3){font-variant:small-caps}.prebattle:lang(en) .pb-threat b{font-variant:small-caps}.prebattle:lang(en) .pb-details{width:138px;padding-left:28px}.prebattle[data-compact=true] .pb-frame{width:380px;height:620px;background-size:100% 100%}.prebattle[data-compact=true] .pb-frame>h2{top:22px;font-size:50px}.prebattle[data-compact=true] .pb-scene{top:65px;height:454px;background-size:auto 100%}.prebattle[data-compact=true] .pb-portrait{top:68px;width:142px;height:142px;padding:4px}.prebattle[data-compact=true] .pb-hero{left:10px}.prebattle[data-compact=true] .pb-foe{right:10px}.prebattle[data-compact=true][data-encounter=boss] .pb-foe:before{inset:-21px;clip-path:inset(0 11px 0 0)}.prebattle[data-compact=true] .pb-name{top:221px;max-width:168px;font-size:19px}.prebattle[data-compact=true] .pb-name-hero{left:10px}.prebattle[data-compact=true] .pb-name-foe{right:10px}.prebattle[data-compact=true] .pb-hero-subtitle{top:250px;left:10px;max-width:162px;font-size:16px}.prebattle[data-compact=true] .pb-details{top:249px;right:10px;width:158px;height:32px;font-size:16px}.prebattle[data-compact=true] .pb-threat{top:282px;left:110px}.prebattle[data-compact=true] .pb-rune{left:-43px;top:130px}.prebattle[data-compact=true] .pb-power{left:10px;width:352px;bottom:0;height:30px;gap:2px}.prebattle[data-compact=true] .pb-power span{font-size:18px}.prebattle[data-compact=true] .pb-power b{font-size:21px}.prebattle[data-compact=true] .pb-auto{bottom:-39px;right:16px;font-size:17px;min-height:32px}.prebattle[data-compact=true] .pb-auto input{width:22px;height:22px}.prebattle[data-compact=true] .pb-auto{right:8px;width:146px;padding-right:24px;font-size:15px;line-height:1}.prebattle[data-compact=true] .pb-auto:after{width:24px;height:24px;top:4px}.prebattle[data-compact=true] .pb-team{left:10px;top:auto;bottom:-39px;width:190px;height:32px}.prebattle[data-compact=true] .pb-team>label{display:none}.prebattle[data-compact=true] .pb-team .pb-coop{height:32px;font-size:12px;gap:4px}.prebattle[data-compact=true] .pb-buttons{left:12px;right:12px;bottom:18px}.prebattle[data-compact=true] .pb-buttons button{width:172px;height:42px;font-size:22px}.prebattle[data-compact=true] .pb-buttons button:before{background-size:100% 100%}.prebattle[data-compact=true] .pb-buttons button:after{width:30px;height:30px;top:5px}.prebattle[data-compact=true] #pbRetreat{padding-left:30px;font-size:20px}.prebattle[data-compact=true] #pbRetreat:after{left:3px}.prebattle[data-compact=true] #pbFight{padding-right:30px}.prebattle[data-compact=true] #pbFight:after{right:3px}.prebattle[data-compact=true] .pb-scroll{top:-9px;left:0;width:372px}.prebattle[data-compact=true] .pb-scroll[data-view=encounter]{top:20px;left:10px;width:352px}.prebattle[data-compact=true] .pb-scroll .ho-creature-info{--hci-max-height:478px}.prebattle[data-compact=true] .pb-details-close{width:36px;height:36px}.prebattle.pb-held{z-index:60;background:#060d13;pointer-events:auto}#townPanel.has-scene .tw-land{background:#0b171e}#townPanel.town-window .tw-background-edges{will-change:transform}#townPanel.town-window .tw-bld{transition:none;will-change:filter}#townPanel[data-town-faction=necropolis] .tw-bld:not(.tw-native){--town-building-tone: brightness(.86) saturate(.95)}#townPanel.town-window .tw-bld.tw-native,#townPanel.town-window .tw-bld.tw-native.hot,#townPanel.town-window .tw-bld.tw-native.on{filter:none;opacity:1;will-change:auto}.tw-native>img{position:absolute;inset:0;width:100%;height:100%;will-change:opacity}.tw-native-highlight{opacity:0}.tw-native.tw-highlight-ready.hot>.tw-native-highlight,.tw-native.tw-highlight-ready.on>.tw-native-highlight{opacity:1}.tw-native.tw-highlight-ready.hot>.tw-native-base,.tw-native.tw-highlight-ready.on>.tw-native-base{opacity:0}#townPanel.town-window #townStage>.tw-x{right:calc(3.85 * var(--u));top:calc(.55 * var(--u))}#townPanel.town-window #townStage>.tw-help{right:calc(6.3 * var(--u));top:calc(.55 * var(--u))}#townPanel.town-window #townStage>.tw-return{left:calc(3.65 * var(--u));top:calc(.55 * var(--u))}#townPanel.town-window [data-demolish].tw-return{background-image:url(/art/ui/town-controls/demolish-pickaxe-2026-11-05.png);background-size:122% 122%}#townPanel.town-window :is(.income,.garrison) .tw-face-art{mask-image:linear-gradient(#000 82%,transparent)}#townPanel.town-window .dwelling .tw-face-art{mask-image:linear-gradient(#000 69%,rgba(0,0,0,.65) 81%,rgba(0,0,0,.26) 86%,rgba(0,0,0,.06) 93%,transparent 96%)}#townPanel.town-window .tw-inner .tw-upgrade{width:calc(12.1 * var(--u));height:calc(3.15 * var(--u));min-width:0;box-sizing:border-box;margin:0;padding:calc(.65 * var(--u)) calc(.5 * var(--u)) 0;border:0;border-radius:0;box-shadow:none;display:grid;place-items:center;line-height:1;font-weight:400;font-size:calc(1.4 * var(--u));letter-spacing:0;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%2044'%20preserveAspectRatio='none'%3e%3c!--%20Геометрия%20по%20позднему%20HO:%20t8hHMuxzDsg_00463,%20BlueDraconis%20Archer%201.%20Реконструкция%20пустой%20плашки;%20текст%20выводит%20интерфейс.%20--%3e%3cdefs%3e%3clinearGradient%20id='face'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='%2377705b'/%3e%3cstop%20offset='.36'%20stop-color='%235c5748'/%3e%3cstop%20offset='.62'%20stop-color='%234d493c'/%3e%3cstop%20offset='1'%20stop-color='%23302e28'/%3e%3c/linearGradient%3e%3clinearGradient%20id='edge'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='%23beb49a'/%3e%3cstop%20offset='.45'%20stop-color='%238e8269'/%3e%3cstop%20offset='1'%20stop-color='%23c3b89b'/%3e%3c/linearGradient%3e%3cpattern%20id='grain'%20width='7'%20height='5'%20patternUnits='userSpaceOnUse'%3e%3cpath%20d='M0%201H3M4%204H7'%20stroke='%23d9c8a3'%20stroke-opacity='.045'/%3e%3cpath%20d='M2%203H5M6%200H7'%20stroke='%23100f0c'%20stroke-opacity='.09'/%3e%3c/pattern%3e%3c/defs%3e%3cpath%20d='M1%2014%2080%201%20159%2014%20151%2013V42H9V13Z'%20fill='url(%23face)'%20stroke='%23292b25'%20stroke-width='2'/%3e%3cpath%20d='M1%2014%2080%201%20159%2014M9%2013V42H151V13'%20fill='none'%20stroke='url(%23edge)'%20stroke-width='1'/%3e%3cpath%20d='M11%2014%2080%203%20149%2014V40H11Z'%20fill='url(%23grain)'/%3e%3cpath%20d='M12%2038H148'%20stroke='%230f1412'%20stroke-opacity='.7'/%3e%3cpath%20d='M10%2040H150'%20stroke='%23a79c80'%20stroke-opacity='.45'/%3e%3c/svg%3e") center / 100% 100% no-repeat}#townPanel.town-window .tw-inner .tw-face .tw-upgrade{right:calc(4 * var(--u));bottom:calc(1.45 * var(--u))}#townPanel.town-window .tw-inner .tw-face .tw-upgrade.busy{filter:grayscale(.6) brightness(.55)}#townPanel.town-window :is(.income,.garrison) .tw-face-nm{left:calc(4.3 * var(--u));right:calc(16.4 * var(--u));bottom:calc(.95 * var(--u));line-height:1;padding-bottom:0;border-bottom:0}#townPanel.town-window :is(.income,.garrison) .tw-face:before{content:"";position:absolute;z-index:3;pointer-events:none;left:calc(4.3 * var(--u));right:calc(3.9 * var(--u));bottom:calc(1.05 * var(--u));border-bottom:1px solid #c9d0d2}#townPanel.town-window :is(.income,.garrison) .tw-face-lvl{font-size:calc(2.1 * var(--u));letter-spacing:0;color:#e9e2cf}#townPanel.town-window .garrison .tw-face{height:calc(19 * var(--u))}#townPanel.town-window .tw-production .tw-rows dt{border-bottom:0}#townPanel.town-window .tw-production .tw-rows>div:first-child{border-bottom:1px solid #b9c3c8;box-shadow:0 1px #0f2230}#townPanel.town-window .tw-production .tw-rows>div{line-height:1.12}#townPanel.town-window .tw-production .tw-rows>div:first-child{line-height:1}#townPanel.town-window .tw-production .tw-rows>div:first-child dt{font-size:calc(1.35 * var(--u))}#townPanel.town-window .tw-production:not(.full) .tw-fillbar{height:calc(1.25 * var(--u))}#townPanel.town-window :is(.tw-production:not(.full) .tw-fillbar,.tw-construction-track){--town-rail-rim: max(1px, calc(.13 * var(--u)));position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:0;clip-path:polygon(0 0,100% 0,calc(100% - var(--town-rail-tip, .95 * var(--u))) 100%,0 100%);background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='192'%20height='24'%20viewBox='0%200%20192%2024'%3e%3c!--%20Static,%20faint%20metal%20grain;%20the%20bevel%20and%20lighting%20are%20drawn%20in%20CSS.%20--%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.65%20.22'%20numOctaves='2'%20seed='8'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%20.14%200%200%200%200%20.12%200%200%200%200%20.09%200%200%200%20.18%200'/%3e%3c/filter%3e%3cpath%20d='M0%200H192V24H0Z'%20filter='url(%23grain)'/%3e%3c/svg%3e") 0 0 / auto 100% repeat-x,linear-gradient(#343f4b,#e1dce0,#a2a3ab 24%,#62616d 48%,#32313c 68%,#a6a1a9 84%,#d0cbd0 90%,#35313a);box-shadow:inset 0 1px #ece8e7,inset 0 -1px #151f2a}#townPanel.town-window :is(.tw-production:not(.full) .tw-fillbar,.tw-construction-track):before{content:"";position:absolute;pointer-events:none;inset:var(--town-rail-rim);z-index:-1;clip-path:polygon(0 0,100% 0,calc(100% - var(--town-rail-tip, .95 * var(--u))) 100%,0 100%);background:linear-gradient(90deg,#17202a33,transparent 35%,#d8d2da1a 70%,#11192333),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='192'%20height='24'%20viewBox='0%200%20192%2024'%3e%3c!--%20Static,%20faint%20metal%20grain;%20the%20bevel%20and%20lighting%20are%20drawn%20in%20CSS.%20--%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.65%20.22'%20numOctaves='2'%20seed='8'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%20.14%200%200%200%200%20.12%200%200%200%200%20.09%200%200%200%20.18%200'/%3e%3c/filter%3e%3cpath%20d='M0%200H192V24H0Z'%20filter='url(%23grain)'/%3e%3c/svg%3e") 0 0 / auto 100% repeat-x,linear-gradient(#333844,#62616c 35%,#8c8791 52%,#57515d 64%,#302e38);box-shadow:inset 0 1px 2px #10131ecc,inset 0 -1px #c4bcc666}#townPanel.town-window :is(.tw-production:not(.full) .tw-fillbar,.tw-construction-track)>i{position:absolute;display:block;overflow:hidden;left:var(--town-rail-rim);top:var(--town-rail-rim);bottom:var(--town-rail-rim);height:auto;max-width:calc(100% - 2 * var(--town-rail-rim));border-radius:0;background:linear-gradient(90deg,#6e46172b,transparent 32%,#fff5bf26 65%,#69431529),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='192'%20height='24'%20viewBox='0%200%20192%2024'%3e%3c!--%20Static,%20faint%20metal%20grain;%20the%20bevel%20and%20lighting%20are%20drawn%20in%20CSS.%20--%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.65%20.22'%20numOctaves='2'%20seed='8'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%20.14%200%200%200%200%20.12%200%200%200%200%20.09%200%200%200%20.18%200'/%3e%3c/filter%3e%3cpath%20d='M0%200H192V24H0Z'%20filter='url(%23grain)'/%3e%3c/svg%3e") 0 0 / auto 100% repeat-x,linear-gradient(#fff2bd,#e7ce87 18%,#c1a05a 42%,#e7ca82 48%,#ad8542 62%,#8b652f 83%,#c5a363);box-shadow:inset 0 1px #fff5d6b3,inset 0 -1px #60431c,inset -1px 0 #f4e4ac}#townPanel.town-window :is(.tw-production:not(.full) .tw-fillbar,.tw-construction-track)>i:after{content:"";position:absolute;pointer-events:none;top:0;right:0;bottom:0;width:max(2px,calc(.25 * var(--u)));background:linear-gradient(90deg,transparent,#fff0bc99 48%,#765025)}#townPanel.town-window .tw-production.full .tw-fillbar{border:0;border-radius:0 calc(.45 * var(--u)) calc(.45 * var(--u)) 0;background:url(/ui/town-fidelity/full.webp) center / 100% 100% no-repeat;box-shadow:none}#townPanel.town-window .tw-production.full .tw-fillbar span{font-size:calc(2.15 * var(--u));font-weight:700;letter-spacing:0;color:#ecebe8;padding-bottom:calc(.3 * var(--u));text-shadow:-1px -1px 0 #1d1305,1px -1px 0 #1d1305,-1px 1px 0 #1d1305,1px 1px 0 #1d1305,0 2px 3px #000}#townPanel.town-window .tw-production.full .tw-fillbar i{background:none}#townPanel.town-window .tw-instant{width:calc(20.1 * var(--u));background:linear-gradient(#7a8a64 0,#6aa05a 14%,#5f994d 36%,#529343 52%,#3e8332 60%,#2e7323 80%,#2b681d 90%,#274a12);border:1px solid #b9b58a;border-radius:calc(.25 * var(--u));box-shadow:inset 0 1px #a4bc8a}#townPanel.town-window .tw-production .tw-acts .tw-icon-action{width:calc(7.15 * var(--u));height:calc(3.3 * var(--u));overflow:visible;background:none;border:0;border-radius:0;box-shadow:none;position:relative}#townPanel.town-window .tw-production .tw-acts .tw-icon-action:hover:not(:disabled){background:none}#townPanel.town-window .tw-production .tw-acts .tw-icon-action:before{content:"";position:absolute;pointer-events:none;inset:calc(-.3 * var(--u)) 0;background:url(/ui/town-fidelity/recruit-v2.webp) center / 100% 100% no-repeat}#townPanel.town-window .tw-production .tw-acts .collect:before{background-image:url(/ui/town-fidelity/collect.webp)}#townPanel.town-window .tw-production .tw-acts .tw-icon-action:disabled{filter:grayscale(1) brightness(.42)}#townPanel.town-window .dwelling .tw-unit-name{white-space:nowrap}#townPanel.town-window .tw-face[data-mural-faction=necropolis] :is(.tw-face-nm,.tw-face-lvl){--town-title-edge: calc(1px / var(--ui-scale, 1));text-shadow:calc(-1 * var(--town-title-edge)) calc(-1 * var(--town-title-edge)) 0 #142e36,var(--town-title-edge) calc(-1 * var(--town-title-edge)) 0 #142e36,calc(-1 * var(--town-title-edge)) var(--town-title-edge) 0 #142e36,var(--town-title-edge) var(--town-title-edge) 0 #142e36}#townPanel.town-window .dwelling .tw-unit-name[data-long-name=true]{font-size:calc(2 * var(--u))}#townPanel.town-window .dwelling .tw-face-nm[data-long-title=true]{top:calc(4.5 * var(--u));font-size:calc(3.2 * var(--u));white-space:nowrap}#townPanel.town-window .garrison .tw-keep{justify-content:center;gap:calc(1.73 * var(--u));padding:calc(.25 * var(--u)) 0 calc(1 * var(--u))}#townPanel.town-window .garrison :is(.tw-keep-cell,.tw-keep-orb){width:calc(6.6 * var(--u))}#townPanel.town-window .garrison .tw-keep-orb{height:calc(6.6 * var(--u))}#townPanel.town-window .garrison .tw-keep-cap b{font-size:calc(2.2 * var(--u))}#townPanel.town-window .tw-enlist-row>span:first-child{display:flex;align-items:center;gap:calc(.7 * var(--u));font-family:var(--body);font-size:calc(1.6 * var(--u))}#townPanel.town-window .tw-status-ico{width:calc(2.3 * var(--u));height:calc(2.3 * var(--u));object-fit:contain}#townPanel.town-window .income .tw-production:not(.full){padding-top:calc(.55 * var(--u))}#townPanel.town-window .income .tw-enlist-row{height:calc(2.3 * var(--u));margin:0 0 calc(.15 * var(--u))}#townPanel.town-window .income .tw-cycle-time{margin-top:calc(.15 * var(--u))}#townPanel.town-window .income .tw-production:not(.full) .tw-rows{margin-top:calc(.75 * var(--u))}#townPanel.town-window .income .tw-production{padding-right:calc(.6 * var(--u))}#townPanel.town-window .income .tw-production .tw-acts{align-self:start;margin-top:calc(.8 * var(--u))}#townPanel.town-window .income .tw-stat{gap:calc(2.35 * var(--u))}#townPanel.town-window .income .tw-production .tw-rows{padding-left:calc(1.2 * var(--u))}#townPanel.town-window :is(.income,.dwelling) .tw-orb{box-shadow:0 0 0 calc(.1 * var(--u)) #1d3040,0 0 0 calc(.55 * var(--u)) #b9c0c2,0 0 0 calc(.65 * var(--u)) #4f6570,0 calc(.16 * var(--u)) calc(.3 * var(--u)) #051421b3}#townPanel.town-window .income .tw-orb{width:calc(10.1 * var(--u));height:calc(10.1 * var(--u))}#townPanel.town-window .dwelling .tw-orb{width:calc(10.8 * var(--u));height:calc(10.8 * var(--u))}#townPanel.town-window .garrison .tw-face-art{filter:brightness(1.18)}#townPanel.town-window .garrison .tw-keep-cap{align-items:baseline}#townPanel.town-window .garrison .tw-keep-cap b{line-height:1}#townPanel.town-window .garrison .tw-keep-foot{padding-right:calc(.7 * var(--u))}#townPanel.town-window .tw-troops{z-index:2;top:auto;bottom:calc(4.94 * var(--u));height:calc(8.795 * var(--u));padding:0 calc(8.9 * var(--u)) 0 calc(8.3 * var(--u))}#townPanel.town-window .tw-troops:before{top:calc(3.35 * var(--u));height:auto;bottom:calc(-1px / var(--ui-scale, 1));mask-image:none;clip-path:none}#townPanel.town-window .tw-troop{flex-basis:calc(6.3 * var(--u));height:calc(6.3 * var(--u))}#townPanel.town-window .tw-troop-orb{width:calc(6.3 * var(--u));height:calc(6.3 * var(--u))}#townPanel.town-window .tw-troop-counts{top:calc(5.25 * var(--u))}#townPanel.town-window .dwelling .tw-face-nm{left:calc(4.2 * var(--u))}#townPanel.town-window .dwelling .tw-dwelling-tabs{left:calc(3.4 * var(--u));bottom:calc(1.1 * var(--u));gap:calc(1.2 * var(--u));z-index:4}#townPanel.town-window .dwelling .tw-dwelling-tabs button{width:calc(7.4 * var(--u));height:calc(7.5 * var(--u));padding:calc(1.25 * var(--u));border:0;border-radius:calc(.6 * var(--u)) calc(.6 * var(--u)) 0 0;background:linear-gradient(#243644,#192e3e 45%,#0e2030);box-shadow:none;opacity:1}#townPanel.town-window .dwelling .tw-dwelling-tabs button:not(.on) span{filter:brightness(.75)}#townPanel.town-window .dwelling .tw-dwelling-tabs button.on{background:linear-gradient(#334a5b,#253f51 45%,#0e243b);border:0;box-shadow:0 2px #0e243b}#townPanel.town-window .dwelling .tw-dwelling-tabs button span{width:calc(4.9 * var(--u));height:calc(4.9 * var(--u))}#townPanel.town-window .dwelling .tw-dwelling-tabs button[data-improved=true]{position:relative}#townPanel.town-window .dwelling .tw-dwelling-tabs button[data-improved=true]:after{content:"";position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='96'%20height='100'%20viewBox='0%200%2096%20100'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='silver'%20x1='0'%20y1='0'%20x2='96'%20y2='100'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2365747a'/%3e%3cstop%20offset='.24'%20stop-color='%23d4d9d5'/%3e%3cstop%20offset='.53'%20stop-color='%2385938f'/%3e%3cstop%20offset='.77'%20stop-color='%23c7cdca'/%3e%3cstop%20offset='1'%20stop-color='%23566973'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M2%20100V10Q2%202%2010%202H86Q94%202%2094%2010V100'%20stroke='%23081925'%20stroke-width='5'/%3e%3cpath%20d='M2%20100V10Q2%202%2010%202H86Q94%202%2094%2010V100'%20stroke='url(%23silver)'%20stroke-width='2'/%3e%3cpath%20d='M6%20100V17Q14%2016%2017%206H79Q82%2016%2090%2017V100'%20stroke='%23b4bdb9'%20stroke-width='.9'/%3e%3cpath%20d='M3%2018C8%2017%2015%2012%2015%207C15%203%208%203%207%207C6%2011%2012%2012%2011%208M93%2018C88%2017%2081%2012%2081%207C81%203%2088%203%2089%207C90%2011%2084%2012%2085%208'%20stroke='url(%23silver)'%20stroke-width='1.8'/%3e%3cpath%20d='M8%2099V21M88%2099V21'%20stroke='%23435963'%20stroke-width='.8'/%3e%3c/svg%3e") center / 100% 100% no-repeat;opacity:.68}#townPanel.town-window .dwelling .tw-dwelling-tabs button[data-improved=true].on:after{opacity:1}#townPanel.town-window .dwelling .tw-face:before{left:calc(3.4 * var(--u));right:calc(4 * var(--u));bottom:calc(1.05 * var(--u));border-bottom-color:#bbcad9}#townPanel.town-window .dwelling .tw-unit-name{left:calc(20.8 * var(--u));right:calc(16.9 * var(--u));bottom:calc(1.3 * var(--u))}#townPanel.town-window .dwelling .tw-face:has(.tw-dwelling-tabs button:only-child) .tw-unit-name{left:calc(12.1 * var(--u))}#townPanel.town-window .dwelling .tw-production{padding-right:calc(.6 * var(--u))}#townPanel.town-window .dwelling .tw-production.full .tw-fillbar{margin-left:0}#townPanel.town-window .dwelling .tw-production .tw-rows{padding-left:calc(1 * var(--u))}#townPanel.town-window .dwelling .tw-production:not(.full)>.tw-enlist-row{margin-top:calc(1 * var(--u))}#townPanel.town-window .dwelling .tw-production:not(.full)>.tw-fillbar{margin-top:calc(-.15 * var(--u))}#townPanel.town-window .dwelling .tw-production:not(.full)>.tw-cycle-time{margin-top:calc(.8 * var(--u));height:calc(1.1 * var(--u))}#townPanel.town-window .dwelling .tw-production:not(.full) .tw-rows{margin-top:calc(-.55 * var(--u))}#townPanel.town-window .tw-upgrade-tip{left:calc(49.3 * var(--u));right:auto;top:calc(14.3 * var(--u));transform:translateY(-100%);width:calc(24.5 * var(--u));max-height:calc(var(--ui-height) - 16px);overflow:auto;padding:calc(.9 * var(--u)) calc(1.1 * var(--u));z-index:12;background:#0f212c;border:1px solid #a9a9a6;outline:0;border-radius:calc(.3 * var(--u));box-shadow:0 4px 14px #000a;pointer-events:none;font-family:HO Text,Calibri,sans-serif;font-size:max(calc(1.15 * var(--u)),12px);line-height:1.3;color:#e8e8e4}#townPanel.town-window .tw-builder-inner~.tw-upgrade-tip{top:calc(6 * var(--u));left:auto;right:calc(4 * var(--u));transform:none}#townPanel.town-window .tw-upgrade-tip h3{margin:0 0 calc(.7 * var(--u));padding-bottom:calc(.3 * var(--u));border-bottom:1px solid #c9ced0;font-family:var(--display);font-weight:400;font-size:max(calc(1.55 * var(--u)),14px);color:#e6e3da}#townPanel.town-window .tw-upgrade-tip p{margin:0 0 calc(.6 * var(--u))}#townPanel.town-window .tw-upgrade-cost{margin:calc(.2 * var(--u)) 0 calc(.8 * var(--u))}#townPanel.town-window .tw-upgrade-cost>div{display:flex;align-items:center;gap:calc(.6 * var(--u));margin:calc(.2 * var(--u)) 0}#townPanel.town-window .tw-upgrade-cost :is(.ic.res,.tw-hourglass){width:calc(1.9 * var(--u));height:calc(1.9 * var(--u));object-fit:contain;flex:none}#townPanel.town-window .tw-upgrade-cost span{flex:1}#townPanel.town-window .tw-upgrade-cost b{font-weight:700}#townPanel.town-window .tw-upgrade-tip .ok{color:#3fae3a}#townPanel.town-window .tw-upgrade-tip .short{color:#d0302b}#townPanel.town-window .tw-upgrade-req p{margin:calc(.15 * var(--u)) 0}#townPanel.town-window .tw-construction{margin:calc(.6 * var(--u)) 0 0 calc(2.6 * var(--u));width:calc(29.2 * var(--u))}#townPanel.town-window .tw-construction-track{height:calc(1.15 * var(--u));--town-rail-tip: 0px}#townPanel.town-window .tw-construction-bar{display:flex;align-items:center;min-width:0}#townPanel.town-window .tw-construction-bar .tw-construction-track{flex:1 1 auto;--town-rail-tip: 0px}#townPanel.town-window .tw-construction-cancel{position:relative;flex:none;width:calc(2.4 * var(--u));height:calc(1.15 * var(--u));padding:0;border:0;border-radius:0 calc(.5 * var(--u)) calc(.5 * var(--u)) 0;cursor:pointer;background:linear-gradient(#b8afb6,#6b616b 22%,#3a333c 55%,#514650 78%,#24202a);box-shadow:inset 0 1px #ddd2d7,inset 0 -1px #111d28,inset 1px 0 #b9acb2}#townPanel.town-window .tw-construction-cancel:before{content:"×";position:absolute;inset:0;display:grid;place-items:center;color:#e9e3d2;font:700 calc(1.25 * var(--u))/1 var(--body);text-shadow:0 1px 1px #000}#townPanel.town-window .tw-construction-cancel:hover{filter:brightness(1.35)}#townPanel.town-window .tw-instant-build{margin-top:calc(.7 * var(--u));width:calc(20.1 * var(--u))}#townPanel.town-window .tw-gain{display:inline-block;visibility:hidden;flex:none;vertical-align:middle;width:calc(1.7 * var(--u));height:calc(1.6 * var(--u));margin-left:calc(.6 * var(--u));background:linear-gradient(#d4f6ff,#6fd2f2 45%,#2f97c8);clip-path:polygon(50% 0,100% 52%,74% 52%,74% 100%,26% 100%,26% 52%,0 52%);filter:drop-shadow(0 0 1px #0b3550)}#townPanel.town-window .tw-rows dd{position:relative}#townPanel.town-window .tw-rows dd .tw-gain{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:calc(.3 * var(--u))}#townPanel.town-window .tw-stage:has([data-upgrade]:is(:hover,:focus-visible)) .tw-gain{visibility:visible}#townPanel.town-window .tw-stage:is(.dwelling,.garrison):has(.tw-construction){height:calc(34.4 * var(--u))}#townPanel.town-window .tw-stage:is(.dwelling,.garrison):has(.tw-construction) .tw-stat{margin-top:calc(.15 * var(--u))}#townPanel.town-window .tw-stage:is(.dwelling,.garrison) .tw-construction{position:absolute;left:calc(4 * var(--u));right:calc(4 * var(--u));bottom:calc(.8 * var(--u));width:auto;margin:0;display:grid;grid-template-columns:calc(25 * var(--u)) minmax(0,1fr) auto;align-items:center;gap:calc(1.2 * var(--u))}#townPanel.town-window .tw-stage:is(.dwelling,.garrison) .tw-instant-build{margin:0;width:calc(17 * var(--u));height:calc(2.1 * var(--u))}#townPanel.town-window .tw-stage:is(.dwelling,.garrison) .tw-instant-build img{width:calc(2.4 * var(--u));height:calc(2.4 * var(--u))}#townPanel.town-window .tw-stage:is(.dwelling,.garrison) .tw-construction-label{font-size:calc(1.15 * var(--u))}#townPanel.town-window .tw-stage:is(.dwelling,.garrison) .tw-construction-time{font-size:calc(1.5 * var(--u))}#townPanel.town-window .tw-stage:has(.tw-upgrade-tip:not([hidden])){z-index:11}#townPanel.town-window .tw-builder-heading{align-items:flex-end;margin:calc(2.1 * var(--u)) calc(.9 * var(--u)) calc(1.3 * var(--u)) calc(1.3 * var(--u));padding:0;border-bottom:2px solid #778a9b}#townPanel.town-window .tw-builder-heading h3{font-size:calc(2.5 * var(--u));line-height:.95}#townPanel.town-window .tw-builder-heading>span{line-height:.95}#townPanel.town-window .tw-builder-heading>span{font-family:var(--display);font-size:calc(2.1 * var(--u));color:#e9e2cf}#townPanel.town-window .tw-builder-heading .tw-upgrade{flex:none;align-self:flex-end;margin:0 calc(.4 * var(--u)) calc(.25 * var(--u)) 0}#townPanel.town-window .tw-builder-heading .tw-upgrade.busy{filter:grayscale(.6) brightness(.55)}#townPanel.town-window .tw-improvements .tw-list{gap:calc(1 * var(--u))}#townPanel.town-window .tw-improvements .tw-item{height:calc(4.45 * var(--u));font-size:calc(1.4 * var(--u))}#townPanel.town-window .tw-improvements .tw-item.on{background-image:url(/art/ui/town-faithful/slot-built.png);box-shadow:inset 0 0 0 1px #140e068c;color:#efe4cd}#townPanel.town-window .tw-improvements .tw-item.on:after{border-color:#c4b38865}#townPanel.town-window .tw-builder-detail{padding:0 calc(.9 * var(--u)) 0 calc(1 * var(--u));overflow:visible}#townPanel.town-window .tw-builder-detail .tw-rows{margin-left:0}#townPanel.town-window .tw-builder-detail p{font-family:var(--body);font-size:calc(1.4 * var(--u));line-height:1.3}#townPanel.town-window .tw-builder-unit{position:relative;width:calc(11.5 * var(--u));height:calc(11.5 * var(--u));margin-top:calc(1.6 * var(--u));padding:0;border:0;cursor:pointer}#townPanel.town-window .tw-builder-detail .tw-costs{border-top:1px solid #b9c3c8;padding-top:calc(.6 * var(--u))}#townPanel.town-window :is(.tw-builder-detail,.tw-detail) .tw-cost-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:calc(.7 * var(--u)) calc(1.4 * var(--u));padding-right:0}#townPanel.town-window :is(.tw-builder-detail,.tw-detail) .tw-cost{flex:0 0 auto;justify-content:flex-start;padding-right:0;gap:calc(.5 * var(--u));box-sizing:border-box}#townPanel.town-window :is(.tw-builder-detail,.tw-detail) .tw-cost.time{flex-basis:auto}#townPanel.town-window .tw-cost.short b{color:#b8262a}#townPanel.town-window .tw-stage>.tw-build-go{position:absolute;z-index:5;right:calc(4.2 * var(--u));bottom:calc(-.45 * var(--u));width:calc(13.5 * var(--u));min-width:0;height:calc(2.7 * var(--u));margin:0;padding:0 0 calc(.1 * var(--u));background:url(/art/ui/town-controls/action-enabled.png) center / 100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;font-size:calc(1.5 * var(--u));letter-spacing:.05em}#townPanel.town-window .tw-stage>.tw-build-go.short:disabled{filter:none;color:#f6efe2;cursor:default}#townPanel.town-window .tw-list-wrap .tw-item{height:calc(4.6 * var(--u));font-size:calc(1.45 * var(--u))}#townPanel.town-window .tw-list-wrap .tw-list{gap:calc(.7 * var(--u))}#townPanel.town-window .tw-slot-ico.fig.creature{width:calc(5 * var(--u));height:calc(5 * var(--u));max-height:none;margin-left:calc(-.4 * var(--u));margin-right:calc(-1.4 * var(--u));clip-path:none}#townPanel.town-window .tw-item-ico.fig.creature{width:calc(4.5 * var(--u));height:calc(4.5 * var(--u))}#townPanel.town-window .tw-detail>.tw-need{margin-top:calc(2 * var(--u));font-family:var(--display);font-size:calc(1.3 * var(--u));color:#d9d6d9}#townPanel.town-window .tw-detail>.tw-need.no{color:#d9d6d9}#townPanel.town-window .tw-detail h3{color:#e4e2dc}#townPanel.town-window .tw-costs h4{color:#dcdde3}#townPanel.town-window .tw-list-wrap{flex:0 0 calc(27.2 * var(--u));margin-left:calc(1.7 * var(--u))}#townPanel.town-window .tw-list-wrap .tw-list{padding-right:calc(3.4 * var(--u))}#townPanel.town-window .tw-list{overflow-x:hidden;min-width:0}#townPanel.town-window .tw-list .tw-none{font-size:calc(1.2 * var(--u));color:#dcdde3}#townPanel.town-window .tw-item-nm{white-space:normal;overflow-wrap:anywhere;line-height:1.12}#townPanel.town-window .tw-list-controls{width:calc(2 * var(--u))}#townPanel.town-window .tw-list-controls button,#townPanel.town-window .tw-list-controls button:first-child{rotate:none;flex:0 0 calc(2 * var(--u));width:calc(2 * var(--u));height:calc(2 * var(--u));display:grid;place-items:center;box-sizing:border-box;padding:0;margin:0;border:1px solid #a79b79;border-radius:50%;background:radial-gradient(circle at 45% 35%,#514c3c,#302f28);box-shadow:inset 0 0 0 1px #202923}#townPanel.town-window .tw-list-controls button:before{content:"";display:block;width:calc(.8 * var(--u));height:calc(.65 * var(--u));background:#e7dfba;clip-path:polygon(50% 0,100% 100%,0 100%)}#townPanel.town-window .tw-list-controls button:last-child:before{rotate:180deg}#townPanel.town-window .tw-list-controls>span{margin-block:calc(.2 * var(--u))}#townPanel.town-window .tw-list-range::-webkit-slider-runnable-track{width:calc(.55 * var(--u));background:#0a2538;border:1px solid #6d705e;border-radius:calc(.2 * var(--u))}#townPanel.town-window .tw-list-range::-webkit-slider-thumb{width:calc(.8 * var(--u));margin-left:calc(-.125 * var(--u) - 1px);background:linear-gradient(90deg,#766747,#b3a078 45%,#897651);border:1px solid #c3b289;border-radius:calc(.2 * var(--u));box-shadow:inset 0 0 0 1px #5f543d}#townPanel.town-window .tw-list-range::-moz-range-track{width:calc(.55 * var(--u));height:100%;background:#0a2538;border:1px solid #6d705e;border-radius:calc(.2 * var(--u))}#townPanel.town-window .tw-list-range::-moz-range-thumb{width:calc(.8 * var(--u));height:var(--town-scroll-thumb,40px);background:linear-gradient(90deg,#766747,#b3a078 45%,#897651);border:1px solid #c3b289;border-radius:calc(.2 * var(--u))}#townPanel.town-window .tw-hourglass{width:calc(1.9 * var(--u));height:calc(1.9 * var(--u))}#townPanel.town-window .tw-build:not(.tw-improvements) .tw-list-wrap .tw-item.on:not(.locked){color:#273033;text-shadow:0 1px 0 rgba(255,255,255,.7)}#townPanel.town-window .tw-construction-card .tw-detail{flex:1 1 auto;min-height:0}#townPanel.town-window .tw-construction-card .tw-detail-art{height:calc(15.5 * var(--u));margin:calc(-1.4 * var(--u)) calc(-3.4 * var(--u)) 0}#townPanel.town-window .tw-construction-card h3{position:relative;z-index:1;margin-top:calc(-2.7 * var(--u))}#townPanel.town-window .tw-construction-card .tw-note{flex:0 0 auto;width:62%;overflow:visible}#townPanel.town-window .tw-stage .tw-construction-card .tw-construction{position:static;display:block;margin:auto 0 calc(.4 * var(--u)) 0;width:calc(28 * var(--u))}#townPanel.town-window .tw-detail .tw-note{font-family:var(--body);font-size:calc(1.35 * var(--u));line-height:1.3}#townPanel.town-window .tw-detail .tw-note em{margin-bottom:calc(.9 * var(--u))}#townPanel.town-window>.tw-demolish-shade{position:absolute;z-index:11;inset:calc(-2.1 * var(--u));background:#000000c7}#townPanel.town-window>.tw-demolish-dialog{--tw-dialog-u: max(var(--u), calc(8px / var(--ui-scale, 1)));position:absolute;z-index:12;left:50%;right:auto;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:calc(1 * var(--tw-dialog-u));width:min(max(calc(37.5 * var(--u)),calc(340px / var(--ui-scale, 1))),100%);max-height:calc(100 * var(--ui-vh, 1vh) - 24px / var(--ui-scale, 1));box-sizing:border-box;overflow-y:auto;padding:calc(2 * var(--tw-dialog-u)) calc(2.8 * var(--tw-dialog-u));background:none;border:0;border-radius:0;outline:0;box-shadow:none;isolation:isolate;filter:drop-shadow(0 6px 12px #0009);font-family:var(--body);font-size:max(calc(1.4 * var(--u)),calc(14px / var(--ui-scale, 1)));line-height:1.4;color:#eef2f4}#townPanel.town-window>.tw-demolish-dialog:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(/art/ui/town-faithful/panel.png) center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201565%20998'%20preserveAspectRatio='none'%3e%3c!--%20Outer%20blue%20edge%20of%20panel.png;%20excludes%20the%20pale%20matte%20and%20bottom%20crop%20debris.%20--%3e%3cpath%20fill='white'%20d='M106%205H1459Q1465%2028%201498%2035C1538%20171%201560%20330%201560%20499C1560%20668%201538%20824%201497%20953Q1464%20960%201460%20986H105Q101%20960%2068%20953C27%20824%205%20668%205%20499C5%20330%2027%20171%2067%2035Q100%2028%20106%205Z'/%3e%3c/svg%3e") center / 100% 100% no-repeat;transform:scaleY(-1)}#townPanel.town-window>.tw-demolish-dialog h3{flex:none;margin:0;padding:0;border:0;font-family:var(--display);font-weight:400;font-size:max(calc(2.2 * var(--u)),calc(22px / var(--ui-scale, 1)));line-height:1.2;color:#e8e6df;text-shadow:0 1px 3px #000}#townPanel.town-window>.tw-demolish-dialog p{flex:none;margin:0;font-weight:400}#townPanel.town-window>.tw-demolish-dialog .tw-acts{position:static;flex:none;margin:calc(.8 * var(--tw-dialog-u)) 0 0;display:flex;justify-content:space-between;gap:calc(1.2 * var(--tw-dialog-u));background:none}#townPanel.town-window>.tw-demolish-dialog .tw-do{position:relative;z-index:0;flex:1;width:auto;min-width:0;height:max(calc(3.2 * var(--u)),calc(34px / var(--ui-scale, 1)));margin:0;padding:0 calc(.8 * var(--tw-dialog-u));background:url(/art/ui/town-controls/action-enabled.png) center / 100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;font-size:max(calc(1.45 * var(--u)),calc(16px / var(--ui-scale, 1)));line-height:1.2}#townPanel.town-window>.tw-demolish-dialog .tw-do.tw-cancel{background:none}#townPanel.town-window>.tw-demolish-dialog .tw-do.tw-cancel:before{content:"";position:absolute;inset:0;z-index:-1;transform:scaleX(-1);background:url(/art/ui/town-controls/action-enabled.png) center / 100% 100% no-repeat}#townPanel.town-window .tw-upgrade-tip.below{transform:none;top:calc(17.8 * var(--u))}#townPanel.town-window .tw-list-wrap .tw-item{filter:none}#townPanel.town-window .tw-list-wrap .tw-item:hover{filter:brightness(1.1)}#townPanel.town-window .tw-bld.tw-native:is([data-bld=altar-of-radiance],[data-bld=altar-of-resplendence]){filter:brightness(1.08)}@media(max-width:900px)and (orientation:portrait){#townPanel.town-window{--px: calc(1px / var(--ui-scale, 1));--u: calc(min((100vw - 32px) / 65.4, 9px) / var(--ui-scale, 1));--tw-readable: calc(14 * var(--px));width:calc((100vw - 16px) / var(--ui-scale, 1));height:calc(min(100dvh - 24px,470px + (100vw - 30px) / 2.0917) / var(--ui-scale, 1));border-width:calc(7 * var(--px));background:#09283b}#townPanel.town-window:before{inset:calc(-7 * var(--px));border-width:calc(7 * var(--px));border-image-width:calc(7 * var(--px))}#townPanel.town-window>header{top:calc(5 * var(--px));left:0;right:0;height:calc(48 * var(--px))}#townPanel.town-window #townName{font-size:calc(30 * var(--px));line-height:1.2;max-width:100%}#townPanel.town-window .tw-banner{display:none}#townPanel.town-window #townLand{top:calc(58 * var(--px));bottom:auto;height:calc((100vw - 30px) / 2.0917 / var(--ui-scale, 1))}#townPanel.town-window #townScene{width:100%}#townPanel.town-window #townSlots{left:calc(8 * var(--px));right:calc(8 * var(--px));width:auto;top:calc((74px + (100vw - 30px) / 2.0917) / var(--ui-scale, 1));bottom:calc(70 * var(--px));max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:calc(10 * var(--px));padding-block:0;overflow-y:auto;overscroll-behavior:contain}#townPanel.town-window #townSlots .tw-slot{width:100%;height:calc(50 * var(--px));min-height:calc(50 * var(--px));margin:0;padding:calc(4 * var(--px));gap:calc(6 * var(--px));font-size:calc(14 * var(--px));letter-spacing:0}#townPanel.town-window #townSlots .tw-slot-ico{flex:0 0 calc(30 * var(--px));width:calc(30 * var(--px));height:calc(38 * var(--px))}#townPanel.town-window #townSlots .tw-slot-nm{white-space:normal;line-height:1.1}#townPanel.town-window .tw-slot-scroll{position:relative;grid-column:1 / -1;justify-self:center;inset:auto;translate:none;width:calc(36 * var(--px));height:calc(32 * var(--px))}#townPanel.town-window .tw-slot-scroll.up{order:-1}#townPanel.town-window:has(#townStage:not(:empty)) #townSlots{display:none}#townPanel.town-window:has(#townStage:not(:empty)){height:calc(min(100dvh - 24px,720px) / var(--ui-scale, 1))}#townPanel.town-window:has(#townStage.income:not(:empty)){height:calc(min(100dvh - 24px,clamp(520px,80vw,640px)) / var(--ui-scale, 1))}#townPanel.town-window:has(#townStage:is(.dwelling,.garrison):not(:empty)){height:calc(min(100dvh - 24px,600px) / var(--ui-scale, 1))}#townPanel.town-window:has(#townStage.dwelling:not(:empty)):not(:has(#townStage .tw-hire,#townStage .tw-construction)){height:calc(min(100dvh - 24px,clamp(500px,70vw,600px)) / var(--ui-scale, 1))}#townPanel.town-window:has(#townStage:not(:empty)) #townLand{bottom:calc(60 * var(--px));height:auto}#townPanel.town-window:has(#townStage:not(:empty)) #townScene{width:max(100%,calc(150 * var(--u)))}#townPanel.town-window #townStage{left:50%;translate:-50% 0;top:calc(70 * var(--px));width:calc(65.4 * var(--u));height:calc(100% - 160 * var(--px));max-height:calc(560 * var(--px))}#townPanel.town-window #townStage>:is(.tw-x,.tw-help,.tw-return){width:calc(32 * var(--px));height:calc(32 * var(--px));font-size:calc(23 * var(--px))}#townPanel.town-window #townStage>.tw-x{right:calc(12 * var(--px))}#townPanel.town-window #townStage>.tw-help{right:calc(49 * var(--px))}#townPanel.town-window #townStage>.tw-return{left:calc(12 * var(--px))}#townPanel.town-window :is(.tw-face-nm,.tw-unit-name,.tw-builder-heading h3){font-size:calc(18 * var(--px))}#townPanel.town-window :is(.tw-face-lvl,.tw-detail h3){font-size:calc(16 * var(--px))}#townPanel.town-window .dwelling .tw-face{height:max(calc(19 * var(--u)),calc(142 * var(--px)))}#townPanel.town-window .dwelling .tw-face-nm,#townPanel.town-window .dwelling .tw-face-nm[data-long-title=true]{top:calc(38 * var(--px));right:calc(18 * var(--px));font-size:calc(18 * var(--px))}#townPanel.town-window :is(.tw-rows dt,.tw-rows dd,.tw-production .tw-rows>div:first-child dt,.tw-detail .tw-note,.tw-note,.tw-need,.tw-cost,.tw-item,.tw-builder-heading>span){font-size:calc(14 * var(--px));line-height:1.3}#townPanel.town-window .tw-production.full .tw-fillbar span{font-size:calc(14 * var(--px))}#townPanel.town-window .tw-inner .tw-upgrade{width:calc(88 * var(--px));height:calc(30 * var(--px));font-size:calc(12 * var(--px))}#townPanel.town-window :is(.income,.garrison) .tw-face-nm{right:calc(110 * var(--px))}#townPanel.town-window .tw-face:has(.tw-upgrade) .tw-face-lvl{bottom:calc(36 * var(--px))}#townPanel.town-window .tw-production>.tw-workers{width:calc(210 * var(--px));margin-top:calc(12 * var(--px));gap:calc(5 * var(--px))}#townPanel.town-window :is(.tw-workers-title,.tw-workers-row b,.tw-enlist-row,.tw-cycle-time,.tw-instant,.tw-hire-lb,.tw-hire-n,.tw-hire-cost,.tw-upgrade-tip,.tw-upgrade-tip h3,.tw-construction-time,.tw-do){font-size:calc(14 * var(--px))}#townPanel.town-window .tw-workers .tw-worker{width:calc(24 * var(--px));height:calc(24 * var(--px))}#townPanel.town-window :is(.tw-instant,.tw-do:not(.tw-upgrade)){min-height:calc(30 * var(--px))}#townPanel.town-window .tw-production .tw-enlist-row{height:auto;min-height:calc(24 * var(--px));flex-wrap:wrap;gap:calc(5 * var(--px));margin-bottom:calc(5 * var(--px))}#townPanel.town-window .tw-enlist-row>span:first-child{font-size:calc(13 * var(--px));line-height:1.25;white-space:nowrap}#townPanel.town-window .tw-status-ico{width:calc(22 * var(--px));height:calc(22 * var(--px));flex:none}#townPanel.town-window .tw-enlist-row .tw-instant{flex:0 0 calc(170 * var(--px));width:calc(170 * var(--px));height:calc(30 * var(--px));margin-left:auto;font-size:calc(13 * var(--px));line-height:1;white-space:nowrap}#townPanel.town-window .tw-upgrade-tip{width:calc(240 * var(--px));max-width:calc(100% - 24 * var(--px));padding:calc(10 * var(--px))}#townPanel.town-window .tw-workers .tw-hire-worker{width:100%;height:calc(34 * var(--px));font-size:calc(14 * var(--px));white-space:nowrap}#townPanel.town-window :is(.tw-list-wrap,.tw-improvements) .tw-item{height:auto;min-height:calc(48 * var(--px));padding-block:calc(5 * var(--px));font-size:calc(14 * var(--px))}#townPanel.town-window .tw-item :is(.tw-item-nm,.tw-item-name){white-space:normal}#townPanel.town-window .tw-stage>.tw-build-go{width:calc(110 * var(--px));height:calc(36 * var(--px));font-size:calc(14 * var(--px))}#townPanel.town-window :is(.tw-costs h4,.tw-costs .cost span,.tw-cost-row .tw-cost){font-size:calc(13 * var(--px))}#townPanel.town-window .tw-cost-row{flex-wrap:wrap;row-gap:calc(6 * var(--px))}#townPanel.town-window .tw-hire{grid-template-columns:minmax(0,1fr);gap:calc(12 * var(--px))}#townPanel.town-window .tw-hire .tw-acts{grid-column:1;grid-row:auto;flex-direction:row}#townPanel.town-window .tw-hire .tw-acts .tw-do{flex:1}#townPanel.town-window .tw-hire-amount{flex-wrap:wrap}#townPanel.town-window .tw-hire-row{padding-top:0}#townPanel.town-window .tw-hire-lb{position:static}#townPanel.town-window .tw-hire-amount .tw-hire-lb{flex-basis:100%}#townPanel.town-window .tw-hire-price{flex-wrap:wrap}#townPanel.town-window .tw-hire-price .tw-hire-lb{flex-basis:100%}#townPanel.town-window .tw-hire-slider{height:calc(24 * var(--px))}#townPanel.town-window .tw-hire-n{min-height:calc(30 * var(--px));flex-basis:calc(60 * var(--px))}#townPanel.town-window .tw-stage:has(>.tw-build-go)>.tw-inner{padding-bottom:calc(50 * var(--px))}#townPanel.town-window :is(.tw-keep-cap,.tw-keep-cap b,.tw-keep-n,.tw-troop-n){font-size:calc(12 * var(--px))}#townPanel.town-window .tw-builder-inner{padding-top:calc(38 * var(--px))}#townPanel.town-window .tw-builder-detail>p{font-size:calc(14 * var(--px));line-height:1.3}#townPanel.town-window #townStage .tw-construction{display:block;width:auto}#townPanel.town-window #townStage :is(.tw-construction-label,.tw-construction-time){font-size:calc(13 * var(--px))}#townPanel.town-window #townStage .tw-instant-build{width:calc(200 * var(--px));height:calc(32 * var(--px));margin-top:calc(8 * var(--px));white-space:nowrap}#townPanel.town-window #townStage .tw-construction-cancel{width:calc(28 * var(--px));height:calc(24 * var(--px))}#townPanel.town-window #townStage .tw-construction-cancel:before{font-size:calc(18 * var(--px))}#townPanel.town-window #townTroops{left:50%;translate:-50% 0;width:calc(65.4 * var(--u));top:auto;bottom:calc(65 * var(--px))}#townPanel.town-window>.hw-foot{bottom:0;height:calc(50 * var(--px))}#townPanel.town-window #townClose{width:calc(180 * var(--px));height:calc(44 * var(--px));font-size:calc(24 * var(--px))}}#heroPanel .hw-figure.mounted{width:320px;height:320px;filter:saturate(1.16)}#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: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-color[data-color=dark-green]{--native-paint: url(/art/ui/inventory-native/paint-dark-green.png)}#heroPanel .hw-color[data-color=olive]{--native-paint: url(/art/ui/inventory-native/paint-olive.png)}#heroPanel .hw-avatars{padding-top:23px}#heroPanel .hw-avatar span{background-size:cover;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-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:16px}#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,#heroPanel[data-hero-tab=class] #heroTabPane{padding-left:11px}#heroPanel[data-hero-tab=class] .hw-group-title{padding-left:0}#heroPanel[data-hero-tab=stats] .hw-stat-ico{margin-left:-3px}#heroPanel[data-hero-tab=stats] .hw-group-title{padding-left:0}#heroPanel{border-radius:9px;overflow:hidden}#heroPanel .hw-card-req[data-item-expires]{color:#dbca9a;font-variant-numeric:tabular-nums}#heroPanel .hw-jump-ico:before{content:"";position:absolute;width:32px;height:32px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:url(/art/ui/inventory-refined/category-plate.svg) center / contain no-repeat;pointer-events:none}#heroPanel .hw-jump-ico:hover{box-shadow:none}#heroPanel .hw-jump-ico:hover:before{box-shadow:0 0 5px 1px #ffd87573}#heroPanel .hw-source-jump{background:var(--refined-jump) center / 32px 32px no-repeat;filter:none;clip-path:circle(37.5% at 50% 50%)}#heroPanel [data-jump=equipment]{--refined-jump: url(/art/ui/inventory-refined/equipment.png)}#heroPanel [data-jump=consumables]{--refined-jump: url(/art/ui/inventory-refined/consumables.png)}#heroPanel [data-jump=scrolls]{--refined-jump: url(/art/ui/inventory-refined/scrolls.png)}#heroPanel [data-jump=adornments]{--refined-jump: url(/art/ui/inventory-refined/adornments.png)}#heroPanel [data-jump=collectables]{--refined-jump: url(/art/ui/inventory-refined/collectables.png)}#heroPanel .hw-stage-btn{background-image:url(/art/ui/inventory-refined/feather.png);background-size:32px 32px;filter:saturate(.48) brightness(.84) contrast(.85);overflow:visible;transition:filter .12s ease}#heroPanel .hw-stage-btn:hover{filter:saturate(.48) brightness(.96) contrast(.85);box-shadow:none}#heroPanel .hw-stage-btn:active{filter:saturate(.48) brightness(.78) contrast(.85)}@media(prefers-reduced-motion:reduce){#heroPanel .hw-stage-btn{transition:none}}#heroPanel .hw-slot-frame:before,#heroPanel .hw-slot:not(.gem):not(.disc):after{content:none}#heroPanel .hw-slot.gem .hw-slot-frame,#heroPanel .hw-slot.disc .hw-slot-frame,#heroPanel .hw-slot.gem.empty .hw-slot-img,#heroPanel .hw-slot.disc.empty .hw-slot-img{mask:none;-webkit-mask:none}#heroPanel .hw-slot:hover,#heroPanel .hw-slot.on{outline:none;filter:none}#heroPanel .hw-slot.filled.on{box-shadow:none!important}#heroPanel .hw-slot:focus-visible{outline:2px solid #d5c690;outline-offset:2px}#heroPanel .hw-bag-count{display:inline-flex;align-items:baseline;gap:3px;margin-left:auto;font-family:var(--hw-font-number);font-size:18px;line-height:1;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}#heroPanel .hw-bag-size .hw-bag-count b,#heroPanel .hw-bag-count .hw-bag-cap{font:inherit;margin:0;color:#d4d9d3}#heroPanel .hw-bag-size .hw-bag-count b{font-weight:700}#heroPanel .hw-upgrade .hw-control-plate{left:29px;top:0;width:200px;height:38px;background:url(/art/ui/inventory-contours/upgrade.svg) center / 100% 100% no-repeat;clip-path:none;filter:none}#heroPanel .hw-upgrade-coin{top:2px;transform:none}#heroPanel .hero-window-medal{--ring: 7px}#heroPanel .hero-window-medal:before{background:url(/art/ui/inventory-refined/portrait-ring.svg) center / contain no-repeat;mask:none;-webkit-mask:none;filter:none}#heroStatsXpArc{left:-19px;top:-19px;width:180px;height:180px;--xp-frame-empty: url(/art/ui/inventory-contours/xp-green-empty.svg);--xp-frame-full: url(/art/ui/inventory-contours/xp-green-full.svg)}#heroStatsXpArc:before{mask:conic-gradient(from 190deg,#000 0deg calc(var(--xp) * 137deg),transparent calc(var(--xp) * 137deg) 360deg)}#heroStatsXpArc[data-epic=true]{--xp-frame-empty: url(/art/ui/inventory-contours/xp-dragon-empty.svg);--xp-frame-full: url(/art/ui/inventory-contours/xp-dragon-full.svg)}#heroStatsXpArc[data-epic=true]:after{inset:-12.65px}#heroPanel .hero-window-medal .lvl{z-index:2;box-sizing:border-box;min-width:68px;height:31px;bottom:-7px;padding:0 9px;display:grid;place-items:center;border-radius:8px 7px 9px 8px;background:linear-gradient(#203341,#172b39 38%,#142532);box-shadow:inset 0 1px #71818a55,0 1px 2px #06121b99;font:italic 700 18px/1 var(--hw-font-number);color:#e0d4b8}#heroPanel .hw-stat-ico img[src*=sat-emblem]{mask:url(/art/ui/inventory-contours/raid-mask.svg) center / contain no-repeat;-webkit-mask:url(/art/ui/inventory-contours/raid-mask.svg) center / contain no-repeat}#heroPanel .hw-scroll-btn.up{background-image:url(/art/ui/inventory-contours/scroll-up.svg)}#heroPanel .hw-scroll-btn.down{background-image:url(/art/ui/inventory-contours/scroll-down.svg)}#heroPanel .hw-scroll-track:before{left:calc(50% - 1.5px)}:is(#heroSidebar .hero-medal,#heroPanel .hero-window-medal){--ring: calc(var(--md) * .063);isolation:isolate}#heroPanel .hero-window-medal{left:32px}:is(#heroFace,#heroStatsAvatar){inset:var(--ring);background-position:center;background-size:100%;-webkit-mask:none;mask:none;border-radius:50%;box-shadow:inset 0 calc(var(--md) * -.1) calc(var(--md) * .17) #00000073;z-index:1}:is(#heroSidebar .hero-medal,#heroPanel .hero-window-medal):before{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 calc(var(--md) * .007) rgba(6,10,14,.95)) drop-shadow(0 calc(var(--md) * .02) calc(var(--md) * .04) rgba(0,0,0,.8));z-index:2}: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);--xp-frame-empty: url(/ui/inventory-seamless/xp-green-empty.svg);--xp-frame-full: url(/ui/inventory-seamless/xp-green-fill.svg);z-index:3}:is(#heroXpArc,#heroStatsXpArc):before{mask:conic-gradient(from 210deg,#000 0deg calc(var(--xp) * 112deg),transparent calc(var(--xp) * 112deg) 360deg)}:is(#heroXpArc,#heroStatsXpArc)[data-epic=true]{--xp-frame-empty: url(/ui/inventory-seamless/xp-dragon-empty.svg);--xp-frame-full: url(/ui/inventory-seamless/xp-dragon-fill.svg)}:is(#heroXpArc,#heroStatsXpArc)[data-epic=true]:after{inset:0;background-image:url(/art/ui/inventory-portrait/dragon-wing.png);-webkit-mask:radial-gradient(circle at center,transparent calc(var(--md) * .575),#000 calc(var(--md) * .58));mask:radial-gradient(circle at center,transparent calc(var(--md) * .575),#000 calc(var(--md) * .58))}:is(#heroSidebar .hero-medal,#heroPanel .hero-window-medal) .lvl{z-index:4;box-sizing:border-box;min-width:calc(var(--md) * .54);height:calc(var(--md) * .24);bottom:calc(var(--md) * -.06);padding:0 calc(var(--md) * .063);display:grid;place-items:center;border-radius:calc(var(--md) * .06);background:linear-gradient(#203341,#172b39 38%,#142532);box-shadow:inset 0 calc(var(--md) * .007) #71818a55,0 calc(var(--md) * .007) calc(var(--md) * .014) #06121b99;font:italic 700 calc(var(--md) * .145)/1 var(--num);color:#e0d4b8;text-shadow:0 calc(var(--md) * .007) calc(var(--md) * .014) #000}#heroItemCard{pointer-events:none}#heroPanel{overflow:visible}#heroPanel .hw-bag-row .hw-bag-del{margin-left:auto}#heroPanel .hw-bag-row:not(.on) .hw-bag-del{visibility:hidden}#heroPanel .hw-bag-row.armed:before{opacity:1;background:linear-gradient(#9a8650a6,#5c4b26a6)}#heroPanel .hw-bag-row.armed .hw-bag-name{text-shadow:0 0 6px #ffd98a99,0 1px 2px #000}#heroItemCard .hw-item-details{border-color:#75766f}#heroItemCard .hw-card-top{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #c5cbcf;box-shadow:0 1px #00091299}#heroItemCard .hw-card-kind{border-bottom:0;padding-bottom:0;margin-bottom:9px}#heroItemCard .hw-card-value{font-size:14px;color:#dce7f3;border-bottom:0;padding:6px 0 2px;margin-bottom:4px}#heroItemCard .hw-card-req{margin-bottom:2px}#heroItemCard .hw-card-lore+.hw-card-req,#heroItemCard .hw-card-set+.hw-card-req{margin-top:10px}#heroItemCard .hw-card-req.battle{color:#d2393c}#heroItemCard .hw-card-hint{margin-top:10px;padding:5px 8px;text-align:center;font-family:Arial,sans-serif;font-size:14px;line-height:1.25;color:#dce5ea;background:linear-gradient(180deg,#0a283f,#18406a);border:1px solid #5d5f58;border-radius:2px;box-shadow:inset 0 1px #52606b99,0 1px #0009}#heroItemCard .hw-card-hint.worn{color:#aebbc4;background:linear-gradient(180deg,#0c2031,#13304a)}#heroItemCard .hw-card-hint.bad{color:#e48f86}#tip.hw-tip{max-width:330px;padding:6px 10px 8px;border-radius:2px;font-family:Arial,sans-serif;font-size:13px;line-height:1.38;color:#e6ebee;background:#1b2639f7;border:1px solid #77787f;box-shadow:inset 0 0 0 1px #0b1520,0 3px 8px #000b;white-space:pre-line}#tip.hw-tip .t{font-family:var(--display);font-size:17px;line-height:1.2;color:#eceae2;letter-spacing:.02em;padding-bottom:3px;margin-bottom:5px;border-bottom:1px solid #898c9b;box-shadow:0 1px #0b152080}#tip.hw-tip .tip-rows{margin-top:5px;row-gap:2px}#tip.hw-tip .tip-rows .k{color:#e6ebee}#tip.hw-tip .tip-rows .k.deep{color:#c9d3da}#tip.hw-tip .tip-rows .v{color:#fff;font-weight:400}#tip.hw-tip .tip-rows .tip-rule{background:#6f7686;margin:3px 0}#tip.hw-tip .tip-rows .k.unmet{color:#e6ebee;font-weight:400}#tip.hw-tip .tip-rows .v.unmet{color:#e0493f;font-weight:400}#heroPanel .hw-bag-cap{position:relative}#heroPanel .hw-bag-foot:has(#heroBagUpgrade:hover:not(:disabled)) .hw-bag-cap:after{content:"";position:absolute;left:calc(100% + 6px);bottom:1px;width:17px;height:18px;background:linear-gradient(180deg,#a9e2ff,#4fb2ea 55%,#2f8fd0);clip-path:polygon(50% 0,100% 52%,72% 52%,72% 100%,28% 100%,28% 52%,0 52%);filter:drop-shadow(0 0 2px #0b1d2acc)}#heroPanel .hw-upgrade:disabled{opacity:1;filter:none}#heroPanel .hw-upgrade:disabled .hw-control-plate{filter:grayscale(1) brightness(.5)}#heroPanel .hw-upgrade:disabled .hw-upgrade-label{color:#5e6164;text-shadow:0 1px 0 #0007}#heroPanel .hw-upgrade:disabled .hw-upgrade-coin{filter:grayscale(1) brightness(.62)}#heroPanel[data-hero-tab=class] .hw-stat-row{height:44px}#heroPanel[data-hero-tab=class] .hw-stat-block+.hw-stat-block .hw-stat-rows{margin-top:9px}#heroPanel[data-hero-tab=class] .hw-stat-block:has(+.hw-raid-progress){margin-bottom:12px}#heroPanel[data-hero-tab=class] .hw-raid-progress{padding-top:2px}#heroDestroy .hw-destroy-text{margin:4px 0 22px;text-align:center;font-family:var(--hw-font-interface);font-size:17px;line-height:1.35;color:#d9e0e3}#heroPanel .hw-bag-row .hw-bag-new{position:absolute;z-index:1;left:0;top:9px;width:6px;height:23px;pointer-events:none;filter:drop-shadow(0 0 .8px #1d1405) drop-shadow(0 1px 1px #000c)}#heroPanel .hw-bag-new:before{content:"";position:absolute;left:0;top:0;width:6px;height:16px;background:linear-gradient(90deg,#9c7e14,#ffcc6a 42%,#f1c24e 62%,#a4811a);clip-path:polygon(0 0,100% 0,78% 100%,22% 100%);border-radius:2px 2px 0 0}#heroPanel .hw-bag-new:after{content:"";position:absolute;left:1px;bottom:0;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffd98a,#c9971e 75%)}#heroPanel .hw-slot.filled:not(.gem):not(.disc) .hw-slot-img{inset:3px;background-size:contain;clip-path:none;filter:saturate(1.14) contrast(1.07) drop-shadow(0 1px 1px #17181388)}#heroPanel .hw-slot.filled:not(.gem):not(.disc):after{content:"";position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='244'%20height='240'%20viewBox='0%200%2061%2060'%3e%3c!--%20Реконструкция%20занятой%20ячейки:%202N6l8poG4zk,%2009:04,%20публикация%2021.03.2020.%20Светлый%20камень%20и%20четыре%20серебряных%20уголка;%20не%20исходный%20ресурс%20клиента.%20--%3e%3cdefs%3e%3clinearGradient%20id='stone'%20x2='.7'%20y2='1'%3e%3cstop%20stop-color='%23aaa299'/%3e%3cstop%20offset='.4'%20stop-color='%238b847d'/%3e%3cstop%20offset='.72'%20stop-color='%23736e68'/%3e%3cstop%20offset='1'%20stop-color='%2391877c'/%3e%3c/linearGradient%3e%3clinearGradient%20id='edge'%20x2='.5'%20y2='1'%3e%3cstop%20stop-color='%23d0c7b9'/%3e%3cstop%20offset='.42'%20stop-color='%23b1aca1'/%3e%3cstop%20offset='.74'%20stop-color='%237c7871'/%3e%3cstop%20offset='1'%20stop-color='%23c4b7a5'/%3e%3c/linearGradient%3e%3cg%20id='corner'%20transform='translate(1%201)%20scale(.76)'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M3.5%2012.5C4%208%204.5%205%2010.5%204M4.5%204.5L11.5%2011.5M4%208C8.5%206.5%2010%209%209.5%2012.5M8%204C6.5%208.5%209%2010%2012.5%209.5'%20stroke='%23685f56'%20stroke-width='2.1'/%3e%3cpath%20d='M3.5%2012.5C4%208%204.5%205%2010.5%204M4.5%204.5L11.5%2011.5M4%208C8.5%206.5%2010%209%209.5%2012.5M8%204C6.5%208.5%209%2010%2012.5%209.5'%20stroke='%23d0c6b5'%20stroke-width='1.15'/%3e%3cpath%20d='M4.5%204.5L7%205.5%205.5%207Z'%20fill='%23e0d5c2'%20stroke='none'/%3e%3c/g%3e%3c/defs%3e%3cuse%20href='%23corner'/%3e%3cuse%20href='%23corner'%20transform='translate(61%200)%20scale(-1%201)'/%3e%3cuse%20href='%23corner'%20transform='translate(0%2060)%20scale(1%20-1)'/%3e%3cuse%20href='%23corner'%20transform='translate(61%2060)%20scale(-1%20-1)'/%3e%3c/svg%3e") center / 100% 100% no-repeat}#heroPanel .hw-bag-ico{filter:drop-shadow(0 1px 1px #0009)}#heroPanel .hw-bag-name,#heroPanel .hw-card-name{-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:0 0 2px #000,0 0 3px #0009;filter:none}#heroPanel :is(.hw-bag-name,.hw-card-name)[data-quality=minor]{color:#63f078!important}#heroPanel :is(.hw-bag-name,.hw-card-name)[data-quality=major]{color:#62dcff!important}#heroPanel :is(.hw-bag-name,.hw-card-name)[data-quality=relic]{color:#ff40ff!important}#heroPanel :is(.hw-bag-name,.hw-card-name)[data-quality=legendary]{color:#ffbb29!important}#heroPanel .hw-item-details{width:320px;flex-shrink:0}#heroPanel .hw-card-stat-name{flex:1;min-width:0;width:auto}#heroPanel .hw-card-top,#heroPanel .hw-card-kind{box-sizing:border-box}#heroPanel .hw-card-top{align-items:flex-start}#heroPanel .hw-card-stat{min-height:22px}#heroPanel .hw-scroll-btn.up{top:0}#heroPanel .hw-scroll-btn.down{bottom:0}#heroPanel .hw-scroll-track{top:25px;bottom:25px}#heroPanel .hw-scroll-thumb{box-sizing:border-box}#heroPanel .hw-figure.mounted{filter:none}#heroPanel .hw-color.multitone:before{inset:0}#heroPanel[data-hero-tab=class] .hw-stat-ico img[src*="inventory-balance/turns"]{position:absolute;width:36px;height:62px;left:-3px;top:-16px;object-fit:fill;filter:none;mask:none}#heroPanel[data-hero-tab=class] .hw-stat-ico:has(img[src*="inventory-balance/turns"]){position:relative}#heroPanel[data-hero-tab=class] .hw-stat-ico img[src*=slots-master]{width:28px;height:30px;left:0;top:0;object-fit:contain}#heroPanel .hw-stat-ico img[src*=sat-emblem]{mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%20120'%3e%3c!--%20Mask%20only:%20the%20source%20emblem%20pixels%20remain%20unchanged.%20--%3e%3cpath%20fill='white'%20d='M60%2011L75%2026L70%2038L77%2029L85%2036L98%2022L90%2040L93%2046Q95%2050%2089%2055L88%2070L81%2082Q88%2088%2088%2093L86%2095L77%2087L73%2098L62%20110L56%20109L46%20101L42%2090Q37%2095%2032%2097L31%2095Q33%2088%2039%2081L34%2080L29%2072L27%2055Q25%2051%2026%2046L29%2039L22%2022L39%2029L45%2033L50%2042L49%2023Z'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%20120'%3e%3c!--%20Mask%20only:%20the%20source%20emblem%20pixels%20remain%20unchanged.%20--%3e%3cpath%20fill='white'%20d='M60%2011L75%2026L70%2038L77%2029L85%2036L98%2022L90%2040L93%2046Q95%2050%2089%2055L88%2070L81%2082Q88%2088%2088%2093L86%2095L77%2087L73%2098L62%20110L56%20109L46%20101L42%2090Q37%2095%2032%2097L31%2095Q33%2088%2039%2081L34%2080L29%2072L27%2055Q25%2051%2026%2046L29%2039L22%2022L39%2029L45%2033L50%2042L49%2023Z'/%3e%3c/svg%3e")}#heroPanel[data-hero-tab=class] .hw-tier-val{height:29px;padding:0 0 4px;font-size:21px;font-style:italic;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2049%2031'%3e%3c!--%20Reconstruction%20of%20the%20shallow%20inclined%20counter%20in%20knight-class.jpg.%20No%20baked%20number,%20screenshot%20rectangle%20or%20clipped%20elliptical%20overlay.%20--%3e%3cdefs%3e%3clinearGradient%20id='rim'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='%2377858a'/%3e%3cstop%20offset='.45'%20stop-color='%23263b46'/%3e%3cstop%20offset='.75'%20stop-color='%239da9a9'/%3e%3cstop%20offset='1'%20stop-color='%23223440'/%3e%3c/linearGradient%3e%3clinearGradient%20id='face'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='%23273a46'/%3e%3cstop%20offset='1'%20stop-color='%230d212d'/%3e%3c/linearGradient%3e%3c/defs%3e%3cellipse%20cx='24.5'%20cy='24'%20rx='22'%20ry='6'%20fill='%23071923'%20opacity='.5'/%3e%3cellipse%20cx='24.5'%20cy='18'%20rx='22'%20ry='10'%20fill='url(%23rim)'%20transform='rotate(-9%2024.5%2018)'/%3e%3cellipse%20cx='24.5'%20cy='16'%20rx='21'%20ry='9'%20fill='url(%23face)'%20transform='rotate(-9%2024.5%2016)'/%3e%3cpath%20d='M5%2021Q23%2029%2045%2018'%20fill='none'%20stroke='%2393a3a6'%20stroke-width='.8'%20opacity='.6'/%3e%3c/svg%3e") center / 100% 100% no-repeat}#heroPanel[data-hero-tab=class] .hw-tier-val:before,#heroPanel[data-hero-tab=class] .hw-tier-val:after{content:none}#heroRename .hw-rename-box{width:440px;padding:30px 34px 28px;border:0;border-radius:0;background:url(/art/ui/main-menu-clarity/panel.png) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 12px 18px #0009)}#heroRename .hw-rename-title{margin-bottom:20px;padding-bottom:12px}#heroRename .hw-rename-field{height:40px;border-radius:0;border-color:#6e7c7f;background:#0d2433;color:#ecede5;box-shadow:inset 0 2px 5px #0009;font-family:var(--text);font-size:19px}#heroRename .hw-rename-field:focus{outline:1px solid #b3bba8;outline-offset:2px}#heroRename .hw-rename-action{height:40px;border:0;border-radius:0;padding:0 10px 2px 18px;background:url(/art/ui/hw-back.png) center / 100% 100% no-repeat;box-shadow:none;font-size:19px;color:#ede7d4}#heroRename .hw-rename-action.gold{color:#fff3cf}#heroRename .hw-rename-action:active:not(:disabled){box-shadow:none;filter:brightness(.85)}#tip.hw-stat-tip{max-width:300px;background:#12232efa}#tip.hw-stat-tip .tip-rows{margin-top:15px;row-gap:5px}#tip.hw-stat-tip .tip-rows .k:has(+.v+.tip-rule),#tip.hw-stat-tip .tip-rows .v:has(+.tip-rule){margin-top:10px}#tip.hw-stat-tip .tip-rows .tip-rule{margin:1px 0 2px}#heroPanel .hw-attire-set{padding:12px 0 8px;border-bottom:1px solid #aeb8bb70}#heroPanel .hw-attire-set:last-child{border-bottom:0}#heroPanel .hw-attire-row{display:flex;align-items:flex-start;min-height:110px}#heroPanel .hw-attire-emblem{width:110px;height:110px;padding:0;border:0;background:none;flex-shrink:0;margin-right:-10px;position:relative;z-index:1;cursor:pointer;border-radius:50%}#heroPanel .hw-attire-emblem img{display:block;width:100%;height:100%;object-fit:contain}#heroPanel .hw-attire-emblem:hover img{filter:brightness(1.12)}#heroPanel .hw-attire-parts{display:flex;align-items:center;gap:4px;flex:1;height:64px;padding-left:18px;border-block:1px solid #c9d2d6a8;margin-top:2px}#heroPanel .hw-attire-part{position:relative;width:46px;height:46px;padding:0;border:0;border-radius:50%;cursor:pointer;background:radial-gradient(circle closest-side,#202c41 0 84%,#182233 92%,transparent 94%)}#heroPanel .hw-attire-part-icon{position:absolute;left:50%;top:50%;z-index:1;width:64px;height:64px;margin:-32px 0 0 -32px;pointer-events:none;background:url(/ui/wardrobe-parts/parts-original.png) 0 0 / 400% 100% no-repeat}#heroPanel .hw-attire-part-icon.armour{background-position-x:0%}#heroPanel .hw-attire-part-icon.weapon{background-position-x:33.333333%}#heroPanel .hw-attire-part-icon.back{background-position-x:66.666667%}#heroPanel .hw-attire-part-icon.horse{background-position-x:100%}#heroPanel .hw-attire-part:before{content:"";position:absolute;inset:1px;border-radius:50%;pointer-events:none}#heroPanel .hw-attire-part.on{background:radial-gradient(circle closest-side,#34435c 0 70%,#2a3850 90%,transparent 94%)}#heroPanel .hw-attire-part.on:before{box-shadow:inset 0 0 0 2.5px #eef6ff,inset 0 0 5px 3px #cfe4ff66,0 0 5px 1px #cfe4ff8c}#heroPanel .hw-attire-part.owned:before,#heroPanel .hw-attire-part.sale:before{box-shadow:inset 0 0 0 1.5px #8c97a8}#heroPanel .hw-attire-part.owned .hw-attire-part-icon,#heroPanel .hw-attire-part.sale .hw-attire-part-icon{filter:brightness(.86) saturate(.9)}#heroPanel .hw-attire-part:is(.owned,.sale):not(.static):hover:before{box-shadow:inset 0 0 0 2px #f1cf78,0 0 7px #f3c24ec0}#heroPanel .hw-attire-part:is(.owned,.sale):not(.static):hover .hw-attire-part-icon{filter:none}#heroPanel .hw-attire-part.locked{cursor:default;background:radial-gradient(circle closest-side,#14181f 0 88%,transparent 94%)}#heroPanel .hw-attire-part.locked .hw-attire-part-icon{filter:brightness(.3) saturate(.2) contrast(.85)}#heroPanel .hw-attire-part.sale:after{content:"";position:absolute;right:-5px;bottom:-4px;width:23px;height:23px;z-index:2;pointer-events:none;background:url(/art/ui/skills-polish/reset-medallion.png) center / contain no-repeat;filter:drop-shadow(0 1px 1px #0009)}#heroPanel .hw-attire-part.static{display:block;flex:none;cursor:default}#heroPanel .hw-attire-part:focus-visible,#heroPanel .hw-attire-emblem:focus-visible{outline:1px solid #e8dba2;outline-offset:1px}#heroPanel .hw-attire-offer{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:#030911ad;border-radius:inherit}#heroPanel .hw-attire-offer-box{position:relative;width:640px;box-sizing:border-box;padding:62px 56px 66px;color:#e6e9e4;background:url(/art/ui/main-menu-clarity/panel.png) center / 100% 100% no-repeat;filter:drop-shadow(0 14px 22px #000b)}#heroPanel .hw-attire-offer-box h3{position:absolute;left:58px;top:0;margin:0;font:30px/1 var(--display);color:#f0f0e6;text-shadow:0 2px 3px #04101c,0 0 8px #04101c}#heroPanel .hw-attire-offer-body{display:flex;gap:18px;align-items:flex-start;min-height:112px}#heroPanel .hw-attire-offer-emblem{width:112px;height:112px;object-fit:contain;flex-shrink:0;margin-left:-10px}#heroPanel .hw-attire-offer-part{display:flex;align-items:center;gap:14px;margin:0 0 10px;font:19px var(--display);color:#f0f0e6}#heroPanel .hw-attire-offer-text{margin:0;font-size:17px;line-height:1.35;color:#dfe6e6}#heroPanel .hw-attire-offer-costs{margin:16px 0 12px;padding-bottom:3px;border-bottom:1px solid #c9d2d6c0;font:27px/1.1 var(--display);color:#f0f0e6}#heroPanel .hw-attire-offer-pay{display:flex;align-items:center;justify-content:space-between;gap:16px}#heroPanel .hw-attire-offer-price{display:flex;align-items:center;gap:8px;font:700 21px Georgia,serif;color:#f0c23c;text-shadow:0 1px 2px #000c}#heroPanel .hw-attire-offer-price.short{color:#ed5147}#heroPanel .hw-attire-offer-price img{width:38px;height:38px;object-fit:contain;margin-left:-8px;filter:drop-shadow(0 2px 2px #0009)}#heroPanel .hw-attire-buy{position:relative;display:flex;align-items:center;width:229px;height:38px;padding:0 12px 0 52px;cursor:pointer;border:0;background:none;font:700 17.2px Georgia,serif;color:#d2d5b5;text-shadow:0 1px 2px rgba(0,0,0,.85)}#heroPanel .hw-attire-buy-plate{position:absolute;left:29px;top:0;width:200px;height:38px;background:url(/art/ui/inventory-contours/upgrade.svg) center / 100% 100% no-repeat}#heroPanel .hw-attire-buy img{position:absolute;left:10px;top:0;width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 2px 2px #0009)}#heroPanel .hw-attire-buy-label{position:relative}#heroPanel .hw-attire-buy:hover:not(:disabled){filter:brightness(1.14)}#heroPanel .hw-attire-buy:active:not(:disabled){filter:brightness(.92)}#heroPanel .hw-attire-buy:disabled{filter:grayscale(1) brightness(.62);cursor:default}#heroPanel .hw-attire-cancel{position:absolute;left:50px;bottom:22px;width:214px;height:40px;padding:0 10px 2px 26px;cursor:pointer;border:0;font:21px var(--display);color:#ede7d4;text-shadow:0 1px 2px #2a1c08;background:url(/art/ui/hw-back.png) center / 100% 100% no-repeat;clip-path:polygon(0% 50%,8% 0%,98% 0%,100% 12%,100% 87%,98% 100%,8% 100%)}#heroPanel .hw-attire-cancel:hover{filter:brightness(1.1)}#heroPanel .hw-attire-cancel:active{filter:brightness(.9)}#heroPanel .hw-attire-name{margin:0 0 9px 9px;font:18px var(--display);color:#e4e5df}#heroPanel .hw-subtitle{left:50%;right:auto;top:110px;transform:translate(-50%);width:460px;height:65px;box-sizing:border-box;padding:0 52px 30px;display:flex;align-items:center;justify-content:center;background:url(/art/ui/wardrobe-restored/title-ribbon.png) center / 100% auto no-repeat;font:19px var(--display);color:var(--title-colour, #66cc00);text-shadow:0 1px 2px #230500;filter:drop-shadow(0 2px 1px #0005);z-index:3}#heroPanel .hw-subtitle[hidden]{display:none}#heroPanel .hw-title-name{color:#e4e5df}#heroPanel .hw-title-row.on .hw-title-name{color:#fff8e2}#heroPanel .hw-showcase{background-image:url(/ui/inventory-stage/haven-detailed.png);background-size:100% 103%;background-position:center top;overflow:hidden;--stage-light: 135, 226, 255}#heroPanel[data-faction=Necropolis] .hw-showcase{background-image:url(/ui/inventory-stage/necropolis-ominous.png);background-size:100% 106.8%;--stage-light: 75, 240, 135}#heroPanel .hw-showcase:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#333638 0,#b3a179 1px,#8a7756 3px,#343434 4px,transparent 5px,transparent calc(100% - 5px),#343434 calc(100% - 4px),#8a7756 calc(100% - 3px),#b3a179 calc(100% - 1px),#333638 100%)}#heroPanel .hw-showcase:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 13% 9% at 5% 62%,rgba(var(--stage-light),.36),transparent),radial-gradient(ellipse 17% 8% at 91% 61%,rgba(var(--stage-light),.3),transparent);mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20596'%20preserveAspectRatio='none'%3e%3cpath%20fill='white'%20fill-rule='evenodd'%20d='M-40%20367a240%2086%200%201%200%20480%200a240%2086%200%201%200-480%200M12%20362a188%2079%200%201%200%20376%200a188%2079%200%201%200-376%200'/%3e%3c/svg%3e") center / 100% 100% no-repeat;animation:inventory-water-light 7s ease-in-out infinite alternate}#heroPanel .hw-stage-glow{display:none}#heroPanel>header .hw-title{background-image:linear-gradient(180deg,#e0dee6,#d1ccd8 45%,#b9b8c8)}@keyframes inventory-water-light{0%{opacity:.32}to{opacity:.86}}@media(prefers-reduced-motion:reduce){#heroPanel .hw-showcase:before{animation:none;opacity:.4}}#heroCreate{backdrop-filter:none;background:linear-gradient(#05121bc7,#05121be0),url(/art/loading/2970865-mmho_keyart_siegebattles_2560x1440_1448405051.jpg) center / cover no-repeat}#heroCreate:focus{outline:none}.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-close{border:0;background:url(/art/ui/town-kit/round-close.png) center/contain no-repeat}.hc-close .ic{display:none}.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:14px/18px 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-win[data-step=roster]{background-image:url(/ui/hero-roster/window.webp)}.hc-win[data-step=roster]:before{display:none}.hc-slots{display:flex;align-items:center;justify-content:center;gap:20px;height:100%;padding:20px 48px;box-sizing:border-box}.hc-slot{position:relative;display:block;width:270px;aspect-ratio:270 / 370;flex:0 1 270px;min-width:0;padding:0;border:0;border-radius:5px;background:url(/ui/hero-roster/card.webp) center / 100% 100% no-repeat;box-shadow:0 2px 5px #0008;cursor:pointer;color:#e8dfc9}.hc-slot:hover,.hc-slot.now{box-shadow:0 0 0 1px #cfb66d,0 0 7px #cfb66d66,0 2px 5px #0008}.hc-slot-head{position:absolute;inset:1.1% 4% auto;height:7.8%;display:flex;justify-content:space-between;align-items:center;color:#ece2c6;text-shadow:0 1px 2px #000}.hc-slot-name{font:17px HO Name,Georgia,serif}.hc-slot-lvl{font:12px HO Text,sans-serif;white-space:nowrap}.hc-slot-art{position:absolute;inset:9.75% 1.65% 11.1%;overflow:hidden}.hc-slot-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.hc-slot-foot{position:absolute;inset:auto 4% 1.25%;height:8.8%;display:flex;align-items:center;justify-content:center;font:12px HO Text,sans-serif;color:#e8e0c9;text-shadow:0 1px 2px #000;overflow:hidden}.hc-slot-new-label{position:absolute;top:35%;left:3%;right:3%;text-align:center;font:27px/1.1 HO Caption,Georgia,serif;color:#f1e8cf;text-shadow:0 2px 3px #241e0e,1px 0 #241e0e,-1px 0 #241e0e}.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{position:relative;isolation:isolate;height:39px;box-sizing:border-box;margin:0 -10px 14px;padding:5px 12px 0;color:#566b7d;font:24px/32px var(--display)}.hc-name h3:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/art/ui/creation/details/heading-end.png) right top / 118px 39px no-repeat,url(/art/ui/creation/details/heading-fill.png) left top / 12px 39px repeat-x}.hc-colours h3{text-align:right}.hc-colours h3:before{transform:scaleX(-1)}.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 top / 100% 122% 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:94px;left:20px;width:254px;height:240px;object-fit:contain;object-position:center bottom}.hc-name-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:92px;background:url(/ui/creation-controls/name-panel.webp) center / 100% 100% no-repeat;pointer-events:none}.hc-name-entry{position:absolute;left:15px;right:15px;bottom:14px;z-index:2}.hc-genders{position:absolute;bottom:62px;left:0;right:0;z-index:1;display:flex;justify-content:center;gap:20px}.hc-genders button{width:52px;height:52px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.hc-genders img{display:block;width:48px;height:48px;margin:2px;object-fit:contain}.hc-genders button[aria-pressed=false] img{transform:scale(.89);filter:brightness(.78) saturate(.8)}.hc-genders button:hover{filter:brightness(1.1)}.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{position:absolute;left:-6px;right:-6px;bottom:40px;z-index:3;padding:5px 8px 7px;border:1px solid #8a8c83;border-radius:3px;background:#142330f7;box-shadow:inset 0 0 0 1px #0d151b,0 3px 8px #000000b3;color:#f4f8f8;font:13px/1.23 Arial,sans-serif;white-space:pre-line;text-align:left}#hcNameError .t{display:block;padding-bottom:3px;margin-bottom:5px;border-bottom:1px solid #d6d7d1;font:17px/1.2 var(--display);color:#d4d6cf;box-shadow:0 1px #0000008c}#hcNameError:before,#hcNameError:after{content:"";position:absolute;left:50%;width:0;height:0;border-style:solid;transform:translate(-50%)}#hcNameError:before{bottom:-10px;border-width:10px 10px 0;border-color:#8a8c83 transparent transparent}#hcNameError:after{bottom:-8px;border-width:9px 9px 0;border-color:rgb(20,35,48) transparent transparent}#hcNameError:empty{display:none}.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:2px}.hc-colour-list img{display:block;width:100%;height:100%;object-fit:contain}.hc-colour-list button[aria-pressed=false] img{filter:brightness(.62)}.hc-colour-list button:hover,.hc-avatar-list button:hover{border-color:#d9c899}.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%)}#heroCreate{background-image:linear-gradient(#05121bd4,#05121be6),url(/art/loading/2970865-mmho_keyart_siegebattles_2560x1440_1448405051.jpg)}.hc-title{top:29px;font:50px/1.1 HO Name,Georgia,serif;-webkit-text-stroke:1px #d0d7dc;text-shadow:2px 0 #39434d,-2px 0 #39434d,0 2px #39434d,0 -2px #39434d,2px 2px #39434d,-2px -2px #39434d,2px -2px #39434d,-2px 2px #39434d,3px 3px #a8b3bc,-3px -3px #a8b3bc,3px -3px #a8b3bc,-3px 3px #a8b3bc,0 4px 4px #071828}html:is(:lang(en),:lang(pl)) :is(.hc-title,.hc-panel-name,.hc-faction-name,.hc-back,.hc-select,.hc-confirm,.hc-name h3){font-variant-caps:small-caps;font-synthesis:small-caps}.hc-faction-default,.hc-faction-preview{position:absolute;top:2px;left:2px;width:396px;height:273px;background:linear-gradient(transparent 88%,#080a08 95%),url(/ui/creation-stage/faction-original-2019.png) -525px -339px / 1920px 1080px no-repeat;pointer-events:none}.hc-faction-card[data-faction=Necropolis] .hc-faction-default{background-position:0 0,-998px -339px}.hc-faction-card[data-faction=Haven] .hc-faction-default:after{content:"";position:absolute;left:1px;top:271px;width:394px;height:128px;background:linear-gradient(#080a08 0,#080a08b8 26px,#080a08b8),url(/ui/creation-stage/faction-haven-restored-2026-10-01.png) 0 -271px / 396px 401px no-repeat}.hc-faction-preview{opacity:0;transition:opacity .18s ease;background-image:linear-gradient(transparent 88%,#080a08 95%),url(/ui/creation-controls/faction-haven-hover-source.png)}.hc-faction-card[data-faction=Necropolis] .hc-faction-preview{background-image:linear-gradient(transparent 88%,#080a08 95%),url(/ui/creation-controls/faction-necropolis-hover-source.png);background-position:0 0,-998px -339px}.hc-faction-card:hover .hc-faction-preview,.hc-faction-card:focus-visible .hc-faction-preview{opacity:1}@media(prefers-reduced-motion:reduce){.hc-faction-preview{transition:none}}.hc-faction-name,.hc-faction-text{z-index:1}.hc-class:before,.hc-class[data-faction-scene=Haven]:before{filter:none}.hc-class-emblem{position:absolute;left:50%;top:39%;width:180px;height:180px;transform:translate(-50%,-50%);pointer-events:none}.hc-class-emblem img{width:100%;height:100%;object-fit:contain}.hc-class-emblem span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;padding:1px 9px 3px;border-radius:4px;background:#30281af0;box-shadow:0 0 0 1px #00000073,0 1px 4px #0009;text-align:center;font:22px/1.1 HO Caption,Georgia,serif;color:#ece8dc;text-shadow:0 1px 2px #000}.hc-class[data-side=l] .hc-class-emblem,.hc-class[data-side=r] .hc-class-emblem{visibility:hidden}.hc-figure{width:330px;height:auto;top:22px;bottom:0;overflow:hidden}.hc-figure img{position:absolute;left:0;top:0;height:var(--hc-figure-height,495px);object-position:center top}.hc-figure[data-class=cleric] img{transform:scaleX(-1)}.hc-figure[data-class=knight]{width:340px;--hc-figure-height:534px;left:-15px;top:28px}.hc-figure[data-class=knight].on{width:350px;--hc-figure-height:550px;left:-40px;top:16px}.hc-figure[data-class=death-knight]{width:280px;--hc-figure-height:553px;left:36px;top:30px}.hc-figure[data-class=death-knight].on{width:300px;--hc-figure-height:592px;left:10px;top:16px}.hc-figure[data-class=necromancer]{width:230px;--hc-figure-height:574px;right:67px;top:42px}.hc-figure[data-class=necromancer].on{width:245px;--hc-figure-height:586px;right:54px;top:30px}.hc-figure:not(.on){filter:brightness(.72) saturate(.8)}.hc-panel:before{background:linear-gradient(180deg,transparent 0 47%,#00172e33 47% 69%,transparent 69%),url(/art/ui/creation/late/class-panel.png) center / 100% 100% no-repeat;filter:brightness(.86) saturate(.85)}.hc-portraits,.hc-colours{background:url(/ui/creation-controls/parchment.webp) center / 100% 100% no-repeat}.hc-name-scene{background-image:url(/ui/inventory-stage/haven-detailed.png);background-size:100% 126%}.hc-name[data-faction-scene=Necropolis] .hc-name-scene{background-image:url(/ui/inventory-stage/necropolis.png);background-size:100% 128%}.hc-name-figure{width:270px;height:270px;left:50%;top:70.7%;bottom:auto;transform:translate(calc(-1 * var(--mount-anchor-x)),calc(-1 * var(--mount-anchor-y)));background-position:center;background-size:100% 100%;background-repeat:no-repeat}.hc-name-entry input:focus-visible{outline:1px solid #d8c392;outline-offset:1px}#uiLayer{--minimap-scale: 1.15;--right-panel-top: calc(286px * var(--minimap-scale) + 8px);--right-panel-height: min(506px, calc(100% - var(--right-panel-top) - 104px));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>:is(#tip,#objectTip){pointer-events:none}.skills-reset-dialog{--skills-dialog-scale: max(1, var(--ui-scale, 1));zoom:var(--skills-dialog-scale);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;padding-bottom:2px;font-weight:400;color:#d0cebf;text-shadow:0 1px 1px #111b19,1px 0 1px #111b19,-1px 0 1px #111b19,0 0 4px #101a18}#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'%20x1='0'%20y1='0'%20x2='.55'%20y2='1'%3e%3cstop%20stop-color='%23d6d2b9'/%3e%3cstop%20offset='.28'%20stop-color='%23b1b29b'/%3e%3cstop%20offset='.5'%20stop-color='%23777e68'/%3e%3cstop%20offset='.73'%20stop-color='%23c0bca0'/%3e%3cstop%20offset='1'%20stop-color='%23898c74'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20stroke='%2325312a'%20stroke-width='.65'%20stroke-linejoin='round'%20paint-order='stroke%20fill'%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/g%3e%3c/svg%3e") center / contain no-repeat;filter:drop-shadow(0 1px .5px #0a181bd9);pointer-events:none}#tracker .chapter:after{right:24px;height:3px;bottom:-1px;background:linear-gradient(180deg,#111e1bab 0 33%,#b1b3a2bd 33% 66%,#19241bdd 66%);mask-image:linear-gradient(90deg,transparent,#000 74px)}#tracker .quest-list{max-height:calc(var(--ui-height) / var(--minimap-scale) - 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{margin-left:25px;padding:8px 8px 24px;font-size:15px;line-height:1.35;color:#d8e0df;background:linear-gradient(180deg,#12313dcc,#0b2631bd calc(100% - 22px),#0b263100)}.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}html:lang(ru) :is(#shopPanel,#featsPanel,#hallPanel,.province-map,#prebattlePanel) *{font-variant-caps:normal!important}html:lang(ru) #shopPanel .shop-item-title{hyphens:manual;overflow-wrap:normal}html:lang(ru) #shopPanel .shop-item-title.shop-title-long{hyphens:auto;overflow-wrap:anywhere}#heroPanel:after,#skillsPanel:before,#skillsPanel:after,#shopPanel:after,#featsPanel:after,#hallPanel:after,#mailPanel.mailbox:after,.pm-frame:after,.hc-win:after{content:none;display:none}#townPanel.town-window:before{border-image-source:url(/assets/town-frame-native-AL7dh6U9.svg);mask:none}#townPanel.town-window{--tw-edge: calc(-1.55 * var(--u));background:none;box-shadow:none;isolation:isolate}#townPanel.town-window:after{content:"";display:block;position:absolute;z-index:-1;pointer-events:none;inset:var(--tw-edge);width:auto;height:auto;transform:none;border:0;border-radius:calc(1.2 * var(--u));background:var(--tw-frame-surface);box-shadow:0 30px 80px #000b;filter:none;opacity:1;mask:none}#townPanel.town-window .tw-land{left:var(--tw-edge);right:var(--tw-edge);contain:paint}#townPanel.town-window .tw-banner{left:var(--tw-edge)}:is(#bestiaryPanel,#codexPanel,#heroicForgePanel){border-radius:5px;box-shadow:0 26px 70px #000c}:is(#bestiaryPanel,#codexPanel,#heroicForgePanel):before{inset:0;border:1px solid #8b9fad;border-radius:inherit;box-shadow:none}:is(#bestiaryPanel,#codexPanel,#heroicForgePanel).sheet:after{inset:0;border:0;border-radius:inherit;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);background-size:37px 37px;background-position:left top,right top,left bottom,right bottom;background-repeat:no-repeat;opacity:1;filter:none}#heroicForgePanel.sheet:after{background-size:calc(37 * var(--fu)) calc(37 * var(--fu))}#heroicForgePanel{border-color:transparent}#uiLayer:has(:is(#featsPanel,#bestiaryPanel,#codexPanel,#hallPanel,#mailPanel,#shopPanel,#heroicForgePanel):not([hidden]))>.sheet-backdrop{display:block}:is(#featsPanel,#bestiaryPanel,#codexPanel,#hallPanel,#mailPanel,#shopPanel,#heroicForgePanel){z-index:12}#featsPanel{box-shadow:0 calc(12 * var(--fu)) calc(50 * var(--fu)) #0009}#featsDetail{background:#092b3f}:is(#bestiaryPanel,#codexPanel,#mailPanel)>header>div{margin-right:0;padding:0 42px;text-align:center}:is(#bestiaryPanel,#codexPanel,#mailPanel)>header .tn{letter-spacing:0}:is(#bestiaryPanel,#codexPanel,#mailPanel) .fill{scrollbar-width:thin;scrollbar-color:#9d9270 #0d293d;overscroll-behavior:contain}:is(#bestiaryPanel,#codexPanel,#mailPanel) button:focus-visible{outline:2px solid #e3d6ab;outline-offset:3px}#codexPanel{width:960px}#codexPanel .fill{font-size:17px;line-height:1.6!important}#codexPanel h4{font-size:21px;margin:18px 0 8px}#codexPanel h4:first-child{margin-top:4px}#codexPanel p{margin:8px 0 18px}.bestiary-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.bestiary-filters .field{font-size:14px;min-height:34px}#bestiarySearch{flex:1 1 240px;min-width:160px}#bestiaryCodex{cursor:pointer;color:#e5dac0}#bestiaryCodex:hover{border-color:#c4b280}#bestiaryPanel .beast-title{font-size:20px}#bestiaryPanel :is(.beast-subtitle,.beast-chip,.beast-stat-cell i,.beast-lore-mark,.beast-official-mark,.beast-patch-mark){font-size:13px}#bestiaryPanel :is(.beast-stat-cell b,.beast-ability-name,.beast-res-title){font-size:15px}#bestiaryPanel :is(.beast-lore,.beast-ability-desc,.beast-ability-official,.beast-patch-line,.beast-trait-pill){font-size:14px;line-height:1.45}#bestiaryPanel :is(.beast-stat-tag,.beast-res-cell .res-name){font-size:12px}#bestiaryPanel .beast-res-cell .res-name{white-space:normal;line-height:1.2}#bestiaryPanel .beast-res-cell .res-num{font-size:14px}#bestiaryPanel .beast-res-cell .res-ico{width:20px;height:20px}#bestiaryPanel .beast-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#heroicForgePanel{box-shadow:0 calc(10 * var(--fu)) calc(44 * var(--fu)) #000a}#heroicForgePanel:after{background-size:calc(28 * var(--fu)) calc(28 * var(--fu))}#heroicForgePanel .hf-give-btn{top:calc(13 * var(--fu));height:calc(34 * var(--fu));border:0;border-radius:0;background:url(/assets/heroic-forge-source-MWqhuZde.jpg) calc(-501 * var(--fu)) calc(-180 * var(--fu)) / calc(969 * var(--fu)) calc(610 * var(--fu)) no-repeat}#heroicForgePanel .hf-give-btn:after{content:none}#heroicForgePanel .hf-close{z-index:1;border:0;clip-path:none;letter-spacing:0;background:url(/art/ui/book-restored/back.png) center / 100% 100% no-repeat}