/* F8.UI.1: compose the reused production HUD in the 3D viewport.
   State, input, icons and drawing remain with their production owners. */
html:has(#hud.f8-production-hud){
  --cc-hud-edge:20px;
  --cc-hud-map-width:228px;
  --cc-hud-map-height:calc(var(--cc-hud-map-width) + 22px);
  --cc-hud-slot:63px;
  --cc-hud-skill-bottom:120px;
}
html body .hud#hud.f8-production-hud .f8-production-player-panel{
  left:var(--cc-hud-edge)!important;top:var(--cc-hud-edge)!important;
  border-width:1px!important;
}
html body .hud#hud.f8-production-hud .f8-production-top-bar{height:20px!important;border-radius:4px!important}
html body .hud#hud.f8-production-hud .f8-production-top-bar :is(b,output){font-size:12px!important;top:3px!important;line-height:1!important}
html body .hud#hud.f8-production-hud .f8-production-top-bars{top:14px;gap:8px}
html body #v41StatusPanel{left:var(--cc-hud-edge);top:112px;max-width:292px;flex-wrap:wrap}
html body .hud#hud.f8-production-hud .f8-production-survival-meter small{font-size:10px!important;bottom:4px!important}
html body .hud#hud.f8-production-hud .f8-production-survival-meter b{font-size:15px!important;margin-top:-7px!important}
html body .hud#hud.f8-production-hud .f8-production-player-panel,
html body .hud#hud.f8-production-hud .f8-production-survival-meters,
html body .hud#hud.f8-production-hud .f8-production-location-panel,
html body .hud#hud.f8-production-hud .f8-production-quest-tracker,
html body .hud#hud.f8-production-hud #f8-minimap{transform:none!important}

/* The circular V246 minimap stays unchanged; only the old rectangular
   title/coordinate footer is replaced by a live clock orbiting its rim. */
html body .hud#hud.f8-production-hud #f8-minimap.f8-production-minimap {
  position: absolute !important;
  left: auto !important;
  right: var(--cc-hud-edge) !important;
  top: var(--cc-hud-edge) !important;
  display: block !important;
  box-sizing: border-box;
  width: var(--cc-hud-map-width) !important;
  height: var(--cc-hud-map-height) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: visible;
}
html body .hud#hud.f8-production-hud #f8-minimap.f8-production-minimap > .f8-minimap-dial {
  display: block;
  margin: 0 auto;
}
html body .hud#hud.f8-production-hud #f8-minimap .cc-location-time.f8-production-location-panel {
  position: absolute !important;
  z-index: 3;
  top: calc(var(--cc-hud-map-width) - 45px) !important;
  right: -5px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
  margin: 0 !important;
  padding: 7px 4px !important;
  box-sizing: border-box !important;
  border: 1px solid #936cad !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 33% 22%,#302341,#0f0d1b 77%) !important;
  box-shadow: 0 4px 16px #000b,inset 0 1px #d8b8f044,0 0 0 2px #171022 !important;
  color: #ead6a4 !important;
  text-shadow: 0 1px 3px #000 !important;
  pointer-events: none !important;
}
html body #f8-minimap .f8-minimap-time-orb .f8-clock-symbol {
  display: block;
  color: #e9c982;
  font: 17px/1 var(--chronocairn-font, Georgia, serif) !important;
  text-shadow: 0 0 8px #e9c98265;
}
html body #f8-minimap .f8-minimap-time-orb[data-period="night"] .f8-clock-symbol {
  color: #c3b4f1;
  text-shadow: 0 0 8px #b58afa70;
}
html body #f8-minimap .f8-minimap-time-orb #hud-daytime {
  display: block;
  color: #f4e4c3;
  font: 700 13px/1.1 var(--chronocairn-font, Georgia, serif) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: .015em;
  white-space: nowrap;
}
html body #f8-minimap .f8-minimap-time-orb #hud-zone,
html body #f8-minimap .f8-minimap-time-orb #hud-level { display: none !important; }

html body .hud#hud.f8-production-hud .f8-production-quest-tracker{
  right:var(--cc-hud-edge)!important;top:calc(var(--cc-hud-edge) + var(--cc-hud-map-height) + 14px)!important;
  width:var(--cc-hud-map-width)!important;max-height:calc(100vh - var(--cc-hud-edge) - var(--cc-hud-map-height) - 220px)!important;
  min-height:0!important;overflow:auto!important;padding:16px!important;border-width:1px!important;
  pointer-events:auto!important;scrollbar-width:thin;scrollbar-color:#795391 #0b0d18;
}
html body .hud#hud.f8-production-hud .f8-production-quest-tracker .panel-title{font-size:14px!important;line-height:1.2!important;margin-bottom:12px!important;letter-spacing:.06em}
html body .hud#hud.f8-production-hud .f8-production-quest-tracker .panel-title span{float:right;display:block;color:var(--cc-ui-muted)!important}
html body .hud#hud.f8-production-hud .f8-production-quest-tracker strong{font-size:17px!important;line-height:1.2!important;margin-bottom:8px!important;color:#eee7f4!important}
html body .hud#hud.f8-production-hud .f8-production-quest-tracker>div:not(.panel-title){font-size:14px!important;line-height:1.45!important;color:var(--cc-ui-muted)!important;overflow-wrap:anywhere}
html body .hud#hud.f8-production-hud .f8-production-quest-tracker .objective{margin-top:12px!important;padding-top:10px!important;border-top:1px solid #46354e;color:var(--cc-ui-gold)!important}

/* Two separate loadout rows, with room for skill names below their slots. */
html body .hud#hud.f8-production-hud #actionbar.f8-production-actionbar-hud{bottom:31px!important;grid-template-columns:repeat(8,var(--cc-hud-slot))!important;gap:5px!important}
html body .hud#hud.f8-production-hud #actionbar.f8-production-actionbar-hud>.f8-production-action-slot{
  width:var(--cc-hud-slot)!important;height:var(--cc-hud-slot)!important;border-width:1px!important;
  border-radius:8px!important;background-image:var(--cc-ui-control-fill)!important;
}
html body .hud#hud.f8-production-hud #actionbar .f8-production-action-slot .key{font-size:12px!important;color:#c4b6cf!important}
html body .hud#hud.f8-production-hud #actionbar .f8-production-action-slot .slot-count{font-size:13px!important}
html:has(#hud.f8-production-hud) body #v14SkillBar{
  bottom:var(--cc-hud-skill-bottom)!important;left:50%!important;gap:5px!important;
  transform:translateX(-50%)!important;transform-origin:bottom center!important;
}
html:has(#hud.f8-production-hud) body #v14SkillBar .v14-skill-slot{
  box-sizing:border-box!important;width:var(--cc-hud-slot)!important;height:var(--cc-hud-slot)!important;
  min-width:var(--cc-hud-slot)!important;min-height:var(--cc-hud-slot)!important;
  flex:0 0 var(--cc-hud-slot)!important;padding:0!important;display:block!important;
  line-height:1!important;text-align:center!important;
  border-width:1px!important;border-radius:8px!important;background-image:var(--cc-ui-control-fill)!important;
}
html:has(#hud.f8-production-hud) body #v14SkillBar .v14-skill-slot.empty{opacity:1!important;border-color:#514064!important;color:#766680!important}
html:has(#hud.f8-production-hud) body #v14SkillBar .v14-key{font:12px/1 var(--chronocairn-font)!important;left:6px!important;top:5px!important}
html:has(#hud.f8-production-hud) body #v14SkillBar .v14-bar-icon{
  position:absolute!important;inset:0!important;width:36px!important;height:36px!important;
  margin:auto!important;display:grid!important;place-items:center!important;
  border:0!important;padding:0!important;background:none!important;box-shadow:none!important;
}
html:has(#hud.f8-production-hud) body #v14SkillBar .v14-bar-icon img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;
  max-height:100%!important;object-fit:contain!important;margin:0!important;transform:none!important;
}
html:has(#hud.f8-production-hud) body #v14SkillBar .v18-selected{transform:none!important}
html:has(#hud.f8-production-hud) body #v14SkillBar .v14-bar-name{font:11px/1.2 var(--chronocairn-font)!important;bottom:-17px!important;color:#d5c9df!important}
html:has(#hud.f8-production-hud) body #v14SkillBar .v14-bar-rank{font-size:10px!important;bottom:4px!important}
html:has(#hud.f8-production-hud) body #v14SkillBar .v18-selected::after{bottom:-18px!important;font:11px/1.2 var(--chronocairn-font)!important}
html:has(#hud.f8-production-hud) body #v14SkillBar .v18-selected .v14-bar-name{display:none!important}
/* The floating interaction prompt was retired for all targets (resources, NPCs,
   caches, loot, and stations). Keep a defensive rule for stale injected markup. */
html body #hud :is(#interaction,.interaction,.f8-production-interaction){display:none!important}
html body .hud#hud.f8-production-hud .key-hints{display:none!important}
html:has(#hud.f8-production-hud) body #v161Chat{left:var(--cc-hud-edge)!important;bottom:210px!important;max-width:min(380px,34vw)!important}

/* Long controls are a native disclosure, rather than a card behind the portrait. */
html:has(#hud.f8-production-hud) body #help{
  left:auto!important;top:auto!important;right:var(--cc-hud-edge)!important;bottom:31px!important;
  width:var(--cc-hud-map-width)!important;padding:0!important;border:1px solid var(--cc-ui-panel-border)!important;
  border-radius:8px!important;background-image:var(--cc-ui-panel-fill)!important;font-size:14px!important;
  line-height:1.5!important;pointer-events:auto!important;z-index:25!important;box-shadow:0 8px 28px #0009!important;
}
html body #help summary{cursor:pointer;padding:10px 14px;list-style:none;color:#d5c9df;letter-spacing:.05em}
html body #help summary::-webkit-details-marker{display:none}
html body #help summary::after{content:'+';float:right;color:var(--cc-ui-accent)}
html body #help details[open] summary::after{content:'−'}
html body #help details[open] summary{border-bottom:1px solid #46354e}
html body #help summary:focus-visible{outline:2px solid var(--cc-ui-accent);outline-offset:3px;border-radius:8px}
html body #help .f8-controls-copy{padding:12px 14px;max-height:260px;overflow:auto;color:var(--cc-ui-muted)}
html body #help .story{margin-top:12px;padding-top:12px;border-top:1px solid #46354e}

/* Floating details use the same readable hierarchy as the character sheet. */
html:has(#hud.f8-production-hud) body :is(#f8-production-item-tooltip,#v6ItemTooltip,#v23SkillTooltip,#v41StatusTooltip){
  box-sizing:border-box!important;width:min(340px,calc(100vw - 24px))!important;max-height:calc(100vh - 24px)!important;
  padding:16px!important;border-width:1px!important;font-size:16px!important;line-height:1.45!important;overflow:auto!important;
}
html:has(#hud.f8-production-hud) body :is(#f8-production-item-tooltip,#v6ItemTooltip) .tt-name,
html:has(#hud.f8-production-hud) body #v41StatusTooltip>b{font-size:20px!important;line-height:1.2!important;margin-bottom:6px!important}
html:has(#hud.f8-production-hud) body :is(#f8-production-item-tooltip,#v6ItemTooltip) .tt-muted,
html:has(#hud.f8-production-hud) body #v41StatusTooltip small{font-size:14px!important;line-height:1.4!important;color:var(--cc-ui-muted)!important}

/* Journal and full map retain their canonical nodes and interactions. */
html:has(#hud.f8-production-hud) body #questLogV152 .v152-window{width:min(1100px,calc(100vw - 48px))!important;height:min(780px,calc(100vh - 48px))!important;grid-template-rows:82px minmax(0,1fr) 36px!important}
html:has(#hud.f8-production-hud) body #questLogV152 .v152-window.v203-journal-layout{grid-template-rows:82px 52px minmax(0,1fr) 36px!important}
html:has(#hud.f8-production-hud) body #questLogV152 .v152-body{grid-template-columns:minmax(240px,30%) minmax(0,1fr)!important;min-height:0!important}
html:has(#hud.f8-production-hud) body #questLogV152 :is(.v152-body aside,.v152-detail){padding:22px!important;min-width:0!important}
html:has(#hud.f8-production-hud) body #questLogV152 :is(.v152-quest-row,.v152-objective,.v152-reward,.v152-state-banner){border:1px solid #514064!important;border-image:none!important;border-radius:8px!important;background-image:var(--cc-ui-control-fill)!important}
html:has(#hud.f8-production-hud) body #questLogV152 .v152-quest-row{padding:14px!important}
html:has(#hud.f8-production-hud) body #questLogV152 .v152-quest-row b{font-size:18px!important;line-height:1.25!important}
html:has(#hud.f8-production-hud) body #questLogV152 :is(.v152-quest-row small,.v152-giver,.v152-objective small,.v152-reward-name,.v152-window footer){font-size:14px!important;line-height:1.4!important}
html:has(#hud.f8-production-hud) body #questLogV152 :is(.v152-description,.v152-objective b){font-size:17px!important;line-height:1.5!important}
html:has(#hud.f8-production-hud) body #questLogV152 :is(.v152-chapter,.v152-detail h3,.v152-list-title){font-size:14px!important;line-height:1.3!important;letter-spacing:.06em!important}
html:has(#hud.f8-production-hud) body #questLogV152 .v152-detail h1{font-size:30px!important;line-height:1.15!important}
html:has(#hud.f8-production-hud) body #questLogV152 .v202-dungeon-body{grid-template-columns:minmax(240px,30%) minmax(0,1fr)!important}
html:has(#hud.f8-production-hud) body #questLogV152 :is(.v202-dungeon-row,.v202-dungeon-stat){border:1px solid #514064!important;border-image:none!important;border-radius:8px!important;background-image:var(--cc-ui-control-fill)!important}
html:has(#hud.f8-production-hud) body #questLogV152 .v202-dungeon-row b{font-size:18px!important;line-height:1.25!important}
html:has(#hud.f8-production-hud) body #questLogV152 :is(.v202-dungeon-row small,.v202-dungeon-kicker,.v202-dungeon-stat,.v202-dungeon-description){font-size:15px!important;line-height:1.5!important}
html:has(#hud.f8-production-hud) body #map-panel.f8-production-map-panel{inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(1000px,calc(100vw - 48px))!important;height:min(820px,calc(100vh - 48px))!important}
html:has(#hud.f8-production-hud) body #map-panel.f8-production-map-panel:not(.hidden){display:flex!important;flex-direction:column!important;box-sizing:border-box!important;padding:0!important}
html body #map-panel.f8-production-map-panel>header{flex:0 0 66px!important;box-sizing:border-box!important;width:100%!important;height:66px!important;min-width:0!important;margin:0!important;border:0!important;border-bottom:1px solid #453452!important;box-shadow:none!important}
html body #map-panel .f8-production-map-body{grid-template-columns:minmax(0,1fr) 230px!important;gap:18px!important;padding:18px!important}
html body #map-panel .f8-production-map-body{flex:1!important;width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;box-sizing:border-box!important}
html body #map-panel .f8-production-map-canvas-wrap{position:relative!important;border-radius:8px!important}
html body #map-panel .f8-production-map-canvas-wrap canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:auto!important;object-fit:contain!important}
html body #map-panel .f8-production-map-body aside{border-radius:8px!important;padding:18px!important}
html body #map-panel .f8-production-map-body :is(p,small,output){font-size:15px!important;line-height:1.5!important}
html body #map-panel .f8-production-map-body h3{font-size:16px!important;letter-spacing:.06em!important}
html body #map-panel.f8-production-map-panel>header small{font-size:12px!important}
html body #map-panel.f8-production-map-panel>header h2{font-size:24px!important}

@media(min-width:1600px) and (min-height:900px){
  html:has(#hud.f8-production-hud){--cc-hud-map-width:246px}
}
@media(max-width:1100px), (max-height:680px){
  html:has(#hud.f8-production-hud){--cc-hud-edge:14px;--cc-hud-map-width:206px;--cc-hud-slot:50px;--cc-hud-skill-bottom:108px}
  html body .hud#hud.f8-production-hud .f8-production-survival-meters{left:14px!important;top:auto!important;bottom:36px!important}
  html body .hud#hud.f8-production-hud .f8-production-quest-tracker{padding:12px!important;max-height:calc(100vh - 500px)!important}
  html:has(#hud.f8-production-hud) body #help{display:none!important}
  html:has(#hud.f8-production-hud) body #v161Chat{max-width:300px!important;bottom:192px!important}
  html body #map-panel .f8-production-map-body{grid-template-columns:minmax(0,1fr) 190px!important;gap:12px!important;padding:12px!important}
  html:has(#hud.f8-production-hud) body #v14SkillBar .v14-bar-icon{width:30px!important;height:30px!important}
}
@media(max-width:800px){
  html body .hud#hud.f8-production-hud .f8-production-survival-meters{bottom:112px!important}
  html body #map-panel .f8-production-map-body{grid-template-columns:minmax(0,1fr)!important}
  html body #map-panel .f8-production-map-body aside{display:none!important}
}

/* F8.UI.1, owner decision 2026-10-15: the gameplay HUD has no cursor.
   Cursor-driven details and drag/drop still belong to inventory/skill menus. */
html:has(#hud.f8-production-hud) body #help,
html:has(#hud.f8-production-hud) body #f8-handheld-torch-status,
html:has(#hud.f8-production-hud) body #v41StatusTooltip{display:none!important}
html:has(#hud.f8-production-hud) body #actionbar,
html:has(#hud.f8-production-hud) body #actionbar *,
html:has(#hud.f8-production-hud) body #v14SkillBar,
html:has(#hud.f8-production-hud) body #v14SkillBar *,
html:has(#hud.f8-production-hud) body #v41StatusPanel,
html:has(#hud.f8-production-hud) body #v41StatusPanel *{pointer-events:none!important;cursor:default!important}
html:has(#hud.f8-production-hud) body #actionbar .slot-tip,
html:has(#hud.f8-production-hud) body:not([data-f8-modal-open='true']) :is(#f8-production-item-tooltip,#v6ItemTooltip,#v23SkillTooltip){display:none!important}

/* Short, always-readable effect cards: icon, name, duration/intensity, result. */
html:has(#hud.f8-production-hud) body #v41StatusPanel{
  width:340px;max-width:calc(100vw - 2 * var(--cc-hud-edge));
  padding:0!important;border:0!important;background:none!important;box-shadow:none!important;transform:none;
  grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px;
}
html:has(#hud.f8-production-hud) body #v41StatusPanel.open{display:grid}
html:has(#hud.f8-production-hud) body #v41StatusPanel .v41-status{
  width:auto;height:auto;min-width:0;min-height:46px;display:grid;place-items:initial;
  grid-template-columns:18px minmax(0,1fr) auto;grid-template-rows:auto auto;
  align-content:center;align-items:center;gap:3px 5px;padding:6px;
  border-width:1px;border-left-width:3px;border-radius:5px;box-shadow:0 2px 8px #0006;
  font:12px/1.2 var(--chronocairn-font);text-shadow:0 1px 2px #000;
}
html:has(#hud.f8-production-hud) body #v41StatusPanel [data-status-icon]{grid-row:1 / 3;align-self:center;text-align:center;font-size:17px}
html:has(#hud.f8-production-hud) body #v41StatusPanel [data-status-name]{min-width:0;font-size:12px;line-height:1.15;overflow-wrap:anywhere}
html:has(#hud.f8-production-hud) body #v41StatusPanel [data-status-short]{grid-column:2 / 4;color:#e1dce5;font-size:11px;line-height:1.2}
html:has(#hud.f8-production-hud) body #v41StatusPanel .v41-status-time{position:static;font:10px/1 var(--chronocairn-font);white-space:nowrap}

/* One read-only meter of the real lit item's fuel: burnt top, light remainder. */
html body #hud.f8-production-hud #f8-torch-fuel{
  position:absolute;left:calc(50% - (5 * var(--cc-hud-slot) + 20px) / 2 - 76px);
  bottom:var(--cc-hud-skill-bottom);width:64px;height:var(--cc-hud-slot);
  display:flex;align-items:center;gap:6px;pointer-events:none;z-index:28;
  color:#f3eee4;font:14px/1 var(--chronocairn-font);font-variant-numeric:tabular-nums;
  text-shadow:0 1px 3px #000;
}
html body #hud.f8-production-hud #f8-torch-fuel[hidden]{display:none!important}
html body #hud.f8-production-hud .f8-torch-silhouette{position:relative;display:block;width:26px;height:52px;flex:0 0 26px;filter:drop-shadow(0 1px 2px #000)}
html body #hud.f8-production-hud .f8-torch-silhouette svg{position:absolute;inset:0;display:block;width:100%;height:100%}
html body #hud.f8-production-hud .f8-torch-spent{fill:#17171c;stroke:#a49b8d;stroke-width:.75}
html body #hud.f8-production-hud .f8-torch-remaining{fill:#f3eee4;clip-path:inset(var(--torch-spent,0%) 0 0 0)}
@media(max-width:800px){
  html body #hud.f8-production-hud #f8-torch-fuel{left:calc(50% + (5 * var(--cc-hud-slot) + 20px) / 2 + 12px)}
}

/* F8.UI.1 — match the established crafting/journal palette while giving the
   existing HUD and map richer, legible visual depth. The torch is unchanged. */
html:has(#hud.f8-production-hud){--cc-hud-surface:url('../../assets/ui/violet-hud-surface.webp')}
html body .hud#hud.f8-production-hud :is(.f8-production-player-panel,.f8-production-quest-tracker){
  border:1px solid var(--cc-ui-panel-border)!important;border-radius:10px!important;
  background-image:linear-gradient(145deg,#1a1630db,#090b16ef 70%),var(--cc-hud-surface)!important;
  background-repeat:no-repeat,repeat!important;background-size:100% 100%,384px 384px!important;
  box-shadow:inset 0 0 0 2px #171022,inset 0 1px #d5a6ff30,0 7px 22px #000a,0 0 14px #a94cff25!important;
}
html body .hud#hud.f8-production-hud #hud-player-portrait.f8-production-player-portrait{
  border:1px solid #a675cc!important;border-radius:6px!important;
  box-shadow:0 0 0 2px #171022,0 0 9px #a65ee953!important;
}
html body .hud#hud.f8-production-hud .f8-hud-player-level{
  position:absolute;z-index:4;left:54px;top:53px;width:28px;height:28px;
  display:grid;place-items:center;border:1px solid #b992d2;border-radius:50%;
  background:linear-gradient(#35244b,#141020);color:#f8e6ad;
  box-shadow:0 1px 4px #000b,inset 0 1px #e4c5ff30;
  font:700 15px/1 var(--chronocairn-heading-font)!important;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;
}
html body .hud#hud.f8-production-hud .f8-production-top-bar{
  border-color:#5e4872!important;border-radius:4px!important;background:#090b14!important;
  box-shadow:inset 0 1px #d0a3ff1c;
}
html body .hud#hud.f8-production-hud .f8-production-top-bar.hp .fill{background:linear-gradient(180deg,#ec7186,#a72e48)!important}
html body .hud#hud.f8-production-hud .f8-production-top-bar.mana .fill{background:linear-gradient(180deg,#aa90f2,#6941ad)!important}
html body .hud#hud.f8-production-hud .f8-production-top-bar :is(b,output){font-family:var(--chronocairn-font)!important;text-shadow:0 1px 2px #000}
html body .hud#hud.f8-production-hud .f8-production-quest-tracker{padding:12px!important}
html body .hud#hud.f8-production-hud .f8-production-quest-tracker .panel-title{
  color:#e9cd84!important;font:700 13px/1.2 var(--chronocairn-heading-font)!important;margin-bottom:8px!important;
}
html body .hud#hud.f8-production-hud .f8-production-quest-tracker .panel-title::before{content:'✦';margin-right:6px;color:#c786f4}
html body .hud#hud.f8-production-hud .f8-production-quest-tracker .panel-title span{
  padding:2px 6px;border:1px solid #59456b;border-radius:5px;background:#1b1429;
}
html body .hud#hud.f8-production-hud .f8-production-quest-tracker strong{font:700 17px/1.2 var(--chronocairn-font)!important;color:#f2e4f6!important}
html body .hud#hud.f8-production-hud .f8-production-quest-tracker>div:not(.panel-title){font:14px/1.4 var(--chronocairn-font)!important;color:#d3c6d9!important}
html body .hud#hud.f8-production-hud .f8-production-quest-tracker .objective{border-color:#60486c!important;color:#e8d184!important}
html body .hud#hud.f8-production-hud .f8-production-quest-tracker .objective i{transform:rotate(45deg);border-color:#e5c36e;background:#e5c36e}
html body .hud#hud.f8-production-hud .f8-production-survival-meter{
  box-shadow:0 0 0 2px #80629a,0 0 0 4px #0d0b17,0 2px 8px #000b!important;
}
html body .hud#hud.f8-production-hud .f8-production-survival-meter::before{background:radial-gradient(circle at 35% 25%,#262039,#0e101b 72%)!important}
html body .hud#hud.f8-production-hud .f8-production-survival-meter::after{
  content:attr(data-stat-label);position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);
  font:700 9px/1 var(--chronocairn-font);letter-spacing:.02em;text-transform:uppercase;
  color:#f1e8f5;text-shadow:0 1px 3px #000;white-space:nowrap;
}
html body .hud#hud.f8-production-hud .f8-production-survival-meter b svg{display:block;width:15px;height:15px;fill:currentColor}
html body .hud#hud.f8-production-hud .f8-production-survival-meter.f8-meter-low{box-shadow:0 0 0 2px #e16b7e,0 0 0 4px #160b13,0 0 12px #d746668a!important}
html body #hud.f8-production-hud #hud-water{--meter-color:#71c8df}
html body #hud.f8-production-hud #hud-stamina{--meter-color:#e6c46b}
html body #hud.f8-production-hud #hud-food{--meter-color:#e9a16d}
html body #hud.f8-production-hud #hud-rest{--meter-color:#c2a7ef}
html body .hud#hud.f8-production-hud #actionbar.f8-production-actionbar-hud>.f8-production-action-slot,
html:has(#hud.f8-production-hud) body #v14SkillBar .v14-skill-slot{
  border-color:#665079!important;border-radius:7px!important;
  background-image:linear-gradient(155deg,#28203a,#100e1c 72%)!important;
  box-shadow:inset 0 1px #e4c4ff20,inset 0 0 0 2px #100c19,0 3px 9px #0009!important;
}
html body .hud#hud.f8-production-hud #actionbar.f8-production-actionbar-hud>.f8-production-action-slot.selected{
  border-color:#dfbd73!important;box-shadow:inset 0 0 0 1px #a48046,0 0 10px #e7bd624c!important;
}
html:has(#hud.f8-production-hud) body #v14SkillBar .v14-skill-slot.v18-selected{
  border-color:#d091ff!important;box-shadow:inset 0 0 0 1px #a675ca,0 0 11px #b75df075!important;
}
/* Slot indices on the skill row are not number hotkeys in first-person play. */
html:has(#hud.f8-production-hud) body #v14SkillBar .v14-key{display:none!important}
html:has(#hud.f8-production-hud) body #v14SkillBar::before{
  content:'SKILLS  ·  WHEEL SELECT  ·  MIDDLE CLICK CAST';position:absolute;bottom:calc(100% + 6px);left:50%;
  transform:translateX(-50%);padding:3px 8px;border:1px solid #665078;border-radius:6px;
  background:linear-gradient(180deg,#22182ceb,#100e1aee);color:#eadcf1;
  font:700 10px/1 var(--chronocairn-heading-font);letter-spacing:.025em;white-space:nowrap;text-shadow:0 1px 2px #000;
}
html:has(#hud.f8-production-hud) body #v14SkillBar .v14-bar-name{
  font:11px/1.2 var(--chronocairn-font)!important;color:#f2e6f5!important;text-shadow:0 1px 3px #000;
  max-width:var(--cc-hud-slot);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
html:has(#hud.f8-production-hud) body #v14SkillBar .v18-selected .v14-bar-name{display:block!important}
html:has(#hud.f8-production-hud) body #v14SkillBar .v18-selected::after{display:none!important}
html body .hud#hud.f8-production-hud #actionbar .f8-production-action-slot .key{color:#e8d39d!important;font-family:var(--chronocairn-font)!important}
html:has(#hud.f8-production-hud) body #v161ChatLog{background:linear-gradient(180deg,#12101ca8,#090a15e8);border-color:#60497566;color:#eee5f5}
html:has(#hud.f8-production-hud) body #v161Chat.open :is(#v161ChatLog,#v161ChatForm){border-color:#76558e!important}
html:has(#hud.f8-production-hud) body #map-panel.f8-production-map-panel{
  border:1px solid var(--cc-ui-panel-border)!important;border-radius:14px!important;
  background-image:linear-gradient(145deg,#17152bdd,#090b16f2 70%),var(--cc-hud-surface)!important;
  background-repeat:no-repeat,repeat!important;background-size:100% 100%,384px 384px!important;
  box-shadow:inset 0 0 0 2px #171022,inset 0 1px #d5a6ff30,0 24px 80px #000d,0 0 24px #9b4bd329!important;
  font-family:var(--chronocairn-font)!important;color:#eee7f4!important;
}
html body #map-panel.f8-production-map-panel>header{
  background:linear-gradient(90deg,#19152bdd,#100f1de8)!important;border-bottom:1px solid #59436c!important;
}
html body #map-panel.f8-production-map-panel>header h2{
  font-family:var(--chronocairn-heading-font)!important;color:var(--cc-ui-accent)!important;letter-spacing:.05em!important;
}
html body #map-panel.f8-production-map-panel>header small{font-family:var(--chronocairn-font)!important;color:#b8a4c6!important}
html body #map-panel.f8-production-map-panel>header button{
  width:42px!important;height:42px!important;border:1px solid #67517d!important;border-radius:8px!important;
  background:var(--cc-ui-control-fill)!important;color:#eedcff!important;font-family:var(--chronocairn-font)!important;
}
html body #map-panel.f8-production-map-panel>header button:hover{border-color:#c58aff!important;color:#fff!important}
html body #map-panel .f8-production-map-canvas-wrap{
  border:1px solid #74558b!important;border-radius:7px!important;background:#0a0b16!important;
}
html body #map-panel .f8-production-map-canvas-wrap::after{
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:6px;
  box-shadow:inset 0 0 0 2px #23142e99,inset 0 0 18px #120b20a0;
}
html body #map-panel .f8-production-map-body aside{
  border:1px solid #58436d!important;border-radius:10px!important;
  background-image:linear-gradient(150deg,#1d172adc,#0b0c17ef),var(--cc-hud-surface)!important;
  background-size:100% 100%,384px 384px!important;color:#eee7f4!important;
  box-shadow:inset 0 1px #d8b1ff18;
}
html body #map-panel .f8-production-map-body h3{
  font-family:var(--chronocairn-font)!important;color:#c58aff!important;
}
html body #map-panel .f8-production-map-body p{
  display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:3px;
  min-height:26px;margin:5px 0;padding:4px 6px;border:1px solid #4c3a5e;border-radius:6px;
  background:linear-gradient(135deg,#241a36a8,#11101ca8);
}
html body #map-panel .f8-production-map-body :is(p,small,output){
  font-family:var(--chronocairn-font)!important;color:#ded3e5!important;
}
html body #map-panel .f8-production-map-body b,html body #map-panel #f8-full-map-coords{color:#ebd084!important}
html body #map-panel .f8-production-map-body .f8-map-tree-legend b{color:#a4c68f!important}
html body #map-panel #f8-full-map-coords{
  padding:8px;border:1px solid #534165;border-radius:6px;background:#181221b8;
}
@media(max-width:1100px), (max-height:680px){
  html body .hud#hud.f8-production-hud .f8-production-quest-tracker{max-height:calc(100vh - var(--cc-hud-edge) - var(--cc-hud-map-height) - 145px)!important}
  /* The detailed journal remains available; the live objective stays visible. */
  html body .hud#hud.f8-production-hud .f8-production-quest-tracker:has(.objective)>div:not(.panel-title):not(.objective){display:none!important}
}