/* Combat uses silhouettes and meters; names and explanations live in the workshop. */
#hud #target,#hud #lockStatus,#hud #hitConfirm,#hud #feed,#hud #bowLabel,#hud #bowString,#hud #skillStatus,#hud #shotReadout,#hud #modeLabel,#hud .craftFooter,#hud .craftSlot>span,#hud #shootBtn>span,#hud #chopBtn>span,#hud #chopBtn>small,#hud #coverBtn>span,#hud #coverBtn>small,#hud #moveStick>span,#hud #dial>span,#hud #miniPhase{display:none!important}
#hud #healBtn>span,#hud #bolaBtn>span{position:absolute;bottom:2px;right:4px;font-size:11px!important;background:#10231fcc;padding:0 4px;border-radius:6px}
#hud[data-control] #shootBtn{height:118px;border-color:transparent;background:transparent;box-shadow:none;animation:none!important}
#hud #shootBtn #bowDraw{top:-9px;left:calc(50% - 84px);width:168px;height:132px}
#hud #chargeMeter{bottom:8px;height:4px;left:20px;right:20px}
#hud .bowCycle{bottom:calc(var(--bow-bottom) + 34px);background:#142c2144;border:0;box-shadow:none}
#hud #stringMeter{position:absolute;left:28%;right:28%;bottom:0;height:2px;background:#d8cba733;pointer-events:none}
#stringFill{display:block;height:100%;background:#cfbe8a}
#hud #abilityBtn{position:absolute;right:calc(var(--bow-right) + var(--bow-width)/2 - 22px);bottom:calc(var(--bow-bottom) + 110px);width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;border:1px solid #d3c49840;background:#19342bb3;font:26px Georgia;pointer-events:auto;touch-action:manipulation}
#abilityBtn[data-ready=true]{border-color:#cbe0a0;box-shadow:0 0 10px #cbe0a026}#abilityBtn[data-ready=false]{opacity:.55}
#hud #craftProgress{width:76px;height:4px;padding:0;border:0;left:50%;transform:translateX(-50%);bottom:calc(82px + var(--safe-b));top:auto;border-radius:3px;background:#122c20c9;pointer-events:none}
#craftProgress>i{display:block;height:100%;background:#d8c18c;border-radius:3px}
#hud[data-control] .craftSlot button{border-radius:50%;background:#1a302ad9;border-color:#c4ae764d;box-shadow:0 2px 10px #0003}
#hud .craftSlot button>canvas{width:32px;height:32px}#hud #quickBow{background:radial-gradient(ellipse at 40% 30%,#576141b0,#203a28d9);border-color:#d4be8570}#hud #quickBow canvas{width:60px;height:60px}
#hud #quickBow b{display:none}#hud #chopBtn,#hud #bolaBtn,#hud #healBtn,#hud #coverBtn{background:#173027aa;border-color:#bbae774d;box-shadow:none}
#hud #chopBtn canvas,#hud #bolaBtn canvas,#hud #healBtn canvas,#hud #coverBtn canvas{width:34px;height:34px}
#hud #woodCounters>div[data-empty=true]{display:none}#hud .woodCount span{display:none!important}
#hud #zoneNotice:not(:empty){font-size:0!important;width:26px;height:26px;left:50%;top:calc(14px + var(--safe-t));border:2px solid #efa483;border-radius:50%;background:#562e2a77}#hud #zoneNotice:not(:empty)::after{content:'!';font:bold 20px Arial;color:#ffe0b3}
body[data-playing=true] #toast{display:none}

#hud #bowPrev,#hud #bowNext,#quickCampfire{display:none!important}
#hud #quickBow[data-state=ready]{border:2px solid #ffe4a0;background:radial-gradient(ellipse,#667745dc,#344728e8);animation:workshopReady 1.4s ease-in-out infinite;box-shadow:0 0 24px #f5d67580}
@keyframes workshopReady{50%{box-shadow:0 0 0 5px #e7d38b38,0 0 30px #f5d675a0;filter:brightness(1.3)}}
#networkSignal{position:fixed;top:calc(12px + var(--safe-t));left:50%;font:22px Georgia;color:#ffb38c;z-index:19;pointer-events:none}#networkSignal[hidden]{display:none}
#workshop{overflow:hidden;box-sizing:border-box;padding:0;background:#0c20176b;backdrop-filter:blur(2px)}
#workshop .workshopHead{position:static;inset:auto;padding:0;z-index:auto;pointer-events:auto;justify-content:space-between}
.workshopScene{position:relative;width:min(960px,100%);height:min(690px,100%);padding:12px 38px 30px;color:#f4e7c4;background:url('assets/workshop-v41.png') center bottom/100% 100% no-repeat;display:flex;flex-direction:column;isolation:isolate}
.workshopScene:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,#12251fd6 0%,#142a1db5 45%,transparent 76%)}
.workshopHead{display:flex;justify-content:space-between;align-items:center;flex:none;height:46px}.workshopHead h2{font:22px Georgia;margin:0;text-shadow:0 2px 5px #000}.workClose{width:44px;height:44px;min-height:44px;border:0;background:#10291b66;border-radius:50%;font:28px Georgia;color:#ecd7a0}
.workshopColumns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;flex:1;min-height:0}.workshopColumns section{display:flex;flex-direction:column;min-width:0;min-height:0}.workshopColumns h3{font:15px Georgia;margin:5px 0 8px;color:#dcd3a8;text-shadow:0 2px 3px #000}.workshopColumns h3 small{font:10px Arial;opacity:.8;margin-left:6px}
.workRecipes,.workAbilities{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e1cfa566 transparent;padding:2px 4px 12px}
/* No row tiles: highlight the equipment itself, never a rectangular background. */
.workRecipes{display:flex;flex-direction:column;gap:5px}
#workshop .workRecipe,#workshop .workAbility{position:relative;border:0;border-radius:0;box-shadow:none;background:transparent;outline:none;touch-action:manipulation;text-shadow:0 2px 4px #071d12}
.workRecipe{display:grid;grid-template-columns:64px minmax(70px,1fr) auto 36px;align-items:center;gap:10px;min-height:58px;flex-shrink:0;padding:2px 5px;text-align:left}
.workRecipe:disabled{opacity:.46}.workRecipe[aria-current=true]{opacity:.85}
.workBow{position:relative;display:grid;place-items:center;width:64px;height:54px}.workBow canvas{width:58px;height:58px;object-fit:contain;filter:drop-shadow(1px 2px 2px #05170f)}.workBow i{position:absolute;right:0;bottom:2px;font-style:normal;font-size:15px;color:#fff0a9}
.workRecipe strong{font:16px Georgia;white-space:nowrap}.workDamage{font:12px Arial;color:#e3cca5;white-space:nowrap;text-align:right}
.workCosts{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.workCost{display:inline-flex;align-items:center;gap:2px;font:10px Arial;white-space:nowrap}.workCost canvas{width:20px;height:20px}.workCost.missing{color:#dfa48a}.workCost.enough{color:#f0edb4}
.workRecipe[data-ready=true] .workBow canvas{filter:drop-shadow(0 0 7px #f1dc8199);animation:equipmentGlow 2.3s ease-in-out infinite}.workRecipe[data-ready=true] strong{color:#fff5bf;text-shadow:0 0 10px #f4d77390,0 2px 3px #152417}
@keyframes equipmentGlow{50%{filter:drop-shadow(0 0 12px #ffe296dc) brightness(1.28)}}
.workAbilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;align-content:start}
.workAbility{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:76px;padding:4px 0;color:var(--power-color,#e9dcae)}
.workGlyph{display:block;width:38px;height:38px;overflow:visible;filter:drop-shadow(0 2px 3px #071d12)}.workAbility:disabled{opacity:.4}.workAbility .workCosts{gap:4px;min-height:18px}.workAbility .workCost{font-size:9px}.workAbility .workCost canvas{width:17px;height:17px}
.workAbility>b{position:absolute;right:3px;top:2px;font-size:14px;color:#fff2b2}.workAbility[data-active=true] .workGlyph{stroke-width:3;filter:drop-shadow(0 0 7px #ffe2a599)}.workAbility[data-ready=true] .workGlyph{animation:equipmentGlow 2.3s ease-in-out infinite}
.workRecipe:not(:disabled):hover strong,.workRecipe:focus-visible strong{text-decoration:underline;text-underline-offset:5px}.workAbility:not(:disabled):hover .workGlyph,.workAbility:focus-visible .workGlyph{filter:drop-shadow(0 0 8px #ffe2a5);stroke-width:3.5}.workAbility:focus-visible{outline:2px dotted #ffe2a5;outline-offset:-2px}
.workHint{font:10px Arial;color:#d4d3b8;text-align:center;flex:none;margin:10px 0 0;text-shadow:0 2px 4px #000}.workReplace{position:absolute;bottom:35px;left:5%;right:5%;background:#263c23f5;padding:10px;border:1px solid #d6b37e;display:flex;align-items:center;gap:8px;font-size:12px;z-index:2}.workReplace span{flex:1}.workReplace button{min-width:44px;min-height:44px;padding:8px}
@media(orientation:landscape){.workshopScene{padding:7px 36px 19px}.workshopHead{height:39px}.workshopHead h2{font-size:20px}.workshopColumns h3{margin:1px 0 7px}.workHint{margin:4px 0 0}}
@media(max-width:760px) and (orientation:landscape){.workshopScene{padding-left:20px;padding-right:20px}.workshopColumns{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px}.workRecipe{grid-template-columns:52px minmax(60px,1fr) auto 29px;gap:4px;min-height:53px}.workBow{width:52px;height:48px}.workBow canvas{width:51px;height:51px}.workRecipe strong{font-size:14px}.workCosts{gap:4px}.workAbilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.workAbility{min-height:68px}.workGlyph{width:32px;height:32px}}
@media(orientation:portrait){.workshopScene{padding:calc(10px + var(--safe-t)) 8px calc(20px + var(--safe-b));height:100%;background-size:100% auto}.workshopColumns{grid-template-columns:minmax(0,1fr) 78px;gap:8px}.workAbilities{grid-template-columns:1fr;gap:7px}.workRecipes{padding-left:0;padding-right:0;gap:5px}.workRecipe{grid-template-columns:42px minmax(57px,1fr) auto 25px;padding:2px 0;gap:3px;min-height:59px}.workBow{width:42px;height:46px}.workBow canvas{width:46px;height:46px}.workRecipe strong{font-size:12px}.workDamage{font-size:10px}.workCosts{gap:3px}.workCost{font-size:9px;gap:1px}.workCost canvas{width:16px;height:16px}.workAbility{min-height:70px}.workGlyph{width:34px;height:34px}.workshopColumns h3{font-size:13px;height:29px}.workshopColumns h3 small{display:block;margin:3px 0 0}.workHint{font-size:9px}.workReplace{left:2%;right:2%;flex-wrap:wrap}.workReplace span{flex-basis:100%}}
[data-reduced-motion=true] .workshopScene *,#hud[data-reduced-motion=true] #quickBow{animation:none!important}
@media(orientation:portrait){.workAbility .workCost{font-size:8px;gap:1px}.workAbility .workCost canvas{width:14px;height:14px}.workAbility .workCosts{gap:2px}}
@media(prefers-reduced-motion:reduce){.workshopScene *,#hud #quickBow{animation:none!important}}