/* Equipment-only presentation. The planner model, IDs and storage stay shared. */
body[data-view='equipment'] {
  --atelier-background:url('/arcana/assets/equipment/atelier-background-f7e8ec750e1c2cae.png');
  --atelier-card-frame:url('/arcana/assets/equipment/atelier-card-frame-65fa599bc1ee579f.png');
  --atelier-ranking-frame:url('/arcana/assets/equipment/atelier-ranking-frame-4e044a2defd435e1.png');
  --gold:#ddc48b;--muted:#a8bac9;--text:#f0eee8;
  background:linear-gradient(#04111d38,#04111d66),var(--atelier-background) center top/cover fixed #04111d;
}
.masthead { height:76px;min-height:76px;padding:0 3%;gap:28px;flex-wrap:nowrap;justify-content:flex-start;background:linear-gradient(90deg,#03101cec,#04121c8c),var(--atelier-background) center 22%/cover;border-bottom:1px solid #a38a5a80; }
.brand-home { width:242px; }.brand-logo-window { height:64px; }
.companion-nav { gap:0;height:100%; }.companion-nav a { position:relative;width:clamp(165px,15vw,230px);height:68px;min-width:0;padding:0 20px 3px;border:0;border-radius:0;background:url('/ui-assets/nav-normal.png') no-repeat center 48% / 100% 350%;box-shadow:none;font-size:17px;color:#d4d8df;letter-spacing:.05em; }
.companion-nav a::before,.companion-nav a::after { display:none; }
.companion-nav a[aria-current] { color:#fff5dc;background-image:url('/ui-assets/nav-active.png');border:0;box-shadow:none; }
.preview-tag { border-color:#657a8d77;border-radius:3px;background:#06131b66;font-size:10px; }
.planner { max-width:1660px;margin:0 auto;padding:0 clamp(18px,3.1vw,48px) 32px;background:none; }
.planner.ornate::after { display:none; }
.page-heading { padding:24px 0 18px;border-color:#8195a133;gap:18px; }
h1 { font-size:clamp(30px,3vw,43px);letter-spacing:.04em; }
.page-title { gap:24px; }.page-title p { font-size:14px;color:#a9bdcc; }
.save-area { flex-direction:row;gap:10px; }#save-status { font-size:11px;line-height:1.5;max-width:260px; }
.overview { padding:15px 0 20px;grid-template-columns:310px minmax(0,1fr);grid-template-rows:18px minmax(108px,auto);gap:6px 26px; }
.planner-settings { padding-right:24px;border-color:#8ba5b136;gap:12px; }
.profession,.daevanion-setting { grid-template-columns:112px minmax(0,1fr);gap:12px; }
.profession label,#daevanion-label { font-size:14px; }.profession select,.daevanion-control { min-height:42px;height:44px;font-size:14px; }
button,input,select { border-color:#60778d80;background:linear-gradient(110deg,#112b3d88,#071724e6);border-radius:3px; }
button:hover { border-color:#b6c6cb;filter:none; }.daevanion-control { padding:7px 12px; }
.targets-heading { font-size:11px;line-height:18px;color:#9bb1c1; }.targets-heading .text-button { font-size:10px; }
.target-summary { gap:0; }.target.target-atelier { position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);align-content:start;gap:12px;min-height:108px;padding:7px 16px;border:0;border-radius:0;box-shadow:none;background:none; }
.target.target-atelier + .target { border-left:1px solid #8299a437; }
.target.target-atelier > .skill-icon-wrap { width:50px;height:50px;border-color:#a58a5666;border-radius:3px;box-shadow:0 3px 12px #0006; }
.target-content { min-width:0;position:relative; }.target-line { display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px; }
.target-line .target-name { display:block;font-size:18px;line-height:1.35;overflow-wrap:anywhere; }
.target-line .target-badge { flex:none;margin:0;min-height:23px;padding:2px 6px;font-size:10px;line-height:17px;border-color:#7c92a15e;background:#0614209c; }
.target-line .target-badge.reached { color:#8cf2ce;border-color:#65bca086; }
.target-atelier .target-values { margin:4px 0 5px;font-size:13px;line-height:1.15;color:#9bbcd3;white-space:nowrap; }
.target-values .target-caption { font-size:9px;color:#a8bbc9; }.target-atelier .target-values strong { font-size:30px;line-height:1;font-weight:600;color:#f6efda;font-variant-numeric:tabular-nums; }
.target-progress { display:block;height:5px;border-radius:3px;background:#223d50b3;overflow:hidden; }
.target-progress > span { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#bfa16b,#ead7a4);box-shadow:0 0 5px #ead7a455; }
.target-progress.is-reached > span { background:linear-gradient(90deg,#57ba9e,#a4f7d3);box-shadow:0 0 5px #8cf2ce55; }
.target-contributions { margin-top:5px;font-size:11px;line-height:1.5;color:#9ebed2; }
.target-slot-hint { margin-top:4px;font-size:10px;color:#9eb0be; }.target-slot-hint summary { cursor:pointer;width:fit-content;line-height:20px; }
.target-slot-hint p { margin:4px 0;font-size:11px;line-height:1.6; }.target-slot-hint[open] { padding:7px;border:1px solid #526c7a80;background:#081a27; }
.target.empty { margin:7px 16px;min-height:100px;border-color:#4c687b66;background:#06162566; }
.shared-plan-strip { margin:0 0 18px;padding:9px 14px;min-height:50px;grid-template-columns:max-content minmax(0,1fr) max-content;gap:12px 20px;border-color:#6f879148;border-radius:2px;background:linear-gradient(90deg,#11273799,#0514218c); }
.shared-plan-mode { gap:18px; }.shared-plan-mode label { font-size:13px; }.shared-plan-mode select { min-height:34px;font-size:13px;min-width:165px;padding:5px 10px; }
.shared-plan-info { font-size:10px;line-height:1.5;color:#9cb3c3; }.shared-plan-info p { margin:0; }.shared-plan-note { display:none; }
.shared-plan-strip .contribution-settings { font-size:11px; }.shared-plan-strip .contribution-settings summary { padding:4px 0; }
.equipment-intro { margin:0;padding:0 0 3px;align-items:center; }.equipment-intro h2 { font-size:25px; }.equipment-intro > div > p { display:none; }
.equipment-help { font-size:11px; }.equipment-help summary { min-height:32px;line-height:32px; }
.equipment-recommendation-guide { margin:4px 0 12px;padding:0 0 10px;border:0;gap:10px 20px;font-size:11px;color:#b4c2cc; }
.recommendation-heading { font-size:10px;color:#8fa7b9; }.recommendation-heading small { font-size:9px; }.equipment-recommendation-guide b { font-size:14px;color:#dfc386; }
.recommendation-help { margin-left:auto; }.recommendation-help summary { min-height:26px;line-height:26px; }.equipment-status { margin-inline:0; }
.equipment-cards { margin:0;gap:20px; }.equipment-section-title { font-size:23px;gap:10px;margin-bottom:12px; }.equipment-section-title::after { opacity:.55; }
.equipment-section-grid { gap:18px; }.equipment-card { position:relative;padding:18px 20px;border:1px solid #63798459;border-radius:4px;background:linear-gradient(115deg,#102636df,#061723ed);box-shadow:0 8px 24px #00000026; }
/* Original PNGs remain unchanged; display treatment subdues the trial edge fringe. */
.equipment-card::before { content:'';position:absolute;inset:-6px;pointer-events:none;border:18px solid transparent;border-image:var(--atelier-card-frame) 120 stretch;filter:grayscale(.95);opacity:.5; }
.equipment-card-heading { gap:15px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #8397a33d; }
.equipment-art-frame { width:72px;height:72px; }.equipment-section-weapons .equipment-art-frame { width:92px;height:92px; }
.equipment-card h3 { font-size:22px; }.equipment-section-weapons h3 { font-size:26px; }.equipment-name-row { gap:10px; }
.equipment-card-title > span { color:#99b6cb;font-size:11px; }.equipment-card .adoption-button { min-height:30px;padding:4px 9px;border-color:#b29b6470;background:linear-gradient(#72624240,#152631b3);color:#e8d29b;font-size:11px; }
.equipment-card .adoption-button[aria-expanded='true'] { border-color:#d8c08b;background:#5a513455; }
.equipment-count { gap:4px;font-size:10px; }.equipment-count select { width:72px;min-height:36px;padding:5px 8px;font-size:13px; }.equipment-section-weapons .equipment-count { gap:8px; }
.equipment-op-rows { gap:7px;counter-reset:op-row; }.equipment-op-row { display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;counter-increment:op-row; }
.equipment-op-row::before { content:counter(op-row,decimal-leading-zero);color:#ccb276;font-size:11px;font-variant-numeric:tabular-nums; }
.equipment-op-row > select { grid-column:2;min-height:36px;padding:6px 11px;border-color:#57758b88;background:linear-gradient(110deg,#102b3f99,#061727e8);font-size:14px; }
.equipment-op-row.has-skill > .skill-icon-wrap { left:36px;width:26px;height:26px; }.equipment-op-row.has-skill > select { padding-left:42px; }
.equipment-card.is-unavailable .equipment-card-heading { border:0;padding:0; }
.adoption-panel { border:1px solid #b5a07080;border-radius:9px;background:linear-gradient(125deg,#172b32,#0c1d27);box-shadow:0 18px 44px #0009;max-height:min(540px,calc(100dvh - 24px)); }
.adoption-panel::before { content:'';position:absolute;inset:-4px;z-index:2;pointer-events:none;border:16px solid transparent;border-image:var(--atelier-ranking-frame) 100 stretch;filter:grayscale(1) sepia(.65) saturate(.7);opacity:.65; }
.adoption-panel-heading { padding:13px 15px 12px;border-color:#b5a07040; }.adoption-window-label { display:none; }.adoption-panel-heading h4 { font-size:18px; }.adoption-close { width:30px;height:30px;min-height:30px;font-size:20px;border-color:#b6a47060;background:none; }
.adoption-sample { margin:9px 15px 6px;font-size:11px; }.adoption-panel .adoption-list { padding:0 15px; }.adoption-panel .adoption-list li { grid-template-columns:16px minmax(0,1fr) 57px;gap:9px;min-height:54px;padding:8px 0;border-color:#72909d29; }
.adoption-effect { font-size:13px;gap:7px; }.adoption-stat-tag { display:none; }.adoption-effect-copy { display:flex;flex:1;flex-direction:column;gap:5px; }.adoption-meter { display:block;height:4px;border-radius:3px;background:#35506080;overflow:hidden; }.adoption-meter > span { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#bb9f63,#e1c587); }
.adoption-rate strong { font-size:18px; }.adoption-rate > span { font-size:10px; }.adoption-effect .skill-icon-wrap { width:26px;height:26px; }.adoption-updated { margin:10px 15px 0;font-size:11px; }.adoption-method { margin:4px 15px 9px;font-size:11px; }
.equipment-bottom-link { margin:22px 0 0; }footer { padding:0 20px; }
@media(max-width:1350px) {
  .overview { grid-template-columns:260px minmax(0,1fr);column-gap:16px; }.planner-settings { padding-right:16px; }.profession,.daevanion-setting { grid-template-columns:98px minmax(0,1fr);gap:8px; }.profession label,#daevanion-label { font-size:12px; }
  .target.target-atelier { padding-inline:12px;grid-template-columns:42px minmax(0,1fr);gap:10px; }.target.target-atelier > .skill-icon-wrap { width:42px;height:42px; }.target-line .target-name { font-size:16px; }.target-line { gap:5px; }.target-line .target-badge { padding:1px 4px;font-size:9px; }.target-values .target-caption { display:none; }.target-contributions { font-size:10px; }
  .equipment-section-weapons .equipment-count { flex-direction:column;align-items:flex-start;gap:4px; }
  .equipment-section-grid:not(.equipment-section-weapons):not(.equipment-section-accessories) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:1040px) {
  .masthead { height:auto;flex-wrap:wrap;gap:0 16px;padding-inline:20px; }.brand-home { width:210px; }.companion-nav { order:3;width:100%;height:58px;justify-content:center; }.companion-nav a { height:54px;min-width:120px;padding-inline:15px;font-size:15px; }.preview-tag { margin-left:auto; }
  .overview { display:flex;gap:12px;padding-block:16px; }.planner-settings { border:0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }.profession,.daevanion-setting { grid-template-columns:112px minmax(0,1fr); }.target-summary { gap:0; }.targets-heading { margin-bottom:7px; }
  .shared-plan-strip { grid-template-columns:max-content minmax(0,1fr);gap:5px 16px; }.shared-plan-strip .contribution-settings { grid-column:1/-1; }
  .equipment-card-heading { grid-template-columns:auto minmax(0,1fr);gap:12px; }.equipment-count { grid-column:2;flex-direction:row;align-items:center;justify-self:end; }.equipment-section-weapons .equipment-count { flex-direction:row;align-items:center; }.equipment-card-title { align-self:center; }.equipment-art-frame,.equipment-section-weapons .equipment-art-frame { grid-row:1/3; }
}
@media(max-width:700px) {
  /* Anchor the artwork to the viewport; the long form must not enlarge it. */
  body[data-view='equipment'] { position:relative;isolation:isolate;background:#04111d; }
  body[data-view='equipment']::before,body[data-view='equipment']::after { content:'';position:fixed;top:0;bottom:0;width:58%;z-index:-1;pointer-events:none;background-image:linear-gradient(#04111d50,#04111d88),var(--atelier-background);background-repeat:no-repeat;background-size:100% 100%,auto 100%; }
  body[data-view='equipment']::before { left:0;background-position:center,left top;mask-image:linear-gradient(90deg,#000 45%,transparent); }
  body[data-view='equipment']::after { right:0;background-position:center,right top;mask-image:linear-gradient(270deg,#000 45%,transparent); }
  .masthead { padding:4px 14px 0; }.brand-home { width:205px; }.brand-logo-window { height:55px; }.companion-nav { height:48px;width:100%; }.companion-nav a { flex:1;height:48px;min-width:0;padding:0 6px 3px;font-size:13px;background-size:100% 310%; }
  .planner { padding-inline:18px; }.page-heading { padding:20px 0 12px;gap:9px; }.page-title { gap:3px; }.page-title p { font-size:12px; }h1 { font-size:31px; }#save-status { max-width:none;font-size:10px;text-align:left; }
  .overview { padding-block:14px; }.planner-settings { grid-template-columns:1fr;gap:9px; }.profession,.daevanion-setting { grid-template-columns:112px minmax(0,1fr); }.profession select,.daevanion-control { height:44px;font-size:16px; }
  .target-summary { grid-template-columns:1fr;gap:4px; }.target.target-atelier { grid-template-columns:50px minmax(0,1fr);padding:12px 0;min-height:106px;gap:14px; }.target.target-atelier > .skill-icon-wrap { width:50px;height:50px; }.target.target-atelier + .target { border-left:0;border-top:1px solid #8299a433; }.target-line .target-name { font-size:16px; }.target-line .target-badge { font-size:11px;padding:2px 7px; }.target-contributions { font-size:11px; }.target-values .target-caption { display:inline; }.target-slot-hint summary { min-height:32px;line-height:32px; }
  .shared-plan-strip { margin:0 0 20px;padding:11px 12px;grid-template-columns:1fr;gap:8px; }.shared-plan-mode { justify-content:space-between;gap:12px; }.shared-plan-mode select { min-width:0;max-width:60%;min-height:44px;font-size:16px; }.shared-plan-info { font-size:11px; }.shared-plan-strip .contribution-settings { grid-column:auto; }.shared-plan-strip .contribution-settings summary { min-height:36px;line-height:28px; }
  .equipment-intro h2 { font-size:24px; }.equipment-help { font-size:10px; }.equipment-recommendation-guide { margin:3px 0 10px;gap:6px 12px;font-size:10px; }.recommendation-heading { flex-basis:100%; }.recommendation-help { margin-left:0; }
  .equipment-cards { gap:23px; }.equipment-section-grid,.equipment-section-grid:not(.equipment-section-weapons):not(.equipment-section-accessories) { grid-template-columns:1fr;gap:14px; }.equipment-section-accessories [data-gear-slot='neck'] { width:100%; }.equipment-card { padding:16px; }.equipment-card-heading { gap:10px;margin-bottom:12px; }.equipment-art-frame,.equipment-section-weapons .equipment-art-frame { width:72px;height:72px; }.equipment-card h3,.equipment-section-weapons h3 { font-size:22px; }.equipment-card .adoption-button { min-height:36px;font-size:11px; }.equipment-name-row { gap:6px; }.equipment-count select { width:70px;min-height:44px;font-size:16px; }
  .equipment-op-rows { gap:8px; }.equipment-op-row > select { min-height:44px;font-size:16px; }.adoption-close { width:40px;height:40px; }.adoption-panel.is-inline { max-height:500px; }.equipment-help summary,.recommendation-help summary { min-height:36px;line-height:36px; }
}