.continuousResources{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.continuousResource{appearance:none;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));color:var(--text);border-radius:12px;padding:10px 8px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;text-align:left;cursor:pointer;min-width:0}.continuousResource>span{grid-row:1/3;font-size:24px;margin-right:8px;align-self:center}.continuousResource b{font-size:16px;overflow:hidden;text-overflow:ellipsis}.continuousResource small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.continuousResource.selected{border-color:#d6ab50;box-shadow:inset 0 0 0 1px rgba(214,171,80,.25),0 0 18px rgba(214,171,80,.08)}.continuousTradePanel{border:1px solid var(--line);border-radius:15px;background:linear-gradient(155deg,rgba(31,28,24,.98),rgba(17,18,20,.98));padding:14px;overflow:hidden}.continuousTradePanel header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:11px}.continuousTradePanel h2{font-size:19px;margin:2px 0 3px}.continuousTradePanel header p{color:var(--muted);margin:0;font-size:12px}.tradeEyebrow{color:#dab762;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.tradeLevel,.tradeFatigue{white-space:nowrap;border:1px solid rgba(218,183,98,.35);background:rgba(218,183,98,.08);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.tradeFatigue.tired{color:#efc86f}.tradeFatigue.fatigued{color:#f39b58}.tradeFatigue.exhausted,.tradeFatigue.resting{color:#ef6f63;border-color:rgba(239,111,99,.4)}.continuousTradeScene{height:132px;position:relative;overflow:hidden;border:1px solid rgba(214,171,80,.2);border-radius:12px;background:linear-gradient(#15222b,#24291f 68%,#161710 68%);margin-bottom:10px}.tradeSky i{position:absolute;width:2px;height:2px;border-radius:50%;background:#f4ddb0;opacity:.5}.tradeSky i:nth-child(1){left:15%;top:22%}.tradeSky i:nth-child(2){left:52%;top:14%}.tradeSky i:nth-child(3){right:13%;top:28%}.tradeLandscape{position:absolute;inset:auto 0 0;height:42px;background:linear-gradient(165deg,transparent 30%,#28331f 31% 55%,#1a2117 56%)}.tradeTarget{position:absolute;right:17%;bottom:25px;width:38px;height:57px}.woodcutting .tradeTarget{background:#49301f;border-radius:12px 12px 3px 3px}.woodcutting .tradeTarget:before{content:"";position:absolute;width:64px;height:49px;background:#2f5634;border-radius:50%;left:-14px;top:-35px;box-shadow:-18px 11px #294c30,20px 9px #365f3a}.mining .tradeTarget{width:66px;height:36px;border-radius:55% 45% 8px 8px;background:#555961;box-shadow:inset 12px 8px #6c717b}.herbalism .tradeTarget{width:65px;height:38px;background:repeating-linear-gradient(78deg,transparent 0 8px,#467846 9px 13px,transparent 14px 18px)}.tradeWorker{position:absolute;left:27%;bottom:24px;width:44px;height:73px;transform-origin:50% 100%;animation:workerBob 1.1s ease-in-out infinite}.tradeWorker .head{position:absolute;left:14px;top:0;width:18px;height:18px;border-radius:50%;background:#d5a77a}.tradeWorker .body{position:absolute;left:10px;top:18px;width:25px;height:31px;background:#73502d;border-radius:6px}.tradeWorker .arm{position:absolute;left:28px;top:22px;width:24px;height:7px;background:#d5a77a;border-radius:4px;transform-origin:2px 50%;animation:tradeArm 1.1s ease-in-out infinite}.tradeWorker .tool{position:absolute;left:46px;top:13px;width:3px;height:39px;background:#8a6a43;transform-origin:50% 90%;animation:tradeTool 1.1s ease-in-out infinite}.tradeWorker .tool:after{content:"";position:absolute;left:-7px;top:-2px;width:17px;height:7px;border-radius:50%;background:#aab1b4}.herbalism .tradeWorker .tool{height:25px}.herbalism .tradeWorker .tool:after{background:#4f9252;width:14px;height:12px}.tradeWorker .leg{position:absolute;top:46px;width:7px;height:27px;background:#393c43}.tradeWorker .leg.one{left:13px;transform:rotate(5deg)}.tradeWorker .leg.two{left:27px;transform:rotate(-5deg)}.tradeWorker em{display:none;position:absolute;right:-6px;top:1px;font-style:normal;font-size:12px}.tired .tradeWorker,.fatigued .tradeWorker{animation-duration:1.5s}.tired .tradeWorker .arm,.tired .tradeWorker .tool,.fatigued .tradeWorker .arm,.fatigued .tradeWorker .tool{animation-duration:1.5s}.fatigued .tradeWorker em,.exhausted .tradeWorker em{display:block}.exhausted .tradeWorker,.exhausted .tradeWorker .arm,.exhausted .tradeWorker .tool{animation-duration:2.2s}.resting .tradeWorker,.resting .tradeWorker .arm,.resting .tradeWorker .tool,.workComplete .tradeWorker,.workComplete .tradeWorker .arm,.workComplete .tradeWorker .tool{animation-play-state:paused}.resting .tradeWorker,.workComplete .tradeWorker{transform:rotate(-8deg) translateY(8px)}.continuousTradeScene>strong{position:absolute;left:10px;bottom:8px;color:rgba(255,255,255,.7);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.tradeDrops i{position:absolute;right:28%;bottom:27px;width:4px;height:4px;background:#dbb45c;border-radius:50%;animation:tradeDrop 1.1s infinite}.tradeDrops i:nth-child(2){animation-delay:.25s}.tradeDrops i:nth-child(3){animation-delay:.5s}.tradeXp{display:grid;gap:5px;margin:10px 0}.tradeXp span{font-size:11px;color:var(--muted)}.tradeXp i,.tradeTimeline>i{display:block;height:6px;border-radius:10px;background:rgba(255,255,255,.08);overflow:hidden}.tradeXp em,.tradeTimeline em{display:block;height:100%;background:linear-gradient(90deg,#a87726,#edc667);border-radius:inherit}.tradeStartPreview,.tradeLiveStats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0}.tradeStartPreview div,.tradeLiveStats>div{padding:9px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:9px;min-width:0}.tradeStartPreview span,.tradeLiveStats span{display:block;color:var(--muted);font-size:10px}.tradeStartPreview b,.tradeLiveStats b{display:block;margin-top:3px;font-size:13px}.tradeLiveStats small{color:var(--muted);font-size:9px}.claimStat{border-color:rgba(214,171,80,.28)!important}.claimStat b{color:#efca72}.tradeTimeline{display:grid;grid-template-columns:1fr 1fr;margin:4px 0 10px}.tradeTimeline i{grid-column:1/-1}.tradeTimeline span{font-size:9px;color:var(--muted);margin-top:4px}.tradeTimeline span:last-child{text-align:right}.tradeBreakdown{border-top:1px solid rgba(255,255,255,.07);padding-top:8px;font-size:11px;color:var(--muted)}.tradeBreakdown summary{cursor:pointer;color:#d6b45e}.tradeBreakdown p{margin:6px 0}.tradeActions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.tradePrimary,.tradeCancel{border:0;border-radius:9px;padding:10px 13px;font-weight:800;cursor:pointer}.tradePrimary{background:linear-gradient(135deg,#ae782a,#e0b859);color:#16120b;width:100%}.tradeCancel{background:rgba(192,66,58,.1);border:1px solid rgba(220,84,73,.35);color:#ef8d84}.tradePrimary:disabled,.tradeCancel:disabled{opacity:.45;cursor:not-allowed}.legacyClock{text-align:center;padding:25px;font-size:20px;color:#e6c675}@keyframes workerBob{50%{transform:translateY(2px)}}@keyframes tradeArm{50%{transform:rotate(48deg)}}@keyframes tradeTool{50%{transform:rotate(42deg)}}@keyframes tradeDrop{0%,55%{opacity:0;transform:translate(0,0)}75%{opacity:1}100%{opacity:0;transform:translate(13px,-12px)}}
@media(max-width:620px){.continuousResources{grid-template-columns:1fr}.continuousResource{grid-template-columns:auto 1fr auto;grid-template-rows:auto}.continuousResource>span{grid-row:auto}.continuousResource small{text-align:right;align-self:center}.continuousTradePanel{padding:11px}.continuousTradePanel header{display:block}.tradeLevel,.tradeFatigue{display:inline-block;margin-top:8px}.tradeLiveStats,.tradeStartPreview{grid-template-columns:1fr}.continuousTradeScene{height:118px}.tradeWorker{left:20%}.tradeTarget{right:12%}}
#tradeWorkedTime{display:flex;align-items:center;gap:7px;width:max-content;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#edc76b;font-family:"Segoe UI Variable","Inter","Segoe UI",sans-serif;font-size:23px;font-weight:650;line-height:1.15;letter-spacing:.015em;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(218,174,75,.16)}#tradeWorkedTime:before{content:"◷";color:#a97d31;font:400 18px/1 sans-serif;text-shadow:none}.tradeTimeline{position:relative;padding-top:5px}.tradeTimeline>i{position:relative;z-index:1}.tradeTimeline .timelineStart,.tradeTimeline .timelineEnd{font-size:9px;color:var(--muted);margin-top:5px}.tradeTimeline .timelineEnd{text-align:right}.fatigueMarker{position:absolute;z-index:3;top:2px;width:2px;height:12px;margin-left:-1px;border-radius:2px;background:#78643d;cursor:help;transition:background .2s,box-shadow .2s}.fatigueMarker.reached{background:#e0b452;box-shadow:0 0 7px rgba(224,180,82,.6)}.fatigueMarker:before{content:attr(data-tip);position:absolute;left:50%;bottom:19px;z-index:10;width:max-content;max-width:150px;padding:6px 8px;border:1px solid #745b2c;border-radius:6px;background:#121417;color:#efd084;font-size:10px;font-weight:600;line-height:1;transform:translate(-50%,4px);opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;box-shadow:0 6px 18px #0008;transition:.15s}.fatigueMarker:hover:before,.fatigueMarker:focus:before{opacity:1;visibility:visible;transform:translate(-50%,0)}.fatigueMarker:last-of-type:before{left:auto;right:0;transform:translateY(4px)}.fatigueMarker:last-of-type:hover:before,.fatigueMarker:last-of-type:focus:before{transform:translateY(0)}
#tradeWorkedTime{display:flex;align-items:center;gap:7px;width:max-content;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#edc76b;font-family:"Segoe UI Variable","Inter","Segoe UI",sans-serif;font-size:23px;font-weight:650;line-height:1.15;letter-spacing:.015em;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(218,174,75,.16)}#tradeWorkedTime:before{content:"◷";color:#a97d31;font:400 18px/1 sans-serif;text-shadow:none}.continuousResource b{font-size:14px}.openedSkillProgress{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:-2px 0 11px;padding:9px 10px;border:1px solid rgba(214,171,80,.16);border-radius:9px;background:rgba(255,255,255,.02)}.openedSkillProgress div:last-of-type{text-align:right}.openedSkillProgress span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.openedSkillProgress b{display:block;margin-top:2px;color:#e8c66f;font-size:12px}.openedSkillProgress>i{grid-column:1/-1;display:block;height:4px;overflow:hidden;border-radius:5px;background:rgba(255,255,255,.07)}.openedSkillProgress>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9f7028,#e8c365)}.tradeTimeline{position:relative;padding-top:5px}.tradeTimeline>i{position:relative;z-index:1}.tradeTimeline .timelineStart,.tradeTimeline .timelineEnd{font-size:9px;color:var(--muted);margin-top:5px}.tradeTimeline .timelineEnd{text-align:right}.fatigueMarker{position:absolute;z-index:3;top:2px;width:2px;height:12px;margin-left:-1px;border-radius:2px;background:#78643d;cursor:help;transition:background .2s,box-shadow .2s}.fatigueMarker.reached{background:#e0b452;box-shadow:0 0 7px rgba(224,180,82,.6)}.fatigueMarker:before{content:attr(data-tip);position:absolute;left:50%;bottom:19px;z-index:10;width:max-content;max-width:150px;padding:6px 8px;border:1px solid #745b2c;border-radius:6px;background:#121417;color:#efd084;font-size:10px;font-weight:600;line-height:1;transform:translate(-50%,4px);opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;box-shadow:0 6px 18px #0008;transition:.15s}.fatigueMarker:hover:before,.fatigueMarker:focus:before{opacity:1;visibility:visible;transform:translate(-50%,0)}.fatigueMarker:last-of-type:before{left:auto;right:0;transform:translateY(4px)}.fatigueMarker:last-of-type:hover:before,.fatigueMarker:last-of-type:focus:before{transform:translateY(0)}

/* Profession-specific work motions; dimensions remain unchanged. */
.woodcutting .tradeWorker{left:31%}.woodcutting .tradeTarget{right:20%}.woodcutting .tradeWorker .arm{animation-name:woodArm;animation-timing-function:cubic-bezier(.55,.05,.45,.95)}.woodcutting .tradeWorker .tool{left:47px;top:13px;animation-name:woodAxe;animation-timing-function:cubic-bezier(.55,.05,.45,.95)}.woodcutting .tradeWorker .tool:after{left:-10px;top:-3px;width:21px;height:10px;border-radius:65% 18% 18% 65%;background:linear-gradient(90deg,#d4d9d9,#7c858a)}
.mining .tradeWorker{left:29%;animation-name:minerBrace}.mining .tradeTarget{right:17%}.mining .tradeWorker .arm{left:25px;top:19px;width:27px;animation-name:miningArm;animation-timing-function:cubic-bezier(.65,0,.35,1)}.mining .tradeWorker .tool{left:45px;top:4px;height:44px;animation-name:miningPick;animation-timing-function:cubic-bezier(.65,0,.35,1)}.mining .tradeWorker .tool:after{left:-13px;top:-3px;width:29px;height:6px;border-radius:50% 50% 20% 20%;background:linear-gradient(90deg,#737b80,#e1e5e4 48%,#737b80);clip-path:polygon(0 45%,38% 0,62% 0,100% 45%,94% 100%,61% 45%,39% 45%,6% 100%)}
.herbalism .tradeWorker{left:35%;transform-origin:50% 100%;animation-name:herbalBend;animation-timing-function:ease-in-out}.herbalism .tradeTarget{right:19%;bottom:20px}.herbalism .tradeWorker .body{transform-origin:50% 90%;animation:herbalTorso 1.35s ease-in-out infinite}.herbalism .tradeWorker .arm{left:27px;top:23px;width:30px;transform-origin:2px 50%;animation:herbalReach 1.35s ease-in-out infinite}.herbalism .tradeWorker .tool{display:none}.herbalism .tradeWorker .head{transform-origin:50% 100%;animation:herbalHead 1.35s ease-in-out infinite}.herbalism .tradeDrops i{right:23%;bottom:24px;background:#7fc36a;animation-name:herbGather;animation-duration:1.35s}
.tired.woodcutting .tradeWorker .arm,.tired.woodcutting .tradeWorker .tool,.fatigued.woodcutting .tradeWorker .arm,.fatigued.woodcutting .tradeWorker .tool,.tired.mining .tradeWorker .arm,.tired.mining .tradeWorker .tool,.fatigued.mining .tradeWorker .arm,.fatigued.mining .tradeWorker .tool{animation-duration:1.5s}.exhausted.woodcutting .tradeWorker .arm,.exhausted.woodcutting .tradeWorker .tool,.exhausted.mining .tradeWorker .arm,.exhausted.mining .tradeWorker .tool{animation-duration:2.2s}.tired.herbalism .tradeWorker,.tired.herbalism .tradeWorker .body,.tired.herbalism .tradeWorker .arm,.tired.herbalism .tradeWorker .head,.fatigued.herbalism .tradeWorker,.fatigued.herbalism .tradeWorker .body,.fatigued.herbalism .tradeWorker .arm,.fatigued.herbalism .tradeWorker .head{animation-duration:1.8s}.exhausted.herbalism .tradeWorker,.exhausted.herbalism .tradeWorker .body,.exhausted.herbalism .tradeWorker .arm,.exhausted.herbalism .tradeWorker .head{animation-duration:2.5s}
@keyframes woodArm{0%,25%{transform:rotate(-28deg)}70%,100%{transform:rotate(52deg)}}@keyframes woodAxe{0%,25%{transform:rotate(-38deg)}70%,100%{transform:rotate(48deg)}}@keyframes miningArm{0%,28%{transform:rotate(-72deg)}72%,100%{transform:rotate(54deg)}}@keyframes miningPick{0%,28%{transform:translate(-5px,-8px) rotate(-65deg)}72%,100%{transform:translate(7px,4px) rotate(48deg)}}@keyframes minerBrace{0%,100%{transform:translateY(0) rotate(-2deg)}65%{transform:translateY(2px) rotate(3deg)}}@keyframes herbalBend{0%,22%,100%{transform:rotate(0) translateY(0)}58%,78%{transform:rotate(24deg) translate(6px,5px)}}@keyframes herbalTorso{0%,22%,100%{transform:rotate(0)}58%,78%{transform:rotate(15deg)}}@keyframes herbalReach{0%,22%,100%{transform:rotate(10deg)}58%,78%{transform:rotate(67deg) translate(3px,4px)}}@keyframes herbalHead{0%,22%,100%{transform:rotate(0)}58%,78%{transform:rotate(18deg)}}@keyframes herbGather{0%,42%{opacity:0;transform:translate(0,0)}62%{opacity:1}100%{opacity:0;transform:translate(-17px,-19px)}}

/* Articulated workers and synchronized impact effects. */
.tradeWorker .toolRig{position:absolute;z-index:4;left:29px;top:23px;width:42px;height:12px;transform-origin:2px 6px}.tradeWorker .upperArm{position:absolute;left:0;top:2px;width:20px;height:7px;border-radius:5px;background:#c9976d;transform-origin:2px 50%;transform:rotate(5deg)}.tradeWorker .forearm{position:absolute;left:17px;top:2px;width:19px;height:7px;border-radius:5px;background:#d5a77a;transform-origin:2px 50%;transform:rotate(8deg)}.tradeWorker .hand{position:absolute;z-index:3;left:32px;top:1px;width:9px;height:9px;border-radius:50%;background:#e0b185;box-shadow:0 0 0 1px #79543d}.tradeWorker .toolRig .tool{display:block;position:absolute;z-index:2;left:36px;top:-24px;width:4px;height:54px;border-radius:3px;background:linear-gradient(90deg,#5d4025,#b1814b 48%,#664526);transform:rotate(-3deg);transform-origin:50% 29px;box-shadow:1px 0 #2b2118}.tradeWorker .toolRig .tool b{position:absolute;left:-10px;top:-4px;width:24px;height:10px;background:linear-gradient(#dce2e1,#899397 55%,#60696d);border-radius:70% 18% 20% 65%;box-shadow:0 1px 2px #0008}.tradeWorker .toolRig .tool b:after{content:"";position:absolute;right:-2px;top:3px;width:7px;height:5px;background:#626b6f;clip-path:polygon(0 0,100% 50%,0 100%)}
.woodcutting .tradeWorker{left:30%;animation:woodBody 1.32s ease-in-out infinite}.woodcutting .tradeWorker .toolRig{animation:woodRig 1.32s cubic-bezier(.62,.02,.36,1) infinite}.woodcutting .tradeWorker .forearm{animation:woodWrist 1.32s ease-in-out infinite}.woodcutting .tradeTarget{right:18%;bottom:22px;width:42px;height:67px;background:linear-gradient(90deg,#382217,#654126 45%,#412719);border-radius:14px 13px 4px 4px;box-shadow:inset 5px 0 #7a5030,inset -5px 0 #2d1c14}.woodcutting .tradeTarget:before{content:"";position:absolute;width:70px;height:54px;background:#2f5634;border-radius:50%;left:-15px;top:-37px;box-shadow:-19px 12px #294c30,21px 10px #365f3a}.woodcutting .tradeTarget .targetDetail{position:absolute;z-index:2;left:-2px;top:33px;width:14px;height:5px;background:#d9ae6a;clip-path:polygon(0 50%,100% 0,82% 100%);opacity:0;animation:woodCut 1.32s linear infinite}.woodcutting .crack{display:none}.woodcutting .impactBurst{position:absolute;z-index:6;right:27%;bottom:58px}.woodcutting .impactBurst i{position:absolute;width:7px;height:3px;border-radius:2px;background:#d8a45c;opacity:0;animation:woodChip 1.32s linear infinite}.woodcutting .impactBurst i:nth-child(2){animation-name:woodChip2}.woodcutting .impactBurst i:nth-child(3){animation-name:woodChip3}.woodcutting .impactBurst i:nth-child(4){animation-name:woodChip4}.woodcutting .impactBurst b{position:absolute;width:13px;height:7px;border-radius:50%;background:#e6bd79;filter:blur(3px);opacity:0;animation:impactDust 1.32s linear infinite}
.mining .tradeWorker{left:29%;animation:mineBody 1.48s ease-in-out infinite}.mining .tradeWorker .toolRig{left:27px;top:21px;animation:mineRig 1.48s cubic-bezier(.62,.01,.38,1) infinite}.mining .tradeWorker .toolRig .tool{height:58px;top:-28px}.mining .tradeWorker .toolRig .tool b{left:-15px;top:-4px;width:34px;height:8px;border-radius:50% 50% 20% 20%;clip-path:polygon(0 38%,36% 0,64% 0,100% 38%,94% 100%,62% 43%,38% 43%,6% 100%)}.mining .tradeTarget{right:14%;bottom:21px;width:72px;height:42px;background:linear-gradient(145deg,#757b83,#4a4f57 58%,#34383f);border-radius:56% 43% 9px 8px;box-shadow:inset 11px 8px #888e96,inset -8px -5px #292d32}.mining .tradeTarget .targetDetail{position:absolute;left:14px;top:7px;width:12px;height:8px;border-radius:50%;background:#abb1b5;opacity:.65}.mining .crack{position:absolute;z-index:3;left:32px;top:10px;width:2px;height:25px;background:#20242a;transform-origin:top;opacity:0;animation:rockCrack 1.48s linear infinite}.mining .crack.one{transform:rotate(18deg)}.mining .crack.two{height:16px;transform:rotate(-42deg)}.mining .crack.three{height:12px;transform:translateY(9px) rotate(62deg)}.mining .impactBurst{position:absolute;z-index:6;right:23%;bottom:49px}.mining .impactBurst i{position:absolute;width:6px;height:5px;background:#9299a1;clip-path:polygon(20% 0,100% 25%,75% 100%,0 70%);opacity:0;animation:rockChip 1.48s linear infinite}.mining .impactBurst i:nth-child(2){animation-name:rockChip2}.mining .impactBurst i:nth-child(3){animation-name:rockChip3}.mining .impactBurst i:nth-child(4){animation-name:rockChip4}.mining .impactBurst b{position:absolute;width:22px;height:10px;border-radius:50%;background:#aeb2b4;filter:blur(4px);opacity:0;animation:mineDust 1.48s linear infinite}
.herbalism .tradeWorker{left:34%;animation:herbBody 1.75s ease-in-out infinite}.herbalism .tradeWorker .toolRig{left:27px;top:25px;animation:herbArm 1.75s ease-in-out infinite}.herbalism .tradeWorker .toolRig .tool{display:none}.herbalism .tradeTarget{right:17%;bottom:19px;width:69px;height:42px;background:none}.herbalism .tradeTarget:before,.herbalism .tradeTarget:after,.herbalism .targetDetail{content:"";position:absolute;bottom:0;width:18px;height:37px;background:linear-gradient(75deg,transparent 44%,#477d45 45% 55%,transparent 56%),radial-gradient(ellipse at 25% 30%,#65a45d 0 30%,transparent 32%),radial-gradient(ellipse at 76% 48%,#538d50 0 30%,transparent 32%)}.herbalism .tradeTarget:before{left:4px}.herbalism .targetDetail{left:26px}.herbalism .tradeTarget:after{right:2px}.herbalism .herbBasket{display:block;position:absolute;right:8%;bottom:18px;width:30px;height:18px;border:3px solid #806038;border-top-width:2px;border-radius:4px 4px 12px 12px;background:repeating-linear-gradient(45deg,#a17a45 0 3px,#73532f 3px 6px)}.herbalism .herbBasket:before{content:"";position:absolute;left:4px;top:-12px;width:17px;height:14px;border:2px solid #89663a;border-bottom:0;border-radius:50% 50% 0 0}.herbalism .impactBurst{position:absolute;z-index:6;right:24%;bottom:34px}.herbalism .impactBurst i{position:absolute;width:8px;height:5px;border-radius:80% 20% 80% 20%;background:#70aa63;opacity:0;animation:herbLeaf 1.75s ease-in-out infinite}.herbalism .impactBurst i:nth-child(2){animation-delay:.08s}.herbalism .impactBurst i:nth-child(3){animation-delay:.16s}.herbalism .impactBurst i:nth-child(4){animation-delay:.24s}.herbalism .crack{display:none}
.tired .tradeWorker,.tired .tradeWorker .toolRig,.tired .impactBurst>*{animation-duration:1.75s}.fatigued .tradeWorker,.fatigued .tradeWorker .toolRig,.fatigued .impactBurst>*{animation-duration:2.05s}.exhausted .tradeWorker,.exhausted .tradeWorker .toolRig,.exhausted .impactBurst>*{animation-duration:2.65s}.resting .tradeWorker,.resting .tradeWorker .toolRig,.resting .impactBurst>*,.workComplete .tradeWorker,.workComplete .tradeWorker .toolRig,.workComplete .impactBurst>*{animation-play-state:paused!important}.resting .tradeWorker,.workComplete .tradeWorker{transform:rotate(-7deg) translateY(7px)}
@keyframes woodRig{0%,18%{transform:rotate(-78deg)}38%{transform:rotate(-92deg)}62%,72%{transform:rotate(31deg)}100%{transform:rotate(-78deg)}}@keyframes woodWrist{0%,38%{transform:rotate(-13deg)}62%,72%{transform:rotate(13deg)}100%{transform:rotate(-13deg)}}@keyframes woodBody{0%,35%,100%{transform:rotate(-2deg) translateY(0)}60%,72%{transform:rotate(5deg) translate(2px,2px)}}@keyframes woodCut{0%,58%{opacity:0}61%,72%{opacity:1}100%{opacity:0}}@keyframes woodChip{0%,58%{opacity:0;transform:translate(0,0) rotate(0)}63%{opacity:1}100%{opacity:0;transform:translate(-22px,-25px) rotate(190deg)}}@keyframes woodChip2{0%,58%{opacity:0;transform:translate(0,0)}63%{opacity:1}100%{opacity:0;transform:translate(18px,-20px) rotate(-150deg)}}@keyframes woodChip3{0%,58%{opacity:0;transform:translate(0,0)}63%{opacity:1}100%{opacity:0;transform:translate(-14px,17px) rotate(130deg)}}@keyframes woodChip4{0%,58%{opacity:0;transform:translate(0,0)}63%{opacity:1}100%{opacity:0;transform:translate(25px,10px) rotate(210deg)}}@keyframes impactDust{0%,58%{opacity:0;transform:scale(.2)}64%{opacity:.7}100%{opacity:0;transform:scale(2)}}
@keyframes mineRig{0%,20%{transform:rotate(-122deg) translate(-2px,-2px)}42%{transform:rotate(-145deg) translate(-3px,-5px)}67%,77%{transform:rotate(20deg) translate(3px,3px)}100%{transform:rotate(-122deg)}}@keyframes mineBody{0%,40%,100%{transform:rotate(-4deg)}65%,77%{transform:rotate(7deg) translateY(3px)}}@keyframes rockCrack{0%,64%{opacity:0}68%,86%{opacity:1}100%{opacity:.35}}@keyframes rockChip{0%,64%{opacity:0;transform:translate(0,0)}69%{opacity:1}100%{opacity:0;transform:translate(-24px,-28px) rotate(180deg)}}@keyframes rockChip2{0%,64%{opacity:0;transform:translate(0,0)}69%{opacity:1}100%{opacity:0;transform:translate(19px,-23px) rotate(-160deg)}}@keyframes rockChip3{0%,64%{opacity:0;transform:translate(0,0)}69%{opacity:1}100%{opacity:0;transform:translate(-17px,13px) rotate(120deg)}}@keyframes rockChip4{0%,64%{opacity:0;transform:translate(0,0)}69%{opacity:1}100%{opacity:0;transform:translate(27px,7px) rotate(220deg)}}@keyframes mineDust{0%,64%{opacity:0;transform:scale(.2)}70%{opacity:.65}100%{opacity:0;transform:scale(2.2)}}
@keyframes herbBody{0%,20%,100%{transform:rotate(0) translate(0,0)}48%,70%{transform:rotate(28deg) translate(8px,7px)}82%{transform:rotate(8deg) translate(2px,2px)}}@keyframes herbArm{0%,20%,100%{transform:rotate(5deg)}48%,62%{transform:rotate(70deg) translate(5px,5px)}78%{transform:rotate(35deg) translate(-1px,-3px)}}@keyframes herbLeaf{0%,45%{opacity:0;transform:translate(0,0) rotate(0)}55%{opacity:1}78%{opacity:1;transform:translate(-26px,-16px) rotate(110deg)}100%{opacity:0;transform:translate(37px,12px) rotate(210deg)}}

.tradeActions{grid-template-columns:1fr}.woodcutting .tradeWorker,.woodcutting .tradeWorker .toolRig,.woodcutting .tradeWorker .forearm,.mining .tradeWorker,.mining .tradeWorker .toolRig,.herbalism .tradeWorker,.herbalism .tradeWorker .toolRig{animation-timing-function:cubic-bezier(.45,.05,.35,1)}.woodcutting .tradeWorker{animation-name:woodBodySmooth}.woodcutting .tradeWorker .toolRig{animation-name:woodRigSmooth}.woodcutting .tradeWorker .forearm{animation-name:woodWristSmooth}.mining .tradeWorker{animation-name:mineBodySmooth}.mining .tradeWorker .toolRig{animation-name:mineRigSmooth}.herbalism .tradeWorker{animation-name:herbBodySmooth}.herbalism .tradeWorker .toolRig{animation-name:herbArmSmooth}
@keyframes woodRigSmooth{0%,14%{transform:rotate(-78deg)}30%{transform:rotate(-91deg)}54%{transform:rotate(31deg)}61%{transform:rotate(24deg)}76%{transform:rotate(-24deg)}100%{transform:rotate(-78deg)}}@keyframes woodWristSmooth{0%,30%{transform:rotate(-13deg)}52%,62%{transform:rotate(13deg)}78%{transform:rotate(2deg)}100%{transform:rotate(-13deg)}}@keyframes woodBodySmooth{0%,24%,100%{transform:rotate(-2deg) translateY(0)}52%,62%{transform:rotate(5deg) translate(2px,2px)}78%{transform:rotate(1deg) translateY(1px)}}
@keyframes mineRigSmooth{0%,13%{transform:rotate(-122deg) translate(-2px,-2px)}31%{transform:rotate(-145deg) translate(-3px,-5px)}57%{transform:rotate(20deg) translate(3px,3px)}64%{transform:rotate(13deg) translate(2px,2px)}80%{transform:rotate(-48deg)}100%{transform:rotate(-122deg) translate(-2px,-2px)}}@keyframes mineBodySmooth{0%,25%,100%{transform:rotate(-4deg) translateY(0)}55%,66%{transform:rotate(7deg) translateY(3px)}82%{transform:rotate(0) translateY(1px)}}
@keyframes herbBodySmooth{0%,16%,100%{transform:rotate(0) translate(0,0)}45%,64%{transform:rotate(28deg) translate(8px,7px)}76%{transform:rotate(22deg) translate(6px,5px)}90%{transform:rotate(5deg) translate(1px,1px)}}@keyframes herbArmSmooth{0%,16%,100%{transform:rotate(5deg)}44%,58%{transform:rotate(70deg) translate(5px,5px)}72%{transform:rotate(44deg) translate(1px,-2px)}88%{transform:rotate(15deg)}}

/* The axe and pickaxe are rigidly attached to their hands. */
.woodcutting .tradeWorker .toolRig .tool,.mining .tradeWorker .toolRig .tool{animation:none!important}.woodcutting .tradeWorker .forearm,.mining .tradeWorker .forearm{animation:none!important}.woodcutting .tradeWorker .toolRig,.mining .tradeWorker .toolRig{animation-timing-function:ease-in-out}

/* The herbalist stands among the plants and moves only the gathering arm. */
.herbalism .tradeWorker{z-index:5;left:48%;animation:none!important;transform:none}.herbalism .tradeWorker .head,.herbalism .tradeWorker .body,.herbalism .tradeWorker .leg{animation:none!important;transform:none}.herbalism .tradeWorker .toolRig{left:27px;top:24px;animation:herbHandOnly 1.8s ease-in-out infinite}.herbalism .tradeWorker .upperArm,.herbalism .tradeWorker .forearm,.herbalism .tradeWorker .hand{animation:none!important}.herbalism .tradeTarget{z-index:2;left:37%;right:auto;bottom:18px;width:132px;height:45px;background:radial-gradient(ellipse at 53% 78%,#477d45 0 8%,transparent 9%),radial-gradient(ellipse at 65% 70%,#5e9958 0 8%,transparent 9%)}.herbalism .tradeTarget:before{left:0}.herbalism .tradeTarget .targetDetail{left:30px}.herbalism .tradeTarget:after{right:4px}.herbalism .herbBasket{right:8%;bottom:18px}.herbalism .impactBurst{right:30%;bottom:34px}.tired.herbalism .tradeWorker .toolRig{animation-duration:2.1s}.fatigued.herbalism .tradeWorker .toolRig{animation-duration:2.45s}.exhausted.herbalism .tradeWorker .toolRig{animation-duration:3s}.resting.herbalism .tradeWorker,.workComplete.herbalism .tradeWorker{transform:none}.resting.herbalism .tradeWorker .toolRig,.workComplete.herbalism .tradeWorker .toolRig{animation-play-state:paused!important}@keyframes herbHandOnly{0%,18%,100%{transform:rotate(4deg)}42%,58%{transform:rotate(50deg) translate(2px,3px)}72%{transform:rotate(30deg) translate(-1px,-2px)}88%{transform:rotate(9deg)}}

/* Lower, target-aligned contact points for the axe and pickaxe. */
@keyframes woodRigSmooth{0%,14%{transform:rotate(-78deg) translate(0,0)}30%{transform:rotate(-91deg) translate(0,0)}52%,58%{transform:rotate(43deg) translate(5px,6px)}66%{transform:rotate(31deg) translate(3px,3px)}78%{transform:rotate(-24deg) translate(0,0)}100%{transform:rotate(-78deg) translate(0,0)}}
@keyframes mineRigSmooth{0%,13%{transform:rotate(-122deg) translate(-2px,-2px)}31%{transform:rotate(-145deg) translate(-3px,-5px)}56%,63%{transform:rotate(34deg) translate(7px,9px)}70%{transform:rotate(20deg) translate(4px,5px)}82%{transform:rotate(-48deg) translate(0,0)}100%{transform:rotate(-122deg) translate(-2px,-2px)}}

.woodcutting .tradeTarget{left:55%;right:auto}.woodcutting .impactBurst{left:57%;right:auto}.mining .tradeTarget{left:56%;right:auto}.mining .impactBurst{left:61%;right:auto}

/* Sheathed adventurer sword carried behind every tradeskill worker. */
.tradeWorker .body{z-index:3}.tradeWorker .body:before{content:"";position:absolute;z-index:-1;left:-8px;top:-14px;width:5px;height:52px;border:1px solid #272d31;border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,#59646b,#d9e0df 45%,#78848a 68%,#30383d);box-shadow:0 1px 3px #000b;transform:rotate(-34deg);transform-origin:50% 80%}.tradeWorker .body:after{content:"";position:absolute;z-index:4;left:-13px;top:-10px;width:18px;height:4px;border-radius:3px;background:linear-gradient(90deg,#7b5726,#e2bc5e,#765022);box-shadow:0 0 0 1px #3c2a18;transform:rotate(-34deg)}

.tradeWorker .body:before{left:8px;top:-7px;width:4px;height:41px;transform:rotate(-28deg);transform-origin:50% 50%}.tradeWorker .body:after{left:1px;top:-5px;width:16px;height:4px;transform:rotate(-28deg)}

/* Proper centered back sword: pommel, grip, guard and tapered sheath. */
.tradeWorker .body:before,.tradeWorker .body:after{content:none!important}.backSword{position:absolute;z-index:1;left:8px;top:6px;width:18px;height:55px;transform:rotate(-27deg);transform-origin:50% 48%;filter:drop-shadow(0 2px 2px #0009)}.backSword i{position:absolute;display:block}.swordGrip{left:7px;top:0;width:5px;height:13px;border-radius:2px;background:repeating-linear-gradient(0deg,#50331d 0 2px,#b27c3b 2px 4px);box-shadow:inset 1px 0 #d8a757}.swordPommel{left:6px;top:-3px;width:7px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f1d179,#9b6b24 65%,#4e3518)}.swordGuard{left:1px;top:11px;width:17px;height:4px;border-radius:4px;background:linear-gradient(#f0cc68,#9d6d25 55%,#503514);box-shadow:0 1px #25190d}.swordGuard:before,.swordGuard:after{content:"";position:absolute;top:1px;width:4px;height:3px;background:#c89439}.swordGuard:before{left:-2px;transform:rotate(24deg)}.swordGuard:after{right:-2px;transform:rotate(-24deg)}.swordSheath{left:6px;top:14px;width:7px;height:40px;border:1px solid #242a2e;border-radius:2px 2px 60% 60%;background:linear-gradient(90deg,#303940,#879298 42%,#424c52 70%,#20272c);box-shadow:inset 1px 0 rgba(255,255,255,.35)}.swordSheath:after{content:"";position:absolute;left:1px;bottom:-3px;width:3px;height:5px;background:#a9782d;clip-path:polygon(0 0,100% 0,50% 100%)}

.backSword{left:0;top:4px;z-index:2}.swordGrip,.swordPommel,.swordGuard{z-index:4}.swordSheath{z-index:1}

/* Sword worn from the waist belt instead of across the back. */
.waistBelt{position:absolute;z-index:6;left:8px;top:43px;width:29px;height:5px;border-radius:2px;background:linear-gradient(#a67a3d,#4a301c 48%,#281a10);box-shadow:0 1px 1px #0009}.waistBelt:after{content:"";position:absolute;left:11px;top:-1px;width:7px;height:7px;border:1px solid #ddb755;border-radius:2px;background:#49331b;box-sizing:border-box}.backSword{left:-7px;top:34px;z-index:5;transform:rotate(18deg);transform-origin:50% 8px}.swordGrip,.swordPommel,.swordGuard{z-index:6}.swordSheath{z-index:4}.tradeWorker .body{z-index:3}

/* Quest combat now uses an overhead wind-up and downward sword strike. */
.questRunning .questSword{animation:qOverheadStrike 1.12s cubic-bezier(.55,.03,.4,1) infinite;transform-origin:50% 8px}.questRunning .questAdventurer{animation:qQuestBrace 1.12s ease-in-out infinite}.questRunning .questMonster{animation:qMonsterReact 1.12s ease-in-out infinite}.questRunning .questParticles i{animation-duration:1.12s}@keyframes qOverheadStrike{0%,17%{transform:translate(-7px,-8px) rotate(-142deg)}34%{transform:translate(-8px,-11px) rotate(-157deg)}60%,68%{transform:translate(4px,5px) rotate(30deg)}82%{transform:translate(0,1px) rotate(-18deg)}100%{transform:translate(-7px,-8px) rotate(-142deg)}}@keyframes qQuestBrace{0%,28%,100%{transform:translate(0,0) rotate(0)}58%,70%{transform:translate(5px,2px) rotate(4deg)}84%{transform:translate(1px,0) rotate(1deg)}}@keyframes qMonsterReact{0%,54%,100%{transform:translate(0,0) rotate(0)}63%,73%{transform:translate(5px,3px) rotate(7deg)}84%{transform:translate(1px,1px) rotate(2deg)}}

/* Connected quest arm and sword, with a synchronized monster impact. */
.questMonster{right:34%}.questAttackRig{position:absolute;z-index:7;left:33px;top:25px;width:9px;height:76px;transform-origin:4px 4px}.questAttackRig i{position:absolute;display:block}.questUpperArm{left:1px;top:0;width:8px;height:18px;border-radius:5px;background:#b98760}.questForearm{left:1px;top:15px;width:8px;height:18px;border-radius:5px;background:#d1a078}.questHand{z-index:3;left:0;top:29px;width:10px;height:10px;border-radius:50%;background:#d8a77d;box-shadow:0 0 0 1px #68452f}.questAttackRig .questSword{left:2px;top:35px;width:6px;height:45px;border-radius:2px 2px 55% 55%;background:linear-gradient(90deg,#66737b,#f3f7f5 45%,#87939a);transform:none!important;animation:none!important;box-shadow:0 0 3px rgba(214,232,235,.5)}.questAttackRig .questSword:before{content:"";position:absolute;left:-6px;top:-3px;width:18px;height:5px;border-radius:3px;background:linear-gradient(#f0ca67,#855b22)}.questAttackRig .questSword:after{content:"";position:absolute;left:1px;bottom:-3px;width:4px;height:5px;background:#b7c1c4;clip-path:polygon(0 0,100% 0,50% 100%)}.questRunning .questAttackRig{animation:qConnectedOverhead 1.18s cubic-bezier(.56,.02,.38,1) infinite}.questRunning .questAdventurer{animation:qQuestBraceConnected 1.18s ease-in-out infinite}.questRunning .questMonster{animation:qMonsterHitConnected 1.18s ease-in-out infinite}.questMonster .monsterEye:after{content:"×";position:absolute;left:-2px;top:-5px;color:#171014;font:bold 13px/1 sans-serif;opacity:0}.questRunning .monsterEye{animation:qNormalEye 1.18s linear infinite}.questRunning .monsterEye:after{animation:qCrossEye 1.18s linear infinite}.questHitEffect{position:absolute;z-index:9;right:40%;bottom:64px;width:12px;height:12px;pointer-events:none}.questHitEffect b{position:absolute;inset:-5px;border:2px solid #ffe38a;border-radius:50%;opacity:0}.questHitEffect i{position:absolute;left:5px;top:5px;width:4px;height:17px;border-radius:3px;background:linear-gradient(#fff6c9,#e8a93b);transform-origin:2px 1px;opacity:0}.questHitEffect i:nth-child(2){transform:rotate(90deg)}.questHitEffect i:nth-child(3){transform:rotate(45deg)}.questHitEffect i:nth-child(4){transform:rotate(-45deg)}.questRunning .questHitEffect b{animation:qHitRing 1.18s linear infinite}.questRunning .questHitEffect i{animation:qHitRay 1.18s linear infinite}.questRunning .questHitEffect i:nth-child(2){animation-name:qHitRay90}.questRunning .questHitEffect i:nth-child(3){animation-name:qHitRay45}.questRunning .questHitEffect i:nth-child(4){animation-name:qHitRayNeg45}
@keyframes qConnectedOverhead{0%,16%{transform:rotate(-151deg)}34%{transform:rotate(-169deg)}58%,66%{transform:rotate(23deg)}79%{transform:rotate(-24deg)}100%{transform:rotate(-151deg)}}@keyframes qQuestBraceConnected{0%,28%,100%{transform:translate(0,0) rotate(0)}56%,68%{transform:translate(7px,2px) rotate(4deg)}82%{transform:translate(2px,0) rotate(1deg)}}@keyframes qMonsterHitConnected{0%,56%,100%{transform:translate(0,0) rotate(0)}61%{transform:translate(8px,-2px) rotate(9deg) scale(.96,1.04)}72%{transform:translate(5px,4px) rotate(6deg)}86%{transform:translate(1px,1px) rotate(1deg)}}@keyframes qNormalEye{0%,57%,84%,100%{opacity:1}60%,80%{opacity:0}}@keyframes qCrossEye{0%,57%,84%,100%{opacity:0}60%,80%{opacity:1}}@keyframes qHitRing{0%,56%{opacity:0;transform:scale(.2)}60%{opacity:1}76%,100%{opacity:0;transform:scale(1.8)}}@keyframes qHitRay{0%,56%{opacity:0;transform:translate(0,0) rotate(0)}60%{opacity:1}78%,100%{opacity:0;transform:translate(0,-16px) rotate(0)}}@keyframes qHitRay90{0%,56%{opacity:0;transform:translate(0,0) rotate(90deg)}60%{opacity:1}78%,100%{opacity:0;transform:translate(16px,0) rotate(90deg)}}@keyframes qHitRay45{0%,56%{opacity:0;transform:translate(0,0) rotate(45deg)}60%{opacity:1}78%,100%{opacity:0;transform:translate(12px,-12px) rotate(45deg)}}@keyframes qHitRayNeg45{0%,56%{opacity:0;transform:translate(0,0) rotate(-45deg)}60%{opacity:1}78%,100%{opacity:0;transform:translate(-12px,-12px) rotate(-45deg)}}

/* Angled blade and full defeated-monster replacement cycle. */
.questAttackRig .questSword{transform:rotate(-14deg)!important;transform-origin:50% 1px!important}.questRunning .questAttackRig,.questRunning .questAdventurer,.questRunning .questMonster,.questRunning .monsterEye,.questRunning .monsterEye:after,.questRunning .questHitEffect b,.questRunning .questHitEffect i,.questRunning .questParticles i{animation-duration:1.65s}.questRunning .questMonster{animation-name:qMonsterDefeated}
@keyframes qMonsterDefeated{0%,55%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}61%{opacity:1;transform:translate(7px,-3px) rotate(9deg) scale(.96,1.04)}69%{opacity:.85;transform:translate(11px,15px) rotate(24deg) scale(.88)}75%{opacity:0;transform:translate(14px,30px) rotate(38deg) scale(.72)}76%{opacity:0;transform:translate(58px,0) rotate(0) scale(.9)}87%{opacity:.35;transform:translate(31px,0) rotate(0) scale(.95)}96%,100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes qNormalEye{0%,57%,76%,100%{opacity:1}60%,74%{opacity:0}}@keyframes qCrossEye{0%,57%,76%,100%{opacity:0}60%,74%{opacity:1}}

.questProgressNumbers .questEta{color:#d6b76c;font-size:9px;white-space:nowrap}.questProgressNumbers .questEta:before{content:"·";margin-right:7px;color:#66727c}@media(max-width:650px){.questProgressNumbers{flex-wrap:wrap}.questProgressNumbers .questEta{order:4;width:100%;margin-left:0}.questProgressNumbers .questEta:before{content:"";margin:0}}

.questTimeEstimate{display:flex;align-items:baseline;justify-content:center;gap:7px;margin:5px 16px 2px;padding:8px 10px;border-top:1px solid rgba(232,187,84,.16);color:#8f9ba5;font-size:9px}.questTimeEstimate b{color:#f0cc70;font-size:13px;font-variant-numeric:tabular-nums}.questTimeEstimate small{color:#71808a}@media(max-width:650px){.questTimeEstimate{flex-wrap:wrap;gap:4px 7px}.questTimeEstimate span{width:100%;text-align:center}}

/* A broad, curved axe blade for Woodcutting instead of the old hammer-like head. */
.woodcutting .tradeWorker .toolRig .tool b{left:-15px;top:-7px;width:30px;height:18px;border-radius:0;background:linear-gradient(105deg,#f0f3ef 0 18%,#b8c0c0 42%,#747e82 78%,#50595d);clip-path:polygon(0 10%,58% 0,100% 24%,83% 50%,100% 76%,58% 100%,0 90%,18% 50%);box-shadow:0 2px 3px #0009;transform:rotate(-2deg)}
.woodcutting .tradeWorker .toolRig .tool b:before{content:"";position:absolute;left:0;top:2px;width:5px;height:14px;border-radius:70% 15% 15% 70%;background:linear-gradient(90deg,#fff,#d6dddd);box-shadow:1px 0 #929b9e}
.woodcutting .tradeWorker .toolRig .tool b:after{display:none}

/* Unmistakable double-bit axe: mirrored blades mounted around the handle. */
.woodcutting .tradeWorker .toolRig .tool b{left:-19px;top:-8px;width:42px;height:20px;border-radius:0;background:linear-gradient(180deg,#eef2ef 0,#aeb7b7 44%,#697377 72%,#485155 100%);clip-path:polygon(0 5%,34% 14%,45% 36%,55% 36%,66% 14%,100% 5%,88% 50%,100% 95%,66% 86%,55% 64%,45% 64%,34% 86%,0 95%,12% 50%);box-shadow:0 2px 3px #000a;transform:rotate(-2deg)}
.woodcutting .tradeWorker .toolRig .tool b:before{content:"";position:absolute;inset:2px 0;background:linear-gradient(90deg,#fff 0 7%,transparent 8% 92%,#fff 93% 100%);clip-path:inherit;opacity:.9}
.woodcutting .tradeWorker .toolRig .tool b:after{content:"";display:block;position:absolute;left:17px;top:5px;width:8px;height:10px;border-radius:3px;background:#4f3927;box-shadow:inset 0 0 0 2px #899294}

/* Reference silhouette: single-sided bearded axe with a broad curved blade. */
.woodcutting .tradeWorker .toolRig .tool b{left:-8px;top:-8px;width:38px;height:25px;background:linear-gradient(105deg,#6f787b 0 24%,#d8dddd 45%,#9da7a9 77%,#edf0ec 100%);clip-path:polygon(0 12%,48% 13%,91% 0,100% 8%,100% 66%,79% 100%,57% 72%,66% 43%,45% 40%,30% 53%,0 43%);filter:drop-shadow(0 2px 1px #0009);box-shadow:none;transform:rotate(-2deg)}
.woodcutting .tradeWorker .toolRig .tool b:before{content:"";position:absolute;right:0;top:1px;width:5px;height:21px;border-radius:0 70% 70% 0;background:linear-gradient(90deg,#bac2c2,#fff);box-shadow:-1px 0 #788286;clip-path:none;opacity:1}
.woodcutting .tradeWorker .toolRig .tool b:after{content:"";display:block;position:absolute;left:12px;top:8px;width:8px;height:10px;border-radius:45% 45% 25% 25%;background:#76512e;box-shadow:inset 0 0 0 2px #525b5e}

/* Smaller axe head, preserving the reference silhouette and contact point. */
.woodcutting .tradeWorker .toolRig .tool b{left:-5px;top:-5px;width:29px;height:19px}
.woodcutting .tradeWorker .toolRig .tool b:before{width:4px;height:16px}
.woodcutting .tradeWorker .toolRig .tool b:after{left:9px;top:6px;width:7px;height:8px}

/* Inactive skills show a still preview; work animations run only during an active session. */
.continuousTradePanel:not(.activeTrade) .continuousTradeScene *{animation-play-state:paused!important}
.continuousTradePanel:not(.activeTrade) .continuousTradeScene .tradeWorker,.continuousTradePanel:not(.activeTrade) .continuousTradeScene .toolRig{animation:none!important;transform:none!important}