.ho-creature-info{position:relative;isolation:isolate;box-sizing:border-box;width:430px;max-width:100%;max-height:var(--hci-max-height, calc(var(--ui-height, 100dvh) - 144px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#918269 #102b3d;color:#eeeae0;font:16px/1.35 HO Text,Calibri,sans-serif;letter-spacing:normal;text-transform:none;text-align:left;text-shadow:0 1px 1px #07111c}.ho-creature-info *,.ho-creature-info *:before,.ho-creature-info *:after{box-sizing:border-box}.ho-creature-info .hci-content{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:475px;padding:62px 18px 18px 34px}.ho-creature-info .hci-body{position:relative;isolation:isolate;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:80px;right:-10px;width:350px;height:350px;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:7px;width:190px;height:190px;pointer-events:none}.ho-creature-info .hci-portrait{position:absolute;inset:1px;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>img{transform:scaleX(-1)}.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}.ho-creature-info .hci-kind{width:194px;max-width:calc(100% - 178px);margin:0;min-height:19px;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:23px;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{font:700 16px/1.2 HO Text,Calibri,sans-serif;font-variant-numeric: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-health-row{position:relative;display:flex;align-items:end;gap:0;margin-top:6px}.ho-creature-info .hci-health{flex:1;min-width:0}.ho-creature-info .hci-health-text{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:2px 8px;padding:0 8px 0 0;font-size:15px;line-height:1.25}.ho-creature-info .hci-health-text b{font-weight:400;font-variant-numeric:tabular-nums}.ho-creature-info .hci-health-track{display:block;height:7px;overflow:hidden;border:1px solid #a9b4a3;border-radius:1px 0 0 5px;background:#152b29;box-shadow:0 1px #061e32}.ho-creature-info .hci-health-fill{display:block;height:100%;background:linear-gradient(#eff2d1,#bde7a8 25%,#70bf86 46%,#2a987c 78%,#84c7a8);box-shadow:inset 0 0 1px #ecffca}.ho-creature-info .hci-count{display:flex;align-items:center;justify-content:end;flex:none;gap:4px;min-width:78px;min-height:29px;margin-bottom:-1px;padding:0 3px 0 9px;border:1px solid #a6997c;border-radius:7px 2px 2px 6px/4px 2px 2px 4px;background:linear-gradient(#695e47,#534b38 45%,#61543d);box-shadow:inset 0 1px #c7b79944,0 1px 1px #071a29;color:#e5deca;font:24px/1 HO Caption,Georgia,serif;font-variant-numeric:lining-nums}.ho-creature-info .hci-count .hci-icon{width:23px;height:28px}.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 summary{display:flex;align-items:center;gap:6px;min-height:32px;padding:3px 2px;cursor:pointer;list-style:none;font-size:16px;line-height:1.25}.ho-creature-info .hci-ability summary::-webkit-details-marker{display:none}.ho-creature-info .hci-ability summary:after{content:"";margin-left:auto;border:4px solid transparent;border-left:5px solid #cdbb92;opacity:0}.ho-creature-info .hci-ability summary:hover:after,.ho-creature-info .hci-ability summary:focus-visible:after,.ho-creature-info .hci-ability[open] summary:after{opacity:1}.ho-creature-info .hci-ability[open] summary:after{transform:rotate(90deg)}.ho-creature-info .hci-ability summary:hover,.ho-creature-info .hci-ability[open] summary{background:linear-gradient(90deg,#8c96772e,transparent)}.ho-creature-info summary:focus-visible,.ho-creature-info .hci-lore:focus-visible{outline:1px solid #c5af7b;outline-offset:1px}.ho-creature-info .hci-ability-detail,.ho-creature-info.hci-side-details .hci-ability[open]>.hci-ability-detail{position:static;width:auto;padding:9px 10px 12px;margin:3px 0 8px;border:1px solid #958464;border-radius:3px;background:#101f2af2;box-shadow:inset 0 0 0 1px #233c48;font-size:16px;overflow-wrap:anywhere}.ho-creature-info .hci-ability-detail>h4{display:flex;align-items:center;gap:4px;margin-bottom:8px}.ho-creature-info .hci-ability-detail p{margin:0 0 12px;line-height:1.35}.ho-creature-info .hci-ability-stat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:4px 0}.ho-creature-info .hci-ability-stat b{flex:none;font-weight:400}.ho-creature-info .hci-note{font-size:15px;font-style:italic}.ho-creature-info .hci-effect{color:#ded1b4}.ho-creature-info .hci-lore{margin-top: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:hidden;pointer-events:none;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}.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){.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:144px}.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] .tw-bld{--town-building-tone: saturate(.95) brightness(.94) contrast(.94)}#townPanel[data-town-faction=haven] [data-bld=garrison]{--town-building-tone: saturate(.85) brightness(.93) contrast(.94)}#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}#townPanel[data-town-faction=haven] .tw-stage:before{content:"";position:absolute;inset:1.1% .8%;background:#102e45;clip-path:polygon(6% 0,94% 0,95.5% 2%,98% 18%,99.5% 38%,99.5% 68%,98% 85%,95% 100%,5% 100%,2% 85%,.5% 68%,.5% 38%,2% 18%,4.5% 2%)}.tw-projected-shadow{overflow:visible}#townPanel[data-town-faction=haven] :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[data-town-faction=haven] :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-production:not(.full) .tw-fillbar{background:linear-gradient(#28333c,#536773 55%,#7b8587);box-shadow:inset 0 1px 1px #101c25,inset 0 -1px #b1b8b4}#townPanel[data-town-faction=haven] .tw-production:not(.full) .tw-fillbar i{background:linear-gradient(#e3dab3,#c6b976 45%,#9a8d54 55%,#c5bb81);box-shadow:inset 0 1px #ece5c3}#townPanel[data-town-faction=haven] .tw-plate:after{content:"";inset:1.7% 2.6%;background:var(--haven-engraving) center 60% / 114% 116% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M5 0H95Q100 28 100 50Q100 74 95 100H5Q0 73 0 50Q0 27 5 0Z' fill='white'/%3E%3C/svg%3E") center/100% 100% no-repeat,linear-gradient(transparent 35%,#000 80%);mask-composite:intersect;opacity:.24;pointer-events:none}#townPanel.town-window[data-town-faction=haven]:before,#townPanel.town-window[data-town-faction=haven]:after{content:"";display:block;position:absolute;pointer-events:none;z-index:0;border:0;border-radius:0;box-shadow:none;filter:none;width:auto;transform:none;left:0;right:0;height:calc(5.3 * var(--u));background:url(/art/ui/haven-detail/barracks-source.jpg) 46.3654% 24.6078% / 212.8603% 1800% no-repeat;opacity:.65}#townPanel[data-town-faction=haven]:before{top:0;mask-image:linear-gradient(90deg,#000 24%,transparent 35%,transparent 67%,#000 78%),linear-gradient(#000 20%,transparent 38%);mask-composite:add}#townPanel.town-window[data-town-faction=haven]:after{top:auto;bottom:0;left:35%;background-position:59.403% 75.3637%;background-size:331.0345% 2204.0816%;mask:linear-gradient(90deg,transparent,#000 15%,#000 95%,transparent)}#townPanel[data-town-faction=haven]>header .tn{color:#d7dadd;-webkit-text-stroke:calc(.2 * var(--u)) #233747;paint-order:stroke fill;text-shadow:0 1px #fff,0 calc(.16 * var(--u)) #778b9a,0 calc(.29 * var(--u)) calc(.14 * var(--u)) #07111d}#townPanel[data-town-faction=haven] :is(.tw-slot,.tw-item):after{content:"";position:absolute;pointer-events:none;inset:5% 1%;border:1px solid #c4b38865;border-radius:calc(.28 * var(--u));box-shadow:inset 0 0 0 1px #3e332d65}#townPanel[data-town-faction=haven] :is(.tw-slot,.tw-item).on:after{border-color:#e2ce8fb3}#townPanel[data-town-faction=haven] .tw-slot-scene{opacity:.31}#townPanel[data-town-faction=haven] .tw-slot.on .tw-slot-scene{opacity:.76}#townPanel[data-town-faction=haven] :is(.tw-orb,.tw-medal),#townPanel[data-town-faction=haven] .tw-dwelling-tabs button span{border:0;box-shadow:0 0 0 calc(.13 * var(--u)) #263a49,0 0 0 calc(.31 * var(--u)) #bdc4c5,0 0 0 calc(.4 * var(--u)) #62777f,0 calc(.16 * var(--u)) calc(.3 * var(--u)) #051421b3}#townPanel[data-town-faction=haven] .tw-dwelling-tabs button.on{background:linear-gradient(#345b70,#17384e 18%,#0e2b41 90%);border:1px solid #b5bba4;box-shadow:inset 0 0 0 1px #778e92,inset 0 3px 3px #c7c6a34d}#townPanel[data-town-faction=haven] .tw-troop-orb{background:radial-gradient(circle at 45% 42%,#123148 55%,#09243b 70%);box-shadow:inset 0 0 0 calc(.12 * var(--u)) #607985,inset 0 0 0 calc(.43 * var(--u)) #b7c0c4,inset 0 0 0 calc(.53 * var(--u)) #273e50}#townPanel[data-town-faction=haven] .tw-troop.locked .tw-troop-orb{background:url(/art/ui/town-kit/orb-locked.png) center/100% 100% no-repeat}#townPanel[data-town-faction=haven] .tw-troops:before{background:url(/art/ui/town-controls/dock.png) center/100% 100% no-repeat}#townPanel[data-town-faction=haven] .tw-troops:after{content:"";position:absolute;pointer-events:none;z-index:-1;top:calc(3.6 * var(--u));left:calc(2 * var(--u));right:calc(2 * var(--u));height:calc(5.4 * var(--u));background:var(--haven-engraving) center 82% / 120% 1000% no-repeat;opacity:.22;mask:linear-gradient(transparent,#000 30%,#000 90%,transparent)}#townPanel[data-town-faction=haven] .tw-production.full .tw-fillbar{background:url(/art/ui/haven-detail/hall-source.jpg) 49.7792% 53.9773% / 1777.7778% 4500% no-repeat;border:1px solid #d9c48d;border-radius:calc(.18 * var(--u));box-shadow:inset 0 0 0 1px #705127,0 1px #071d30}#townPanel[data-town-faction=haven] .tw-production.full .tw-fillbar i{background:none}#townPanel[data-town-faction=haven] .tw-instant{background:url(/art/ui/town-controls/green-instant.png) center/100% 100% no-repeat;border:0;box-shadow:none}#townPanel[data-town-faction=haven] .garrison .tw-keep-orb{background:radial-gradient(ellipse at 45% 38%,#193647,#091e2d 78%);border:calc(.12 * var(--u)) solid #263d4b;box-shadow:inset 0 0 0 calc(.14 * var(--u)) #6e8590,inset 0 0 0 calc(.36 * var(--u)) #b9c4c7,inset 0 0 0 calc(.48 * var(--u)) #526c79,0 calc(.15 * var(--u)) calc(.25 * var(--u)) #061523}#townPanel[data-town-faction=haven] .garrison button.tw-keep-orb:after{inset:calc(.48 * var(--u))}#townPanel[data-town-faction=haven] .tw-hire-slider::-webkit-slider-runnable-track{height:calc(.35 * var(--u));border:1px solid #697c82;background:linear-gradient(#1b2e38,#b5bca8 55%,#647674);box-shadow:0 1px #061929}#townPanel[data-town-faction=haven] .tw-hire-slider::-webkit-slider-thumb{width:calc(1.25 * var(--u));height:calc(2.15 * var(--u));margin-top:calc(-.95 * var(--u));border:1px solid #d5c697;background:linear-gradient(90deg,#423c2c,#b6a77f 24%,#77694c 45%,#423a2a 51%,#a69772 79%,#514632);box-shadow:inset 0 0 0 1px #3b382b,0 1px 2px #07131b}#townPanel[data-town-faction=haven] :is(.tw-upgrade-tip,.tw-demolish-dialog,.tw-reserve-list,.tw-help-content){color:#eee8d9;background:#102d43 url(/art/ui/town/panel-fill.png) center/100% 100%;border:1px solid #a4b6bc;box-shadow:inset 0 0 0 1px #1a384b,inset 0 0 0 2px #587584,0 5px 18px #03101be6;font-size:var(--tw-readable);line-height:1.4;scrollbar-color:#a89a72 #102c42;scrollbar-width:thin;overscroll-behavior:contain}#townPanel[data-town-faction=haven] :is(.tw-upgrade-tip,.tw-demolish-dialog) h3{font-size:max(calc(1.6 * var(--u)),var(--tw-readable));padding-bottom:calc(.4 * var(--u));color:#e8dec3}#townPanel[data-town-faction=haven] .tw-upgrade-tip .tw-acts{background:#102d43;gap:calc(.7 * var(--u))}#townPanel[data-town-faction=haven] :is(.tw-list,.tw-detail,.tw-builder-detail){scrollbar-color:#a89a72 #102c42;overscroll-behavior:contain}#townPanel[data-town-faction=haven] .tw-list-wrap .tw-item.locked{background-image:url(/art/ui/town-controls/list-locked.png);filter:none;color:#c6bda6}#townPanel[data-town-faction=haven] .tw-list-wrap .tw-item.locked .tw-item-ico{visibility:hidden}#townPanel[data-town-faction=haven] .tw-list-wrap .tw-item.locked.on:after{border-color:#e2ce8f;box-shadow:inset 0 0 0 1px #706241}#townPanel[data-town-faction=haven] .dwelling .tw-face-nm[data-long-title=true]{top:calc(3 * var(--u));font-size:calc(2.8 * var(--u))}#townPanel[data-town-faction=haven] .tw-creature-info{--hci-max-height: calc(var(--ui-height, 100dvh) - 120px)}#townPanel[data-town-faction=haven] .tw-creature-info>.tw-x{top:56px;left:3px}#townPanel[data-town-faction=haven] .tw-production .tw-acts .tw-icon-action{background-image:url(/art/ui/haven-detail/actions-restoration.png);background-size:100% 200%;background-position:center top;border-radius:calc(.28 * var(--u))}#townPanel[data-town-faction=haven] .tw-production .tw-acts .collect{background-position:center bottom}#townPanel[data-town-faction=haven] :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[data-town-faction=haven] .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='M111%2015H1453Q1458%2032%201480%2034C1528%20177%201553%20333%201553%20499C1553%20668%201530%20824%201481%20964Q1457%20968%201453%20983H112Q106%20967%2084%20964C35%20824%2012%20665%2012%20499C12%20333%2034%20177%2084%2034Q105%2032%20111%2015Z'/%3e%3c/svg%3e") 0 0 / 100% 100% no-repeat}#townPanel[data-town-faction=haven] .tw-face{mask:none}#townPanel[data-town-faction=haven] .tw-detail-art.building-view{background-position:62% center}#townPanel[data-town-faction=haven] .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[data-town-faction=haven] .tw-production>:is(.tw-enlist-row,.tw-fillbar,.tw-cycle-time){grid-column:1 / -1}#townPanel[data-town-faction=haven] .tw-production .tw-rows{grid-column:1;padding-right:0;margin-bottom:0}#townPanel[data-town-faction=haven] .tw-production .tw-acts{position:static;grid-column:2;margin:0;align-self:center}@media(max-width:600px){#townPanel{--tw-readable: calc(1.25 * var(--u))}}#townPanel[data-town-faction=haven] .tw-list{scrollbar-width:auto;scrollbar-color:auto}#townPanel[data-town-faction=haven] .tw-list::-webkit-scrollbar{width:calc(1.15 * var(--u))}#townPanel[data-town-faction=haven] .tw-list::-webkit-scrollbar-button{display:none;width:0;height:0}#townPanel[data-town-faction=haven] .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[data-town-faction=haven] .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[data-town-faction=haven] .tw-list-controls{width:calc(1.15 * var(--u));align-items:center}#townPanel[data-town-faction=haven] .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[data-town-faction=haven] .tw-list-wrap .tw-list{scrollbar-width:none;padding-right:calc(2.2 * var(--u))}#townPanel[data-town-faction=haven] .tw-list-wrap .tw-list::-webkit-scrollbar{display:none}#townPanel[data-town-faction=haven] .tw-list-controls>span{display:block;position:relative;min-height:0;width:100%;margin-block:calc(.4 * var(--u))}#townPanel[data-town-faction=haven] .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[data-town-faction=haven] .tw-list-range::-webkit-slider-runnable-track{width:calc(.23 * var(--u));height:100%;background:#071e2f;border-inline:1px solid #597080}#townPanel[data-town-faction=haven] .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[data-town-faction=haven] .tw-list-range:disabled{opacity:.4}#townPanel[data-town-faction=haven] .tw-list-range:focus-visible{outline:1px solid #d6c69b;outline-offset:3px;border-radius:calc(.3 * var(--u))}dialog.province-map{position:fixed;inset:50% auto auto 50%;margin:0;padding:0;border:0;width:960px;height:600px;max-width:none;max-height:none;overflow:visible;background:transparent;color:#e3e0d7;transform:translate(-50%,-50%) scale(var(--pm-scale, 1));transform-origin:center;user-select:none;overscroll-behavior:contain}.province-map::backdrop{background:#030a0f8f}.pm-frame{position:relative;width:100%;height:100%;background:#071c29;border-image:url(/art/ui/province-map/frame-restored.webp) 73 6 71 6 fill / 73px 6px 71px 6px / 0 stretch}.pm-frame:before{content:"";position:absolute;left:6px;right:6px;bottom:7px;height:64px;background:url(/art/ui/province-map/frame-restored.webp) right calc(100% + 7px) / 154.839% 600px no-repeat;pointer-events:none}.pm-viewport{position:absolute;inset:73px 6px 71px;overflow:hidden;background:#293b3e;cursor:grab;touch-action:none;box-shadow:0 0 0 1px #a6b7b77a;outline:none}.pm-viewport.dragging{cursor:grabbing}.pm-world{position:absolute;width:1000px;height:1012px;transform-origin:0 0;pointer-events:none}.pm-terrain,.pm-regions{position:absolute;inset:0;width:100%;height:100%}.pm-regions g{display:none}.pm-regions g.selected{display:inline}.pm-regions path{fill:none;stroke-linejoin:round;stroke-linecap:round}.pm-border-mist{stroke:#f0f2e9;stroke-width:6;opacity:.28;filter:blur(2px)}.pm-border-line{stroke:#d8dec796;stroke-width:.6}.province-map h1{position:absolute;top:30px;left:80px;right:80px;margin:0;font:700 58px/1.1 var(--display);font-variant:small-caps;text-align:center;color:#e0e3e4;letter-spacing:0;-webkit-text-stroke:1px #26313c;paint-order:stroke fill;filter:drop-shadow(2px 0 0 #84919b) drop-shadow(-2px 0 0 #84919b) drop-shadow(0 2px 0 #84919b) drop-shadow(0 -2px 0 #84919b) drop-shadow(0 2px 2px #07131d);pointer-events:none}.pm-area-title{position:absolute;left:60px;right:60px;top:106px;text-align:center;font:400 29px/1.1 Georgia,serif;color:#f1efdf;pointer-events:none;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 2px #000}.province-map button{cursor:pointer;font-variant-numeric:lining-nums}.province-map button:focus-visible{outline:2px solid #e6ca87;outline-offset:2px}.pm-pan{position:absolute;border:0;background:transparent;padding:0;width:30px;height:34px}.pm-pan:before{content:"";display:block;width:0;height:0;margin:auto;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:10px solid #d8caaa;filter:drop-shadow(1px 0 0 #3b4140) drop-shadow(-1px 0 0 #3b4140) drop-shadow(0 1px 0 #3b4140)}.pm-east{right:2px;top:calc(50% - 17px)}.pm-west{left:2px;top:calc(50% - 17px);transform:rotate(180deg)}.pm-north{top:73px;left:calc(50% - 15px);transform:rotate(-90deg)}.pm-south{bottom:71px;left:calc(50% - 15px);transform:rotate(90deg)}.pm-pan:disabled{visibility:hidden}.pm-pan:hover{filter:brightness(1.4)}.pm-back{position:absolute;left:15px;bottom:18px;width:317px;height:40px;border:none;background:url(/art/ui/province-map/back.png) center / 100% 100%;padding:0 5px 2px 0;font:700 27px/1 var(--display);font-variant:small-caps;color:#e6e2d7;text-shadow:0 2px 2px #211b0d}.pm-back:hover{filter:brightness(1.14)}.pm-back:active{filter:brightness(.9)}.pm-tools{position:absolute;bottom:19px;right:21px;height:37px;display:flex;align-items:center;gap:5px}.pm-tools button{width:34px;height:34px;border:1px solid transparent;padding:0;background:transparent;color:#d7d4c5;font:400 27px/30px Georgia,serif}.pm-tools button:hover{border-color:#7c8b8c;background:#95bfd216}.pm-tools button:disabled{opacity:.3;cursor:default}.pm-tools img{width:29px;height:29px;object-fit:contain;vertical-align:middle}.pm-tool-divider{margin:0 7px;width:1px;height:22px;background:#81999b55}.pm-zoom{min-width:44px;text-align:center;font:15px Georgia,serif;color:#b4c0c2}.pm-pins{position:absolute;inset:0;pointer-events:none}.pm-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:0;padding:0;width:var(--pm-pin-size,32px);height:var(--pm-pin-size,32px);background:none}.pm-pin img{width:100%;height:100%;object-fit:contain;filter:hue-rotate(var(--pm-hue,0deg)) drop-shadow(0 1px 2px #071516)}.pm-pin:hover{z-index:2}.pm-pin:hover img{filter:hue-rotate(var(--pm-hue,0deg)) brightness(1.35) drop-shadow(0 0 4px #6df4ff)}.pm-current{position:absolute;width:21px;height:25px;transform:translate(-50%,-50%);z-index:3}.pm-current svg{width:100%;height:100%;fill:#e84635;stroke:#ffe5a1;stroke-width:1.3;filter:drop-shadow(0 1px 2px #000)}.pm-tip{position:absolute;right:38px;bottom:92px;max-width:280px;padding:14px 18px;border:1px solid #7a929c;background:#061c2ced;box-shadow:0 3px 15px #0008;pointer-events:none}.pm-tip strong,.pm-tip span{display:block}.pm-tip strong{font:700 19px Georgia,serif;color:#eee6cf;margin-bottom:6px}.pm-tip span{font:16px/1.35 var(--body);color:#c9d4d8}.pm-map-error{position:absolute;inset:0;display:grid;place-content:center;gap:15px;background:#173244;text-align:center}.pm-map-error button{padding:8px 20px;border:1px solid #9aabaf;background:#143b50;color:#eee}.pm-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.province-map [hidden]{display:none!important}#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)}#shopPanel{--su: min(calc(94 * var(--ui-vw, 1vw) / 1280), calc(84 * var(--ui-vh, 1vh) / 800), 1px);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)) #000b,0 0 0 150vmax #0007;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{font-family:inherit;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:400 calc(61 * var(--su))/1.1 var(--display);font-variant-caps:small-caps;color:#dbe1dc;-webkit-text-stroke:calc(.65 * var(--su)) #607484;text-shadow:0 calc(3 * var(--su)) #102431,calc(2 * var(--su)) 0 #142f41,0 calc(4 * var(--su)) calc(4 * var(--su)) #000}#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(10 * var(--su));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a4a891 #173343;padding:calc(3 * var(--su))}#shopPanel .shop-tab-btn{flex:0 0 calc(46 * var(--su));width:100%;margin:0;padding:0 calc(17 * var(--su));text-align:left;border:calc(2 * var(--su)) solid #8a815c;border-radius:calc(3 * var(--su));color:#d9ddd1;font:400 calc(21 * var(--su))/1 var(--display);font-variant-caps:small-caps;background:linear-gradient(100deg,#38594e,#3d504ed9 50%,#243d44e8),linear-gradient(#9bab8b,#193734);box-shadow:inset 0 calc(2 * var(--su)) #b5b89850,inset 0 calc(8 * var(--su)) #d4d8c112,inset 0 calc(-3 * var(--su)) #11293370,0 calc(2 * var(--su)) calc(2 * var(--su)) #102f48;text-shadow:0 calc(2 * var(--su)) calc(2 * var(--su)) #0a252b;transition:filter .1s}#shopPanel .shop-tab-btn.active{color:#fff6cf;border-color:#c3b47a;background:linear-gradient(100deg,#577149,#3f6153 50%,#354f4b)}#shopPanel .shop-tab-btn:hover{filter:brightness(1.18)}.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(30 * 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}#shopBody,#shopDetail{position:absolute;left:calc(427 * var(--su));right:calc(28 * var(--su));top:calc(186 * var(--su));bottom:calc(112 * 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(158 * var(--su));padding:0;border:calc(2 * var(--su)) solid #929e94;border-radius:calc(3 * var(--su));background:linear-gradient(115deg,#31556a,#173e53 65%,#092c40);box-shadow:inset 0 0 0 calc(2 * var(--su)) #152f3e,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(63 * var(--su));height:calc(63 * var(--su));margin:0;border:calc(2 * var(--su)) solid #b3b7a6;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 45% 32%,#577389,#092737 75%);box-shadow:0 calc(2 * var(--su)) calc(3 * var(--su)) #051824,inset 0 0 0 calc(2 * var(--su)) #536570}#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-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(73 * var(--su));right:calc(5 * var(--su));top:calc(6 * var(--su));height:calc(59 * var(--su));overflow:hidden;margin:0;font:400 calc(17 * var(--su))/1.1 var(--display);font-variant-caps:small-caps;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(70 * var(--su));padding:0;border:0;border-radius:0;background:none;color:#d0d8cb;font:italic calc(13 * var(--su))/1.2 var(--body)}.shop-inspect{position:absolute;right:calc(5 * var(--su));top:calc(64 * var(--su));width:calc(25 * var(--su));height:calc(25 * var(--su));display:grid;place-items:center;padding:calc(4 * var(--su));border-radius:50%;border:calc(2 * var(--su)) solid #9b9983;color:#d0c69c;background:radial-gradient(at 35% 25%,#427782,#173946 60%,#322e20);box-shadow:0 calc(1 * var(--su)) calc(2 * var(--su)) #000}.shop-inspect svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.5}.shop-inspect:hover{filter:brightness(1.35)}#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(5 * var(--su));height:calc(27 * var(--su));border-top:calc(1 * var(--su)) solid #a5bbbf42;font:700 calc(18 * var(--su))/1 var(--body);font-variant-numeric:tabular-nums;color:#f0e7c6;text-shadow:0 calc(2 * 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(28 * var(--su));padding:0;margin:0;border:calc(1 * var(--su)) solid #b8bc80;border-radius:calc(2 * var(--su));background:linear-gradient(#799a54,#537e36 26%,#376723 68%,#264b22);box-shadow:inset 0 0 0 calc(1 * var(--su)) #315125,inset 0 calc(2 * var(--su)) #dbdf9d80,0 calc(1 * var(--su)) calc(2 * var(--su)) #001f28;color:#e9e8c0;font:400 calc(20 * 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.22)}#shopPanel .shop-buy-btn:active:not(:disabled){filter:brightness(.87)}#shopPanel .shop-buy-btn:disabled{background:linear-gradient(#4a5650,#303f39);border-color:#718074;color:#98a79b;box-shadow:inset 0 0 0 calc(1 * var(--su)) #263b32;cursor:not-allowed}.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:flex;align-items:center;gap:calc(30 * var(--su))}#shopClose{flex:0 0 calc(328 * var(--su));height:calc(47 * var(--su));padding:0;color:#ecebd2;border:calc(2 * var(--su)) solid #b1a06b;border-radius:calc(7 * var(--su));background:linear-gradient(172deg,#8a8264,#55523a 45%,#696044 48%,#49482f);box-shadow:inset 0 0 0 calc(2 * var(--su)) #bca87360;font:400 calc(28 * var(--su))/1 var(--display);font-variant-caps:small-caps;text-shadow:0 calc(2 * var(--su)) calc(3 * var(--su)) #242b25;clip-path:polygon(5% 0,98% 0,100% 18%,100% 80%,98% 100%,5% 100%,0 50%)}#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{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-back{border:calc(1 * var(--su)) solid #b5a670;background:#4f5440;color:#e6e6cf;padding:calc(8 * var(--su)) calc(15 * var(--su));font-size:calc(17 * var(--su))}.shop-detail-content{display:grid;grid-template-columns:1fr 1fr;min-height:calc(365 * var(--su));margin-top:calc(16 * var(--su));border:calc(2 * var(--su)) solid #b8ad76;background:#13394c}.shop-detail-product{position:relative;min-width:0;padding:calc(135 * var(--su)) calc(20 * var(--su)) calc(80 * var(--su));text-align:center;background:radial-gradient(at 50% 20%,#416b80,#12374c 70%)}#shopPanel .shop-detail-product .shop-item-icon-frame{left:50%;top:calc(22 * var(--su));transform:translate(-50%);width:calc(88 * var(--su));height:calc(88 * var(--su))}.shop-detail-product h3{margin:0 0 calc(16 * var(--su));font:400 calc(25 * var(--su))/1.2 var(--display)}.shop-detail-badge{font-size:calc(16 * var(--su));color:#d5d6b9}.shop-detail-description{min-width:0;border-left:calc(2 * var(--su)) solid #9f9665;background:#07283d}#shopPanel .shop-detail-description h4{margin:0;padding:calc(19 * var(--su));background:linear-gradient(#d8d0b5,#a9a08b);color:#484336;font:400 calc(25 * var(--su))/1 var(--display);text-shadow:0 calc(1 * var(--su)) #f1e7c8}.shop-detail-description p{padding:calc(18 * var(--su));margin:0;font-size:calc(19 * var(--su));line-height:1.45}#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}#featsPanel[hidden]{display:none}#featsPanel:before,#featsPanel:after{content:none}#featsPanel *,#featsPanel *:before,#featsPanel *:after{box-sizing:border-box}#featsPanel button{cursor:pointer;font-family:inherit}#featsPanel button:focus-visible{outline:calc(2 * var(--fu)) solid #f7df96;outline-offset:calc(2 * var(--fu))}#featsPanel .feats-heading{position:absolute;top:calc(40 * var(--fu));left:0;width:100%;margin:0;text-align:center;font:400 calc(66 * var(--fu))/1.1 var(--display);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:#e4e7d9;text-align:left}.feats-tab-plate{position:absolute;left:calc(43 * var(--fu));top:calc(6 * var(--fu));width:calc(357 * var(--fu));height:calc(58 * var(--fu));border:calc(2 * var(--fu)) solid #9c9563;border-radius:calc(4 * var(--fu));box-shadow:inset 0 0 0 calc(2 * var(--fu)) #496463,0 calc(2 * var(--fu)) calc(2 * var(--fu)) #183141}.feats-tab.summary .feats-tab-plate{filter:sepia(.8) saturate(1.4) brightness(1.4)}.feats-tab.active .feats-tab-plate,.feats-tab:hover .feats-tab-plate{filter:brightness(1.65) saturate(.8)}.feats-tab.summary.active .feats-tab-plate,.feats-tab.summary:hover .feats-tab-plate{filter:sepia(.85) saturate(1.6) brightness(1.7)}.feats-tab-emblem{position:absolute;left:calc(18 * var(--fu));top:0;width:calc(66 * var(--fu));height:calc(66 * var(--fu));border-radius:50%;overflow:hidden;clip-path:circle(49.6% at 50% 50%)}.feats-tab-emblem>svg{display:block;width:100%;height:100%}.feats-tab-label{position:absolute;left:calc(102 * var(--fu));right:calc(7 * var(--fu));top:calc(19 * var(--fu));font:400 calc(28 * var(--fu))/1.15 var(--display);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:#2c5065;stroke-width:1.1;filter:drop-shadow(0 calc(1 * var(--fu)) calc(1 * var(--fu)) #7492a326)}.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));mix-blend-mode:lighten}.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));mix-blend-mode:lighten;clip-path:circle(35%)}#featsDetail{position:absolute;z-index:5;left:calc(530 * var(--fu));right:calc(40 * var(--fu));top:calc(238 * var(--fu));padding:calc(30 * var(--fu));color:#eeeee0;background:#092b3ff5;border:calc(2 * var(--fu)) solid #a09572;box-shadow:0 calc(9 * var(--fu)) calc(35 * var(--fu)) #00101dda;max-height:calc(460 * var(--fu));overflow:auto;font:400 calc(23 * var(--fu))/1.35 var(--body)}#featsDetail[hidden]{display:none}#featsDetail h3{margin:0 calc(24 * var(--fu)) calc(20 * var(--fu)) 0;font:400 calc(32 * var(--fu))/1.1 var(--display)}#featsDetail p{margin:calc(15 * var(--fu)) 0 0}#featsDetail .feats-detail-close{position:absolute;right:calc(10 * var(--fu));top:calc(5 * var(--fu));border:0;background:none;color:#ebdfb6;font-size:calc(35 * var(--fu))}#featsDetail .feats-detail-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}body[data-screen=battle] .battle-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#03121ded 0,#061421ba 65px,#06142124 205px,transparent 330px)}#hud>.battle-shade{pointer-events:none}body[data-screen=battle] .heroCorner{width:235px;height:246px;bottom:67px;pointer-events:none}body[data-screen=battle] .heroCorner[hidden]{display:none}body[data-screen=battle] .heroCorner .face{bottom:12px;width:194px;height:194px;padding:0;border:0;background-color:#13292d;background-position:center;background-size:cover;box-shadow:0 0 0 2px #34444c,0 0 0 5px #9eafb4,0 0 0 7px #d6dddd,0 0 0 9px #4c5a61,0 3px 10px #000;pointer-events:auto;cursor:pointer}body[data-screen=battle] .heroCorner .face:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:3px solid transparent;border-top-color:#f5f5e8;border-bottom-color:#576470;box-shadow:inset 0 0 16px #0008;pointer-events:none}body[data-screen=battle] .heroCorner.mine .face{left:-14px}body[data-screen=battle] .heroCorner.theirs .face{right:-14px}body[data-screen=battle] .heroCorner.enemy .face{box-shadow:0 0 0 2px #53222a,0 0 0 5px #b34e59,0 0 0 7px #c8b5b9,0 0 0 9px #622b36,0 3px 10px #000}body[data-screen=battle] .heroCorner .who{left:0;right:auto;bottom:27px;max-width:185px;font-family:var(--body);font-size:12px;line-height:14px;color:#ddd9c7;padding:1px 4px;background:linear-gradient(90deg,#05141bb0,transparent)}body[data-screen=battle] .heroCorner.theirs .who{right:0;left:auto;text-align:right}.combat-vitals{position:absolute;bottom:4px;left:0;width:186px;height:22px;display:flex;align-items:flex-end}.theirs .combat-vitals{left:auto;right:0;flex-direction:row-reverse}.combat-count{font:bold 22px/23px var(--num);min-width:68px;padding:0 6px;color:#e7e4cd;background:linear-gradient(#a09272,#665940);border:1px solid #bca782;clip-path:polygon(0 0,85% 0,100% 50%,100% 100%,0 100%)}.enemy .combat-count{color:#f0787c}.theirs .combat-count{clip-path:polygon(15% 0,100% 0,100% 100%,0 100%,0 50%);text-align:right}.combat-hp{flex:1;display:flex;justify-content:space-between;position:relative;height:17px;padding-bottom:5px;color:#e3e4d8;font:11px/12px var(--num)}.combat-hp:before,.combat-hp>i{content:"";position:absolute;bottom:0;left:0;height:5px;width:100%;border-radius:3px;background:#243b39;border:1px solid #9bbaa6}.combat-hp>i{background:linear-gradient(#e6f2d7,#8ccb99 45%,#418569)}.combat-effects{position:absolute;left:191px;bottom:3px;display:flex;gap:3px;max-width:200px}.theirs .combat-effects{left:auto;right:191px;flex-direction:row-reverse}.combat-status{pointer-events:auto;display:grid;place-items:center;width:18px;height:20px;border:1px solid #9dadbe;border-radius:50%;background:#3c5976;font:12px var(--display);color:#eee2b9;text-shadow:0 1px 2px #000}body[data-screen=battle] #orders{left:39px;bottom:8px;right:auto;width:auto;height:49px;flex-direction:row;align-items:center;gap:6px}.combat-order,.combat-small,#abilities .tile{position:relative;padding:0;flex:none;cursor:pointer;width:46px;height:46px;border:2px solid #b4a387;border-radius:50%;color:#e6dcc0;background:radial-gradient(circle at 40% 20%,#897b58,#514531 58%,#212321 85%);box-shadow:inset 0 0 0 2px #3e4141,0 0 0 1px #242c31,0 2px 4px #000b}.combat-order img,.combat-small img,#abilities .tile img{width:100%;height:100%;object-fit:contain;border-radius:50%}.combat-order:hover:not(:disabled),.combat-small:hover:not(:disabled),#abilities .tile:hover:not(:disabled){filter:brightness(1.3)}.combat-order:focus-visible,.combat-small:focus-visible,#queue .slot:focus-visible,#abilities .tile:focus-visible,.heroCorner .face:focus-visible{outline:2px solid #fff0ad;outline-offset:4px}.combat-order:disabled,.combat-small:disabled,#abilities .tile:disabled{opacity:.4;cursor:default;filter:grayscale(.65)}.combat-order.armed,.combat-small.on,#abilities .tile.armed{border-color:#f9e4b0;box-shadow:0 0 0 2px #c5a663,0 0 13px #ffe6a063}.wait-glyph{display:block;font:48px/35px Georgia,serif;text-shadow:0 2px 1px #343f48,0 -1px 1px white;color:#cdd7d5;transform:scaleX(1.08)}#wait{background:radial-gradient(circle at 50% 15%,#9b8b55,#6b7471 40%,#3d4b52 72%,#212e3d)}#combatAttack .ic{width:28px;height:28px;margin:auto;color:#ceb57e;filter:drop-shadow(0 2px 1px #251e17)}#bookBtn{margin-left:9px;background:#102d40}body[data-screen=battle] #combatInfo{position:absolute;width:29px;height:29px;left:-23px;bottom:30px;border:0}#battleUtilities{position:absolute;right:8px;top:54px;display:flex;flex-direction:column;gap:5px;align-items:flex-end}.combat-small{width:29px;height:29px;font:bold 11px var(--num);display:grid;place-items:center}.combat-small .ic{width:17px;height:17px}#combatMana{position:absolute;left:212px;bottom:76px;width:181px;height:19px;display:flex;align-items:flex-start;gap:4px;color:#c6dae5;font:11px/14px var(--num)}#combatMana>img{width:19px;height:19px;object-fit:contain}#myManaFigures{margin-left:auto}#combatMana:after,#combatMana>i{content:"";position:absolute;bottom:0;left:0;height:4px;width:100%;border-radius:2px;background:#1e3949;box-shadow:0 0 0 1px #6e8e9c}#combatMana>i{max-width:100%;z-index:1;background:linear-gradient(#d7f4ff,#559cc3)}body[data-screen=battle] #abilities{left:300px;bottom:9px;transform:none;height:46px;gap:6px;max-width:28%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}#abilities .tile{width:46px;height:46px;background:radial-gradient(circle at 40% 25%,#416989,#142b43)}#abilities .tile .nm,#abilities .tile .meta{display:none}.ability-initial{display:grid;place-items:center;height:100%;font:23px var(--display)}body[data-screen=battle] #queueBar{left:auto;right:7px;bottom:5px;transform:none;gap:6px;max-width:49%;align-items:flex-end}.round-current{position:relative;flex:none}body[data-screen=battle] #queueBar .roundlbl{position:absolute;bottom:57px;left:50%;transform:translate(-50%);margin:0;font-size:17px}body[data-screen=battle] #roundBadge,.next-round{display:grid;place-items:center;width:53px;height:53px;border-radius:50%;margin:0;flex:none;background:radial-gradient(circle at 38% 25%,#5b6897,#263b6a 57%,#102247);box-shadow:inset 0 0 0 3px #233c59,inset 0 0 0 5px #96a5b3,0 0 0 2px #cbd4d4,0 0 0 4px #546473;color:#e9eadb;font:italic bold 32px var(--num);text-shadow:0 2px 3px #18253d}body[data-screen=battle] #queue{gap:5px;padding:14px 4px 3px;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}body[data-screen=battle] #queue .slot{display:block;flex:none;width:41px;height:41px;padding:0;border:none;border-radius:50%;background:none;cursor:pointer}body[data-screen=battle] #queue .slot .medal{display:block;width:100%;height:100%;border:0;box-shadow:inset 0 0 0 1px #e2e5dc,0 0 0 2px #a3b4b6,0 0 0 3px #415661;background-color:#163333;background-size:cover}body[data-screen=battle] #queue .slot.now{width:53px;height:53px;transform:none}body[data-screen=battle] #queue .slot.now .medal{box-shadow:0 0 0 2px #e6e9cf,0 0 0 4px #70868c}body[data-screen=battle] #queue .slot.now:before{content:"";position:absolute;left:calc(50% - 7px);top:-12px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #e5e5cc;filter:drop-shadow(0 1px 2px #000)}body[data-screen=battle] #queue .slot .cnt{right:-3px;bottom:-3px;font:bold 15px/17px var(--num);color:#e7e5c6;text-shadow:-1px -1px 2px #17242d,1px 1px 2px #17242d}body[data-screen=battle] #queue .slot.foe .cnt{color:#ed7075}body[data-screen=battle] #queue .next-round{width:41px;height:41px;margin:0 4px;font-size:26px}body[data-screen=battle] #ribbon{left:24%;bottom:87px;min-width:0;width:350px;height:72px;padding:9px 65px 9px 34px;color:#e1ddcb;filter:drop-shadow(0 3px 3px #0008);text-align:right}body[data-screen=battle] #ribbon:before{background:linear-gradient(180deg,#b3a789 0,#776b51 4%,#4e4c3e 53%,#665e48 95%,#b8a985 98%);clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);mask-image:linear-gradient(90deg,transparent,#000 18%)}body[data-screen=battle] #ribbon:after{content:"›";position:absolute;right:8px;top:11px;color:#b9beb4;font:45px/45px Georgia,serif;text-shadow:1px 2px 2px #333e43}body[data-screen=battle] #ribbon .title{right:65px;top:-10px;z-index:1;font-size:17px;color:#e0decd}#ribbonBody{width:100%;font:16px/22px var(--display);text-shadow:0 1px 2px #201e18}#ribbonBody b{font:italic bold 25px var(--num)}#ribbonBody strong{font:italic bold 16px var(--num)}body[data-screen=battle] #goals{top:70px;right:66px;width:340px;text-align:center;background:linear-gradient(90deg,transparent,#102839ba 20%,#102839ba 80%,transparent)}body[data-screen=battle] #goals .g{justify-content:flex-start;font-family:var(--body)}body[data-screen=battle] #unitCard:has(.ho-creature-info){bottom:110px}body[data-screen=battle] #combatAttack,body[data-screen=battle] #defend,body[data-screen=battle] #wait,body[data-screen=battle] #combatInfo{background-image:url(/art/ui/battle-controls-source-2020.png);background-repeat:no-repeat;border:0;box-shadow:none}body[data-screen=battle] #combatAttack{background-size:1698.46px 955.38px;background-position:-234.42px -890.81px}body[data-screen=battle] #defend{background-size:1635.56px 920px;background-position:-276.85px -857.81px}body[data-screen=battle] #wait{width:51px;height:51px;background-size:1605.25px 902.95px;background-position:-331.08px -835.23px;margin-left:8px}body[data-screen=battle] #combatInfo{background-size:1590.86px 894.86px;background-position:-184.77px -824.43px}#combatAttack>*,#defend>*,#wait>*,#combatInfo>*{visibility:hidden}body[data-screen=battle] #orders{left:72px;bottom:7px;gap:9px}body[data-screen=battle] #combatInfo{left:-38px;bottom:29px}body[data-screen=battle] #bookBtn{margin-left:10px}body[data-screen=battle] #abilities{left:339px;bottom:9px}body[data-screen=battle] .heroCorner .face{box-shadow:none;background-color:#102a37}body[data-screen=battle] .heroCorner .face:after{inset:-3px;border:3px solid #a8b8ba;border-top-color:#ecede1;border-left-color:#d5ded5;border-bottom-color:#657b82;box-shadow:inset 0 0 0 1px #415861,0 0 0 1px #43555a;background:none;mask-image:none}body[data-screen=battle] .heroCorner.enemy .face:after{border-color:#d8b4b4 #cbd1ca #7f5861 #dc6e76;box-shadow:inset 0 0 0 2px #942f43,0 0 0 1px #51484b}body[data-screen=battle] .heroCorner .who{bottom:28px}.combat-hp{height:15px}body[data-screen=battle] #combatMana{left:0;bottom:77px;width:224px;height:20px}body[data-screen=battle] #combatMana[hidden]{display:none}#activeCombatant.book-hero .combat-vitals,#activeCombatant.book-hero .who,#activeCombatant.book-hero .combat-effects{visibility:hidden}body[data-screen=battle] #rail{top:170px}body[data-screen=battle] #railRoster{display:none}body[data-screen=battle] #logPanel{left:22px;top:284px;bottom:auto;width:257px;max-height:188px;padding:7px 9px;font:13px/20px var(--body);border:0;border-radius:0;background:linear-gradient(90deg,#081118d9,#0811189e)}body[data-screen=battle] #logPanel div+div{border:0}body[data-screen=battle] #spellbook{left:50.8%;top:48.3%;bottom:auto;width:652px;height:416px;max-height:none;padding:18px 31px 41px;transform:translate(-50%,-50%);overflow:visible;display:block;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate}body[data-screen=battle] #spellbook:empty{display:none}body[data-screen=battle] #spellbook:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/art/ui/battle-book-v2-2026-09-09.png) -38.6px -30.2px / 729.2px 480.7px no-repeat;clip-path:polygon(1% 0,9% 0,9% 1.3%,46% 1.3%,50% 3.7%,54% 1.3%,91% 1.3%,91% 0,99% 0,100% 2.5%,99% 84%,100% 86%,100% 98%,99% 100%,91% 100%,89% 98%,52% 97%,50% 97.8%,48% 97%,11% 98%,9% 100%,1% 100%,0 98%,0 86%,1% 84%);filter:saturate(.73) brightness(.87)}body[data-screen=battle] #spellbook:after{content:"";position:fixed;inset:-100vmax;z-index:-2;background:#03111c83}.combat-book-pages{height:100%;display:grid;grid-template-columns:1fr 1fr}.combat-book-pages section{position:relative;display:grid;grid-template-rows:23px repeat(4,1fr);padding:0 11px;color:#594629}.combat-book-pages h3{font:18px/22px var(--display);color:#f2e6c9;text-shadow:-1px -1px 1px #685135,1px 1px 2px #362c20;text-align:center;margin:-4px 0 0;font-weight:400}body[data-screen=battle] #spellbook .tile{width:100%;height:100%;margin:0;padding:4px 0 5px;gap:10px;border:0;border-radius:0;background:none;box-shadow:none;color:#594629;transform:none;text-align:left}body[data-screen=battle] #spellbook .tile:disabled{opacity:.48}body[data-screen=battle] #spellbook .tile:hover:not(:disabled),body[data-screen=battle] #spellbook .tile.armed{background:#fce8ab44;filter:none}body[data-screen=battle] #spellbook .tile-icon{width:47px;height:52px;background-color:transparent;background-size:contain;border:0;border-radius:0;flex:none}body[data-screen=battle] #spellbook .tile .nm{display:block;color:#594629;font:13px/17px var(--display);letter-spacing:.2px;text-shadow:0 1px #ecd6a966;margin:0 0 9px}body[data-screen=battle] #spellbook .tile .meta{display:flex;align-items:center;gap:4px;color:#eddfbc;font:italic bold 16px var(--num);text-shadow:-1px -1px 1px #625237,1px 1px 1px #625237}#spellbook .meta img{width:23px;height:23px;object-fit:contain}.combat-book-tabs{position:absolute;right:calc(100% - 23px);top:39px;display:flex;flex-direction:column;gap:13px;z-index:-1}.combat-book-tabs button{position:relative;overflow:hidden;width:48px;height:34px;border:1px solid #b5a384;border-radius:4px 0 0 4px;color:#e8d6a4;background:linear-gradient(100deg,#776044,#4b3220);box-shadow:inset 0 0 0 1px #463823,0 2px 3px #07131dcc;clip-path:polygon(3% 0,100% 4%,100% 94%,4% 100%,0 85%,4% 54%,0 22%);cursor:pointer}.combat-book-tabs button.selected{background:linear-gradient(100deg,#f1dfb2,#cbb17a)}.combat-book-tabs img{width:125px;height:34px;object-fit:cover;object-position:left;max-width:none;position:absolute;left:0;top:-1px}.combat-book-categories{left:calc(100% - 23px);right:auto}.combat-book-categories button{border-radius:0 4px 4px 0;clip-path:polygon(0 4%,95% 0,100% 20%,96% 56%,100% 90%,95% 100%,0 94%)}.combat-book-tabs button.source-tab{border:0;box-shadow:0 2px 3px #07131d99;background:none}.combat-tab-source{display:block;position:absolute;inset:0;background-image:url(/art/ui/battle-95-source/book-client.jpg);background-size:3555.55556% 2842.10526%;background-repeat:no-repeat}.combat-book-tabs .source-tab.selected .combat-tab-source{filter:brightness(1.48) saturate(.7)}.combat-book-tabs .source-tab:hover .combat-tab-source{filter:brightness(1.22)}.combat-book-tabs .source-tab.selected:hover .combat-tab-source{filter:brightness(1.6) saturate(.7)}.combat-book-categories [data-school=scrolls]:not(.selected) .combat-tab-source{filter:sepia(.85) brightness(.58) saturate(1.4)}.combat-book-categories [data-school=scrolls].selected .combat-tab-source{filter:none}.combat-book-categories [data-school=all].selected .combat-tab-source{filter:sepia(.3) brightness(2.25) saturate(.5)}.combat-book-tabs button:focus-visible{outline:2px solid #f1dfb2;outline-offset:2px}.combat-book-tabs .scroll-tab-icon{width:34px;height:30px;left:7px;top:1px;object-fit:contain}.book-star{display:block;font:35px/30px Georgia,serif;color:#fff0a9;text-shadow:0 0 5px #e9b638}.combat-book-paging{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;width:111px;height:34px;padding:0 8px;color:#65533c;background:linear-gradient(95deg,#c4b994,#f3e8c7 22%,#e5dab5 84%,#b7a580);clip-path:polygon(0 5%,14% 3%,24% 8%,34% 0,49% 5%,64% 1%,79% 7%,94% 0,100% 13%,97% 46%,100% 82%,95% 100%,78% 93%,57% 98%,39% 92%,21% 100%,0 94%,3% 52%);font:13px var(--num)}.combat-book-paging button{width:20px;height:22px;padding:0;border:0;border-radius:50%;background:radial-gradient(#a39473,#665944 53%,transparent 64%);color:#e9ddb9;font:700 18px/20px Georgia,serif;cursor:pointer}.combat-book-paging button:disabled{opacity:.45;cursor:default}.combat-book-close{position:absolute;bottom:7px;right:46px;width:120px;height:26px;border:1px solid #c3b58d;border-radius:6px;color:#efe6cc;font:15px/20px var(--display);background:linear-gradient(#7c725b,#625b49 48%,#4b493e 52%,#625b49);box-shadow:inset 0 0 0 2px #827b60,0 2px 3px #172427;cursor:pointer}body[data-screen=battle] #spellbook .tile-icon{height:47px;border-radius:50%}.combat-status img{width:100%;height:100%;object-fit:contain;border-radius:50%}#combatCasting{position:absolute;left:94px;top:66px;width:170px}#combatCasting nav{display:flex;gap:3px;align-items:center}#combatCasting button{width:22px;height:22px;padding:0;border:0;border-radius:50%;background:none;overflow:hidden;cursor:pointer;filter:drop-shadow(0 1px 2px #000)}#combatCasting button img{display:block;width:154.43px;height:22px;max-width:none}#combatCasting button:hover,#combatCasting button[aria-pressed=true]{filter:brightness(1.35) drop-shadow(0 0 3px #dbc995)}#combatCasting button:focus-visible{outline:1px solid #f2e5b7;outline-offset:2px}.combat-casts{display:block;margin-top:3px;padding:2px 8px 0;text-align:right;border-top:1px solid #998e6a7a;background:linear-gradient(90deg,transparent,#0711199c);color:#ece8d8;font:italic 12px/16px var(--num);text-shadow:0 1px 2px #000}.combat-casts:before{content:"";position:absolute;left:50%;bottom:4px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #d8d3b8;filter:drop-shadow(0 1px 1px #161b1d)}#combatCasting[hidden]{display:none}.combat-book-tabs img:not(.scroll-tab-icon){width:238.67px;height:34px}body[data-screen=battle] #roundBadge:after,body[data-screen=battle] .next-round:after{content:"";position:absolute;inset:-3px;pointer-events:none;border-radius:50%;background:url(/art/ui/battle-controls-source-2020.png) -909.9px -919.1px / 1770px 995.625px no-repeat;mask-image:radial-gradient(circle,transparent 59%,#000 61%)}body[data-screen=battle] .next-round{position:relative}body[data-screen=battle] .next-round:after{background-position:-724.8px -732.2px;background-size:1410px 793.125px}body[data-screen=battle] #ribbon:after{content:"";right:0;top:0;width:64px;height:72px;background:url(/art/ui/battle-controls-source-2020.png) -734px -726px / 1574.4px 885.6px no-repeat;clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,38% 50%)}@media(max-width:900px){body[data-screen=battle] #uiLayer{width:100%;height:100%;transform:none}body[data-screen=battle] #heroSidebar{transform:scale(.8);transform-origin:top left}body[data-screen=battle] #topBar{justify-content:flex-start;padding:0}body[data-screen=battle] #resources{position:absolute;top:38px;left:94px;right:48px;transform:none;overflow-x:auto;scrollbar-width:none}body[data-screen=battle] #topRightMenu{transform:scale(.72);transform-origin:top right}body[data-screen=battle] #combatCasting{left:94px;top:79px;width:164px}body[data-screen=battle] #goals{top:123px;right:38px;width:calc(100% - 80px);font-size:12px}body[data-screen=battle] #goals h2{font-size:16px}body[data-screen=battle] #battleUtilities{right:6px;top:78px}body[data-screen=battle] #rail{top:168px}body[data-screen=battle] .heroCorner{width:158px;height:148px;bottom:118px}body[data-screen=battle] .heroCorner .face{width:112px;height:112px;bottom:16px}body[data-screen=battle] .heroCorner .who{bottom:24px;max-width:112px}body[data-screen=battle] .combat-vitals{width:150px;bottom:2px}body[data-screen=battle] .combat-count{min-width:42px;font-size:19px}body[data-screen=battle] .combat-effects{left:154px;bottom:3px}body[data-screen=battle] .theirs .combat-effects{left:auto;right:154px}body[data-screen=battle] #orders{left:46px;bottom:62px;gap:4px}body[data-screen=battle] #combatInfo{left:-36px;bottom:19px}body[data-screen=battle] #abilities{left:278px;bottom:64px;max-width:calc(100% - 290px)}body[data-screen=battle] #queueBar{left:12px;right:8px;bottom:7px;max-width:none}body[data-screen=battle] #queue{width:calc(100% - 62px)}body[data-screen=battle] #queueBar .roundlbl{font-size:12px;bottom:51px}body[data-screen=battle] #roundBadge{width:45px;height:45px;font-size:28px}body[data-screen=battle] #combatMana{bottom:125px;width:180px}body[data-screen=battle] #ribbon{left:17%;bottom:256px;width:66%;height:59px;padding:6px 36px 5px 10px}body[data-screen=battle] #ribbon:after{display:none}body[data-screen=battle] #ribbon .title{top:-12px;right:32px;font-size:14px}body[data-screen=battle] #ribbonBody{font-size:13px;line-height:19px}body[data-screen=battle] #ribbonBody b{font-size:22px}body[data-screen=battle] #spellbook{left:50%;top:47%;width:calc(100% - 64px);max-width:652px;height:min(416px,calc(100vh - 100px));padding:18px 20px 45px}body[data-screen=battle] #spellbook:before{background-position:center;background-size:112% 115.6%}body[data-screen=battle] .combat-book-tabs{right:calc(100% - 15px)}body[data-screen=battle] .combat-book-categories{left:calc(100% - 15px);right:auto}body[data-screen=battle] #unitCard:has(.ho-creature-info){bottom:240px;max-width:calc(100vw - 24px)}}@media(max-width:600px){body[data-screen=battle] #spellbook{padding:18px 12px 49px}body[data-screen=battle] .combat-book-pages section{grid-template-rows:28px repeat(2,1fr);padding:0 7px}body[data-screen=battle] .combat-book-pages h3{font-size:13px;line-height:16px}body[data-screen=battle] #spellbook .tile{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px}body[data-screen=battle] #spellbook .tile .tile-icon{width:37px;height:37px}body[data-screen=battle] #spellbook .tile .nm{font-size:12px;line-height:16px;margin-bottom:7px}body[data-screen=battle] .combat-book-close{right:13px;bottom:8px;width:84px;height:32px;font-size:13px}body[data-screen=battle] .combat-book-paging{left:28%;height:34px;bottom:7px;width:96px}body[data-screen=battle] .combat-book-tabs{gap:9px;top:44px}body[data-screen=battle] .combat-book-tabs button{width:42px}}:root{color-scheme:dark;--plate-1: #1d3f68;--plate-2: #0d1f36;--plate-edge: #7ba3c6;--plate-edge-dim: #40658a;--slab: linear-gradient(180deg, #113c67 0%, #103152 38%, #0c2744 72%, #071d34 100%);--rim: #6b5a33;--parch-1: #cdbf9d;--parch-2: #a2957a;--parch-ink: #2a2418;--gold: #e0b959;--gold-dim: #9c7c2e;--gold-lit: #ffeaa8;--bone: #cdc8b8;--ivory: #f2ecdc;--steel: #b9c6d2;--muted: #8ea3b6;--green-1: #2f6b34;--green-2: #17421d;--red: #c9464f;--heal: #7fe3b0;--display: "HO Caption", "Fontin", Georgia, serif;--body: "HO Text", "Fontin Sans", "Segoe UI", sans-serif;--num: "Fontin Sans", "Segoe UI", sans-serif;--s: 1}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#04070a;color:var(--ivory);font:14px/1.45 var(--body);font-variant-numeric:tabular-nums lining-nums;user-select:none}body,#hud,#heroCreate,#bootScreen{font-variant-numeric:tabular-nums lining-nums}#viewport{position:fixed;inset:0;overflow:hidden;background:#04070a}#screen{position:absolute;inset:0;overflow:hidden}#stage{position:absolute;inset:0}#stage canvas{display:block;width:100%;height:100%}#stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 55%,rgba(0,0,0,.38) 100%);pointer-events:none;z-index:1}#hud{position:absolute;inset:0;pointer-events:none;z-index:2}#hud>*{pointer-events:auto}body[data-screen=map] .only-battle,body[data-screen=battle] .only-map{display:none!important}.ic{width:1em;height:1em;display:block;flex:none}.plate{background:linear-gradient(180deg,rgba(255,255,255,.16) 0 1px,transparent 1px),linear-gradient(180deg,var(--plate-1),var(--plate-2));border:1px solid var(--plate-edge-dim);box-shadow:inset 0 1px #bedcff47,inset 0 -8px 14px #00000059,0 2px 6px #0000008c}.titling{font-family:var(--display);letter-spacing:.04em;color:var(--ivory);text-shadow:0 1px 0 #000,0 0 8px rgba(0,0,0,.8)}.num-out{color:#f3e9d0;font-weight:700;font-family:Fontin Sans,sans-serif;text-shadow:0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 2px 4px rgba(0,0,0,.9)}.plus{width:16px;height:16px;flex:none;padding:0;border:0;background:url(/art/ui/purse-plus.png) center / contain no-repeat;border-radius:3px;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.85))}.plus:hover{filter:brightness(1.22) drop-shadow(0 1px 2px rgba(0,0,0,.85))}.plus:active{transform:translateY(1px)}.medal{position:relative;border-radius:50%;background:#0b1219 center/cover no-repeat;box-shadow:0 0 0 2px #c8d4de,0 0 0 3px #4a5a68,0 3px 10px #000c,inset 0 0 18px #0009}.medal.foe{box-shadow:0 0 0 2px #d9a2a2,0 0 0 3px #6a3236,0 3px 10px #000c}#topBar{position:absolute;top:0;left:0;right:0;height:34px;display:flex;justify-content:center;align-items:flex-start;pointer-events:none;z-index:10}#topBar>*{pointer-events:auto}#resources{display:flex;align-items:flex-start;gap:4px;transform:translate(-50px)}#resources>.res{position:relative;width:59px;height:34px;flex:none;border:0;background-position:center;background-size:59px 34px;background-repeat:no-repeat}#resources>.res[data-res=gold]{--res-image: url(/art/ui/resource-cell-gold.png)}#resources>.res[data-res=crystals]{--res-image: url(/art/ui/resource-cell-crystals.png)}#resources>.res[data-res=permits]{--res-image: url(/art/ui/resource-cell-permits.png)}#resources>.res[data-res=wood]{--res-image: url(/art/ui/resource-cell-wood.png)}#resources>.res[data-res=metal]{--res-image: url(/art/ui/resource-cell-metal.png)}#resources>.res[data-res=runestone]{--res-image: url(/art/ui/resource-cell-runestone.png)}#resources>.res[data-res=mercury]{--res-image: url(/art/ui/resource-cell-mercury.png)}#resources>.res[data-res=gems]{--res-image: url(/art/ui/resource-cell-gems.png)}#resources>.res[data-res=sulfur]{--res-image: url(/art/ui/resource-cell-sulfur.png)}#resources>.res[data-res=starsilver]{--res-image: url(/art/ui/resource-cell-starsilver.png)}#resources>.res:before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--res-image) center / 59px 34px no-repeat;clip-path:polygon(0 0,100% 0,100% 30px,55px 34px,4px 34px,0 30px)}#resources>.res:after{content:"";position:absolute;left:-2px;top:0;width:63px;height:37px;pointer-events:none;background:url(/art/ui/resource-rim-ho.png) center / 63px 37px no-repeat}#resources>.res>.plus{position:absolute;left:3px;top:0;z-index:2;width:20px;height:20px;border-radius:0;background:none;filter:none}#resources>.res>.plus:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:2px;pointer-events:none;opacity:0;transition:opacity .1s linear;background:#ffffff38;box-shadow:inset 0 0 0 1px #fff0bea6,0 0 7px #7ee08c8c}#resources>.res>.plus:hover:after,#resources>.res>.plus:focus-visible:after{opacity:1}#resources>.res>.plus:active:after{opacity:1;background:#00000057;box-shadow:inset 0 1px 3px #000000b3,inset 0 0 0 1px #fff0be59}#resources>.res>.plus:hover{background:none;filter:none}#resources>.res>.plus:active{transform:none}#resources>.res[data-res=runestone]>.plus{display:none}#resources .val{position:absolute;left:0;right:0;bottom:1px;z-index:1;height:11px;line-height:11px;font-family:Fontin Sans,sans-serif;font-size:11px;font-weight:700;text-align:center;letter-spacing:0;color:#ded1ad;text-shadow:0 1px 1px #000,1px 0 1px rgba(0,0,0,.72)}#resources>.res.gained{animation:resGain 1.1s ease-out}@keyframes resGain{0%{box-shadow:inset 0 0 14px #7ee08ce6,0 0 14px #7ee08cb3}to{box-shadow:inset 0 -1px #ffe2a029,inset 0 7px 12px #0000006b,0 2px 8px #000000b3}}#topRightMenu{position:absolute;right:0;top:0;display:flex;align-items:flex-start;gap:4px}#purse{position:relative;width:132px;height:35px;border:0;border-radius:0;background:url(/art/ui/purse-plate.png) 0 0 / 132px 35px no-repeat;cursor:pointer}#purse:hover{filter:brightness(1.14)}#purse:active{filter:brightness(.95)}#purse .amount{position:absolute;left:0;width:105px;bottom:4px;text-align:center;line-height:11px;font-size:14px;color:#d8d1b7;text-shadow:0 1px 2px rgba(0,0,0,.85)}#purse>.plus{position:absolute;left:6px;top:1px;z-index:2;width:16px;height:16px;border-radius:0;background:none;filter:none}#purse>.plus:after{content:"";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:2px;pointer-events:none;opacity:0;transition:opacity .1s linear;background:#ffffff38;box-shadow:inset 0 0 0 1px #fff0bea6,0 0 7px #7ee08c8c}#purse>.plus:hover:after,#purse>.plus:focus-visible:after{opacity:1}#purse>.plus:active:after{opacity:1;background:#00000057;box-shadow:inset 0 1px 3px #000000b3,inset 0 0 0 1px #fff0be59}#purse>.plus:hover{background:none;filter:none}#purse>.plus:active{transform:none}#shopBtn{display:flex;align-items:center;position:relative;width:131px;height:35px;padding:0 0 3px 9px;border:0;border-radius:0;background:url(/art/ui/shop-plate.png) 0 0 / 131px 35px no-repeat;color:#e3d7c4;font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:.06em;text-shadow:1px 0 0 #3a3208,-1px 0 0 #3a3208,0 1px 0 #3a3208,0 -1px 0 #3a3208,1px 1px 0 #3a3208,-1px 1px 0 #3a3208,1px -1px 0 #3a3208,-1px -1px 0 #3a3208,0 2px 2px rgba(30,24,0,.75);cursor:pointer}#shopBtn:hover{filter:brightness(1.12) saturate(1.1)}#shopBtn:active{filter:brightness(.94)}#optionsVeil{position:absolute;inset:0;z-index:22;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:#091116d6;backdrop-filter:blur(4px)}#optionsVeil[hidden]{display:none}#optionsPanel{position:relative;width:470px;height:220px;padding:22px 0 0;background:no-repeat center / 100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 606 284' preserveAspectRatio='none'%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230b2844'/%3E%3Cstop offset='.43' stop-color='%23123959'/%3E%3Cstop offset='1' stop-color='%2308263f'/%3E%3C/linearGradient%3E%3Cpath d='M36 2 L570 2 Q590 4 594 22 Q606 92 606 142 Q606 192 594 262 Q590 280 570 282 L36 282 Q16 280 12 262 Q0 192 0 142 Q0 92 12 22 Q16 4 36 2 Z' fill='url(%23b)' stroke='%23344859' stroke-width='2.5'/%3E%3C/svg%3E");filter:drop-shadow(0 22px 48px rgba(0,0,0,.8))}#optionsPanel .opt-title{position:absolute;left:7.6%;top:-15px;margin:0;font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:.04em;color:#cfced2;text-shadow:0 2px 4px rgba(0,0,0,.9)}#optionsPanel .opt-row{display:flex;align-items:center;gap:10px;padding-left:7.4%}#optionsPanel .opt-row+.opt-slider{margin-bottom:14px}#optionsPanel .opt-check{position:relative;flex:none;width:16px;height:15px;padding:0;cursor:pointer;border:2px solid #8a7d63;border-radius:4px;background:linear-gradient(180deg,#4c3c29,#2f2416);box-shadow:inset 0 1px 2px #000000b3}#optionsPanel .opt-check:hover{border-color:var(--gold)}#optionsPanel .opt-check:focus{outline:none}#optionsPanel .opt-check:focus-visible{border-color:var(--gold-lit)}#optionsPanel .opt-check[aria-checked=false]:after{content:"";position:absolute;inset:2px;border-radius:1px;background:linear-gradient(180deg,#d8cdb2,#9a8f74)}#optionsPanel .opt-name{font-family:var(--display);font-weight:400;font-size:16px;letter-spacing:.03em;color:#e8e6df;text-shadow:0 2px 3px rgba(0,0,0,.85);cursor:pointer}#optionsPanel .opt-row.off .opt-name{color:#7e8894}#optionsPanel .opt-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;z-index:10}#heroBuffStrip{position:absolute;left:76px;top:34px;width:174px;height:30px;border-block:1px solid rgba(151,165,174,.42);background:linear-gradient(180deg,#082336bf,#041422c7);box-shadow:inset 0 1px #0b141d99,inset 0 -1px #060b1299;mask-image:linear-gradient(90deg,#000 0%,#000 66%,transparent 100%);pointer-events:none;animation:hero-buffs-reveal .18s ease-out}#heroBuffStrip:not(:has(>*)){display:none}@keyframes hero-buffs-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media(prefers-reduced-motion:reduce){#heroBuffStrip{animation:none}}.hero-medal{position:relative;--md: 83px;--ring: calc(var(--md) * .063);width:var(--md);height:var(--md);flex:none}.hero-medal:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(200deg,#a5946a,#c8b681 18%,#d0bb82 34%,#a2925f 52%,#c1ac81 72%,#b6a57a,#8d7f57);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - var(--ring)),#000 calc(100% - var(--ring)));mask:radial-gradient(closest-side,transparent calc(100% - var(--ring)),#000 calc(100% - var(--ring)));filter:drop-shadow(0 0 1px rgba(6,10,14,.95)) drop-shadow(0 3px 7px rgba(0,0,0,.8));pointer-events:none}.hero-medal .face{position:absolute;inset:0;border-radius:50%;background:#0d1620 center calc(var(--md) * .015) / 100% no-repeat;cursor:pointer;-webkit-mask:radial-gradient(closest-side,#000 calc(100% - var(--ring) - 1px),transparent calc(100% - var(--ring))),radial-gradient(calc(var(--md) * .24) calc(var(--md) * .175) at 50% calc(50% - var(--md) * .295),#000 78%,transparent 100%);mask:radial-gradient(closest-side,#000 calc(100% - var(--ring) - 1px),transparent calc(100% - var(--ring))),radial-gradient(calc(var(--md) * .24) calc(var(--md) * .175) at 50% calc(50% - var(--md) * .295),#000 78%,transparent 100%);box-shadow:inset 0 -12px 20px #00000073;transition:filter .15s ease}.hero-medal .face:hover{filter:brightness(1.14)}.hero-medal .xp-arc{position:absolute;inset:calc(var(--md) * -.042);border-radius:50%;pointer-events:none;--arc-span: .3833turn;--arc-hole: calc(var(--md) * .1354);--xp: 0;--xp-a: #4ad06e;--xp-b: #22a852;--xp-c: #0f8040;--xp-d: #056830;--xp-empty-a: #03361d;--xp-empty-b: #08361f;--xp-empty-c: #15382c;background:radial-gradient(closest-side,transparent calc(100% - var(--md) * .1354),rgba(168,182,172,.85) calc(100% - var(--md) * .13),rgba(168,182,172,.8) calc(100% - var(--md) * .1265),rgba(3,22,12,.4) calc(100% - var(--md) * .1214),rgba(255,255,255,.02) calc(100% - var(--md) * .107),rgba(255,255,255,.1) calc(100% - var(--md) * .0887),rgba(255,255,255,.02) calc(100% - var(--md) * .072),rgba(0,0,0,0) calc(100% - var(--md) * .0607),rgba(0,0,0,.22) calc(100% - var(--md) * .042),rgba(0,0,0,.42) calc(100% - var(--md) * .025),rgba(0,0,0,.48) calc(100% - var(--md) * .017),rgba(0,0,0,.22) calc(100% - var(--md) * .011),rgba(158,170,152,.7) calc(100% - var(--md) * .006),rgba(158,170,152,.4) 100%),conic-gradient(from 180deg,var(--xp-a) 0turn,var(--xp-b) calc(var(--xp) * var(--arc-span) * .4),var(--xp-c) calc(var(--xp) * var(--arc-span) * .75),var(--xp-d) calc(var(--xp) * var(--arc-span)),var(--xp-empty-a) calc(var(--xp) * var(--arc-span)),var(--xp-empty-b) calc(var(--arc-span) * .72),var(--xp-empty-c) var(--arc-span));mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath d='M45 84.4 A39.4 39.4 0 0 1 14.82 19.67' fill='none' stroke='white' stroke-width='11.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}:is(#heroXpArc,#heroStatsXpArc){inset:auto;left:calc(var(--md) * -18.5 / 83);top:calc(var(--md) * -18.5 / 83);width:calc(var(--md) * 120 / 83);height:calc(var(--md) * 120 / 83);border-radius:0;mask:none;-webkit-mask:none;filter:none;--xp-frame-empty: url(/art/ui/hero-xp-green-empty.png);--xp-frame-full: url(/art/ui/hero-xp-green-full.png);background:var(--xp-frame-empty) center / contain no-repeat}:is(#heroXpArc,#heroStatsXpArc):before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--xp-frame-full) center / contain no-repeat;mask:conic-gradient(from 180deg,#000 0deg calc(var(--xp) * 138deg),transparent calc(var(--xp) * 138deg) 360deg)}:is(#heroXpArc,#heroStatsXpArc)[data-epic=true]{--xp-frame-empty: url(/art/ui/hero-xp-dragon-empty.png);--xp-frame-full: url(/art/ui/hero-xp-dragon-full.png)}:is(#heroXpArc,#heroStatsXpArc)[data-epic=true]:after{content:"";position:absolute;inset:0;pointer-events:none;background:url(/art/ui/hero-dragon-wing.png) center / contain no-repeat}#heroSidebar:has(:is(#heroXpArc,#heroStatsXpArc)[data-epic=true]){left:13px}.hero-medal .lvl{position:absolute;left:50%;bottom:calc(var(--md) * -.101);transform:translate(-50%);min-width:45px;padding:0 9px;border-radius:calc(var(--md) * .062);background:linear-gradient(180deg,#22303d,#17232f 45%,#0f1a24);box-shadow:inset 0 0 0 1px #4a5e6c66,0 2px 5px #000000d9;font:italic 700 14px/20px var(--num);font-variant-numeric:tabular-nums lining-nums;color:#ded5bc;text-align:center;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.95)}.hero-medal .hero-name{position:absolute;left:82.5%;top:-4px;font:400 12px/14px var(--display);font-variant-numeric:tabular-nums lining-nums;color:#bbb6a7;white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.8)}#heroName[data-latin=true]{font-variant:small-caps}#minimapContainer{position:absolute;top:45px;right:26px;width:160px;display:flex;flex-direction:column;align-items:center;z-index:10}#minimapContainer .crown-vine{position:absolute;left:36px;top:-17px;width:150px;height:258px;z-index:1;pointer-events:none}#zoneName{pointer-events:none;position:absolute;top:-3px;right:calc(100% - 66px);max-width:460px;padding:0 30px 0 12px;font-size:17px;line-height:20px;font-weight:700;letter-spacing:.02em;color:var(--bone);text-shadow:0 1px 2px #000,0 2px 4px #000,0 0 10px rgba(0,0,0,.9);white-space:nowrap}#zoneName:after{content:"";position:absolute;right:0;top:4px;width:28px;height:18px;background:url(/art/ui/zone-chevron.png) center / 28px 18px no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9))}.compass-ring{position:relative;--mm: 160px;--bez: calc(var(--mm) * .0326);width:var(--mm);height:var(--mm);display:grid;place-items:center}.compass-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:url(/art/ui/map-bezel-ho.png) center / 100% 100% no-repeat;pointer-events:none;z-index:2}#minimap{width:calc(var(--mm) - var(--bez) * 2);height:calc(var(--mm) - var(--bez) * 2);border-radius:50%;background:#060b12;box-shadow:inset 0 0 26px #000000f2,inset 0 0 0 1px #000000e6,0 0 14px #000c;cursor:crosshair}.compass-sats{position:absolute;inset:0;z-index:3;pointer-events:none}.compass-sats button{position:absolute;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9));transition:filter .12s,transform .12s}.compass-sats button img{width:100%;height:100%;display:block}#satFullscreen img{mask-image:radial-gradient(circle,#000 13.3px,transparent 14px);filter:url(#hud-native-detail)}.compass-sats button:hover{filter:drop-shadow(0 0 7px rgba(255,214,120,.7)) brightness(1.18);transform:translate(-50%,-50%) scale(1.08)}.compass-sats button.on{filter:drop-shadow(0 0 9px rgba(255,214,120,.9)) brightness(1.2)}.compass-sats{inset:0}.compass-sats button{width:32px;height:32px}.compass-sats .s-horn{left:90%;top:3.2%;width:28px;height:28px}.compass-sats .s-cross{left:101.1%;top:17%;width:32px;height:32px}.compass-sats .s-cog{left:108.3%;top:31.9%;width:26px;height:26px}.compass-sats .s-helm{left:-9.5%;top:24.3%}.compass-sats .s-emblem{left:-12.7%;top:45.5%;width:30px;height:30px}.compass-sats .s-banner{left:-9.3%;top:68.7%}.compass-sats .s-compass{left:20.6%;top:105.8%}.compass-sats .s-shield{left:42.5%;top:113.3%}.compass-sats .s-church{left:65.7%;top:113.3%}.compass-sats .s-crystal{left:87.6%;top:104.5%}.compass-sats .s-chart{left:103.3%;top:87.6%}.compass-sats .s-scroll{left:103.9%;top:121.4%}#tracker{position:absolute;right:0;top:246px;width:233px;max-height:500px;overflow-y:auto;overflow-x:hidden;z-index:9}#tracker .empty{padding:6px 2px;font-size:12.5px;line-height:1.45;color:#b6d0e6;text-shadow:0 1px 3px rgba(0,0,0,.95)}#tracker .chapter{position:relative;margin:0 0 31px;padding:1px 0 0;height:15px;line-height:15px;font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.02em;color:var(--bone);text-shadow:0 1px 2px #000,0 2px 4px #000,0 0 10px rgba(0,0,0,.9)}#tracker .chapter:after{content:"";position:absolute;left:-97px;right:19px;bottom:-1px;height:1px;background:linear-gradient(90deg,#e6ece800,#e6ece85c 40px,#e6ece85c)}#tracker .track{position:relative;margin:0 0 12px 25px;padding:0 6px 22px 8px;background:linear-gradient(180deg,#173439e6 0 20px,#0a2836e6 26px calc(100% - 26px),#0a283600);transition:opacity .2s}#tracker .track.done{opacity:.72}#tracker .q-header{padding:0 0 6px}#tracker .q-header:before{content:"";position:absolute;left:-24px;top:-8px;width:24px;height:26px;background:url(/art/ui/quest-book.png) center / contain no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.85))}#tracker .qn{font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:.02em;line-height:17px;color:#dcdedb;text-shadow:0 1px 2px #000,0 1px 3px #000}#tracker .track.ready-track .qn{color:#ffe9a8}#tracker .track.done .qn{color:#a8d8b4;border-bottom-color:#78be9166}#tracker .quest-state{display:block;margin:0 0 4px;font-family:var(--display);font-size:12px;letter-spacing:.04em}#tracker .quest-state.ready-state{color:var(--gold-lit)}#tracker .quest-state.done-state{color:#8fe0ac}#tracker .q-goals{margin:0;padding:4px 2px 0 0}#tracker .q-goals:empty{display:none}#tracker .obj{position:relative;padding:0 0 0 17px;margin-bottom:10px;font-size:15px;line-height:1.15;color:#dfe9f0;text-shadow:0 1px 2px rgba(0,0,0,.85)}#tracker .obj:last-child{margin-bottom:0}#tracker .obj:before{content:"";position:absolute;left:4px;top:6px;width:5px;height:5px;border-radius:50%;background:#a9bccb;box-shadow:0 1px 1px #000000b3}#tracker .obj.now{color:#f4f8fc}#tracker .obj.met:before{background:none;box-shadow:none;width:auto;height:auto;border-radius:0;content:"✓";left:0;top:-1px;color:#63c98a;font-weight:700}#tracker .obj.met{color:#cfe3d6}#tracker .obj-text{word-break:break-word}#tracker .track.folded{margin:35px 0 0 25px;padding:0 0 5px;background:none;cursor:pointer}#tracker .track:not(.folded)+.track.folded{margin-top:60px}#tracker .track.folded .qn{font-size:16px;line-height:13px;color:var(--bone);transition:color .12s}#tracker .track.folded:hover .qn{color:#fff}#tracker .track.folded:after{content:"";position:absolute;left:-1px;right:0;bottom:0;height:3px;background:linear-gradient(180deg,#120c00e0,#30240e99 50%,#120c00e0)}#tracker .track.folded.done .qn{color:#a8d8b4}#tracker .progress-badge{display:block;margin-top:3px;text-align:right;white-space:nowrap;font-size:15px;font-weight:700;color:#f0f5fa;text-shadow:0 1px 2px #000}#tracker .obj.met .progress-badge{color:#a8ffc8}#armyBar{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:520px;height:56px;z-index:10}#armyBar[hidden]{display:none}#armyBar:before{content:"";position:absolute;inset:0;background:url(/art/ui/army-plate.png) center / 100% 100% no-repeat;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 100%,0 100%);filter:drop-shadow(0 -4px 14px rgba(0,0,0,.6));pointer-events:none}.army-tool{position:absolute;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8));transition:filter .15s,transform .15s}.army-tool img{width:100%;height:100%;display:block}.army-tool:hover{filter:drop-shadow(0 0 9px rgba(255,214,120,.6)) brightness(1.18);transform:scale(1.05)}#armyHeroBtn{left:-21.5px;top:2px;width:43px;height:43px}#armyBookBtn{right:-30px;top:-4px;width:60px;height:58px}.army-slots{position:absolute;left:0;right:0;top:-28.5px;display:flex;justify-content:flex-start;gap:14px;padding-left:41.5px;pointer-events:none}.army-slot{width:61px;height:61px;position:relative;display:grid;place-items:center;transition:transform .15s;pointer-events:auto}.army-slot:before{content:"";position:absolute;inset:3px;border-radius:50%;background:url(/art/ui/slot-bg.png) center / 118% 118% no-repeat;filter:drop-shadow(0 3px 7px rgba(0,0,0,.8))}.army-slot .face{width:55px;height:55px;border-radius:50%;background:#0c141d center / cover no-repeat;position:relative;box-shadow:inset 0 0 12px #000c}.army-slot:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(138deg,#dae2de,#c3ccce 24%,#a8b2ba 52%,#8a949e,#79838d);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 4.2px),#000 calc(100% - 3.4px),#000 calc(100% - .7px),transparent 100%);mask:radial-gradient(closest-side,transparent calc(100% - 4.2px),#000 calc(100% - 3.4px),#000 calc(100% - .7px),transparent 100%);filter:drop-shadow(0 0 1px rgba(6,10,14,.9)) drop-shadow(0 2px 5px rgba(0,0,0,.7));pointer-events:none;z-index:3}.army-slot.filled{cursor:pointer}.army-slot.filled:hover{transform:translateY(-3px) scale(1.05)}.army-slot.filled:hover:after{background:linear-gradient(138deg,#ffeeba,#f0d894 40%,#c9a955 74%,#8a7434);filter:drop-shadow(0 0 6px rgba(255,214,120,.75))}.army-slot .glass{position:absolute;right:-3px;bottom:3px;width:23px;height:23px;z-index:5;background:url(/art/ui/army-glass.png) center / contain no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.85));pointer-events:none}.army-slot .count-badge{position:absolute;left:calc(50% - 3px);top:51px;transform:translate(-50%);z-index:4;width:46px;border:1px solid #9e9b87;border-radius:6px;box-shadow:0 2px 5px #000000e6;overflow:hidden}.army-slot .count-badge:has(.res){border-radius:10px 10px 8px 8px/16px 16px 12px 12px}.army-slot .count-badge:has(.res) .res{position:relative;margin-top:-2px;padding-top:1px;border-top:1px solid #777e73;border-radius:50% 50% 0 0/3px 3px 0 0}.army-slot .count-badge .num{display:block;padding:0 7px;position:relative;font:400 15px/14px Fontin Sans,sans-serif;text-align:center;font-variant-numeric:tabular-nums lining-nums;color:#cddee6;background:linear-gradient(180deg,#0a1c2c,#04172a 55%,#071a29);text-shadow:0 1px 2px rgba(0,0,0,.75)}.army-slot .count-badge .num:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--fill, 100%);background:linear-gradient(180deg,#2f9c28,#167a12 55%,#0d5a10)}.army-slot .count-badge .num:after{content:attr(data-num);position:absolute;inset:0;color:#a8ee9f;clip-path:inset(0 calc(100% - var(--fill, 100%)) 0 0)}.army-slot .count-badge .res{border:0;width:100%;cursor:pointer;pointer-events:auto;display:block;padding:0 7px;font:400 12px/13px Fontin Sans,sans-serif;text-align:center;font-variant-numeric:tabular-nums lining-nums;color:#868b91;background:linear-gradient(180deg,#17222e,#0c141d);text-shadow:0 1px 1px #000}.army-slot .count-badge .res:enabled:hover{color:#e8f2f6}.army-slot .count-badge .res:disabled{cursor:default;opacity:1}.army-slot .stack-alert{position:absolute;left:-2px;bottom:2px;width:15px;height:15px;z-index:6;background:url(/art/ui/army-alert.png) center / contain no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.85));pointer-events:none}.army-slot.empty .stack-alert{left:9px;top:-2px;bottom:auto}.army-slot.empty .face,.army-slot.empty:before{background:radial-gradient(circle at 50% 25%,#29343e,#18222d 82%);box-shadow:inset 0 0 14px #0000008c}.army-slot.locked{cursor:not-allowed}.army-slot.locked .face-dim{position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 50% 25%,#29343e,#18222d 82%);box-shadow:inset 0 0 14px #0000008c}.army-slot.locked .lock{position:absolute;left:50%;top:50%;width:18px;height:22px;transform:translate(-50%,calc(-50% - 8px));background:url(/art/ui/army-lock.png) center / contain no-repeat}.army-slot.locked .lvl-req{position:absolute;left:0;right:0;top:36px;z-index:2;white-space:nowrap;text-align:center;font:italic 400 15px/1 var(--num);font-variant-numeric:tabular-nums lining-nums;color:#37444d}.heroCorner{position:absolute;bottom:0;width:420px;height:190px}.heroCorner.mine{left:0}.heroCorner.theirs{right:0}.heroCorner .face{position:absolute;bottom:54px;width:132px;height:132px;border-radius:50%;background:#0b1219 center/cover no-repeat;box-shadow:0 0 0 3px #cfdae4,0 0 0 5px #3f4d5a,0 6px 20px #000000e6}.heroCorner.mine .face{left:-22px}.heroCorner.theirs .face{right:-22px}.heroCorner.theirs .face{box-shadow:0 0 0 3px #e0b0b0,0 0 0 5px #5c2c30,0 6px 20px #000000e6}.heroCorner .who{position:absolute;bottom:78px;font-size:14px;color:var(--steel);text-shadow:0 2px 4px #000}.heroCorner.mine .who{left:122px}.heroCorner.theirs .who{right:122px;text-align:right}.gauge{position:absolute;bottom:38px;height:15px;display:flex;align-items:center;gap:6px}.heroCorner.mine .gauge{left:14px;right:24px}.heroCorner.theirs .gauge{right:14px;left:24px;flex-direction:row-reverse}.gauge .tok{width:26px;height:26px;flex:none;border-radius:4px;display:grid;place-items:center;color:#9fe4ff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9))}.heroCorner.theirs .gauge .tok{color:#ff9aa2}.gauge .tok .ic{width:22px;height:22px}.gauge .track{position:relative;flex:1;height:12px;background:linear-gradient(180deg,#060e16e6,#03080de6);border:1px solid rgba(150,190,225,.35);border-radius:2px}.gauge .track>i{display:block;height:100%;border-radius:1px;background:linear-gradient(180deg,#bfe6ff,#3f8fd0 60%,#1d5a92);box-shadow:0 0 10px #78c8ff99;transition:width .25s ease}.heroCorner.theirs .gauge .track>i{background:linear-gradient(180deg,#ffb3ba,#c9464f 60%,#7a1d24);box-shadow:0 0 10px #ff788280;margin-left:auto}.gauge .label{position:absolute;left:4px;top:-17px;z-index:2;font-family:var(--display);font-size:14px;color:var(--ivory);text-shadow:0 2px 4px #000,0 0 6px rgba(0,0,0,.9)}.gauge .figures{position:absolute;right:6px;top:-17px;z-index:2;font-size:13px}.heroCorner.theirs .gauge .label{left:auto;right:6px}.heroCorner.theirs .gauge .figures{right:auto;left:6px}.heroCorner .tools{position:absolute;left:26px;bottom:4px;display:flex;flex-direction:column-reverse;gap:5px}.heroCorner .tools button{width:34px;height:34px;border-radius:50%;padding:0;border:none;cursor:pointer;background:radial-gradient(circle at 36% 30%,#55708c,#101a24);box-shadow:0 0 0 2px #cbb888,0 2px 6px #000c;color:var(--gold-lit);display:grid;place-items:center}.heroCorner .tools button .ic{width:18px;height:18px}.heroCorner .tools button:hover{filter:brightness(1.35)}.heroCorner .tools button.armed{box-shadow:0 0 0 2px var(--gold-lit),0 0 14px #ffe296cc}.heroCorner .tools button:disabled{opacity:.4;cursor:default}#queueBar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:6px}#queueBar .roundlbl{font-family:var(--display);font-size:16px;color:var(--ivory);text-shadow:0 2px 4px #000;margin:0 4px 12px 0}#roundBadge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 30%,#4a7fc0,#10305c);box-shadow:0 0 0 2px #c8d4de,0 0 0 3px #3d4b58,0 3px 10px #000c;font-family:var(--num);font-size:22px;font-style:italic;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);margin-right:4px}#queue{display:flex;align-items:flex-end;gap:4px}#queue .slot{position:relative;width:40px;height:40px;transition:transform .15s}#queue .slot .medal{width:40px;height:40px}#queue .slot.now{transform:translateY(-6px) scale(1.14);z-index:2}#queue .slot.now .medal{box-shadow:0 0 0 2px var(--gold-lit),0 0 0 3px #5c4614,0 0 14px #ffe296bf}#queue .slot .cnt{position:absolute;right:-3px;bottom:-3px;font-size:12px;min-width:18px;text-align:center}#queue .slot.foe .cnt{color:#ff9aa2}#queue .slot.held .medal{filter:grayscale(1) brightness(.55)}#queue .slot.held:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 2px #d6b23c}#ribbon{position:absolute;bottom:104px;left:540px;min-width:400px;height:62px;padding:6px 74px 6px 24px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;color:var(--parch-ink);transition:opacity .2s;filter:drop-shadow(0 4px 12px rgba(0,0,0,.7))}#ribbon:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#ece2c6 0 1px,transparent 1px),linear-gradient(180deg,transparent calc(100% - 1px),#5c5340 calc(100% - 1px)),linear-gradient(180deg,#d5c8a6,#b3a482 55%,#8d8064);clip-path:polygon(0 0,calc(100% - 46px) 0,100% 50%,calc(100% - 46px) 100%,0 100%)}#ribbon .title{position:absolute;top:-16px;right:74px;font-family:var(--display);font-size:16px;color:var(--ivory);text-shadow:0 2px 4px #000,0 0 8px rgba(0,0,0,.9)}#ribbon .row{display:flex;align-items:baseline;gap:8px;font-family:var(--display);font-size:15px;color:#3a3223}#ribbon .row span{font-family:var(--num)}#ribbon .row b{font-size:21px;font-style:italic;color:#221c11}#ribbon[hidden]{display:none}#outcome{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:62px;letter-spacing:.06em;color:var(--gold-lit);text-shadow:0 0 24px rgba(255,200,90,.7),0 4px 10px #000;pointer-events:none}#outcome[hidden]{display:none}#abilities{position:absolute;bottom:186px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:flex-end}.tile{width:152px;padding:7px 10px;text-align:left;cursor:pointer;font:inherit;font-size:12px;line-height:1.25;color:var(--ivory);background:linear-gradient(180deg,rgba(255,255,255,.14) 0 1px,transparent 1px),linear-gradient(180deg,var(--plate-1),var(--plate-2));border:1px solid var(--plate-edge-dim);border-radius:3px;box-shadow:inset 0 1px #bedcff40,0 2px 6px #0009}.tile:hover:not(:disabled){border-color:var(--plate-edge);filter:brightness(1.2)}.tile:disabled{opacity:.42;cursor:default}.tile.armed{border-color:var(--gold-lit);box-shadow:0 0 14px #ffe29699}.tile .nm{display:block;font-family:var(--display);font-size:14px;color:var(--gold);margin-bottom:1px}.tile .meta{color:var(--muted);font-size:11px}#spellbook{position:absolute;left:26px;bottom:214px;width:380px;max-height:520px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;z-index:25}#spellbook:empty{display:none}#spellbook .tile{width:180px;display:flex;align-items:center;gap:8px;padding:6px 8px;background:linear-gradient(180deg,#142438f2,#0a1420fa);border:1px solid #4a6785;border-radius:4px;cursor:pointer;text-align:left;transition:all .12s}#spellbook .tile:hover:not(:disabled){border-color:#ffd875;transform:translateY(-1px);box-shadow:0 0 10px #c9a75666}#spellbook .tile.armed{border-color:#ffd875;background:linear-gradient(180deg,#3c3014f2,#1e1608fa);box-shadow:0 0 12px #ffd87599}#spellbook .tile .tile-icon{width:32px;height:32px;border-radius:4px;flex:none;background:#080c10 center/cover no-repeat;border:1px solid #c9a756}#spellbook .tile .tile-body{flex:1;min-width:0}#orders{position:absolute;bottom:214px;right:26px;display:flex;flex-direction:column;gap:6px;width:150px}.btn{min-height:34px;padding:7px 18px;cursor:pointer;font:inherit;font-family:var(--display);font-size:14px;letter-spacing:.05em;color:var(--ivory);text-shadow:0 1px 2px rgba(0,0,0,.9);border:0;background:url(/art/ui/btn-md.png) center / 100% 100% no-repeat;filter:drop-shadow(0 2px 5px rgba(0,0,0,.7))}.btn span{font-family:var(--num);font-weight:700}.btn:hover{background-image:url(/art/ui/btn-md-hit.png);color:var(--gold-lit)}.btn:active{filter:brightness(.9) drop-shadow(0 1px 3px rgba(0,0,0,.7))}.btn.on{background-image:url(/art/ui/btn-lg-sel.png);color:var(--gold-lit)}.btn.gold{background-image:url(/art/ui/btn-green.png);color:#eaffe0}.btn.gold:hover{background-image:url(/art/ui/btn-green-hit.png);color:#fff}#goals{position:absolute;top:52px;right:0;width:420px;padding:4px 22px 8px 30px;background:linear-gradient(90deg,#14304e00,#14304ecc 30%,#0e2238e0);text-align:right}#goals h4{margin:0 0 3px;font-family:var(--display);font-size:17px;font-weight:400;letter-spacing:.04em;color:var(--ivory);text-shadow:0 2px 4px #000;border-bottom:1px solid rgba(210,225,240,.3);padding-bottom:2px}#goals .g{font-size:13px;color:#dce6ef;display:flex;gap:8px;justify-content:flex-end}#goals .g:before{content:"◆";color:var(--steel);font-size:9px;align-self:center}#goals[hidden]{display:none}#unitCard{position:absolute;right:24px;top:150px;width:320px;padding:12px 14px;border-radius:3px}#unitCard[hidden]{display:none}#unitCard:has(.ho-creature-info){z-index:20;width:430px;max-width:calc(100 * var(--ui-vw, 1vw) - 24px);right:12px;bottom:100px;top:auto;padding:0;border:0;background:none;box-shadow:none;overflow:visible;transform-origin:bottom right}#unitCard:has(.ho-creature-info):before,#unitCard:has(.ho-creature-info):after{display:none}#unitCard:has(.ho-creature-info)>.close{position:absolute;top:8px;left:2px;right:auto;width:26px;height:26px;z-index:2}#unitCard .ho-creature-info>.cn{margin-top:10px}#unitCard .hd{display:flex;align-items:center;gap:10px}#unitCard .hd .medal{width:46px;height:46px;flex:none}#unitCard .nm{font-family:var(--display);font-size:17px;color:var(--gold)}#unitCard .cn{font-size:11px;color:var(--muted)}#unitCard .close{margin-left:auto;width:24px;height:24px;padding:0;flex:none;display:grid;place-items:center;cursor:pointer;color:var(--steel);background:#ffffff0f;border:1px solid var(--plate-edge-dim);border-radius:3px}#unitCard .close .ic{width:11px;height:11px}#unitCard .stats{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;margin-top:10px;font-size:12px;color:#cad6e0}#unitCard .stats i{font-style:normal;color:var(--muted)}#unitCard .sts{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px}#unitCard .sts .st{font-size:11px;color:#ffd479;padding:1px 6px;border-radius:8px;background:#ffd4791f;border:1px solid rgba(255,212,121,.3)}#unitCard .abs{margin-top:10px;max-height:260px;overflow-y:auto}#unitCard .abs .ab{padding:6px 0;border-top:1px solid rgba(255,255,255,.07)}#unitCard .abs .ab b{display:block;font-family:var(--display);font-size:13px;font-weight:400;color:var(--gold)}#unitCard .abs .ab span{font-size:11px;color:var(--muted);line-height:1.35}#logPanel{position:absolute;left:12px;bottom:104px;width:372px;max-height:216px;display:flex;flex-direction:column;justify-content:flex-end;overflow-y:auto;padding:9px 12px 10px;font-size:12.5px;line-height:1.5;color:#ccdae7;background:linear-gradient(180deg,#03070c80,#03070ccc);border-left:2px solid rgba(122,160,196,.38);border-radius:0 4px 4px 0;text-shadow:0 1px 2px rgba(0,0,0,.95)}#logPanel div{padding:1px 0}#logPanel div+div{border-top:1px solid rgba(255,255,255,.045)}#logPanel b{color:var(--gold-lit);font-weight:600}#logPanel .log-ico{width:16px;height:16px;object-fit:contain;vertical-align:-3px;margin-right:4px}#logPanel[hidden]{display:none}.sheet-backdrop{display:none;position:absolute;inset:0;z-index:11;pointer-events:auto;background:#050a149e}#uiLayer:has(#heroPanel:not([hidden]),#skillsPanel:not([hidden]))>.sheet-backdrop{display:block}#heroPanel,#skillsPanel{z-index:12}.sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:min(1160px,calc(100% - 96px));max-height:calc(100% - 86px);display:flex;flex-direction:column;padding:46px 26px 22px;border-radius:34px;color:var(--ivory);background:radial-gradient(120% 80% at 22% 12%,rgba(120,175,225,.17),transparent 62%),radial-gradient(90% 70% at 82% 88%,rgba(10,28,48,.5),transparent 60%),linear-gradient(180deg,#1e456c,#17406a 26%,#143c60 58%,#11314f 84%,#0f2d49);box-shadow:0 0 0 3px #08151f,0 0 0 4px #78a5cd47,0 26px 70px #000000d9}.sheet[hidden]{display:none}.sheet:before{content:"";position:absolute;inset:7px;border:2px solid rgba(129,178,219,.4);border-radius:27px;pointer-events:none}.sheet:after{content:"";position:absolute;inset:7px;border-radius:27px;pointer-events:none;background-repeat:no-repeat;background-size:92px 92px;background-position:left top,right top,left bottom,right bottom;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 92'%3E%3Cg fill='none' stroke='%23a9c6e0' stroke-opacity='.5' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M8 44c0-20 16-36 36-36'/%3E%3Cpath d='M17 47c5-14 15-25 30-30'/%3E%3Cpath d='M24 60c-6-2-9-8-7-13 2-4 6-5 9-3 3 2 3 8 0 12-4 5-11 6-16 2'/%3E%3Cpath d='M60 24c-2-6-8-9-13-7-4 2-5 6-3 9 2 3 8 3 12 0 5-4 6-11 2-16'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 92'%3E%3Cg transform='translate(92 0) scale(-1 1)' fill='none' stroke='%23a9c6e0' stroke-opacity='.5' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M8 44c0-20 16-36 36-36'/%3E%3Cpath d='M17 47c5-14 15-25 30-30'/%3E%3Cpath d='M24 60c-6-2-9-8-7-13 2-4 6-5 9-3 3 2 3 8 0 12-4 5-11 6-16 2'/%3E%3Cpath d='M60 24c-2-6-8-9-13-7-4 2-5 6-3 9 2 3 8 3 12 0 5-4 6-11 2-16'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 92'%3E%3Cg transform='translate(0 92) scale(1 -1)' fill='none' stroke='%23a9c6e0' stroke-opacity='.5' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M8 44c0-20 16-36 36-36'/%3E%3Cpath d='M17 47c5-14 15-25 30-30'/%3E%3Cpath d='M24 60c-6-2-9-8-7-13 2-4 6-5 9-3 3 2 3 8 0 12-4 5-11 6-16 2'/%3E%3Cpath d='M60 24c-2-6-8-9-13-7-4 2-5 6-3 9 2 3 8 3 12 0 5-4 6-11 2-16'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 92'%3E%3Cg transform='translate(92 92) scale(-1 -1)' fill='none' stroke='%23a9c6e0' stroke-opacity='.5' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M8 44c0-20 16-36 36-36'/%3E%3Cpath d='M17 47c5-14 15-25 30-30'/%3E%3Cpath d='M24 60c-6-2-9-8-7-13 2-4 6-5 9-3 3 2 3 8 0 12-4 5-11 6-16 2'/%3E%3Cpath d='M60 24c-2-6-8-9-13-7-4 2-5 6-3 9 2 3 8 3 12 0 5-4 6-11 2-16'/%3E%3C/g%3E%3C/svg%3E")}.sheet>header{position:absolute;left:26px;right:26px;top:9px;height:36px;display:flex;align-items:center;justify-content:center;z-index:3}.sheet>header .tn{font-family:var(--display);font-size:25px;letter-spacing:.07em;color:#f3ecd9;text-shadow:0 2px 3px #000,0 0 14px rgba(0,0,0,.95)}.sheet>header .slots{font-size:12px;color:var(--muted);margin-left:14px}.sheet>header>*:not(.close):not(.tn){margin-right:40px}.sheet>header .close{position:absolute;right:0;top:1px;width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:#f0e7d2;background:linear-gradient(180deg,#2a5075,#10243a);border:1.5px solid #b39a5e;box-shadow:0 2px 6px #000c}.sheet>header .close:hover{filter:brightness(1.35)}.sheet>header .close .ic{width:13px;height:13px}.sheet>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:center;background-size:cover;background-repeat:no-repeat}.beast-name-block{flex:1;min-width:0}.beast-title{font-family:var(--display);font-size:16px;font-weight:600;color:#ffd875;line-height:1.2;margin-bottom:2px}.beast-subtitle{font-size:11px;color:#8ea8c4}.beast-badges-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.beast-chip{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;background:#00000080;border:1px solid rgba(255,255,255,.15);color:#cad6e0}.beast-chip.faction-haven{color:#ffe699;border-color:#e6be5066;background:#32280f80}.beast-chip.faction-necropolis{color:#c4a8e8;border-color:#a06edc66;background:#23143280}.beast-chip.faction-stronghold{color:#e8a880;border-color:#dc783c66;background:#32190f80}.beast-chip.faction-inferno{color:#ff8080;border-color:#e63c3c66;background:#3c0f0f80}.beast-chip.faction-sanctuary{color:#80e8d0;border-color:#3cc8aa66;background:#0f322d80}.beast-chip.faction-dungeon{color:#d080e8;border-color:#b43cdc66;background:#2d0f3780}.beast-chip.faction-sylvan{color:#a0e880;border-color:#6ed24666;background:#19320f80}.beast-chip.faction-academy{color:#80c8e8;border-color:#3ca0dc66;background:#0f283780}.beast-chip.faction-black-fang{color:#e8c080;border-color:#c8963c66;background:#2d230f80}.beast-chip.tier-core{color:#c8d8e8;border-color:#96b4d24d}.beast-chip.tier-elite{color:#ffd875;border-color:#c9a75666}.beast-chip.tier-champion{color:#ff9d75;border-color:#e66e3c80}.beast-chip.tier-boss{color:#ff6060;border-color:#f03c3c99;background:#3c0a0a99}.beast-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 8px;padding:6px 8px;border-radius:4px;background:#00000059;border:1px solid rgba(255,255,255,.06);margin-bottom:8px}.beast-stat-cell{display:flex;flex-direction:column}.beast-stat-cell i{font-style:normal;font-size:10px;color:#8ea8c4}.beast-stat-cell b{font-size:13px;color:#fff8e7}.beast-lore{margin-bottom:8px;padding:8px 10px;border-left:2px solid rgba(201,167,86,.5);background:#c9a7560f;border-radius:0 4px 4px 0;font-size:11.5px;line-height:1.5;color:#d8cbb0;font-style:italic}.beast-lore-mark{font-style:normal;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#c9a756d9;margin-bottom:3px}.beast-ability-official{margin-top:4px;padding:5px 7px;border-left:2px solid rgba(120,190,255,.45);background:#78beff12;border-radius:0 4px 4px 0;font-size:10.5px;line-height:1.45;color:#b9cde0}.beast-official-mark{display:block;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#78beffd9;margin-bottom:2px}.beast-patches{margin-top:8px;padding:6px 8px;border-left:2px solid rgba(230,190,110,.45);background:#e6be6e0f;border-radius:0 4px 4px 0;font-size:10.5px;line-height:1.5;color:#cfc0a0}.beast-patch-mark{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#e6be6ed9;margin-bottom:2px}.beast-patch-ver{display:inline-block;min-width:34px;color:#e6be6ef2}.beast-chip-role{border-color:#78beff73;color:#b9cde0}.beast-chip-kin{border-color:#96d29673;color:#a8d0a8}.beast-chip-invented{border-color:#dc5a5a8c;color:#e8a0a0}.beast-traits-section{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.beast-trait-pill{font-size:10.5px;padding:2px 6px;border-radius:4px;background:#c9a7561f;border:1px solid rgba(201,167,86,.25);color:#ffd875}.beast-abilities-section{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.beast-ability-box{padding:6px 8px;border-radius:4px;background:#ffffff08;border:1px solid rgba(150,190,225,.15)}.beast-ability-name{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#ffe090;margin-bottom:2px}.beast-ability-name .beast-ability-ico{flex:0 0 auto;width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.beast-ability-name .beast-ability-ico-none{display:inline-flex;align-items:center;justify-content:center;font-size:12px;filter:none}.beast-ability-desc{font-size:11px;color:#b0c4d8;line-height:1.35}.beast-ability-stats{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.beast-stat-tag{font-size:9.5px;padding:1px 4px;border-radius:3px;background:#0006;border:1px solid rgba(255,255,255,.1);color:#8ec8f0}.beast-res-footer{margin-top:auto;padding-top:8px;border-top:1px solid rgba(120,160,200,.2);display:flex;flex-direction:column;gap:5px}.beast-res-title{font-size:11px;font-weight:600;color:#ffd875;display:flex;align-items:center;gap:4px}.beast-res-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:2px}.beast-res-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px 2px;border-radius:4px;background:#00000073;border:1px solid rgba(150,180,210,.15);text-align:center}.beast-res-cell .res-ico{display:block;width:15px;height:15px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.beast-res-cell .res-name{font-size:8.5px;color:#8ea8c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:1px}.beast-res-cell .res-num{font-size:10.5px;font-weight:700;margin-top:1px}.beast-res-cell.res-pos{background:#1e502d59;border-color:#5ac87866}.beast-res-cell.res-pos .res-num{color:#7ce09e}.beast-res-cell.res-neg{background:#50191959;border-color:#dc464666}.beast-res-cell.res-neg .res-num{color:#ff8080}.beast-res-cell.res-zero{opacity:.65}.beast-res-cell.res-zero .res-num{color:#8ea8c4}.hall-profile-grid{display:grid;grid-template-columns:320px 1fr;gap:16px;margin-bottom:20px}.hall-hero-card{display:flex;align-items:center;gap:16px;padding:16px;border-radius:6px;background:linear-gradient(180deg,#142438e6,#0a121ef2);border:1px solid #c9a756;box-shadow:0 4px 14px #0009}.hall-avatar-frame{position:relative;width:84px;height:84px;border-radius:50%;border:3px solid #c9a756;overflow:hidden;flex:none;background:#000;box-shadow:0 0 12px #c9a75666}.hall-avatar-img{width:100%;height:100%;object-fit:cover}.hall-lvl-badge{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:#c9a756;color:#1a1205;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;white-space:nowrap}.hall-hero-name{font-family:var(--display);font-size:20px;font-weight:700;color:#ffd875;letter-spacing:.05em;margin-bottom:2px}.hall-hero-class{font-size:13px;color:#fff8e7;font-weight:600;margin-bottom:2px}.hall-hero-faction{font-size:11px;color:#8ea8c4;margin-bottom:6px}.hall-power-chip{font-size:12px;color:#7fe3ff;background:#2d78be33;border:1px solid #5a9ce6;padding:2px 8px;border-radius:10px;display:inline-block}.hall-stats-card{padding:16px;border-radius:6px;background:linear-gradient(180deg,#101e30d9,#08101af2);border:1px solid rgba(120,160,200,.25)}.hall-card-title{font-family:var(--display);font-size:16px;font-weight:700;color:#ffd875;margin-bottom:12px;padding-bottom:4px;border-bottom:1px solid rgba(201,167,86,.3)}.hall-attr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hall-attr{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:4px;background:#ffffff08;border:1px solid rgba(150,190,225,.15)}.hall-attr .attr-icon{font-size:20px}.hall-attr img.attr-icon{width:22px;height:22px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.75))}.hall-title-badge img.title-icon{width:18px;height:18px;object-fit:contain;vertical-align:-3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.75))}.feat-pill-ico,.shop-curr-ico{width:16px;height:16px;object-fit:contain;margin-right:5px;vertical-align:-3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.beast-way-ico{width:15px;height:15px;object-fit:contain;margin-right:4px;vertical-align:-3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.hall-attr .attr-info{display:flex;flex-direction:column}.hall-attr .attr-label{font-size:11px;color:#8ea8c4}.hall-attr .attr-val{font-size:12px;font-weight:700;color:#fff8e7}.hall-chronicle-section,.hall-army-section{margin-bottom:20px}.hall-record-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.record-box{text-align:center;padding:14px 8px;border-radius:6px;background:linear-gradient(180deg,#0e1c2ccc,#060e18e6);border:1px solid rgba(120,160,200,.2)}.record-num{font-family:var(--display);font-size:24px;font-weight:700;color:#ffd875;margin-bottom:4px}.record-lbl{font-size:11px;color:#8ea8c4}.hall-army-stacks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.hall-stack-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:6px;background:#ffffff08;border:1px solid rgba(150,190,225,.2)}.hall-stack-card .medal{width:44px;height:44px;flex:none}.hall-stack-info{display:flex;flex-direction:column}.hall-stack-name{font-size:13px;color:#fff8e7}.hall-stack-count{font-size:12px;color:#7ce09e;font-weight:700}.hall-stack-hp{font-size:11px;color:#8ea8c4}.skills-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;margin-right:12px}.skills-summary{display:flex;gap:8px;align-items:center}.skills-summary .sp-badge{font-size:12.5px;font-weight:700;color:#ffd875;background:#c9a7562e;border:1px solid #c9a756;padding:3px 10px;border-radius:12px;box-shadow:0 0 10px #c9a7564d}.skills-summary .mana-badge{font-size:12.5px;font-weight:700;color:#7fe3ff;background:#2d78be33;border:1px solid #5a9ce6;padding:3px 10px;border-radius:12px}.skills-body-row{display:flex;flex:1;min-height:0;gap:78px;padding-left:25px;padding-bottom:29px}.skills-school-tabs{display:flex;flex-direction:column;gap:24px;width:376px;flex:none;padding:18px 10px 10px 8px;overflow-y:auto}.skills-school-caption{position:relative;font-family:var(--display);font-size:21px;color:#e9eef5;letter-spacing:.06em;line-height:1;padding:3px 0;margin:0 0 0 -5px;border-bottom:1px solid transparent;text-shadow:0 0 1px #04101c,0 1px 1px #04101c,0 1px 3px #04101c}.skills-school-tab{position:relative;display:flex;align-items:center;gap:10px;height:51px;border-radius:4px;text-align:left;box-sizing:border-box;border:0;padding:0 14px 0 62px;clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px));background:var(--plate, #333130) center / 100% 100% no-repeat;overflow:hidden;color:#ddd8ca;font-size:21px;font-family:var(--display);letter-spacing:.11em;cursor:pointer;white-space:nowrap;box-shadow:0 2px 6px #0000008c;text-shadow:0 1px 0 rgba(0,0,0,.85),0 2px 4px rgba(0,0,0,.8);transition:filter .15s ease}.skills-school-tab:hover{filter:brightness(1.18)}.skills-school-tab:before{content:"";position:absolute;left:0;top:0;width:64px;height:100%;z-index:0;pointer-events:none;background:var(--plate) -65px 0 / 358px 51px no-repeat;mask-image:linear-gradient(to right,#000 0 49px,transparent 64px)}.skills-school-tab.active:before{background-image:var(--plate-on)}.skills-school-tab.active{background:var(--plate-on, #46432c) center / 100% 100% no-repeat;color:#fdf6e2}.skills-school-tab.locked-tab{filter:grayscale(.7) brightness(.7)}.skills-school-tab.locked-tab:hover{filter:grayscale(.4) brightness(.9)}.skills-school-tab>span:not(.tab-icon){position:relative;z-index:2}.skills-school-tab .tab-icon{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:42px;height:42px;flex:none;border-radius:50%;border:2px solid transparent;background-position:0 0,0 0;background-size:auto,auto;background-repeat:no-repeat,no-repeat;background-origin:padding-box,border-box;background-clip:padding-box,border-box;background-color:transparent;box-shadow:0 0 0 1px #060c14e6,inset 0 2px 5px #000000b3,0 2px 5px #000000b3;z-index:4}.skills-school-tab .tab-icon{background-image:linear-gradient(#0a2433,#0a2433),linear-gradient(180deg,#c2ccc7,#94a3a6 15%,#33495a 38%,#2a3d4c 60%,#93a5a4 85%,#c3ccc4)}.skills-school-tab .tab-icon:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--tab-icon, none) center / auto 112% no-repeat;mask-image:radial-gradient(circle closest-side,#000 88%,transparent 100%)}.skills-school-tab .tab-count{margin-left:auto;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:10px;font-size:12px;font-weight:700;font-family:var(--display);color:#1a1408;background:linear-gradient(180deg,#ffd875,#c9a756);border:1px solid #6b5326;text-shadow:none}.skills-tier-section{margin-bottom:18px}.skills-tier-title{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:16px;color:#ffd875;letter-spacing:.05em;margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid rgba(201,167,86,.25)}.skills-tier-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(201,167,86,.3),transparent)}#skillsPanel{--book-board: 891px;--book-w: 1370px;--book-h: 854px;--book-hook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cg fill='none' stroke='%23dbe6f2' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M0 10.4h3.2'/%3E%3Ccircle cx='6.6' cy='10.4' r='3.1'/%3E%3Cpath d='M8.6 8.1C10.4 5 12.8 3 15.4 2.2'/%3E%3C/g%3E%3C/svg%3E");--book-curl-tl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 39'%3E%3Cg fill='none' stroke='%23bed2e8' stroke-opacity='.62' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M31 3C24 3 17 5 14 11c-2 4 1 8 4 6 3-2 1-7-4-7-5 0-8 4-7 9'/%3E%3Cpath d='M9 3C5 4 3 7 4 10c1 2 4 2 5 0'/%3E%3Cpath d='M5 15V39'/%3E%3C/g%3E%3C/svg%3E");--book-curl-tr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 39'%3E%3Cg transform='translate(31 0) scale(-1 1)' fill='none' stroke='%23bed2e8' stroke-opacity='.62' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M31 3C24 3 17 5 14 11c-2 4 1 8 4 6 3-2 1-7-4-7-5 0-8 4-7 9'/%3E%3Cpath d='M9 3C5 4 3 7 4 10c1 2 4 2 5 0'/%3E%3Cpath d='M5 15V39'/%3E%3C/g%3E%3C/svg%3E");--book-curl-bl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 39'%3E%3Cg transform='translate(0 39) scale(1 -1)' fill='none' stroke='%23bed2e8' stroke-opacity='.62' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M31 3C24 3 17 5 14 11c-2 4 1 8 4 6 3-2 1-7-4-7-5 0-8 4-7 9'/%3E%3Cpath d='M9 3C5 4 3 7 4 10c1 2 4 2 5 0'/%3E%3Cpath d='M5 15V39'/%3E%3C/g%3E%3C/svg%3E");--book-curl-br: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 39'%3E%3Cg transform='translate(31 39) scale(-1 -1)' fill='none' stroke='%23bed2e8' stroke-opacity='.62' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M31 3C24 3 17 5 14 11c-2 4 1 8 4 6 3-2 1-7-4-7-5 0-8 4-7 9'/%3E%3Cpath d='M9 3C5 4 3 7 4 10c1 2 4 2 5 0'/%3E%3Cpath d='M5 15V39'/%3E%3C/g%3E%3C/svg%3E");inset:34px auto auto 50%;transform:translate(-50%) scale(var(--book-fit, 1));transform-origin:top center;max-width:none;max-height:none;width:var(--book-w);height:var(--book-h);padding:0;border-radius:5px;box-shadow:0 24px 64px #000000d1;background:url(/art/ui/book-restored/page-worn.png) 0 0 / 100% 100% no-repeat,#041f31}#skillsPanel:before{content:"";position:absolute;inset:0;border:2px solid rgba(131,152,171,.9);border-top-color:#8ca2b4f2;border-radius:5px;pointer-events:none}#skillsPanel:after{content:"";position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;background-size:37px 37px;background-position:left top,right top,left bottom,right bottom;background-image:url(/art/ui/book-corner-tl.png),url(/art/ui/book-corner-tr.png),url(/art/ui/book-corner-bl.png),url(/art/ui/book-corner-br.png);opacity:.72}#skillsPanel>.skills-head{position:relative;display:grid;place-items:center;left:auto;right:auto;top:auto;height:auto;z-index:3;padding:40px 0 0;border:0;background:none;margin-bottom:-14px;flex:none}#skillsPanel .body>.fill{display:flex;padding:0}.skills-head{position:relative;display:grid;place-items:center;padding:6px 0 2px;border:0;background:none}.skills-title{font-family:var(--display);display:inline-block;font-size:78.8px;line-height:1.15;letter-spacing:5px;transform:scaleX(1.23);-webkit-text-stroke:3.7px transparent;color:#d2dbe4;background:linear-gradient(180deg,#c2d0de 0% 15.2%,#ccd6e3 24.9%,#d6dee5,#dce3ec,#d4dce4,#c9d1d8 63.7%,#bec6cc 73.5%,#bfc8d0 79.9% 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(3px 0 0 #46505a) drop-shadow(-3px 0 0 #46505a) drop-shadow(0 3px 0 #46505a) drop-shadow(0 -3px 0 #46505a) drop-shadow(2.4px 0 0 #78848f) drop-shadow(-2.4px 0 0 #78848f) drop-shadow(0 2.4px 0 #78848f) drop-shadow(0 -2.4px 0 #78848f) drop-shadow(0 .8px 0 #78848f)}.skills-head .close{position:absolute;right:10px;top:10px}.skills-summary[hidden]{display:none!important}.skills-tree-wrapper{display:flex;flex:1;min-height:100%;align-items:stretch}.skills-body-row{position:relative}.skills-school-tabs{position:relative;z-index:1}.skills-tree-board{width:var(--book-board);flex:none;display:flex;flex-direction:column;gap:0}.skills-school-rule{display:flex;align-items:flex-end;gap:12px;padding:0 0 0 46px;height:54px;flex:none;position:relative;z-index:4}.skills-rule-line{flex:1;height:5px;align-self:flex-end;margin-bottom:0;background:none}.skills-rule-line.tail{flex:none;width:63px}.skills-rule-hook{flex:none;width:15px;height:14px;margin-bottom:-2px;background:none}.skills-school-emblem{width:62px;height:62px;border-radius:50%;flex:none;margin-bottom:-30px;position:relative;z-index:5;background-color:#12283e;background-position:center;background-size:52px 52px;background-repeat:no-repeat;border:2px solid #a9bccd;box-shadow:0 2px 8px #000000a6}.skills-school-title{font-family:var(--display);font-size:27px;line-height:1;letter-spacing:.05em;color:#f6f0dd;margin-bottom:9px;text-shadow:0 0 1px #04101c,0 1px 1px #04101c,0 2px 4px #05131f}.skills-hero-row{position:relative;z-index:2;display:flex;align-items:center;gap:23px;padding:35px 22px 10px 164px;flex:none}.skills-hero-medal{width:89px;height:89px;border-radius:50%;flex:none;background-color:#0d1d2e;background-position:center;background-size:cover;background-repeat:no-repeat;border:11px solid transparent;background-origin:padding-box;background-clip:padding-box;position:relative;box-shadow:0 0 0 2px #0c0903eb,inset 0 0 0 1px #08101ce6,0 3px 10px #000000b3}.skills-hero-medal:before{content:"";position:absolute;inset:-11px;border-radius:50%;z-index:-1;background:conic-gradient(from 200deg,#4e3c17,#a8873a 8%,#f2e6bb 17%,#b7913f 30%,#5a4620 44%,#6d5527 52%,#cfae5c 64%,#f4ead0,#a8843a 84%,#4e3c17)}.skills-hero-medal[data-class=knight],.skills-hero-medal[data-class=necromancer]{background-size:135.135% 135.135%}.skills-hero-who{display:flex;flex-direction:column;gap:2px;min-width:0}.skills-hero-who b{margin-top:4px;font-family:var(--display);font-size:19px;letter-spacing:.04em;color:#eef4fb;text-shadow:0 1px 4px #05131f}.skills-hero-mana{margin-top:-4px;display:inline-flex;align-items:center;gap:13px;font-family:var(--display);font-style:italic;font-weight:700;font-size:25px;color:#efe4c8;letter-spacing:.02em;text-shadow:0 1px 4px #05131f}.skills-hero-mana:before{content:"";flex:none;width:32px;height:32px;margin-left:-3px;background:url(/art/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:#dbe6f2}.skills-hero-points b{font-style:italic;font-size:30px;color:#fbfdff;min-width:34px;text-shadow:0 1px 4px #05131f}.skills-hero-under{position:relative;z-index:2;flex:none;height:1px;margin:0 22px 6px;background:none}.skills-graph-container{position:relative;flex:1;min-height:0;padding:0 0 10px;border-radius:40px 12px 12px 40px/50% 12px 12px 50%;background:none;display:flex;flex-direction:column;justify-content:flex-start}.tree-field{position:relative;flex:1;min-height:0;display:flex;background:none}.tree-conduits-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.tree-tier-cols{position:relative;z-index:2;display:flex;justify-content:flex-start;gap:0;flex:none;align-items:flex-start;margin:0;width:100%;padding-left:40px;box-sizing:border-box}.tree-tier-col{width:166px;flex:none;display:flex;flex-direction:column;align-items:center}.tree-col-header{font-family:var(--display);font-size:43px;line-height:1;color:#6e807f;padding:2px 0;letter-spacing:.04em;text-shadow:0 2px 5px rgba(0,0,0,.8)}.tree-tier-col.reached .tree-col-header{color:#b6ad80;text-shadow:0 0 10px rgba(182,173,128,.35),0 2px 5px rgba(0,0,0,.8)}.tree-tier-col-nodes{display:flex;flex-direction:column;align-items:center;flex:none;width:100%}.tree-slot-cell{width:100%;height:115px;flex:none;display:flex;align-items:center;justify-content:center;position:relative}.tree-node{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.tree-node:hover .tree-node-ring{filter:brightness(1.2)}.tree-node-ring{width:92px;height:92px;border-radius:50%;border:2px solid rgba(104,152,183,.85);background:radial-gradient(circle at 50% 42%,#14374d,#0c2739 62%,#061826);display:grid;place-items:center;position:relative;box-shadow:inset 0 2px 7px #000000b3,inset 0 -1px 3px #78aadc24,0 3px 9px #0009;transition:filter .15s ease,box-shadow .15s ease}.tree-node.unlocked .tree-node-ring,.tree-node.pending .tree-node-ring{border:0;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:80px;height:80px;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:205px;height:30px;padding:0 10px 0 29px;margin-left:18px;background:linear-gradient(180deg,#ffffff47 0 1px,#fff0 1px),linear-gradient(180deg,#74a05c,#5f8a4c 45%,#547746 60%,#3d5d2c 92%,#2c4520);border:1px solid #b2b881;border-radius:1px;box-shadow:0 0 0 1px #a0be8259,0 2px 5px #0000008c;position:relative}.skills-reset-bar:before,.skills-reset-bar:after{content:"";position:absolute;top:2px;bottom:2px;width:5px;pointer-events:none;border:1px solid rgba(239,233,173,.8)}.skills-reset-bar:before{left:1px;border-right:0}.skills-reset-bar:after{right:1px;border-left:0}.skills-reset-bar:hover{filter:brightness(1.13)}.skills-reset-bar:active{filter:brightness(.9)}.skills-reset-bar:focus-visible{outline:2px solid #f4df98;outline-offset:4px}.skills-reset-dialog{width:min(460px,calc((100 * var(--ui-vw, 1vw)) - 32px));box-sizing:border-box;padding:28px;margin:auto;color:#eee8d7;background:linear-gradient(145deg,#203b50,#0b2032);border:2px solid #a38b52;border-radius:9px;box-shadow:0 0 0 3px #0b1723,0 16px 60px #000b;font-family:var(--sans);font-size:16px;line-height:1.5}.skills-hero-points>span:last-child b{font-size:22px}.skills-reset-dialog::backdrop{background:#020b16b8}.skills-reset-dialog h2{margin:0 0 14px;font-family:var(--display);font-size:27px;font-weight:400;color:#f2dc9e}.skills-reset-dialog p{margin:0 0 16px}.skills-reset-free{color:#adc991}.skills-reset-actions{display:flex;gap:14px;margin-top:23px}.skills-reset-actions .btn{flex:1;min-height:42px;font-size:16px}.skills-reset-actions .btn:focus-visible{outline:2px solid #f4df98;outline-offset:3px}.reset-coin{position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:37px;height:37px;flex:none;z-index:1;background:url(/art/ui/seal-ho.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}.reset-cost{margin-left:auto;font-family:var(--display);font-size:15px;color:#f3f0e2;text-shadow:0 1px 2px rgba(0,0,0,.85)}.reset-word.dev{padding:2px 10px;border:1px solid rgba(201,167,86,.55);border-radius:12px;color:#ffd875}.skills-foot{display:flex;align-items:center;justify-content:space-between;gap:428px;padding:0 23px 23px;flex:none}.book-btn{position:relative;flex:1 1 0;max-width:448px;height:57px;cursor:pointer;font-family:var(--display);font-size:24px;letter-spacing:.08em;border:0;padding:0;background:none;transition:filter .12s ease}.book-btn>span{position:relative;z-index:2}.book-btn.back,.book-btn.confirm{color:#f4ecdc;text-shadow:0 2px 3px #000d;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.book-btn.back{background-image:url(/art/ui/book-restored/back.png)}.book-btn.confirm{background-image:url(/art/ui/book-restored/confirm.png)}.book-btn.confirm:disabled{cursor:default;color:#858787;background-image:url(/art/ui/book-restored/confirm-disabled.png)}.book-btn-flourish{display:none}.book-btn:hover:not(:disabled){filter:brightness(1.16)}.book-btn:active:not(:disabled){filter:brightness(.9)}.book-btn:focus-visible{outline:2px solid #d8c69d;outline-offset:3px}#rail{position:absolute;left:0;top:108px;display:flex;flex-direction:column;gap:2px;z-index:10}#rail button{position:relative;width:21px;height:29px;padding:0;display:grid;place-items:center;cursor:pointer;border:0;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#725738,#6c5235 7%,#54422c 36%,#362c1f 71%,#27221a 91%,#201b14);box-shadow:inset -1px 0 #94795b,inset 0 1px #92734f,inset 0 -1px #a58b6e,inset -2px 0 #3f3525,0 1px 1px #080c08;color:#d5cfba;transition:filter .12s ease}#rail button .ic{display:block;position:absolute;width:18px;height:18px;left:1px;top:4px;filter:none}#rail button .ic.rail-native{width:21px;height:29px;left:0;top:0}#rail #railRoster .ic{width:17px;height:17px;left:1.5px;top:1.5px}#rail button.head{height:20px;margin-bottom:21px}#rail button:hover{filter:brightness(1.2)}#rail button:active{filter:brightness(.9)}#rail button.lit{color:#8ce69f;background:linear-gradient(180deg,#31a031,#258d25 21%,#177817 50%,#005600);box-shadow:inset -1px 0 #93ae6a,inset 0 1px #90b66c,inset 0 -1px #9aba79,inset -2px 0 #345b22,0 1px 1px #080c08}#rail #railLog .ic{width:17px;height:17px;left:1.5px;top:5px}#rail button.fold{height:43px;margin-top:8px}#rail #railFold .ic{width:17px;height:17px;left:1.5px;top:12px}#rail.folded button:not(.fold){display:none}#rail.folded button.fold{margin-top:0}#tip{position:absolute;z-index:60;pointer-events:none;display:none;max-width:300px;padding:8px 12px;border-radius:3px;font-size:12px;line-height:1.4;color:var(--ivory);border:1px solid var(--gold-dim);background:linear-gradient(180deg,#14283ef7,#060c14f7);box-shadow:0 8px 26px #000000e6}#tip .t{font-family:var(--display);font-size:14px;color:var(--gold);display:block;margin-bottom:2px}#tip.has-rows{max-width:360px}.tip-rows{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:22px;row-gap:3px;margin-top:6px}.tip-rows .k{color:#d7e3ee}.tip-rows .k.deep{padding-left:12px;color:#b9c9d8}.tip-rows .v{text-align:right;color:#fff;font-weight:600;font-variant-numeric:tabular-nums}.tip-rows .tip-rule{grid-column:1 / -1;height:1px;margin:3px 0 2px;background:linear-gradient(90deg,#c9a7561a,#c9a7568c,#c9a7561a)}.tip-rows .k.met,.tip-rows .v.met{color:#8fdc8a;font-weight:500}.tip-rows .k.unmet,.tip-rows .v.unmet{color:#e08a80;font-weight:500}#tip.talent-tip{box-sizing:border-box;width:270px;max-width:calc((100 * var(--ui-vw, 1vw)) - 16px);max-height:calc((100 * var(--ui-vh, 1vh)) - 16px);overflow-y:auto;pointer-events:none;padding:5px 6px 7px;border:1px solid #8c7850;border-radius:5px;background:#0d212cf7;color:#fff;box-shadow:inset 0 0 0 1px #344953,0 2px 5px #0008;font-size:12px;line-height:1.3;scrollbar-width:thin}#tip.talent-tip .t{display:flex;align-items:center;gap:4px;color:#eee7d5;font-size:18px;line-height:1.1;padding-bottom:3px;margin-bottom:5px;border-bottom:1px solid #d1d9d8;text-shadow:0 1px 1px #000}.talent-tip-icon{width:16px;height:16px;border-radius:50%;flex:none;object-fit: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:#fff}#tip.talent-tip .v{white-space:nowrap}.talent-tip-effects{display:flex;align-items:center;gap:3px;margin-top:13px}.talent-tip-requires{display:block;margin-top:14px}.talent-tip-requires>span{display:block}.talent-tip-requires .met{color:#68bc38}.talent-tip-requires .unmet{color:#ed5147}.talent-tip-pending{display:block;margin-top:10px;color:#dfc58b}.tree-node:focus-visible{outline:1px solid #eee0af;outline-offset:3px;border-radius:50%}#heroPanel{--hero-window-scale: 1;--hw-type-body: 21px;--hw-type-section: 26px;--hw-weight-section: 400;--hw-type-group: 23px;--hw-type-number: 20px;--hw-type-title: 83px;--hw-font-interface: var(--display);--hw-font-number: var(--num);--hw-panel-field: url(/art/ui/hw-window-field-fidelity.png);--hw-left-x: 16px;--hw-left-w: 418px;--hw-mid-x: 446px;--hw-mid-w: 389px;--hw-right-x: 846px;--hw-right-w: 419px;--hw-content-y: 94px;--hw-content-h: 596px;position:absolute;left:50%;top:50%;width:1279px;height:794px;max-width:none;max-height:none;transform:translate(-50%,-50%) scale(var(--hero-window-scale));transform-origin:center;isolation:isolate;box-sizing:border-box;font-family:var(--hw-font-interface);font-size:var(--hw-type-body);--hw-col-left: 34.35%;padding:0;border:0;border-image:none;border-radius:0;background:#061d2c var(--hw-panel-field) no-repeat 0 0 / 1279px 794px;background-origin:padding-box;background-clip:padding-box;box-shadow:0 30px 80px #000000e6}#heroPanel:after{display:none}#heroPanel:before{display:none}.hero-window>header{position:absolute;left:0;right:0;top:0;height:104px;z-index:8;display:flex;align-items:flex-start;justify-content:center;overflow:visible;pointer-events:none;background:none}.hero-window>header .hw-title{position:relative;top:34px;flex:none;z-index:1;font-family:var(--display);font-size:var(--hw-type-title);line-height:1;font-weight:700;letter-spacing:normal;font-variant:normal;background:linear-gradient(180deg,#f2f7fb,#dde7ef 11%,#97a8b6 25%,#6b7d8c 52%,#6d808f 88%,#93a4b1);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:url(#hero-name-bevel)}.hero-window>header .hw-title[data-latin=true]{font-variant:small-caps}.hero-window>header .hw-title:first-letter{font-size:inherit}.hw-title-ornament{display:none}.hw-subtitle{position:absolute;left:0;right:0;top:100px;text-align:center;font-family:var(--hw-font-interface);font-size:15px;letter-spacing:normal;color:#ffe3a2;text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none}.hw-subtitle[hidden]{display:none}.hero-window-medal{--md: 142px;--ring: 9px}.hero-window-medal{position:relative;z-index:9;left:9px;top:-9px;--hw-crest-edge: #83a4a2}.hero-window-medal .lvl{min-width:68px;padding:1px 10px;font-size:15px;line-height:24px;bottom:-6px}#heroStatsXpArc{--xp-frame-empty: url(/art/ui/inventory-original/xp-green-empty.svg);--xp-frame-full: url(/art/ui/inventory-original/xp-green-full.svg)}#heroStatsXpArc:before{mask:conic-gradient(from 202deg,#000 0deg calc(var(--xp) * 126deg),transparent calc(var(--xp) * 126deg) 360deg)}#heroStatsXpArc[data-epic=true]{--xp-frame-empty: url(/art/ui/inventory-original/xp-dragon-empty.svg);--xp-frame-full: url(/art/ui/inventory-original/xp-dragon-full.svg)}.hw-id{position:relative;z-index:4;display:flex;align-items:center;gap:16px;margin:-52px 0 12px -4px}.hw-id-side{display:none}.hw-id-side{flex:1;min-width:0}.hw-id-name{font-family:var(--hw-font-interface);font-size:var(--hw-type-body);letter-spacing:normal;color:#f4f9fd;text-shadow:0 1px 2px rgba(0,0,0,.85)}.hw-xpbar{margin-top:7px;height:13px;border-radius:7px;background:#091420c7;border:1px solid rgba(224,238,249,.45);box-shadow:inset 0 2px 5px #000000bf;overflow:hidden}.hw-xpbar-fill{height:100%;width:0;background:linear-gradient(180deg,#b2e690,#57ad46 55%,#3c8c33);box-shadow:0 0 8px #78d6608c;transition:width .3s ease}.hw-xpbar-note{margin-top:4px;font-size:12px;color:#dbe7f1;text-shadow:0 1px 2px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}.hw-pane-wrap{position:relative;flex:1;min-height:0;display:flex;margin-right:-33px}.hw-pane{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:0 33px 0 26px;scrollbar-width:none}.hw-pane::-webkit-scrollbar{width:0;height:0}.hw-pane-wrap>.hw-scroll{position:absolute;z-index:2;top:0;right:0;bottom:0}#heroTabPane>.hw-sec{position:relative;flex:none}.hw-avatars{display:grid;grid-template-columns:repeat(3,92px);gap:12px;padding-top:16px}.hw-avatar{width:92px;height:92px;padding:0;cursor:pointer;border-radius:50%;border:3px solid #b6ab85;border-top-color:#e2d8b9;background:#302a1e;box-shadow:inset 0 0 2px #1a211d,0 1px 1px #22291c;overflow:hidden;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.hw-avatar span{display:block;width:100%;height:100%;border-radius:inherit;background-repeat:no-repeat;background-size:165%;background-position:center 14%}.hw-avatar:hover{border-color:#e4d5a3}.hw-avatar.on{border-color:#e4d5a3;box-shadow:inset 0 0 2px #1a211d,0 0 2px #c7b986}.hw-colors{display:flex;flex-wrap:wrap;gap:12px;max-width:340px;padding-top:8px}.hw-color{position:relative;width:65px;height:65px;padding:0;cursor:pointer;border-radius:50%;border:3px solid #b6ab85;border-top-color:#e2d8b9;background:#302a1e;box-shadow:inset 0 0 2px #1a211d,0 1px 1px #22291c;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.hw-color:before{content:"";position:absolute;inset:0;border-radius:50%;background:url(/art/ui/inventory-details/paint-closed.png) center / 120% 120% no-repeat;filter:var(--paint-filter, none)}.hw-color:hover{border-color:#e4d5a3}.hw-color.on{border-color:#e4d5a3;box-shadow:0 0 2px #c7b986}.hw-color[data-color=cobalt]{--paint-filter: hue-rotate(15deg) saturate(.8)}.hw-color[data-color=crimson]{--paint-filter: hue-rotate(150deg) saturate(.8)}.hw-color[data-color=emerald]{--paint-filter: hue-rotate(-55deg) saturate(.8)}.hw-color[data-color=amethyst]{--paint-filter: hue-rotate(75deg) saturate(.7)}.hw-color[data-color=aurum]{--paint-filter: hue-rotate(-155deg) saturate(.8)}.hw-color[data-color=turquoise]{--paint-filter: hue-rotate(-20deg) saturate(.7)}.hw-color[data-color=ivory]{--paint-filter: grayscale(1) brightness(1.5)}.hw-color[data-color=obsidian]{--paint-filter: grayscale(1) brightness(.6)}.hw-titles{display:flex;flex-direction:column;gap:6px;padding-top:10px}.hw-title-row{position:relative;isolation:isolate;display:flex;align-items:flex-start;text-align:left;min-height:53px;padding:5px 0;cursor:pointer;background:transparent;border:0;border-bottom:1px solid transparent}.hw-title-row:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#7e8160eb,#4c4c35eb);border-bottom:1px solid rgba(240,240,214,.6);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 74%,transparent 94%);opacity:0;transition:opacity .13s ease}.hw-title-row:hover:before,.hw-title-row.on:before{opacity:1}.hw-title-name{font-family:var(--hw-font-interface);font-size:var(--hw-type-body);letter-spacing:normal;color:#ffe9b0;text-shadow:0 1px 2px rgba(0,0,0,.85)}.hw-title-row.on .hw-title-name{color:#fff8e2}.sheet .body.hero-window-body{position:absolute;inset:0;z-index:7;display:block;min-height:0;overflow:visible}.sheet .body.hero-window-body:before,.sheet .body.hero-window-body:after{display:none}.hw-divider{position:absolute;width:0;height:0;pointer-events:none}.hw-divider.left{left:438px}.hw-divider.right{left:838px}.hero-window .hw-col{position:absolute;top:var(--hw-content-y);height:var(--hw-content-h);display:flex;flex-direction:column;min-height:0;min-width:0}.hw-left{left:var(--hw-left-x);width:var(--hw-left-w);padding:0 33px 8px 2px;background:none}.hw-mid{left:var(--hw-mid-x);width:var(--hw-mid-w);padding:8px 0 10px;background:#0a2942;overflow:hidden}.hw-showcase{position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/art/ui/ho/showcase-haven-restored.png) center / 100% 100% no-repeat}#heroPanel[data-faction=Necropolis] .hw-showcase{background-image:url(/art/ui/ho/showcase-necropolis-restored.png)}.hw-showcase-layer{display:none;position:absolute;inset:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.hw-showcase-layer.background{background-image:image-set(url(/art/ui/ho/showcase-background.png) 1x,url(/art/ui/ho/showcase-background@2x.png) 2x)}.hw-showcase-layer.platform{background-image:image-set(url(/art/ui/ho/showcase-platform.png) 1x,url(/art/ui/ho/showcase-platform@2x.png) 2x);clip-path:inset(0 0 1px 0)}.hw-showcase-layer.dais{background-image:image-set(url(/art/ui/ho/showcase-dais.png) 1x,url(/art/ui/ho/showcase-dais@2x.png) 2x)}.hw-showcase-layer.rails{background-image:image-set(url(/art/ui/ho/showcase-rails.png) 1x,url(/art/ui/ho/showcase-rails@2x.png) 2x)}.hw-mid>.hw-stage,.hw-mid>.hw-gear,.hw-mid>.hw-value{position:relative;z-index:1}.hw-mid>.hw-value{top:7px}.hw-right{left:var(--hw-right-x);width:var(--hw-right-w);padding:0 5px 0 18px;background:none}.hero-window .hw-group-title{position:relative;margin:0 0 -3px 12px;padding:0 2px 2px;font-family:Georgia,serif;font-weight:700;font-size:19px;line-height:33.35px;letter-spacing:normal;color:#b3babf;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hero-window .hw-group-title:after{content:"";position:absolute;left:-1px;right:-4px;top:26px;height:2px;background:linear-gradient(180deg,#e4f0fa24,#e4f0fa75);box-shadow:0 1px #080e1633}.hw-cat-tabs{position:relative;width:304px;height:81px;margin-bottom:-14px;padding:0;box-sizing:border-box;background:none;transform:translateY(-7px);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)}.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: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: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: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: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:var(--tint, brightness(1)) drop-shadow(0 10px 18px rgba(0,0,0,.85));pointer-events:none;z-index:1}.hw-figure.mounted{width:360px;height:360px;bottom:auto;top:345px;transform:translate(calc(-1 * var(--mount-anchor-x)),calc(-1 * var(--mount-anchor-y)));filter:var(--tint, brightness(1))}.hw-pedestal{display:none}.hw-stage-btn{position:absolute;left:793px;top:210px;z-index:10;width:34px;height:34px;padding:0;cursor:pointer;display:grid;place-items:center;border-radius:50%;color:transparent;background:url(/art/ui/hw-rename.png) center / 34px 34px no-repeat;border:0;box-shadow:none;overflow:hidden}.hw-stage-btn:hover{box-shadow:0 0 0 1px #ebe2c88f}.hw-rename{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#030b12b8}.hw-rename[hidden]{display:none}.hw-rename-box{position:relative;box-sizing:border-box;width:440px;max-width:calc(100% - 40px);padding:30px 34px 28px;border:1px solid #a9b9bc;border-radius:7px;background:radial-gradient(ellipse at 50% 0,rgba(92,128,153,.26),transparent 70%),linear-gradient(180deg,#17334a,#0b2133);box-shadow:0 0 0 2px #0b1b28,0 0 0 3px #526a7a,inset 0 0 0 4px #132a3b,inset 0 0 0 5px #abbcbe2e,0 22px 60px #000000b3}.hw-rename-title{margin:0 0 26px;padding-bottom:18px;text-align:center;border-bottom:1px solid rgba(181,195,196,.35);font-family:var(--hw-font-interface);font-weight:400;font-size:28px;letter-spacing:normal;color:#e5e8df;text-shadow:0 2px 3px rgba(0,0,0,.9)}.hw-rename-caption{display:block;margin-bottom:8px;color:#cbd4d8;font-size:16px}.hw-rename-field{box-sizing:border-box;display:block;width:100%;height:46px;padding:0 14px;border-radius:3px;border:1px solid #8b9d9e;background:linear-gradient(180deg,#d2d8d2,#b8c2bd);color:#192c36;font-family:var(--hw-font-interface);font-size:20px;letter-spacing:normal;box-shadow:inset 0 2px 4px #0b192033,0 1px #dee8de1a}.hw-rename-field:focus{outline:1px solid #d1c59c;outline-offset:3px}.hw-rename-field::placeholder{color:#5c6874}.hw-rename-note{min-height:32px;margin:10px 0 14px;font-size:14px;line-height:18px;color:#c6d4e1;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hw-rename-note.bad{color:#ff9d8a}.hw-rename-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hw-rename-action{min-width:0;height:42px;padding:0 12px;cursor:pointer;border:1px solid #9b957a;border-radius:3px;background:linear-gradient(#746c51,#4c4635 52%,#443f31 53%,#615940);box-shadow:inset 0 0 0 2px #191e1bb3,inset 0 3px #e2d7a82e,0 2px 3px #07131d;color:#eae4cf;font:20px var(--hw-font-interface);text-shadow:0 1px 2px #172117}.hw-rename-action.gold{background:linear-gradient(#75875b,#435c37 52%,#354d2b 53%,#536c3d);border-color:#a4ad83}.hw-rename-action:hover:not(:disabled){filter:brightness(1.13)}.hw-rename-action:active:not(:disabled){box-shadow:inset 0 2px 4px #1b281d}.hw-rename-action:disabled{filter:saturate(.25);opacity:.5;cursor:default}.hw-rename-action:focus-visible,.hw-stage-btn:focus-visible,.hw-slot:focus-visible,.hw-upgrade:focus-visible{outline:2px solid #d5c690;outline-offset:3px}.hw-back.small{height:42px;font-size:18px;border-width:0 20px 0 30px}.hw-back.small.gold{color:#fff3cf}.hw-back.small:disabled{filter:grayscale(.7) brightness(.7);cursor:default}.hw-gear{flex:none;display:flex;align-items:center;justify-content:center;gap:0;padding:10px 0 12px;position:relative;top:21px}.hw-gear-grid{display:grid;grid-template-columns:repeat(3,61px);grid-template-rows:repeat(2,60px);gap:17px 16.5px;margin:0 16px 0 12px;position:relative;left:-.5px;top:1.4px}.hw-gear-flank{display:grid;place-items:center;width:65px;height:65px;margin-top:2px;transform:translateY(-2px)}.hw-slot{position:relative;width:61px;height:60px;border-radius:0;cursor:pointer;padding:0;border:0;background:image-set(url(/art/ui/slots/cell-blank.png) 1x,url(/art/ui/slots/cell-blank@2x.png) 2x) no-repeat 0 0 / 100% 100%;box-shadow:none;transition:filter .14s ease,transform .14s ease}.hw-slot:hover{filter:brightness(1.18)}.hw-slot.on{filter:brightness(1.3) drop-shadow(0 0 6px rgba(255,214,120,.6))}.hw-slot-img{position:absolute;inset:0;border-radius:inherit;background-position:center;background-repeat:no-repeat;background-size:84%}.hw-slot.empty .hw-slot-img{background-size:52%;opacity:.5}.hw-slot.ho-plate .hw-slot-img{background-size:100% 100%;opacity:1}.hw-slot.empty.ho-plate,.hw-slot.filled{background:none}.hw-slot-frame{position:absolute;inset:0}.hw-slot-frame:before{content:"";position:absolute;inset:2px;background:linear-gradient(155deg,#41403a,#292925 65%,#1e1f1d)}.hw-slot.gem .hw-slot-frame,.hw-slot.disc .hw-slot-frame{mask:url(/art/ui/slots/cell-runestone.png) center / 100% 100% no-repeat}.hw-slot.gem .hw-slot-frame:before,.hw-slot.disc .hw-slot-frame:before{inset:3px;border-radius:50%}.hw-slot.gem.empty .hw-slot-img{mask:url(/art/ui/slots/cell-shard.png) center / 100% 100% no-repeat}.hw-slot.disc.empty .hw-slot-img{mask:url(/art/ui/slots/cell-runestone.png) center / 100% 100% no-repeat}.hw-slot.gem,.hw-slot.disc{width:65px;height:65px;background-image:image-set(url(/art/ui/slots/cell-round-blank.png) 1x,url(/art/ui/slots/cell-round-blank@2x.png) 2x)}.hw-value{position:relative;flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 8px;padding-top:10px;padding-bottom:3px;border-bottom:1px solid transparent}.hw-value:after{content:"";position:absolute;left:15px;right:8px;bottom:-2px;height:1px;background:#e4f0fa2e}.hw-value-label{position:relative;top:12px;font-family:var(--hw-font-interface);font-size:var(--hw-type-body);letter-spacing:normal;color:#c8cbc2;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hw-value-val{position:relative;top:10px;font-weight:700;font-size:var(--hw-type-number);color:#e6eef7;font-family:var(--hw-font-number);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.95)}.hw-jump{flex:none;display:flex;align-items:flex-end;gap:10px;padding:21px 0 9px;margin-bottom:-2px;border-bottom:1px solid transparent;position:relative;transform:translateY(10px)}.hw-jump:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#d3debc00,#d3debc24 7%,#d3debc5c,#d3debc8f 27%,#d3debcb3 45%,#d3debc87,#d3debc47,#d3debc21,#d3debc12 85%,#d3debc00)}.hw-jump-label{position:relative;top:8px;font-family:Georgia,serif;font-size:22.6px;font-weight:700;letter-spacing:normal;color:#c8cbc2;text-shadow:0 1px 2px rgba(0,0,0,.9);line-height:28.6px;padding-bottom:6px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.hw-jump-icons{display:flex;gap:0;margin-left:auto;margin-right:-8px;position:relative;top:0}.hw-jump-ico+.hw-jump-ico{margin-left:1px}.hw-jump-ico{position:relative;width:37px;height:37px;padding:0;cursor:pointer;border-radius:50%;display:grid;place-items:center;background:transparent;border:0;transition:box-shadow .12s ease,transform .08s ease}.hw-jump-ico .hw-control-icon{position:relative;display:block;width:37px;height:37px;object-fit:contain;opacity:1;transition:filter .12s ease}.hw-jump-ico:hover{box-shadow:0 0 5px #ffd87573}.hw-jump-ico:hover .hw-control-icon{filter:brightness(1.1) saturate(1.06)}.hw-jump-ico:active{transform:translateY(1px)}.hw-sec{margin-bottom:2px}.hw-sec-head{font-weight:700;display:flex;align-items:center;gap:8px;width:100%;position:relative;padding:8px 4px 3px 1px;line-height:26px;cursor:pointer;text-align:left;font-family:Georgia,serif;font-size:20.8px;letter-spacing:normal;color:#b7c1c9;text-shadow:0 1px 2px rgba(0,0,0,.9);background:none;border:0;border-radius:0}.hw-sec-head:after{content:"";position:absolute;left:0;right:32px;top:29px;height:2px;background:linear-gradient(180deg,#d4e0ea6b,#d4e0ea52);box-shadow:0 1px #080e1624}.hw-sec-head:hover{color:#fff0c4}.hw-sec-name{position:relative;top:-2px;flex:1;min-width:0}.hw-caret{width:0;height:0;flex:none;margin-right:33px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #dce8f4;transition:transform .14s ease}.hw-sec-head:hover .hw-caret{border-top-color:#ffd875}.hw-sec-body{padding:3px 0 6px}.hw-sec:not(.open) .hw-sec-body{display:none}.hw-sec-body:empty{display:none}.hw-bag-del{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;cursor:pointer;color:#e8d9b4;background:linear-gradient(180deg,#6b5836,#453419);border:1px solid #a98f57;box-shadow:0 1px 4px #000000b3}.hw-bag-del:hover{color:#fff;filter:brightness(1.25)}.hw-bag-del .ic{width:15px;height:15px}.hw-bag-wrap{position:relative;flex:1;min-height:0;display:flex;margin-top:8px}.hw-bag{flex:1;min-width:0;min-height:0;padding-right:30px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.hw-bag::-webkit-scrollbar{width:0;height:0}.hw-bag-row{display:flex;align-items:center;gap:12px;width:100%;padding:6px;margin-bottom:3.5px;cursor:pointer;background:none;border:1px solid transparent;border-radius:4px;text-align:left;transition:background .13s ease,border-color .13s ease}.hw-bag-row:hover{background:#6096cd29;border-color:#96bee14d}.hw-bag-row.on{background:#c9a7562e;border-color:#ffd87599}.hw-bag-ico{position:relative;flex:none;width:43px;height:43px;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.75))}.hw-bag-n{position:absolute;left:-1px;bottom:-3px;font-family:var(--hw-font-interface);font-size:13px;font-weight:700;font-style:normal;color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000,0 0 6px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.hw-bag-name{flex:1;min-width:0;font-family:var(--body);font-size:17px;font-weight:400;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hw-scroll{position:relative;flex:none;width:37px}#heroBagScroll{position:absolute;top:0;bottom:0;right:-13px}.hw-scroll.idle{visibility:hidden;pointer-events:none}.hw-scroll-btn{position:absolute;left:0;width:37px;padding:0;cursor:pointer;border-radius:0;background-color:transparent;background-size:37px 37px;background-repeat:no-repeat;border:0}.hw-scroll-btn.up{top:8px;height:24px;background-image:url(/art/ui/hw-scroll-up.png);background-position:0 -8px}.hw-scroll-btn.down{bottom:-2px;height:22px;background-image:url(/art/ui/hw-scroll-down.png);background-position:0 0}.hw-scroll-btn:before{display:none}.hw-scroll-btn:hover{filter:brightness(1.35)}.hw-scroll-track{position:absolute;inset:32px 0 19px;margin:0;border-radius:0;background:url(/art/ui/hw-scroll-track.png) center / 37px 2px repeat-y;box-shadow:none}.hw-scroll-thumb{touch-action:none;position:absolute;left:0;right:0;top:0;border-radius:0;cursor:grab;background:none;border-style:solid;border-color:transparent;border-width:18px 0;border-image-source:url(/art/ui/hw-scroll-thumb.png);border-image-slice:72 0 fill;border-image-width:18px 0;border-image-repeat:stretch}.hw-scroll-thumb:hover{filter:brightness(1.15)}.hw-scroll-thumb:active{cursor:grabbing}.hw-bag-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:2px;padding-top:10px;margin-top:6px}.hw-bag-size{position:relative;top:8px;flex:none;width:170px;display:flex;align-items:baseline;padding-bottom:3px;border-bottom:1px solid transparent}.hw-bag-size:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:#d8e8f68c}.hw-upgrade{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:3px 7px 3px 71px;margin-left:0;cursor:pointer;font-family:var(--hw-font-interface);font-size:var(--hw-type-body);letter-spacing:normal;color:#e4dcbe;width:224px;height:38px;background:none;border:0;border-radius:0;box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.85)}.hw-upgrade .hw-control-plate{position:absolute;left:56px;top:3px;width:172px;height:36px;background:url(/art/ui/inventory-details/upgrade-clean.png) -3.95px -32.87px / 179.8px 101.63px no-repeat;clip-path:path("M1 0H168L172 3V33L168 36H1V27Q9 18 1 9Z");filter:saturate(.86) brightness(.96);pointer-events:none}.hw-upgrade-label,.hw-upgrade-cost{position:relative}.hw-upgrade-label{font-family:Georgia,serif;font-size:17.2px;font-weight:700;color:#d2d5b5}.hw-upgrade:hover:not(:disabled){filter:brightness(1.14)}.hw-upgrade:active:not(:disabled){filter:brightness(.92)}.hw-upgrade-coin{position:absolute;left:31px;top:50%;transform:translateY(-50%);width:34px;height:34px;filter:contrast(.85) saturate(1.1)}.hw-upgrade-cost{color:#f2ead0;font-family:var(--hw-font-number);font-size:var(--hw-type-number);font-variant-numeric:tabular-nums}.hw-upgrade.short .hw-upgrade-cost{color:#f2ead0}.hw-upgrade:disabled{cursor:default;color:#9aa6b2;opacity:.58;filter:grayscale(.65)}.hw-bag-size{font-family:var(--hw-font-interface);font-size:var(--hw-type-body);letter-spacing:normal;color:#c9c3b1;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hw-bag-size b{margin-left:auto;font-size:var(--hw-type-number);font-weight:700;color:#fff;font-family:var(--hw-font-number);font-variant-numeric:tabular-nums}.hw-bag-cap{font-family:var(--hw-font-number);font-size:14px;color:#c3d2e0}.hw-pill{padding:5px 18px;cursor:pointer;border-radius:12px;font-family:var(--hw-font-interface);font-size:var(--hw-type-body);letter-spacing:normal;color:#2c1e05;background:linear-gradient(180deg,#f6e6b4,#cfae63 48%,#9d7d34);border:1px solid #7a6128;box-shadow:inset 0 1px #ffffff8c,0 2px 6px #000c}.hw-pill:hover{filter:brightness(1.12)}.hw-foot{position:absolute;left:19px;top:717px;z-index:9;width:429px}.hw-back{display:block;width:100%;height:52px;cursor:pointer;padding:0 0 2px;font-family:var(--hw-font-interface);font-size:var(--hw-type-section);letter-spacing:normal;color:#f3ede0;border:0;background:url(/art/ui/hw-back.png) center / 100% 100% no-repeat;text-shadow:0 -1px 1px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9);transition:filter .12s ease}.hw-back:hover{filter:brightness(1.08)}.hw-back:active{filter:brightness(.94)}#heroPanel .hw-back{background-image:url(/art/ui/book-restored/back.png);width:429px;height:57px;padding:5px 0 2px;font-family:Georgia,serif;font-weight:400;font-size:32.55px}.hw-back.small{width:calc((100% - 12px)/2)}.hw-card{position:fixed;z-index:40;width:max-content;display:flex;align-items:flex-start;gap:8px;max-height:calc((100 * var(--ui-vh, 1vh)) - 24px);color:var(--ivory)}.hw-item-details{box-sizing:border-box;width:320px;padding:8px;font-family:Arial,sans-serif;line-height:1.35;max-height:inherit;overflow-y:auto;border-radius:4px;background:linear-gradient(180deg,#10232e,#172c38);border:1px solid #8e8d75;box-shadow:inset 0 0 0 2px #273a43,0 2px 5px #000c}.hw-card[hidden]{display:none}.hw-card-top{display:flex;gap:10px;align-items:center;margin-bottom:6px}.hw-card-ico{flex:none;width:24px;height:24px;align-self:flex-start;background-size:contain;background-position:center;background-repeat:no-repeat}.hero-window .hw-card-name{margin:0;font-family:var(--display);font-size:20px;line-height:1.15;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.85)}.hw-card-kind{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:5px;margin-bottom:7px;font-size:14px;color:#cddcea;border-bottom:1px solid rgba(176,205,232,.35)}.hw-card-stats{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.hw-card-stat{display:flex;align-items:center;gap:6px;font-size:14px}.hw-card-stat img{width:22px;height:22px;object-fit:contain;flex:none}.hw-card-stat-name{flex:none;width:128px;color:#dce7f3;line-height:1.2}.hw-card-stat-bar{flex:1;height:5px;border-radius:3px;overflow:hidden;background:#08121ee6;box-shadow:inset 0 1px 3px #000c}.hw-card-stat-bar b{display:block;height:100%;border-radius:inherit;background:linear-gradient(180deg,#ffe08a,#d9a83e)}.hw-card-stat-val{flex:none;min-width:44px;margin-left:auto;text-align:right;font-weight:700;color:#d5dce0;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hw-card-value{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:4px 0 6px;margin-bottom:7px;font-size:12px;color:#ece2ca;border-bottom:1px solid rgba(176,205,232,.25)}.hw-card-value b{font-variant-numeric:tabular-nums;color:#fff}.hw-card-refine{padding:5px 0 6px;margin-bottom:7px;font-size:12px;color:#ece2ca;border-bottom:1px solid rgba(176,205,232,.25)}.hw-card-refine-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.hw-card-refine-head b{font-variant-numeric:tabular-nums;color:#fff}.hw-card-refine-bar{height:5px;margin-top:4px;border-radius:3px;background:#0c1824bf;box-shadow:inset 0 0 0 1px #b0cde84d;overflow:hidden}.hw-card-refine-bar i{display:block;height:100%;background:linear-gradient(180deg,#ffd98a,#c9922f)}.hw-card-refine-parts{margin-top:4px;font-size:11px;color:#a8b8c8}.hw-card-desc{font-size:11px;font-style:italic;color:#a8b8c8;line-height:1.45;margin-bottom:8px}.hw-card-req{font-size:14px;color:#cddcea;margin-bottom:8px}.hw-card-req.short{color:#cddcea}.hw-card-worn{padding:5px 0;margin-bottom:6px;text-align:center;font-family:var(--display);font-size:14px;letter-spacing:.05em;color:#dfe9f4;background:#08121ebf;border:1px solid rgba(176,205,232,.4);border-radius:3px}.hw-card-btn{display:block;width:100%;padding:7px 10px;cursor:pointer;font-family:var(--hw-font-interface);font-size:14px;letter-spacing:normal;color:#e1e8e6;text-align:center;background:linear-gradient(180deg,#182f3a,#214c65);border:1px solid #8e8d75;border-radius:3px;box-shadow:inset 0 0 0 1px #afb9ab26}.hw-card-btn:hover{filter:brightness(1.1)}.hw-card-btn:disabled{cursor:default;filter:none;color:#6d6152;background:linear-gradient(180deg,#8d8575,#6f6a5c)}.hw-card-btn.ghost{color:#dfe9f4;background:linear-gradient(180deg,#2d5680,#10243a);border-color:#b0cde873}.quality-mundane{border-color:#8f9aa4!important;color:#dfe6ec!important}.quality-minor{border-color:#22c55e!important;color:#4ade80!important;box-shadow:0 0 8px #22c55e4d!important}.quality-major{border-color:#0ea5e9!important;color:#38bdf8!important;box-shadow:0 0 10px #0ea5e959!important}.quality-relic{border-color:#b83aa8!important;color:#e05bd0!important;box-shadow:0 0 12px #b83aa866!important}.quality-legendary{border-color:#f59e0b!important;color:#fbbf24!important;box-shadow:0 0 14px #f59e0b80!important}.hw-slot.filled{border-color:transparent!important;color:inherit!important;box-shadow:none!important}.hw-slot.filled.on{box-shadow:0 0 12px #ffd6787a!important}.hw-card-bonuses{display:flex;flex-direction:column;gap:2px;margin:6px 0}.hw-card-bonus{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#c8d6e4}.hw-card-bonus b{color:#ffd98a}.hw-card-set{margin:6px 0;font-size:12px;color:#9fd4ff}.hw-card-set b{display:block;color:#ffd98a}.hw-card-set i{display:block;margin-top:2px;color:#93a6b8;font-style:italic}.hw-card-set-gap{display:block;margin-top:1px;color:#7f8fa0;font-size:11px}.hw-card-scale{margin:4px 0;font-size:11px;color:#93a6b8}.hw-card-lore{margin:16px 0;padding:0;font-size:14px;line-height:1.35;color:#cdd6dd;font-style:normal}.hw-card-src{margin-top:4px;font-size:11px;color:#6f8296;font-style:italic}.hall-titles-section{margin-bottom:20px}.hall-titles-grid{display:flex;flex-wrap:wrap;gap:8px}.hall-title-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:linear-gradient(180deg,#c9a75626,#785f2840);border:1px solid rgba(201,167,86,.4);color:#ffeaa8;font-size:12px;font-family:var(--display)}.hall-title-badge .title-icon{font-size:13px}.hall-title-badge.empty{color:#7f99b5;font-style:italic;border-style:dashed;background:#ffffff05}#townPanel.town-window{--u: min(calc(.96 * var(--ui-vw, 1vw)), calc(1.5 * var(--ui-vh, 1vh)));--tw-readable: max(calc(1.25 * var(--u)), calc(14px / var(--ui-scale, 1)));inset:50% auto auto 50%;transform:translate(-50%,-50%);width:calc(100 * var(--u));height:calc(62.285 * var(--u));max-height:none;padding:0;border-radius:0;overflow:visible;border:calc(2.1 * var(--u)) solid transparent;border-image:url(/art/ui/town-kit/frame.png) 160 / calc(2.1 * var(--u)) stretch;background:#0a1a2b;background-origin:border-box;box-shadow:0 30px 80px #000000e6;z-index:7}.town-backdrop{position:absolute;inset:0;z-index:6;background:#00080e7a;pointer-events:auto}.town-backdrop[hidden]{display:none}#townPanel.town-window:before,#townPanel.town-window:after{display:none}.tw-land{position:absolute;z-index:0;overflow:hidden;left:0;right:0;top:calc(5.33 * var(--u));bottom:calc(4.94 * var(--u));background-image:var(--town-land, none);background-size:cover;background-position:56% 50%}.tw-land:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:none}.tw-scene{--tw-band: calc(47.815 * var(--u));position:absolute;left:50%;top:50%;width:max(100%,calc(var(--tw-band) * 2.0917));aspect-ratio:3834 / 1833;transform:translate(-50%,-50%)}.tw-scene:empty{display:none}.tw-plate-art,.tw-bld,.tw-shadow{position:absolute;pointer-events:none;image-rendering:auto}.tw-plate-art{inset:0;width:100%;height:100%}.tw-shadow{z-index:0}.tw-plate-art.tw-foreground{z-index:2;pointer-events:none}.tw-bld{position:absolute;z-index:1;transition:filter .12s ease;--town-building-tone: sepia(.38) saturate(.82) brightness(.94) contrast(.86);filter:var(--town-building-tone)}.tw-bld.hot{filter:drop-shadow(0 0 calc(.5 * var(--u)) rgba(255,236,168,.95)) drop-shadow(0 0 calc(1.3 * var(--u)) rgba(255,208,96,.75)) var(--town-building-tone) brightness(1.12)}.tw-bld.on{filter:drop-shadow(0 0 calc(.4 * var(--u)) rgba(255,246,210,.9)) drop-shadow(0 0 calc(1.6 * var(--u)) rgba(255,190,60,.85)) var(--town-building-tone) brightness(1.06)}.tw-land.pick{cursor:pointer}.tw-banner{position:absolute;z-index:1;pointer-events:none;left:0;top:calc(5.33 * var(--u));bottom:0;width:calc(32 * var(--u));background:url(/art/ui/town-controls/leather-restored.png) 0 0/100% 100% no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H96 Q80 26 77 50 Q72 76 86 100 H0 Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H96 Q80 26 77 50 Q72 76 86 100 H0 Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.town-window.has-scene .tw-banner{background-size:100% 100%}.town-window>header{position:absolute;left:0;right:0;top:calc(1.4 * var(--u));height:auto;z-index:4;pointer-events:none}.town-window>header .tn{font-size:calc(4.6 * var(--u));line-height:1.06;max-width:62%;white-space:nowrap;color:#d6d9dc;-webkit-text-stroke:calc(.1 * var(--u)) #293c4b;paint-order:stroke fill;text-shadow:0 calc(.13 * var(--u)) 0 #87939c,0 calc(.25 * var(--u)) calc(.2 * var(--u)) #07111d}.tw-slots{position:absolute;z-index:3;left:calc(1.4 * var(--u));top:calc(9.2 * var(--u));width:calc(23.7 * var(--u));max-height:calc(100% - 15 * var(--u));display:flex;flex-direction:column;gap:calc(.6 * var(--u))}.tw-slot{position:relative;display:flex;align-items:center;gap:calc(.9 * var(--u));height:calc(4.7 * var(--u));flex-shrink:1;min-height:0;padding:0 calc(1.2 * var(--u)) 0 calc(.6 * var(--u));border:0;cursor:pointer;text-align:left;font-family:var(--display);font-size:calc(1.6 * var(--u));letter-spacing:.05em;color:#f0e6d0;border-radius:calc(.39 * var(--u));background:url(/art/ui/town-controls/slot-built.png) 0 0/100% 100% no-repeat;box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.85);transition:filter .12s ease}.tw-slot-scene{position:absolute;pointer-events:none;inset:8% 2% 8% 21%;background-position:right 30%;background-repeat:no-repeat;background-size:cover;opacity:.22;filter:sepia(.7) saturate(.45);mask-image:linear-gradient(90deg,transparent,#000 38%)}.tw-slot-ico,.tw-slot-nm{position:relative;z-index:1}.tw-slot.on .tw-slot-scene{opacity:.65;filter:saturate(.55)}.tw-slot:nth-child(1){margin-left:calc(3.35 * var(--u));margin-right:calc(-3.35 * var(--u))}.tw-slot:nth-child(2){margin-left:calc(2.1 * var(--u));margin-right:calc(-2.1 * var(--u))}.tw-slot:nth-child(3){margin-left:calc(1 * var(--u));margin-right:calc(-1 * var(--u))}.tw-slot:nth-child(6){margin-left:calc(1 * var(--u));margin-right:calc(-1 * var(--u))}.tw-slot:nth-child(7){margin-left:calc(2.1 * var(--u));margin-right:calc(-2.1 * var(--u))}.tw-slot:nth-child(8){margin-left:calc(3.35 * var(--u));margin-right:calc(-3.35 * var(--u))}.tw-slot-scroll{position:absolute;left:calc(.5 * var(--u));width:calc(1.1 * var(--u));height:calc(1.6 * var(--u));padding:0;border:0;background:none;color:#e0d4b1;font-size:calc(1.5 * var(--u));cursor:pointer;line-height:1;text-shadow:0 1px 3px #392d15}.tw-slot-scroll.up{top:0}.tw-slot-scroll.down{bottom:0}.tw-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));border-bottom:1px solid #ac9872}.tw-builder-heading h3{flex:1;margin:0;font-family:var(--display);font-size:calc(2.1 * var(--u));font-weight:400}.tw-builder-heading>span{font-size:calc(1.4 * var(--u))}.tw-builder-heading .tw-do{min-width:calc(10 * var(--u));margin:0}.tw-builder-detail{display:flex;flex-direction:column;flex:1;min-width:0;overflow-y:auto}.tw-builder-detail p{margin:calc(.8 * var(--u)) 0;font-size:calc(1.1 * var(--u))}.tw-builder-unit{flex:0 0 auto;align-self:center;width:calc(9 * var(--u));height:calc(9 * var(--u));border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 2px #c3d8ec}.tw-builder-detail .tw-costs{margin-top:auto}.tw-dwelling-tabs{position:absolute;z-index:3;left:calc(3.5 * var(--u));top:calc(1 * var(--u));display:flex;gap:calc(.3 * var(--u))}.tw-dwelling-tabs button{padding:calc(.35 * var(--u)) calc(.7 * var(--u));color:#eee2c2;background:#163143;border:1px solid #958166;cursor:pointer}.tw-dwelling-tabs button.on{background:#73613d}.tw-slot:hover,.tw-slot.hot{background-image:url(/art/ui/town-controls/slot-built.png);filter:brightness(1.1)}.tw-slot.empty{color:#e2d8c2;background:url(/art/ui/town-controls/slot-empty.png) 0 0/100% 100% no-repeat}.tw-slot.empty:hover,.tw-slot.empty.hot{background-image:url(/art/ui/town-controls/slot-empty.png)}.tw-slot.on,.tw-slot.on.empty{color:#273033;background:url(/art/ui/town-controls/slot-selected.png) 0 0/100% 100% no-repeat;box-shadow:none;text-shadow:0 1px 0 rgba(255,255,255,.72),0 0 2px rgba(255,255,255,.55)}.tw-slot.locked{cursor:default;color:#8f8d88;font-size:calc(1.06 * var(--u));line-height:1.12;background:url(/art/ui/town-controls/slot-locked.png) 0 0/100% 100% no-repeat;text-shadow:none}.tw-slot.locked:hover{filter:none}.tw-slot-ico{flex:0 0 auto;width:calc(4.3 * var(--u));height:calc(4.3 * var(--u));max-height:100%;margin-left:calc(-1.1 * var(--u));background-size:cover;background-position:center;border-radius:calc(.25 * var(--u));box-shadow:0 0 0 1px #140e06b3,0 2px 5px #000000b3}.tw-slot-ico.fig{width:calc(4.3 * var(--u));height:calc(4.3 * var(--u));margin-left:calc(-1.1 * var(--u));background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:0;box-shadow:none;filter:drop-shadow(0 calc(.12 * var(--u)) calc(.22 * var(--u)) rgba(12,8,3,.75))}.tw-slot-ico.plus{width:calc(4.9 * var(--u));height:calc(4.9 * var(--u));margin-left:calc(-1.5 * var(--u));background:none;opacity:.3;box-shadow:none;border-radius:0}.tw-slot-ico.lock{width:calc(4.9 * var(--u));height:calc(4.9 * var(--u));margin-left:calc(-1.5 * var(--u));background:none;box-shadow:none;border-radius:0;filter:grayscale(1) brightness(.8)}.tw-slot-nm{flex:1;min-width:0}.tw-slot.on.empty .tw-slot-ico.plus{background:none}.hw-source-jump{background: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;background:url(/art/ui/town-controls/back.png) center/100% 100% no-repeat;clip-path:none;font-family:var(--display)}.tw-stage{position:absolute;z-index:3;left:calc(29.4 * var(--u));width:calc(65.4 * var(--u));top:calc(9.7 * var(--u));height:min(calc(41.2 * var(--u)),calc(100% - 16 * var(--u)))}.tw-stage:empty{display:none}.tw-stage:has(.tw-upgrade-tip:not([hidden])),.tw-stage:has(.tw-demolish-dialog){z-index:6}.tw-stage.dwelling{height:calc(34.4 * var(--u))}.tw-stage:has(.tw-keep){height:calc(34.4 * var(--u))}.tw-plate{position:absolute;inset:0;background-repeat:no-repeat,no-repeat;background-position:top center,center;background-size:100% 46%,100% 100%;background-image:url(/art/ui/town-faithful/panel.png);background-size:100% 100%;-webkit-mask-image:none;mask-image:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tw-plate:after{content:none;position:absolute;inset:0;background:linear-gradient(180deg,#14345600 22%,#13304fd1 40%,#12304e 52%,#0d2440)}.tw-rim{position:absolute;inset:0;pointer-events:none;background-image:none;background-position:0 0,0 0;background-size:100% 100%,100% 100%;background-repeat:no-repeat,no-repeat}.town-window{--tw-barrel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M12 2 H88 Q95 2 95 10 Q100 50 95 90 Q95 98 88 98 H12 Q5 98 5 90 Q0 50 5 10 Q5 2 12 2 Z' fill='%23fff'/%3E%3C/svg%3E");--tw-barrel-rim: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M12 2 H88 Q95 2 95 10 Q100 50 95 90 Q95 98 88 98 H12 Q5 98 5 90 Q0 50 5 10 Q5 2 12 2 Z' fill='none' stroke='%234d7ea8' stroke-opacity='.95' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M12 4.4 H88 Q92.8 4.4 92.8 11 Q97.4 50 92.8 89 Q92.8 95.6 88 95.6 H12 Q7.2 95.6 7.2 89 Q2.6 50 7.2 11 Q7.2 4.4 12 4.4 Z' fill='none' stroke='%23a8ccec' stroke-opacity='.6' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}.tw-inner{position:absolute;inset:0;padding:calc(1.4 * var(--u)) calc(3.4 * var(--u)) calc(3 * var(--u));display:flex;flex-direction:column;min-height:0}.tw-build{display:flex;gap:calc(1.4 * var(--u));flex:1;min-height:0}.tw-list{flex:0 0 40%;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:calc(.5 * var(--u));padding-right:calc(.5 * var(--u));scrollbar-width:thin;scrollbar-color:#b39a5e rgba(6,20,34,.6)}.tw-list::-webkit-scrollbar{width:calc(1.05 * var(--u))}.tw-list::-webkit-scrollbar-track{background:url(/art/ui/town-kit/scroll-track.png) center/100% 100% no-repeat}.tw-list::-webkit-scrollbar-thumb{background:url(/art/ui/town-kit/scroll-thumb.png) center/100% 100% no-repeat}.tw-item{position:relative;display:flex;align-items:center;gap:calc(.8 * var(--u));flex:0 0 auto;height:calc(4.1 * var(--u));padding:0 calc(.8 * var(--u));border:0;cursor:pointer;text-align:left;font-family:var(--display);font-size:calc(1.18 * var(--u));letter-spacing:.05em;color:#efe4cd;background:url(/art/ui/town-faithful/slot-built.png) 0 0/100% 100% no-repeat;box-shadow:inset 0 0 0 1px #140e068c;text-shadow:0 1px 2px rgba(0,0,0,.8)}.tw-item:hover{filter:brightness(1.1)}.tw-item.locked{color:#aaa49a;background:url(/art/ui/town-faithful/list-locked.png) 0 0/100% 100% no-repeat}.tw-item.locked:hover{filter:none}.tw-item.on{color:#fff6d8;background:url(/art/ui/town-faithful/list-selected.png) 0 0/100% 100% no-repeat;box-shadow:inset 0 0 0 1px #ffe8a0b3}.tw-item.locked.on{background-image:url(/art/ui/town-faithful/list-locked.png)}.tw-item-ico{flex:0 0 auto;width:calc(2.9 * var(--u));height:calc(2.9 * var(--u));background-size:cover;background-position:center;box-shadow:0 0 0 1px #140e06b3}.tw-item-ico.fig{width:calc(3.5 * var(--u));height:calc(3.5 * var(--u));margin:0 calc(-.3 * var(--u));background-size:contain;background-repeat:no-repeat;background-position:center;box-shadow:none;filter:drop-shadow(0 calc(.1 * var(--u)) calc(.18 * var(--u)) rgba(12,8,3,.7))}.tw-item-ico.lock{background:none;box-shadow:none;filter:grayscale(1) brightness(.9)}.tw-item-nm{flex:1;min-width:0}.tw-detail{flex:1;min-width:0;display:flex;flex-direction:column}.tw-detail-art{position:relative;height:calc(9.4 * var(--u));flex:0 0 auto;background-color:#16344f;background-size:cover;background-position:center 42%;margin:calc(-1.4 * var(--u)) 0 0}.tw-detail-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#12304e00 40%,#112c48e6 82%,#12304e)}.tw-detail-art.building-view{background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:0}.tw-medal{position:absolute;right:calc(1 * var(--u));top:calc(.8 * var(--u));z-index:2;width:calc(6.6 * var(--u));height:calc(6.6 * var(--u));border-radius:50%;background-color:#16344f;background-size:78%;background-repeat:no-repeat;background-position:center 58%;box-shadow:0 0 0 2px #b9d2e8,0 0 0 4px #091a2ccc,0 4px 12px #000000b3}.tw-detail h3{margin:calc(.5 * var(--u)) 0 calc(.3 * var(--u));font-family:var(--display);font-weight:400;font-size:calc(1.85 * var(--u));letter-spacing:.05em;color:#ffe6a6;border-bottom:1px solid rgba(150,190,225,.45);padding-bottom:calc(.25 * var(--u));text-shadow:0 1px 2px rgba(0,0,0,.8)}.tw-note{margin:calc(.6 * var(--u)) 0 0;flex:1;min-height:0;overflow-y:auto;font-size:calc(1.06 * var(--u));line-height:1.42;color:#e9f1f8}.tw-need{margin-top:calc(.4 * var(--u));font-size:calc(1.02 * var(--u));color:var(--muted)}.tw-need.no{color:#e0707a}.tw-costs{margin-top:calc(.5 * var(--u))}.tw-costs h4{margin:0 0 calc(.2 * var(--u));font-size:calc(1.2 * var(--u));border-bottom:1px solid rgba(150,190,225,.35);padding-bottom:calc(.15 * var(--u))}.tw-cost-row{display:flex;align-items:center;justify-content:space-between;gap:calc(.6 * var(--u));padding:calc(.35 * var(--u)) calc(.6 * var(--u)) 0 0}.tw-cost{display:inline-flex;align-items:center;gap:calc(.55 * var(--u));font-size:calc(1.24 * var(--u));color:#f4ecd8}.tw-cost b{font-weight:700}.tw-cost.short b{color:#e0555f}.tw-cost .ic.res{height:calc(2 * var(--u));max-width:calc(2.4 * var(--u))}.tw-cost .ic{width:calc(1.8 * var(--u));height:calc(1.8 * var(--u));color:#e2b463}.tw-costs .cost span{font-size:calc(1.1 * var(--u))}.tw-costs .cost .ic.res{height:calc(1.7 * var(--u));max-width:calc(2.2 * var(--u))}.tw-hire{display:grid;grid-template-columns:minmax(0,1fr) calc(13 * var(--u));gap:calc(.7 * var(--u)) calc(1.1 * var(--u))}.tw-hire .tw-acts{grid-column:2;grid-row:1 / span 2;flex-direction:column;align-items:stretch;justify-content:flex-start;margin:0}.tw-hire .tw-acts .tw-do{min-width:calc(13 * var(--u))}.tw-hire .tw-need{grid-column:1 / -1;margin:0}.tw-hire-row{grid-column:1;display:flex;align-items:center;gap:calc(1 * var(--u))}.tw-hire-lb{flex:0 0 calc(9 * var(--u));font-family:var(--display);font-size:calc(1.35 * var(--u));letter-spacing:.06em;color:#dfe9f3}.tw-hire-slider{flex:1;min-width:0;height:calc(1.4 * var(--u));accent-color:#c9a45a;cursor:pointer}.tw-hire-n{flex:0 0 calc(8.4 * var(--u));width:calc(8.4 * var(--u));min-width:0;text-align:right;padding:calc(.15 * var(--u)) calc(.6 * var(--u));font-size:calc(1.6 * var(--u));color:#fff3d4;border:1px solid #9c8e69;border-radius:2px;background:linear-gradient(#312c21,#514633);appearance:textfield}.tw-hire-n::-webkit-inner-spin-button{appearance:none}.tw-hire-cost{display:inline-flex;align-items:center;gap:calc(.5 * var(--u));font-size:calc(1.5 * var(--u));color:#fff3d4}.tw-hire-cost .ic.res{height:calc(2 * var(--u));max-width:calc(2.2 * var(--u))}.tw-hire-cost.short b{color:#e0555f}.tw-keep{display:flex;justify-content:space-between;gap:calc(1.3 * var(--u));padding:calc(.9 * var(--u)) 0 calc(1.2 * var(--u))}.tw-keep-cell{position:relative;width:calc(6.2 * var(--u))}.tw-keep-orb{position:relative;display:block;width:calc(6.2 * var(--u));height:calc(6.2 * var(--u));border:0;padding:0;border-radius:50%;background:url(/art/ui/town-kit/orb-frame.png) center/100% 100% no-repeat;filter:drop-shadow(0 calc(.2 * var(--u)) calc(.4 * var(--u)) rgba(0,0,0,.8))}.tw-keep-orb:after{content:"";position:absolute;inset:13%;border-radius:50%;pointer-events:none;background:var(--face, none) center/cover no-repeat}button.tw-keep-orb{cursor:pointer}button.tw-keep-orb:hover{filter:brightness(1.2)}.tw-keep-cell.empty .tw-keep-orb{background-image:url(/art/ui/town-original/garrison-empty.png);filter:none}.tw-keep-n{position:absolute;left:50%;transform:translate(-50%);bottom:calc(-.7 * var(--u));min-width:calc(3.6 * var(--u));padding:0 calc(.35 * var(--u));text-align:center;font-size:calc(1.08 * var(--u));color:#eafbef;background:url(/art/ui/town-kit/counter-normal.png) 0 0/100% 100% no-repeat;pointer-events:none}.tw-keep-foot{display:flex;align-items:baseline;justify-content:space-between;gap:calc(1 * var(--u));padding-top:calc(.4 * var(--u));border-top:0}.tw-keep-hint{font-size:calc(1.04 * var(--u));color:var(--muted)}.tw-keep-cap{font-family:var(--display);font-size:calc(1.2 * var(--u));color:#dfe9f3;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #b2babe;padding-bottom:calc(.15 * var(--u));min-width:calc(22 * var(--u));display:flex;justify-content:space-between}.tw-keep-cap b{font-size:calc(1.7 * var(--u));color:#fff3d4;margin-left:calc(.4 * var(--u))}.tw-do{align-self:flex-end;margin-top:calc(.6 * var(--u));min-width:calc(16 * var(--u));height:calc(3.4 * var(--u));padding:0 0 calc(.2 * var(--u));cursor:pointer;font-family:var(--display);font-size:calc(1.45 * var(--u));letter-spacing:.1em;color:#f6efe2;border:1px solid #98866a;border-radius:2px;background:linear-gradient(#615745,#443d31 80%,#39352c);box-shadow:inset 0 1px #c7b79466,inset 0 -2px #211f1b;text-shadow:0 -1px 1px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9);filter:none}.tw-do:hover:not(:disabled){filter:brightness(1.12)}.tw-do:active:not(:disabled){filter:brightness(.86)}.tw-do:disabled{filter:saturate(.25) brightness(.65);color:#c1bbaa;cursor:default}.tw-face{position:relative;flex:0 0 auto;height:calc(17.8 * var(--u));margin:calc(-1.4 * var(--u)) calc(-3.4 * var(--u)) 0;background-size:cover;background-position:center 32%;-webkit-mask-image:url(/art/ui/town-original/face-mask.png);mask-image:url(/art/ui/town-original/face-mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tw-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#12304e00 34%,#112c48db 78%,#12304e)}.tw-face-nm{position:absolute;left:calc(3.4 * var(--u));bottom:calc(.5 * var(--u));z-index:2;right:calc(17 * var(--u));display:flex;align-items:baseline;gap:calc(1 * var(--u));font-family:var(--display);font-size:calc(2.4 * var(--u));letter-spacing:.04em;color:#fff5e0;text-shadow:0 2px 4px rgba(0,0,0,.95)}.tw-face-lvl{flex:0 0 auto;margin-left:auto;font-size:calc(1.35 * var(--u));color:#d9e6f2;letter-spacing:.08em}.tw-face .tw-do{position:absolute;right:calc(3.4 * var(--u));bottom:calc(.9 * var(--u));z-index:2;margin:0;min-width:calc(13 * var(--u));height:calc(3 * var(--u));font-size:calc(1.3 * var(--u))}.tw-stat{display:flex;align-items:flex-start;gap:calc(1.2 * var(--u));margin-top:calc(1 * var(--u))}.tw-orb{flex:0 0 auto;width:calc(9.4 * var(--u));height:calc(9.4 * var(--u));border-radius:50%;background-size:cover;background-position:center top;box-shadow:0 0 0 2px #c3d8ec,0 0 0 5px #091a2cbf,0 4px 12px #000000b3}.tw-stat-body{flex:1;min-width:0}.tw-orb.resource{background-size:88% auto;background-position:center;background-repeat:no-repeat}.tw-fillbar{position:relative;height:calc(2.6 * var(--u));background:url(/art/ui/town-kit/progress-track.png) 0 0/100% 100% no-repeat;box-shadow:none}.tw-fillbar i{position:absolute;left:0;top:0;bottom:0;display:block;background:url(/art/ui/town-kit/progress-fill.png) 0 0/100% 100% no-repeat}.tw-fillbar span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:calc(1.3 * var(--u));letter-spacing:.08em;color:#2a1e08;text-shadow:0 1px 0 rgba(255,232,170,.5)}.tw-fillbar.low span{color:#f0e3c6;text-shadow:0 1px 2px rgba(0,0,0,.9)}.tw-rows{margin:calc(.7 * var(--u)) 0 0;display:grid;gap:calc(.1 * var(--u))}.tw-rows div{display:flex;align-items:baseline;gap:calc(.6 * var(--u))}.tw-rows dt{flex:1;min-width:0;font-family:var(--display);font-size:calc(1.35 * var(--u));letter-spacing:.04em;color:#dfe9f3;border-bottom:1px solid rgba(150,190,225,.18)}.tw-rows dd{margin:0;font-size:calc(1.35 * var(--u));color:#fff}.tw-rows div:first-child dt{font-size:calc(1.5 * var(--u))}.tw-rows div:first-child dd{font-size:calc(2.1 * var(--u));line-height:1}.tw-acts{display:flex;justify-content:flex-end;gap:calc(.8 * var(--u));margin-top:calc(.6 * var(--u))}.tw-acts .tw-do{align-self:auto;margin:0;min-width:calc(12 * var(--u))}.tw-troops{position:absolute;z-index:4;left:calc(29.4 * var(--u));width:calc(65.4 * var(--u));top:calc(44.7 * var(--u));bottom:auto;height:calc(8.5 * var(--u));padding:0 calc(7.6 * var(--u));box-sizing:border-box;display:flex;align-items:flex-start;justify-content:space-between;gap:calc(1.8 * var(--u))}.tw-troops:empty{display:none}.tw-troops:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:calc(3 * var(--u));height:calc(6.5 * var(--u));background:url(/art/ui/town-controls/dock.png) center/100% 100% no-repeat}.tw-troop{position:relative;flex:0 0 calc(6.7 * var(--u));height:calc(6.7 * var(--u))}.tw-troop-orb{position:relative;display:block;width:calc(6.7 * var(--u));height:calc(6.7 * var(--u));border:0;padding:0;border-radius:50%;background:url(/art/ui/town-kit/orb-frame.png) center/100% 100% no-repeat;filter:drop-shadow(0 calc(.2 * var(--u)) calc(.4 * var(--u)) rgba(0,0,0,.8))}.tw-troop-orb:after{content:"";position:absolute;inset:9%;border-radius:50%;pointer-events:none;background:var(--face, none) center/cover no-repeat}button.tw-troop-orb{cursor:pointer}button.tw-troop-orb:hover:not(:disabled){filter:brightness(1.2)}button.tw-troop-orb:disabled{cursor:default}.tw-troop.locked .tw-troop-orb{background-image:url(/art/ui/town-kit/orb-locked.png);filter:grayscale(.6) brightness(.8) drop-shadow(0 calc(.2 * var(--u)) calc(.4 * var(--u)) rgba(0,0,0,.7))}.tw-troop-lv{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:calc(1.02 * var(--u));color:#9fb3c6;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.9)}.tw-troop-alert{position:absolute;left:calc(-.2 * var(--u));bottom:calc(-.5 * var(--u));width:calc(1.9 * var(--u));height:calc(1.9 * var(--u));border-radius:50%;display:grid;place-items:center;pointer-events:none;font-size:calc(1.2 * var(--u));font-weight:700;color:#3a2a05;background:radial-gradient(circle at 38% 32%,#ffe27a,#d9a01e 70%);box-shadow:0 0 0 1px #3c2806cc,0 2px 4px #000000b3}.tw-troop-alert{color:transparent;box-shadow:none;border-radius:0;background:url(/art/ui/army-alert.png) center / contain no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.85))}.tw-troop-n{position:absolute;left:50%;transform:translate(-50%);bottom:calc(-.15 * var(--u));z-index:2;min-width:calc(4.7 * var(--u));height:calc(1.65 * var(--u));padding:0 calc(.3 * var(--u));box-sizing:border-box;border:1px solid #a9b073;border-radius:40% 40% 12% 12%;text-align:center;font-size:calc(1.18 * var(--u));line-height:calc(1.5 * var(--u));color:#f1f6d4;background:url(/art/ui/town-kit/counter-normal.png) 0 0/100% 100% no-repeat;box-shadow:none;pointer-events:none}.tw-troop-reserve{position:absolute;left:50%;transform:translate(-50%);bottom:calc(-1.55 * var(--u));min-width:calc(4.5 * var(--u));height:calc(1.65 * var(--u));padding:0 calc(.3 * var(--u));border:1px solid #8b9697;border-radius:0 0 40% 40%;color:#d8dfd8;background:linear-gradient(#193e50,#101e2a);cursor:pointer;font-family:var(--body);font-size:calc(1.02 * var(--u));line-height:1.3;font-variant-numeric:tabular-nums lining-nums}.tw-troop-reserve:enabled:hover{color:#fff;filter:brightness(1.12)}.tw-troop-reserve:disabled{opacity:1;cursor:default}.tw-x{position:absolute;z-index:5;cursor:pointer;right:calc(1.6 * var(--u));top:calc(.9 * var(--u));width:calc(2.6 * var(--u));height:calc(2.6 * var(--u));border-radius:50%;border:0;padding:0;background:url(/art/ui/town-kit/round-close.png) center/contain no-repeat;box-shadow:none}.tw-x:before,.tw-x:after{display:none}.tw-x:before{transform:rotate(45deg)}.tw-x:after{transform:rotate(-45deg)}.tw-x:hover{filter:brightness(1.35)}.tw-help,.tw-return{position:absolute;z-index:5;top:calc(.9 * var(--u));width:calc(2.6 * var(--u));height:calc(2.6 * var(--u));padding:0;border:0;border-radius:50%;cursor:pointer;background:url(/art/ui/town-kit/round-help.png) center/contain no-repeat}.tw-help{right:calc(4.4 * var(--u))}.tw-return{left:calc(3.2 * var(--u));background-image:url(/art/ui/town-kit/round-back.png)}.tw-help:hover,.tw-return:hover{filter:brightness(1.25)}.tw-help-content{position:absolute;top:calc(4 * var(--u));right:calc(3 * var(--u));width:calc(27 * var(--u));z-index:8;padding:calc(1 * var(--u));background:#0c2535;border:2px solid #7e919b;box-shadow:0 4px 15px #0008;color:#e8e0cc;font-size:calc(1.2 * var(--u))}.tw-help-content[hidden]{display:none}.tw-slot.on.empty{background-image:url(/art/ui/town-controls/slot-empty-selected.png)}.tw-item{background-image:url(/art/ui/town-controls/slot-built.png)}.tw-item.on{background-image:url(/art/ui/town-controls/list-selected.png)}.tw-item.locked,.tw-item.locked.on{background-image:url(/art/ui/town-controls/list-locked.png)}.tw-item.locked .tw-item-ico{background:none}.tw-inner .tw-do{filter:none;font-size:calc(1.25 * var(--u));letter-spacing:.025em}.tw-inner .tw-do:hover:not(:disabled){filter:brightness(1.12)}.tw-inner .tw-do:active:not(:disabled){filter:brightness(.86)}.tw-inner .tw-do:disabled{filter:brightness(.65) saturate(.45);color:#a6a29a}.tw-detail>.tw-do,.tw-builder-detail>.tw-do{background:url(/art/ui/town-controls/action-enabled.png) center / 100% 100% no-repeat;border:0;border-radius:0;box-shadow:none}.dwelling .tw-face{height:calc(19 * var(--u));background-position:center 27%}.dwelling .tw-face:after{background:linear-gradient(180deg,transparent 60%,#10304c 100%)}.dwelling .tw-face-nm{top:calc(4.5 * var(--u));bottom:auto;right:calc(22 * var(--u));flex-direction:column;align-items:flex-start;gap:0;color:#17303c;font-size:calc(3.2 * var(--u));line-height:1.05;letter-spacing:0;text-shadow:0 1px 1px #fff}.dwelling .tw-face-lvl{margin:0;color:#17303c;font-size:calc(2.2 * var(--u))}.tw-face[style*=town-necropolis-source] .tw-face-nm,.tw-face[style*=town-necropolis-source] .tw-face-lvl{color:#f4eddb;text-shadow:0 1px 2px #102b32,0 0 4px #102b32}.tw-unit-name{position:absolute;bottom:calc(.4 * var(--u));left:calc(19 * var(--u));right:calc(17 * var(--u));z-index:2;font-family:var(--display);font-size:calc(2.4 * var(--u));color:#e8e5d3;border-bottom:1px solid #b2babe;text-shadow:0 1px 2px #000}.dwelling .tw-face .tw-do{right:calc(3.8 * var(--u));bottom:calc(.8 * var(--u));width:calc(11.6 * var(--u));min-width:0;height:calc(3.5 * var(--u));padding-top:calc(.8 * var(--u));z-index:4}.dwelling .tw-stat{margin-top:calc(1.2 * var(--u));gap:calc(1.2 * var(--u))}.dwelling .tw-orb{width:calc(11.6 * var(--u));height:calc(11.6 * var(--u))}.dwelling .tw-inner{padding-bottom:calc(1.1 * var(--u))}.tw-enlist-row{display:flex;align-items:center;justify-content:space-between;height:calc(3.1 * var(--u));font-size:calc(1.15 * var(--u))}.tw-instant{display:flex;align-items:center;gap:calc(.45 * var(--u));width:calc(19.5 * var(--u));height:calc(2.8 * var(--u));padding:0 calc(.7 * var(--u)) 0 0;border:0;cursor:pointer;color:#ecedc8;background:url(/art/ui/town-controls/green-instant.png) center/100% 100% no-repeat;font-family:var(--display);font-size:calc(1.15 * var(--u));text-shadow:0 1px 2px #112304}.tw-instant img{width:calc(3 * var(--u));height:calc(3 * var(--u));object-fit:contain;margin-left:calc(-.4 * var(--u))}.tw-instant b{margin-left:auto}.tw-instant:hover:not(:disabled){filter:brightness(1.2)}.tw-instant:disabled{opacity:.5;cursor:default}.tw-production{position:relative}.dwelling .tw-production .tw-fillbar{height:calc(1.2 * var(--u));margin-left:calc(-2.4 * var(--u))}.dwelling .tw-production .tw-fillbar span{font-size:calc(.9 * var(--u))}.dwelling .tw-production .tw-rows{margin-top:0;padding-right:calc(8 * var(--u));gap:0}.dwelling .tw-production .tw-rows div:first-child dd{font-size:calc(2.1 * var(--u))}.dwelling .tw-production .tw-acts{position:absolute;right:0;bottom:0;margin:0}.dwelling .tw-production .tw-acts .tw-do{min-width:calc(7 * var(--u));height:calc(3.5 * var(--u))}.dwelling .tw-hire{padding-top:calc(1 * var(--u));gap:calc(1 * var(--u));grid-template-columns:minmax(0,1fr) calc(11.6 * var(--u))}.dwelling .tw-hire-row{position:relative;flex-wrap:nowrap;padding-top:calc(1.8 * var(--u))}.dwelling .tw-hire-lb{position:absolute;top:0;left:0;font-size:calc(1.2 * var(--u))}.dwelling .tw-hire .tw-acts .tw-do{min-width:0;width:100%;height:calc(4.8 * var(--u));margin:0}.dwelling .tw-hire .tw-acts .tw-do:last-child{height:calc(3.2 * var(--u))}.dwelling .tw-hire .tw-need{font-size:calc(.9 * var(--u))}.tw-hire-slider{appearance:none;background:transparent}.tw-hire-slider::-webkit-slider-runnable-track{height:calc(.25 * var(--u));background:#9daeb0;border-bottom:1px solid #34414a}.tw-hire-slider::-webkit-slider-thumb{appearance:none;width:calc(1.15 * var(--u));height:calc(2 * var(--u));margin-top:calc(-.85 * var(--u));border:1px solid #b5a276;border-radius:0;background:linear-gradient(90deg,#57482f,#968666,#635239)}.tw-hire-slider::-moz-range-track{height:calc(.25 * var(--u));background:#9daeb0}.tw-hire-slider::-moz-range-thumb{width:calc(1.15 * var(--u));height:calc(2 * var(--u));border:1px solid #b5a276;border-radius:0;background:#968666}.tw-enlist-confirm h3{margin:0;font-family:var(--display);font-size:calc(1.5 * var(--u))}.tw-enlist-confirm p{margin:calc(.4 * var(--u)) 0;font-size:calc(1.1 * var(--u))}.town-window button:focus-visible,.tw-hire-n:focus-visible{outline:2px solid #f4e2a6;outline-offset:2px}.tw-orb{padding:0;border:0;cursor:pointer;background-color:#0c2638}.dwelling .tw-dwelling-tabs{top:auto;bottom:0;left:calc(3.2 * var(--u));gap:0}.dwelling .tw-dwelling-tabs button{width:calc(7.4 * var(--u));height:calc(8.4 * var(--u));padding:calc(1.6 * var(--u)) calc(1.3 * var(--u));border:1px solid transparent;border-bottom:0;border-radius:calc(.5 * var(--u)) calc(.5 * var(--u)) 0 0;background:transparent;box-shadow:none}.dwelling .tw-dwelling-tabs button span{display:block;height:calc(4.8 * var(--u));width:calc(4.8 * var(--u));border:2px solid #afbec2;border-radius:50%;background-size:cover;background-position:top;box-shadow:0 1px 2px #000b}.dwelling .tw-dwelling-tabs button.on{border-color:#bfb48c;background:linear-gradient(#36566a,#10304c 85%);box-shadow:inset 0 2px 3px #c6c6aa70}.dwelling .tw-dwelling-tabs button:not(.on){opacity:.85}.tw-inspect{position:absolute;z-index:3;right:calc(-.3 * var(--u));bottom:calc(.5 * var(--u));width:calc(2.5 * var(--u));height:calc(2.5 * var(--u));padding:0;border:0;cursor:pointer;background:url(/art/ui/town-controls/inspect.svg) center/contain no-repeat}.tw-inspect:hover{filter:brightness(1.3)}.tw-creature-info{position:absolute;z-index:20;width:430px;padding:0;right:calc((100 * var(--u) - 100 * var(--ui-vw, 1vw)) / 2 - 2.1 * var(--u) + 12px);bottom:calc((62.285 * var(--u) - 100 * var(--ui-vh, 1vh)) / 2 - 2.1 * var(--u) + 54px);color:#ede4ce;pointer-events:auto;transform-origin:bottom right}.tw-creature-info>.tw-x{top:8px;right:auto;left:2px;width:26px;height:26px}.tw-orb{position:relative}.tw-medal:after,.tw-orb:after{content:"";position:absolute;right:calc(-.3 * var(--u));bottom:calc(-.3 * var(--u));width:calc(2.1 * var(--u));height:calc(2.1 * var(--u));z-index:3;background:url(/art/ui/town-controls/inspect.svg) center/contain no-repeat}.income .tw-face{height:calc(19 * var(--u))}.income .tw-face-nm{font-size:calc(2.5 * var(--u));letter-spacing:0;border-bottom:1px solid #a3b0b2;padding-bottom:calc(.3 * var(--u))}.income .tw-face .tw-do{width:calc(11.6 * var(--u));min-width:0;height:calc(3.5 * var(--u));padding-top:calc(.8 * var(--u))}.income .tw-stat{margin-top:calc(1.2 * var(--u))}.income .tw-orb{width:calc(11.6 * var(--u));height:calc(11.6 * var(--u));position:relative;z-index:2}.income .tw-orb:after{content:none}.income .tw-production{padding-top:calc(1.8 * var(--u))}.income .tw-fillbar{margin-left:calc(-3 * var(--u));height:calc(3.4 * var(--u))}.income .tw-rows{margin-top:calc(1.8 * var(--u));padding-right:calc(9 * var(--u));gap:0}.income .tw-production .tw-acts{position:absolute;right:0;bottom:calc(1.3 * var(--u));margin:0}.income .tw-production .tw-acts .tw-do{min-width:calc(7.4 * var(--u));height:calc(3.5 * var(--u))}.garrison .tw-face-nm{border-bottom:1px solid #b2babe;padding-bottom:calc(.3 * var(--u))}.garrison .tw-face:before,.dwelling .tw-face:before{content:"";position:absolute;z-index:3;pointer-events:none;left:calc(3.4 * var(--u));right:calc(3.4 * var(--u));bottom:calc(.45 * var(--u));border-bottom:1px solid #b2babe}.dwelling .tw-face:before{left:calc(18 * var(--u))}.garrison .tw-face-nm{border:0}.dwelling .tw-face:has(.tw-dwelling-tabs button:only-child) .tw-unit-name,.dwelling .tw-face:has(.tw-dwelling-tabs button:only-child):before{left:calc(11.2 * var(--u))}.town-window .tw-inner .tw-upgrade{background:url(/art/ui/town-controls/upgrade.svg) center / 100% 100% no-repeat;border:0;border-radius:0;box-shadow:none}.garrison .tw-face .tw-upgrade{height:calc(3.7 * var(--u));padding-top:calc(.8 * var(--u))}.town-window .tw-inner .tw-upgrade{width:calc(11.6 * var(--u));min-width:0;height:calc(3.7 * var(--u));padding:calc(.8 * var(--u)) 0 0;font-size:calc(1.2 * var(--u));line-height:1}.garrison button.tw-keep-orb{background:#0b273b;border:2px solid #b8cfd7;box-shadow:0 1px 3px #000}.garrison button.tw-keep-orb:after{inset:2px}.garrison .tw-keep-n{min-width:calc(4.6 * var(--u))}.tw-keep{padding:calc(.8 * var(--u)) calc(3.8 * var(--u)) calc(2.8 * var(--u))}.tw-keep-hint{font-family:var(--body);font-size:calc(.95 * var(--u));max-width:calc(29 * var(--u))}.tw-keep-orb,.tw-troop-orb{touch-action:none}button.tw-keep-orb,button.tw-troop-orb:not(:disabled){cursor:grab}.tw-dragging,.tw-dragging *{cursor:grabbing!important;user-select:none}.tw-drop-target{outline:2px solid #dccb84;outline-offset:4px;border-radius:50%;background-color:#dfc17633}.tw-drag-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);opacity:.92;border:2px solid #b9cbd0;border-radius:50%;background-color:#102a3b;background-size:cover;background-position:center;box-sizing:border-box;box-shadow:0 2px 5px #0009}.tw-upgrade-tip,.tw-demolish-dialog{position:absolute;z-index:12;right:calc(3.4 * var(--u));top:calc(17.5 * var(--u));width:calc(30 * var(--u));padding:calc(1 * var(--u));background:#0b2637;border:2px solid #98a8ac;border-radius:4px;box-shadow:0 4px 15px #000a;color:#ece4ce;font-size:calc(1.1 * var(--u))}.tw-upgrade-tip[hidden]{display:none}.tw-upgrade-tip{max-height:calc(31 * var(--u));overflow-y:auto;box-sizing:border-box}.tw-upgrade-needs{padding-left:calc(1.2 * var(--u));margin:calc(.8 * var(--u)) 0;color:#e7bd85;font-size:calc(1.05 * var(--u))}.tw-upgrade-needs li{margin:calc(.3 * var(--u)) 0}.town-window .tw-hourglass{width:calc(1.5 * var(--u));height:calc(1.9 * var(--u));object-fit:contain;flex-shrink:0}.tw-upgrade-tip h3,.tw-demolish-dialog h3{margin:0 0 calc(.7 * var(--u));border-bottom:1px solid #9ba9aa;font-family:var(--display);font-size:calc(1.45 * var(--u))}.tw-upgrade-tip .tw-cost-row{flex-wrap:wrap;gap:calc(1 * var(--u))}.tw-upgrade-tip .tw-costs{margin:0}.tw-upgrade-tip .tw-cost{min-width:0}.tw-upgrade-tip .tw-acts .tw-do,.tw-demolish-dialog .tw-do{min-width:0;flex:1;font-size:calc(1.1 * var(--u))}.tw-demolish-dialog{top:calc(6 * var(--u));width:calc(35 * var(--u))}.tw-cycle-time{display:block;height:calc(1.4 * var(--u));font-size:calc(1.05 * var(--u));color:#e7e8d4}.dwelling .tw-production.full{padding-top:calc(1.4 * var(--u))}.dwelling .tw-production.full .tw-fillbar{height:calc(3.4 * var(--u))}.dwelling .tw-production.full .tw-fillbar span{font-size:calc(1.65 * var(--u));letter-spacing:0}.dwelling .tw-production.full .tw-rows{margin-top:calc(1.2 * var(--u))}.dwelling .tw-orb{position:relative;z-index:2}.dwelling .tw-hire-price{justify-content:flex-start;gap:calc(1.6 * var(--u))}.dwelling .tw-hire-price .tw-hire-lb{width:100%;border-bottom:1px solid #b2babe;letter-spacing:0;padding-bottom:calc(.15 * var(--u))}.dwelling .tw-hire-cost{font-size:calc(1.35 * var(--u));gap:calc(1.6 * var(--u))}.dwelling .tw-hire-cost .ic.res{width:calc(1.8 * var(--u));height:calc(1.8 * var(--u));flex:0 0 calc(1.8 * var(--u));object-fit:contain}.dwelling .tw-hire-cost b{font-weight:400}.dwelling .tw-hire-n{flex-basis:calc(9.5 * var(--u));width:calc(9.5 * var(--u));font-family:var(--body);font-size:calc(1.8 * var(--u))}.dwelling .tw-hire .tw-acts .tw-do{font-size:calc(1.15 * var(--u));letter-spacing:0}.tw-seal-cost{display:flex;align-items:center;gap:calc(.6 * var(--u))}.tw-seal-cost img{width:calc(2.5 * var(--u));height:calc(2.5 * var(--u));object-fit:contain}.town-window .tw-keep-n,.town-window .tw-troop-n{background:linear-gradient(#429b20,#246c12) left center / var(--fill,100%) 100% no-repeat,#081f2e;border:1px solid #99ab89;border-radius:calc(.45 * var(--u));box-shadow:inset 0 1px 1px #d4e79c66;line-height:1.15;color:#fff}.tw-keep-cell .tw-inspect{right:calc(-.4 * var(--u));bottom:calc(.7 * var(--u))}.town-window .tw-keep-hint{visibility:hidden}.town-window .tw-reserves-toggle{position:absolute;right:calc(3 * var(--u));top:calc(5 * var(--u));display:flex;align-items:center;gap:calc(.4 * var(--u));padding:0;border:0;background:none;color:#e9e8ca;cursor:pointer}.tw-reserves-toggle span{width:calc(2.1 * var(--u));height:calc(2.1 * var(--u));font-size:calc(2 * var(--u));line-height:1;font-family:var(--body);border:1px solid #c3b985;background:linear-gradient(#567939,#294d1d)}.tw-reserves-toggle b{font-size:calc(1 * var(--u));line-height:1;font-family:var(--body)}.tw-reserve-list{position:absolute;z-index:15;right:calc(2 * var(--u));bottom:calc(5 * var(--u));width:calc(33 * var(--u));max-height:calc(26 * var(--u));overflow:auto;padding:calc(1.2 * var(--u));border:2px solid #84969d;background:#0a2639;box-shadow:0 4px 20px #0009}.tw-reserve-list h3{margin:0 0 calc(.8 * var(--u));border-bottom:1px solid #899fa7;font-size:calc(1.5 * var(--u));line-height:1.5;font-family:var(--display)}.tw-reserve-entry{display:flex;align-items:center;gap:calc(1 * var(--u));margin-bottom:calc(.7 * var(--u))}.tw-reserve-entry .tw-troop-orb{width:calc(4.6 * var(--u));height:calc(4.6 * var(--u));flex-shrink:0}.tw-reserve-entry>span{flex:1;font-size:calc(1.2 * var(--u));line-height:1.3;font-family:var(--body)}.tw-reserve-entry b{display:block;color:#dce7ad}.tw-reserve-entry .tw-do{min-width:calc(8 * var(--u));font-size:calc(1.05 * var(--u))}.tw-reserve-list p{font-size:calc(1.05 * var(--u));line-height:1.35;font-family:var(--body);color:#c8d3d6;margin:calc(.6 * var(--u)) 0 0}.town-window .tw-upgrade-tip,.town-window .tw-demolish-dialog{border:1px solid #899ca4;outline:2px solid #153449;border-radius:2px;padding:calc(1.1 * var(--u));background:linear-gradient(#102d40,#091f2f);font-size:calc(1.2 * var(--u));line-height:1.35;font-family:var(--body)}.tw-upgrade-level{margin:calc(.3 * var(--u)) 0 calc(.8 * var(--u));color:#d0dce1}.tw-upgrade-tip .tw-costs h4{font-size:calc(1.2 * var(--u));color:#e8e3cf}.town-window .tw-cost-row{justify-content:flex-start;gap:calc(1.4 * var(--u))}.town-window .tw-cost{flex:none;gap:calc(.5 * var(--u));font-size:calc(1.15 * var(--u));line-height:1.4;font-family:var(--body)}.town-window .tw-cost b{font-weight:400}.town-window .tw-cost .ic.res{width:calc(1.8 * var(--u));height:calc(1.8 * var(--u));object-fit:contain;flex:0 0 calc(1.8 * var(--u))}.town-window .tw-hire .tw-do,.town-window .tw-upgrade-tip .tw-do,.town-window .tw-demolish-dialog .tw-do,.town-window .tw-enlist-confirm .tw-do,.town-window .tw-reserve-list .tw-do{filter:none;padding:0 calc(.6 * var(--u));letter-spacing:0;white-space:nowrap;font-family:var(--display);font-weight:400;color:#e9e3d2;text-shadow:0 1px 2px #000}.town-window .tw-hire .tw-do:hover:not(:disabled),.town-window .tw-upgrade-tip .tw-do:hover:not(:disabled),.town-window .tw-demolish-dialog .tw-do:hover:not(:disabled),.town-window .tw-enlist-confirm .tw-do:hover:not(:disabled),.town-window .tw-reserve-list .tw-do:hover:not(:disabled){filter:brightness(1.12)}.town-window .tw-hire .tw-do:disabled,.town-window .tw-upgrade-tip .tw-do:disabled,.town-window .tw-enlist-confirm .tw-do:disabled,.town-window .tw-reserve-list .tw-do:disabled{filter:saturate(.25) brightness(.65);cursor:default}.dwelling .tw-hire{grid-template-rows:calc(4.2 * var(--u)) calc(4.3 * var(--u));row-gap:calc(.55 * var(--u));padding-top:calc(1 * var(--u))}.dwelling .tw-hire .tw-acts{gap:calc(1.1 * var(--u))}.dwelling .tw-hire .tw-acts .tw-do{height:calc(5.1 * var(--u));font-size:calc(1.35 * var(--u))}.dwelling .tw-hire .tw-acts .tw-do:last-child{height:calc(3.1 * var(--u))}.dwelling .tw-hire-lb{font-size:calc(1.35 * var(--u));font-weight:400}.dwelling .tw-hire-cost{font-family:var(--body);font-size:calc(1.2 * var(--u));gap:calc(2.4 * var(--u))}.dwelling .tw-hire-n{height:calc(2.9 * var(--u));font-size:calc(2.1 * var(--u));font-weight:400;box-shadow:inset 0 1px 3px #0007}.dwelling .tw-hire-price{padding-top:calc(2 * var(--u))}.dwelling .tw-hire-slider{height:calc(2.9 * var(--u))}.dwelling .tw-hire-amount{padding-right:calc(10.6 * var(--u))}.dwelling .tw-hire-amount .tw-hire-n{position:absolute;right:0;top:0}.dwelling .tw-production:not(.full) .tw-fillbar,.income .tw-production:not(.full) .tw-fillbar{height:calc(1.15 * var(--u));background:linear-gradient(#263540,#7b8587);border:1px solid #9aa6a4;clip-path:polygon(0 0,100% 0,98% 100%,0 100%)}.dwelling .tw-production:not(.full) .tw-fillbar i,.income .tw-production:not(.full) .tw-fillbar i{background:linear-gradient(#ded8b2,#8e886a)}.tw-cycle-time{display:flex;align-items:center;gap:calc(.5 * var(--u));font-size:calc(1.15 * var(--u));line-height:1.35;font-family:var(--body);height:calc(1.9 * var(--u))}.income .tw-production:not(.full){padding-top:calc(.3 * var(--u))}.income .tw-production:not(.full) .tw-rows{margin-top:calc(.3 * var(--u))}.income .tw-enlist-row{font-family:var(--body);font-size:calc(1.2 * var(--u));margin:0 0 calc(.4 * var(--u))}.tw-construction{margin-top:calc(1.1 * var(--u));width:calc(30 * var(--u));flex-shrink:0}.tw-construction-label{display:flex;align-items:center;gap:calc(.6 * var(--u));font-family:var(--display);font-size:calc(1.3 * var(--u));line-height:1.35}.tw-construction-time{margin-left:auto;font-family:var(--body);font-size:calc(1.8 * var(--u))}.tw-construction-track{height:calc(.65 * var(--u));border:1px solid #a79c82;background:#304454;overflow:hidden}.tw-construction-track i{display:block;height:100%;background:linear-gradient(#dad5b7,#8f886f)}.income:has(.tw-construction) .tw-face-nm{right:calc(3.4 * var(--u))}.tw-stage:is(.dwelling,.garrison):has(.tw-construction){height:calc(40 * var(--u))}.tw-stage:has(.tw-construction)+.tw-troops{top:calc(51 * var(--u))}.tw-slot[data-place=monastery-of-light] .tw-slot-ico{clip-path:polygon(0 56%,9% 54%,9% 50%,22% 51%,26% 49%,20% 43%,11% 36%,6% 27%,4% 14%,11% 17%,10% 11%,16% 12%,18% 4%,25% 4%,25% 0,39% 3%,44% 8%,55% 10%,63% 8%,73% 14%,79% 23%,84% 38%,88% 64%,87% 74%,95% 79%,100% 83%,100% 100%,0 100%)}.town-window .tw-fillbar:not(.low) span{color:#fff3d3;text-shadow:0 1px 2px #2b1c08,1px 0 #47331b}.town-window .tw-rows dt,.town-window .tw-rows dd{font-weight:400}.town-window .tw-rows div:first-child dd{font-weight:700}.town-window .tw-production .tw-rows{padding-right:calc(8 * var(--u))}.town-window .tw-production .tw-acts{position:absolute;right:0;bottom:0;margin:0}.town-window .tw-production .tw-acts .tw-icon-action,.town-window .tw-production .tw-acts .tw-icon-action:hover:not(:disabled){width:calc(7.4 * var(--u));min-width:0;height:calc(3.9 * var(--u));background-size:1374.576% 1651.613%;background-position:88.963% 68.191%;background-repeat:no-repeat;border:0;box-shadow:none;padding:0}.town-window .tw-production .tw-acts .collect,.town-window .tw-production .tw-acts .collect:hover:not(:disabled){background-image:url(/art/ui/town-controls/action-collect-clean-source.jpg);background-size:1982.759% 2400%;background-position:78.297% 61.159%}.town-window .tw-production .tw-acts .recruit,.town-window .tw-production .tw-acts .recruit:hover:not(:disabled){background-image:url(/art/ui/town-controls/action-recruit-source.png)}.town-window .tw-production .tw-icon-action:hover:not(:disabled){filter:brightness(1.15)}.town-window .tw-instant{background:linear-gradient(#7b9d43,#315918 52%,#587b2c);border:1px solid #cbb579;border-radius:calc(.3 * var(--u));box-shadow:inset 0 0 0 1px #e1d19a77}.town-window .tw-inner .tw-upgrade{height:calc(3 * var(--u));padding-top:calc(.6 * var(--u))}.dwelling .tw-dwelling-tabs button{width:calc(7.4 * var(--u));height:calc(7.4 * var(--u));padding:calc(1.1 * var(--u))}.tw-list-wrap{flex:0 0 40%;min-height:0;position:relative}.tw-list-wrap .tw-list{height:100%;padding-right:calc(1.8 * var(--u))}.tw-list-wrap .tw-list::-webkit-scrollbar{width:calc(1.15 * var(--u))}.tw-list-wrap .tw-list::-webkit-scrollbar-track{margin-block:calc(1.6 * var(--u))}.tw-list-controls{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;pointer-events:none}.tw-list-controls span{flex:1}.tw-list-controls button{pointer-events:auto;border:0;padding:0;width:calc(1.6 * var(--u));height:calc(1.6 * var(--u));cursor:pointer;background:url(/art/ui/town-kit/round-scroll-up.png) center/contain no-repeat}.tw-list-controls button:last-child{background-image:url(/art/ui/town-kit/round-scroll-down.png)}.tw-list-wrap .tw-item.locked{background-image:url(/art/ui/town-controls/slot-built.png);filter:saturate(.45) brightness(.8)}.tw-list-wrap .tw-item.locked .tw-item-ico.fig{background-size:contain;background-position:center;background-repeat:no-repeat}.tw-note em{display:block;margin-bottom:calc(1 * var(--u))}.town-window button{-webkit-tap-highlight-color:transparent}.town-window :is(.tw-x,.tw-help,.tw-return,.tw-inspect,.tw-list-controls button,.tw-slot-scroll,.tw-reserves-toggle,.tw-dwelling-tabs button):enabled:hover{filter:brightness(1.12)}.town-window :is(.tw-x,.tw-help,.tw-return,.tw-inspect,.tw-list-controls button,.tw-slot-scroll,.tw-reserves-toggle,.tw-dwelling-tabs button,.tw-slot,.tw-item,.tw-instant,.tw-troop-reserve):enabled:active{filter:brightness(.86)}.town-window .tw-inner .tw-do:enabled:active,.town-window .tw-upgrade-tip .tw-do:enabled:active,.town-window .tw-demolish-dialog .tw-do:enabled:active,.town-window .tw-reserve-list .tw-do:enabled:active{filter:brightness(.86)}.town-window .tw-production .tw-acts .tw-icon-action:enabled:active{filter:brightness(.86)}.town-window :is(.tw-return,.tw-list-controls button,.tw-slot-scroll):disabled{filter:saturate(.2) brightness(.65);cursor:default}.town-window .tw-upgrade-tip{top:calc(6 * var(--u))}.town-window :is(.dwelling,.income) .tw-upgrade-tip{top:calc(19.6 * var(--u))}.town-window .garrison .tw-upgrade-tip{top:calc(18.4 * var(--u))}#tip.creature-tip{width:340px;max-width:340px;max-height:70vh;overflow-y:auto;background:linear-gradient(#102c39,#0a202c);border:1px solid #94a3a4;font-size:16px}#tip.creature-tip .t{font-size:20px;color:#e5e1ce;border-bottom:1px solid #94a3a4;margin-bottom:8px}#tip.creature-tip .tip-rows{font-size:15px}#tip .tip-abilities{display:block;margin-top:14px}#tip .tip-abilities>b{display:block;border-bottom:1px solid #889b9f;margin-bottom:6px;font-family:var(--display);font-size:18px;font-weight:400}#tip .tip-ability{display:flex;gap:8px;margin:6px 0;align-items:flex-start}#tip .tip-ability img{width:26px;height:26px;object-fit:contain;flex-shrink:0}#tip .tip-ability small{display:block;font-size:14px;line-height:1.35;color:#bac9cf}#tip .tip-hint{display:block;border-top:1px solid #7c8f97;background:#183d52;padding:7px;margin-top:12px;text-align:center;color:#cedadd}.tw-hint{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:0 calc(6 * var(--u));font-family:var(--display);font-size:calc(1.5 * var(--u));letter-spacing:.06em;color:#cfe0ef;text-shadow:0 2px 4px rgba(0,0,0,.9)}.town-window :is(.tw-note,.tw-need,.tw-builder-detail p,.tw-item,.tw-cost,.tw-upgrade-needs,.tw-enlist-row,.tw-cycle-time,.tw-troop-reserve,.tw-troop-n,.tw-keep-n,.tw-slot.locked,.tw-enlist-confirm p,.tw-hire .tw-need){font-size:var(--tw-readable)}.town-window .tw-note{line-height:1.4}.town-window .tw-note em{display:block;margin-bottom:.9em}.town-window .tw-item{letter-spacing:0}.town-window .tw-cost-row{flex-wrap:wrap}.town-window .tw-cost{white-space:nowrap}.town-window .tw-upgrade-tip{width:calc(35 * var(--u));font-size:var(--tw-readable);max-height:calc(30 * var(--u))}.tw-upgrade-benefits{margin:0 0 .75em;padding:.5em 0;border-block:1px solid #91a3ac66}.tw-upgrade-benefits div{display:flex;justify-content:space-between;gap:1em;margin:.3em 0}.tw-upgrade-benefits dd{margin:0;white-space:nowrap}.tw-upgrade-benefits dd span{color:#bccacf}.tw-upgrade-benefits dd b{color:#d4e8aa}.town-window .tw-upgrade-tip .tw-acts{position:sticky;bottom:calc(-1 * var(--u));background:#0b2637;padding-block:calc(.5 * var(--u))}.town-window .tw-upgrade-tip .tw-do{min-height:calc(3.4 * var(--u));font-size:var(--tw-readable)}.tw-builder-inner:has(.tw-construction) .tw-build{min-height:0}.tw-builder-inner .tw-construction{width:100%}.tw-builder-heading{padding-right:calc(3 * var(--u))}.town-window .tw-detail-art{margin-top:0;height:calc(12 * var(--u));overflow:hidden;border-top-right-radius:calc(1.8 * var(--u))}.town-window .tw-medal:after{content:none}.town-window .tw-detail>h3{font-size:calc(1.85 * var(--u));flex-shrink:0}.town-window .tw-detail>:is(.tw-costs,.tw-need,.tw-do){flex-shrink:0}#heroPanel .hw-figure.mounted{width:320px;height:320px;filter:saturate(1.16) var(--tint, brightness(1))}#heroPanel .hw-right{isolation:isolate}#heroPanel .hw-right:before{content:"";position:absolute;z-index:-1;inset:0 0 32px;background:url(/art/ui/hw-window-field-restored.png) -846px -94px / 1279px 794px no-repeat;mask-image:linear-gradient(#000 92%,transparent);pointer-events:none}#heroPanel .hw-stat-ico img{filter:brightness(.9) saturate(.88)}#heroPanel .hw-power-label .hw-label-img{background:none}#heroPanel .hw-power-label .hw-label-img use{display:inline}#heroPanel .hw-value-label .hw-label-img use{display:none}#heroPanel .hw-value-label .hw-label-img{background:url(/art/ui/stat-power.png) center / contain no-repeat}#heroPanel .hw-stat-ico img[src*=hourglass-master]{width:34px;height:34px;max-width:none;transform:none;filter:none;mask:url(/art/ui/inventory-review/hourglass-mask.svg) center / contain no-repeat}#heroPanel .hw-stat-ico:has(img[src*=sat-emblem]){position:relative;height:36px;overflow:visible;background:none;clip-path:none}#heroPanel .hw-stat-ico img[src*=sat-emblem]{position:absolute;left:-8px;top:-4px;visibility:visible;width:46px;height:46px;max-width:none;object-fit:contain;transform:none;mask:url(/art/ui/inventory-depth/raid-source-mask.svg) center / contain no-repeat;filter:contrast(1.08)}#heroPanel[data-hero-tab=class] .hw-stat-ico:has(img[src*=tier-]){width:30px;height:39px}#heroPanel[data-hero-tab=class] .hw-stat-ico img[src*=tier-]{width:27px;height:39px;object-fit:contain}#heroPanel[data-hero-tab=class] .hw-tier-val{position:relative;isolation:isolate;width:46px;min-width:46px;height:34px;padding:0 0 9px;font-family:var(--hw-font-number);font-weight:700;font-size:22px;font-style:normal;line-height:1;background:none;border-radius:0;box-shadow:none}#heroPanel[data-hero-tab=class] .hw-tier-val:before{content:"";position:absolute;z-index:-1;width:49px;height:17px;bottom:1px;left:-2px;background:url(/art/ui/inventory-late/knight-class.jpg) -648px -626px / 1920px 1080px no-repeat;clip-path:ellipse(50% 89% at 50% 0%)}#heroPanel[data-hero-tab=class] .hw-tier-val:after{content:"";position:absolute;z-index:-2;left:0;top:4px;width:46px;height:27px;border-radius:50%;background:#1a2933}#heroPanel .hw-slot-frame:before{background:linear-gradient(155deg,#625e56,#46443f 65%,#393936)}#heroPanel .hw-slot.on{filter:brightness(1.15);outline:1px solid #c4c5b6;outline-offset:1px}#heroPanel .hw-slot:not(.gem):not(.disc):after{content:"";position:absolute;inset:1px;pointer-events:none;border:1px solid #b5b7ab80;border-top-color:#d0d0be99;border-bottom-color:#8e968d80}#heroPanel .hw-slot.gem.empty .hw-slot-img{mask-image:url(/art/ui/slots/cell-shard@2x.png)}#heroPanel .hw-slot.disc.empty .hw-slot-img{mask-image:url(/art/ui/slots/cell-runestone@2x.png)}#heroPanel .hw-color:before{inset:3px;background:var(--native-paint) center / contain no-repeat;filter:none}#heroPanel .hw-color[data-color=cobalt]{--native-paint: url(/art/ui/inventory-native/paint-cobalt.png)}#heroPanel .hw-color[data-color=crimson]{--native-paint: url(/art/ui/inventory-native/paint-crimson.png)}#heroPanel .hw-color[data-color=emerald]{--native-paint: url(/art/ui/inventory-native/paint-emerald.png)}#heroPanel .hw-color[data-color=amethyst]{--native-paint: url(/art/ui/inventory-native/paint-amethyst.png)}#heroPanel .hw-color[data-color=aurum]{--native-paint: url(/art/ui/inventory-native/paint-aurum.png)}#heroPanel .hw-color[data-color=turquoise]{--native-paint: url(/art/ui/inventory-native/paint-turquoise.png)}#heroPanel .hw-color[data-color=ivory]{--native-paint: url(/art/ui/inventory-native/paint-ivory.png)}#heroPanel .hw-color[data-color=obsidian]{--native-paint: url(/art/ui/inventory-native/paint-obsidian.png)}#heroPanel .hw-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}#heroPanel .hw-avatar[data-avatar^=ho-necro-] span,:is(#heroStatsAvatar,#heroFace)[style*=portrait-necro-]{background-size:112%;background-position:center}#heroStatsXpArc{--xp-frame-empty: url(/art/ui/inventory-depth/xp-green-empty.svg);--xp-frame-full: url(/art/ui/inventory-depth/xp-green-full.svg)}#heroStatsXpArc[data-epic=true]{--xp-frame-empty: url(/art/ui/inventory-depth/xp-dragon-empty.svg);--xp-frame-full: url(/art/ui/inventory-depth/xp-dragon-full.svg)}#heroPanel .hw-titles{padding-top:18px}#heroPanel .hw-pet-none{margin-top:23px;font-weight:400}#heroPanel .hw-bag-foot{position:relative}#heroPanel .hw-bag-foot:before{content:"";position:absolute;top:-5px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#b7bd8880 18%,#b7bd88b3 48%,#b7bd8840 85%,transparent)}#heroPanel .hw-bag-row{position:relative;isolation:isolate;border-radius:0}#heroPanel .hw-bag-row:hover,#heroPanel .hw-bag-row.on{border-color:transparent;background:none}#heroPanel .hw-bag-row:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(#7e816080,#4c4c3580);border-bottom:1px solid #e8e6c280;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 78%,transparent 96%);opacity:0}#heroPanel .hw-bag-row:hover:before,#heroPanel .hw-bag-row.on:before{opacity:1}#heroPanel .hw-card-name{color:#dce1d9;font-weight:400;letter-spacing:0}#heroPanel .hw-card-stat-bar{height:6px;background:#293843;box-shadow:inset 0 1px 1px #090f16}#heroPanel .hw-card-stat-bar b{background:linear-gradient(#687783,#b5bdc0 45%,#7e8d96 65%,#40525f)}#heroPanel .hw-back{background-image:url(/art/ui/book-restored/back.png);clip-path:none}#heroPanel .hw-scroll-btn{background-size:24px 24px;background-position:center;height:24px;clip-path:none}#heroPanel .hw-scroll-btn.up{background-image:url(/art/ui/town-buttons/round-scroll-up.png)}#heroPanel .hw-scroll-btn.down{background-image:url(/art/ui/town-buttons/round-scroll-down.png)}#heroPanel .hw-scroll-btn:focus-visible{outline:none;filter:brightness(1.5)}#heroPanel .hw-scroll-track{background:none}#heroPanel .hw-scroll-track:before{content:"";position:absolute;top:0;bottom:0;left:17px;width:3px;border-radius:2px;background:linear-gradient(90deg,#17242c,#343b39 65%,#968975);box-shadow:-1px 0 1px #101b2866;pointer-events:none}#heroPanel .hw-scroll-thumb{left:6.5px;right:6.5px;border:1px solid #94866a;border-image:none;border-radius:12px;clip-path:none;background:linear-gradient(90deg,#70634b,#77694f 12%,#685b44 30%,#665941 78%,#5b503d);box-shadow:inset 1px 0 #b0a18366,inset -1px 0 #423b3066,0 1px 1px #17222e80}#heroTabPane .hw-group-title{margin-left:0;padding-left:1px}#heroTabPane .hw-group-title:after,#heroTabPane .hw-sec-head:after{left:0;right:0}#heroTabPane .hw-raid-progress{padding-bottom:6px}#heroItemCard :is(.hw-item-details,.hw-card-lore){scrollbar-width:thin;scrollbar-color:#857456 #192c37;scrollbar-gutter:stable}@supports selector(::-webkit-scrollbar){#heroItemCard :is(.hw-item-details,.hw-card-lore){scrollbar-width:auto;scrollbar-color:auto}#heroItemCard :is(.hw-item-details,.hw-card-lore)::-webkit-scrollbar{width:12px}#heroItemCard :is(.hw-item-details,.hw-card-lore)::-webkit-scrollbar-track{border-radius:6px;background:#192c37;box-shadow:inset 1px 0 #0e1e27,inset -1px 0 #68706166}#heroItemCard :is(.hw-item-details,.hw-card-lore)::-webkit-scrollbar-thumb{min-height:28px;border:1px solid #a18d68;border-radius:6px;background:linear-gradient(90deg,#8a7858,#685941)}#heroItemCard :is(.hw-item-details,.hw-card-lore)::-webkit-scrollbar-thumb:hover{background:#968360}#heroItemCard :is(.hw-item-details,.hw-card-lore)::-webkit-scrollbar-button{display:none}}#heroPanel .hw-class-title b{font-size:21px}#heroPanel .hw-stat-name{font-family:var(--hw-font-interface);font-weight:400;font-size:22px}#heroPanel .hw-sec-head{font-family:var(--hw-font-interface);font-weight:400;font-size:24px}#heroPanel .hw-jump-label{font-family:var(--hw-font-interface);font-weight:400;font-size:25px}#heroPanel .hw-group-title{font-family:var(--hw-font-interface);font-weight:400;font-size:22px}#heroPanel .hw-title-name{font-family:var(--hw-font-interface);font-weight:400;font-size:21px}#heroPanel .hw-pet-none{font-family:var(--hw-font-interface);font-size:19px}#heroItemCard .hw-card-kind b{font-weight:400;color:#cdd6dd}#heroItemCard .hw-card-ico{box-shadow:none!important}#heroItemCard .hw-card-bonus{font-size:14px;color:#cdd6dd}#heroItemCard .hw-card-bonus:before{content:"•";flex:none}#heroItemCard .hw-card-bonus>span{flex:1}#heroItemCard .hw-card-bonus b{color:inherit;flex:none}#heroItemCard .hw-card-set{margin:20px 0 0;font-size:14px}#heroItemCard .hw-card-set-title{font-family:var(--display);font-weight:400;font-size:19px;color:#c5c9ba;border-bottom:1px solid #8b9388;margin-bottom:5px}#heroItemCard .hw-card-set-tier{color:#788993}#heroItemCard .hw-card-set-tier.active{color:#cdd6dd}#heroItemCard .hw-card-set-line{display:grid;grid-template-columns:18px 1fr auto;column-gap:3px;margin:3px 0}#heroItemCard .hw-card-set-line strong{font-size:13px;font-variant-numeric:tabular-nums}#heroItemCard .hw-card-lore{scrollbar-gutter:auto}#heroPanel .hw-source-jump{filter:brightness(.9) saturate(.85)}#heroPanel .hw-bag-ico,#heroItemCard .hw-card-ico{filter:brightness(.93) saturate(.9)}#heroPanel[data-hero-tab=stats] #heroTabPane{padding-left:11px}#heroPanel[data-hero-tab=stats] .hw-stat-ico{margin-left:-3px}#heroPanel[data-hero-tab=stats] .hw-group-title{padding-left:0}#heroPanel .hw-left{isolation:isolate}#heroPanel .hw-left:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 -12px 0 -8px;background:#4c5b6f2e}#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;background:url(/art/ui/inventory-refined/category-plate.svg) center / contain no-repeat;pointer-events:none}#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);overflow:visible}#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.on{outline:1px solid #adb7aa;outline-offset:0;filter:brightness(1.1)}#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}: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) * -19 / 142);top:calc(var(--md) * -19 / 142);width:calc(var(--md) * 180 / 142);height:calc(var(--md) * 180 / 142);--xp-frame-empty: url(/art/ui/inventory-contours/xp-green-empty.svg);--xp-frame-full: url(/art/ui/inventory-contours/xp-green-full.svg);z-index:3}:is(#heroXpArc,#heroStatsXpArc):before{mask:conic-gradient(from 190deg,#000 0deg calc(var(--xp) * 137deg),transparent calc(var(--xp) * 137deg) 360deg)}:is(#heroXpArc,#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)}:is(#heroXpArc,#heroStatsXpArc)[data-epic=true]:after{inset:calc(var(--md) * -12.65 / 142);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}#heroCreate{backdrop-filter:none;background:linear-gradient(#05121bc7,#05121be0),url(/art/loading/2970865-mmho_keyart_siegebattles_2560x1440_1448405051.jpg) center / cover no-repeat}.hc-win{position:relative;flex:0 0 auto;width:956px;height:596px;transform:scale(var(--hc-fit, 1));transform-origin:center;background:url(/art/ui/creation/frame.png) center / 956px 596px no-repeat;color:#eee;font-family:Arial,sans-serif;font-synthesis:none}.hc-win:before{content:"";position:absolute;inset:71px 16px 72px;background:linear-gradient(#91a0b533,#12253c55),url(/art/ui/creation/late/parchment.png) center / cover no-repeat}.hc-win[data-step=faction]{background-image:url(/art/ui/creation/late/faction-window.png)}.hc-win[data-step=faction]:before{display:none}.hc-title{position:absolute;inset:28px 0 auto;z-index:5;margin:0;text-align:center;font:46px/1 Fontin,Georgia,serif;color:#ebedef;letter-spacing:.01em;-webkit-text-stroke:1px #d0d7dc;text-shadow:2px 2px 0 #3a4653,-2px -2px 0 #3a4653,2px -2px 0 #3a4653,-2px 2px 0 #3a4653,0 3px 3px #071828;pointer-events:none}.hc-body{position:absolute;inset:71px 4px 72px;overflow:hidden;z-index:1}.hc-back{position:absolute;left:13px;bottom:16px;z-index:6;width:317px;height:40px;padding:0 0 2px 24px;border:0;cursor:pointer;background:url(/art/ui/creation/btn-back.png) left top / 317px 40px no-repeat;font:26px/1 Fontin,Georgia,serif;color:#eee5d2;text-shadow:0 2px 3px #000}.hc-select,.hc-restart,.hc-confirm{height:30px;min-width:150px;padding:0 12px 2px;border:0;cursor:pointer;background:url(/art/ui/creation/btn-select-l.png) left top / 14px 30px no-repeat,url(/art/ui/creation/btn-select-r.png) right top / 14px 30px no-repeat,url(/art/ui/creation/btn-select-m.png) 14px top / calc(100% - 28px) 30px repeat-x;font:22px/1 Fontin,Georgia,serif;color:#eee5d2;text-shadow:0 2px 3px #000}.hc-restart{font-size:15px;margin-top:4px}.hc-back:hover,.hc-select:hover,.hc-restart:hover{filter:brightness(1.15)}.hc-back:active,.hc-select:active{filter:brightness(.9)}.hc-close{position:absolute;right:18px;top:14px;z-index:6;width:28px;height:28px;border:1px solid #8fa5b1;border-radius:50%;background:#102b3b;color:#e4dcc9;display:grid;place-items:center;cursor:pointer}.hc-close .ic{width:12px;height:12px}.hc-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:13px/17px Arial,sans-serif;color:#f0f1e9;text-shadow:0 1px 1px #000}.hc-line-ic{width:45px;height:45px;flex:0 0 45px;object-fit:contain;clip-path:circle(49%)}.hc-panel-actions{position:absolute;left:70px;bottom:12px;z-index:5;display:flex;flex-direction:column;align-items:center}.hc-class[data-side=r] .hc-panel-actions{left:auto;right:70px}.hc-slots{display:flex;align-items:center;justify-content:flex-start;gap:20px;height:100%;padding:20px 48px;box-sizing:border-box}.hc-slot{position:relative;display:flex;flex-direction:column;width:270px;height:370px;flex:0 1 270px;min-width:0;padding:5px;border:3px double #907e52;border-radius:2px;background:linear-gradient(#9c916446,#1b211ecc),url(/art/ui/creation/late/parchment.png) center / cover;box-shadow:inset 0 0 0 3px #332e22,0 2px 4px #0009;cursor:pointer;color:#e8dfc9}.hc-slot:hover,.hc-slot.now{border-color:#cbb274}.hc-slot-head{display:flex;justify-content:space-between;align-items:center;min-height:29px;padding:0 4px;background:#b3a889bb;color:#25251d}.hc-slot-name{font:17px Fontin,Georgia,serif}.hc-slot-lvl{font:12px Fontin Sans,sans-serif;white-space:nowrap}.hc-slot-art{flex:1;min-height:0;background:center bottom / contain no-repeat}.hc-slot-foot{padding:7px 2px;font:12px Fontin Sans,sans-serif;color:#d7d3be}.hc-slot-new .hc-slot-art{background-image:url(/art/heroClassImages/Knight_HO.png);filter:brightness(0) opacity(.55);margin:30px 0}.hc-slot-new-label{position:absolute;top:35%;left:0;right:0;text-align:center;font:27px/1.1 Fontin,Georgia,serif;text-shadow:0 2px 3px #000}.hc-slot{padding:7px;border:0;background:url(/art/ui/creation/late/roster-card-restored.png) center / 100% 100% no-repeat;box-shadow:0 2px 4px #0009}.hc-slot:hover,.hc-slot.now{box-shadow:0 0 0 1px #cfb66d,0 0 5px #cfb66d66}.hc-slot-head{min-height:30px;background:transparent;color:#ece2c6;text-shadow:0 1px 2px #000}.hc-slot-foot{min-height:20px;padding-bottom:2px}.hc-title,.hc-back,.hc-select,.hc-restart,.hc-confirm,.hc-faction-name,.hc-panel-name,.hc-slot-name,.hc-slot-new-label{font-family:Georgia,serif}.hc-slot-head{gap:6px}.hc-slot-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-win button{-webkit-tap-highlight-color:transparent}.hc-name{position:relative;height:100%}.hc-portraits,.hc-colours{position:absolute;top:0;bottom:0;width:322px;padding:32px 12px 0;box-sizing:border-box}.hc-portraits{left:0}.hc-colours{right:0}.hc-name h3{position:relative;isolation:isolate;height:39px;box-sizing:border-box;margin:0 -10px 14px;padding:5px 12px 0;color:#b5c6ce;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:42px;height:19px;background:url(/art/ui/creation/details/name-ornament.png) center / 100% 19px 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;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:52px;height:52px}.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:0;right:0;bottom:33px;color:#ffd5ac;background:#09273ce8;font:11px/12px Arial,sans-serif}#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%)}#uiLayer{position:absolute;left:0;top:0;width:var(--ui-width, 100%);height:var(--ui-height, 100%);transform:scale(var(--ui-scale, 1));transform-origin:top left;pointer-events:none;z-index:2}#uiLayer>:is(.sheet,.veil){pointer-events:auto}#uiLayer>#tip{pointer-events:none}.skills-reset-dialog{zoom:var(--ui-scale, 1);pointer-events:auto}.shop-item-icon[src$="/Harpy_HO_icon.png"]{border-radius:50%}#armyBookBtn img{clip-path:polygon(16% 16%,28% 12%,44% 10%,60% 10%,71% 14%,79% 24%,83% 36%,83% 55%,86% 58%,82% 63%,84% 68%,88% 72%,83% 77%,64% 83%,44% 85%,32% 82%,22% 74%,12% 63%,8% 57%,11% 45%,13% 34%)}.army-slot .face,.beast-portrait-ring,.tw-medal,.tw-orb{background-color:#123553}#tracker{overflow:visible;max-height:none}#tracker .chapter{height:auto;min-height:16px;line-height:17px;margin-bottom:26px;font-weight:400}#tracker .chapter:before{content:"";position:absolute;right:0;bottom:-1px;width:29px;height:20px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='29'%20height='20'%20viewBox='0%200%2029%2020'%3e%3c!--%20Реконструкция%20контура%20окончания%20линии%20главы:%20steam/05.jpg,%20x1820…1843%20y249…263.%20Два%20завитка%20сходятся%20под%20жетоном%20свитка.%20--%3e%3cdefs%3e%3clinearGradient%20id='bone'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='%23b9b49a'/%3e%3cstop%20offset='1'%20stop-color='%23868771'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23bone)'%20d='M0%2018.4H5.5C12.6%2018.4%2018.1%2016.9%2021.8%2013.6C24.3%2011.4%2025.5%209.1%2024.5%206.9C23.8%205.3%2021.8%205.1%2020.6%206.3C19.8%207.2%2020.2%208.5%2021.3%208.5C20.6%207.8%2021.3%207%2022%207.4C23.3%208.3%2021.5%2010.5%2020.2%2010.9C21.4%208.7%2021%206.3%2019.2%204.5C17.7%203%2018.3%201.2%2019.9%20.2C16.5%20.2%2015.5%203.2%2017.1%205.6C19.1%208.6%2017.9%2011.5%2014.6%2013.4C16.1%2010.9%2015.5%208.8%2013.6%208.2C11.1%207.4%208.8%209.4%209.9%2011.6C10.6%2012.7%2012%2012.7%2012.5%2011.7C11.2%2012%2010.9%2010.7%2011.9%2010.3C13.3%209.8%2014.1%2011.6%2012.6%2013.4C10.9%2015.6%206.6%2016.8%200%2016.9Z'/%3e%3cpath%20fill='url(%23bone)'%20d='M17.3%2015.8C21%2012.6%2025.7%2011.4%2027.1%2014.1C28.2%2016.4%2026.8%2018.5%2024.3%2018.2C25.5%2017.7%2025.7%2016.6%2025%2016C23.6%2014.8%2021.1%2015.2%2017.3%2015.8Z'/%3e%3c/svg%3e") center / contain no-repeat;pointer-events:none}#tracker .chapter:after{right:24px}#tracker .quest-list{max-height:calc(var(--ui-height) - 370px);overflow:auto;padding-top:9px;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#7a8179 #10233155}#tracker .track{padding-bottom:28px;background:linear-gradient(180deg,#123951dc 0,#082b40e8 28px,#082b40d9 calc(100% - 36px),#082b4000)}#tracker .q-header{padding-bottom:4px;border-bottom:1px solid #9e9b796b}#tracker .qn{font-weight:400;line-height:19px;color:#d8d3c2}#tracker .q-goals{padding-top:8px}#tracker .obj{color:#8da6b5;line-height:1.28;margin-bottom:9px}#tracker .obj.now{color:#edf1ef}#tracker .obj.met{color:#91ad9f}#tracker .track.folded{display:block;width:calc(100% - 25px);border:0;text-align:left;background:none}#tracker .track.folded .qn{line-height:16px}#tracker .track.folded:focus-visible{outline:1px solid #d4c48a;outline-offset:-1px}#tracker .empty{font-size:15px;line-height:1.35}#logPanel{max-width:calc(100% - 48px)}.sheet:not(#heroPanel):not(#skillsPanel):not(#townPanel){max-width:calc(100% - 24px)}.skills-title{font-size:80px;letter-spacing:0;transform:none;-webkit-text-stroke:0;filter:drop-shadow(2px 0 0 #46505a) drop-shadow(-2px 0 0 #46505a) drop-shadow(0 2px 0 #46505a) drop-shadow(0 -2px 0 #46505a) drop-shadow(1.5px 0 0 #78848f) drop-shadow(-1.5px 0 0 #78848f) drop-shadow(0 1.5px 0 #78848f) drop-shadow(0 -1.5px 0 #78848f)}.skills-school-tab{font-size:22.7px;letter-spacing:0}.skills-school-title{letter-spacing:0}.skills-hero-who b{font-size:26.5px;letter-spacing:0}.skills-hero-who{flex:1}.skills-hero-who b,.skills-hero-points i{white-space:nowrap}.skills-hero-points{flex-shrink:0}.skills-hero-points i{font-family:Georgia,serif;font-weight:700;font-size:18.9px;letter-spacing:0}.book-btn{font-size:34px;letter-spacing:0}.hero-window .hw-group-title{font-family:var(--display);font-size:19.9px}.hw-stat-name,.hw-upgrade-label{font-family:var(--display);font-size:18.5px}#heroPanel .hw-back{font-family:var(--display);font-size:32.1px}.hw-stat-val,.hw-stat-preview{font-family:Tahoma,Arial,sans-serif;font-size:16.3px}#tip.talent-tip{font-family:Arial,sans-serif;font-size:11px;line-height:1.3}#tip.talent-tip .t{font-size:17px}.hero-window .hw-card-name{letter-spacing:0}.hc-win,.hc-faction-card{font-family:var(--body)}.hc-title,.hc-back,.hc-select,.hc-restart,.hc-confirm,.hc-faction-select,.hc-panel-name,.hc-slot-name{font-family:var(--display)}.hc-faction-name{font-family:Georgia,serif;font-weight:700}.hc-faction-text,.hc-line,.hc-panel-type,.hc-slot-lvl{font-family:var(--body)}.hc-faction-text{font-size:12.1px}.hc-panel-type{font-size:16px}.tw-slot,.tw-slot.locked,.tw-face-nm,.tw-item-nm,.tw-rows dt,.tw-builder-heading h3,.feats-heading,.feats-tab-label,.feats-row-title{letter-spacing:0}#purseAmount{font-family:Arial,sans-serif;font-weight:700}#resources .val{font-family:Arial,sans-serif;font-size:10.5px}.tw-rows dd{font-family:Tahoma,Arial,sans-serif;font-weight:700}.tw-rows div:first-child dd{font-size:calc(1.85 * var(--u))}#heroName{font-family:HO Name,Georgia,serif;font-weight:700}#zoneName{font-family:HO Name,Georgia,serif;font-size:16.5px;letter-spacing:0}.hero-window>header .hw-title{font-family:var(--display);font-size:74px}#hud,#heroCreate,#tip,#skillsResetDialog{font-variant-numeric:lining-nums tabular-nums}#chatPanel{position:absolute;left:22px;bottom:104px;width:372px;max-width:calc(100% - 48px);display:flex;flex-direction:column;z-index:6;font-family:HO Text,Fontin Sans,Segoe UI,sans-serif;pointer-events:none}#chatPanel[hidden]{display:none}.chat-lines{max-height:216px;overflow-y:auto;padding:6px 8px 6px 4px;font-size:14px;line-height:1.45;color:#f1ede4;text-shadow:0 1px 2px #000,0 0 3px rgba(0,0,0,.9);background:linear-gradient(90deg,rgba(3,7,12,.42) 0%,rgba(3,7,12,.18) 80%,transparent 100%);pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(214,180,110,.5) transparent;overflow-wrap:anywhere}.chat-line{padding:1px 0}.chat-time{color:#cfc7b6}.chat-name{color:#e59a3c;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.chat-name:hover{color:#ffc070}.chat-line.mine .chat-name{color:#d9c28a}.chat-system{color:#f3dc8c;padding:1px 0}.chat-form{display:flex;align-items:center;gap:4px;height:26px;margin-top:4px;padding:0 3px 0 8px;background:linear-gradient(180deg,#a8854c,#8a6934 55%,#6e5227);border:1px solid #3a2a12;border-radius:2px 13px 13px 2px;box-shadow:inset 0 1px #ffecbe73,0 1px 3px #000000b3;pointer-events:auto}.chat-form input{flex:1;min-width:0;height:18px;border:0;outline:0;padding:0 6px;font:inherit;font-size:13.5px;color:#20170a;background:#fff4d6d1;border-radius:2px}.chat-form input::placeholder{color:#281c0a8c}.chat-form input:disabled{background:#fff4d666}.chat-form button{width:20px;height:20px;padding:0;border:1px solid #3a2a12;border-radius:50%;font-size:11px;line-height:18px;color:#2a1d08;background:radial-gradient(circle at 40% 35%,#f6e6b4,#b8964f);cursor:pointer}.chat-form button:hover{filter:brightness(1.12)}#playersPanel{position:absolute;left:32px;top:350px;width:260px;max-height:50vh;display:flex;flex-direction:column;padding:0;z-index:7;border-radius:3px;font-family:HO Text,Fontin Sans,Segoe UI,sans-serif}#playersPanel[hidden]{display:none}#playersPanel header{display:flex;align-items:center;gap:6px;padding:7px 8px 6px 12px;font-family:HO Caption,Fontin,Georgia,serif;font-size:14px;color:var(--gold-lit, #ffeaa8);border-bottom:1px solid rgba(214,180,110,.28)}#playersCount{color:#cfc7b6;font-size:12.5px}#playersCount:not(:empty):before{content:"· "}#playersClose{margin-left:auto;width:20px;height:20px;padding:0;border:0;background:none;color:#cfc7b6;font-size:18px;line-height:18px;cursor:pointer}#playersClose:hover{color:#fff}#playersList{list-style:none;margin:0;padding:4px 0;overflow-y:auto}#playersList li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;padding:4px 12px;font-size:13.5px;color:#f1ede4;cursor:pointer}#playersList li:hover{background:#d6b46e1f}#playersList li b{font-weight:600;color:#e59a3c}#playersList .players-level{color:#cfc7b6;font-size:12px}#playersList small{flex-basis:100%;color:#9fb0bf;font-size:12px}#playersList .players-empty{cursor:default;color:#cfc7b6}#playersList .players-empty:hover{background:none}