#equipment-panel{font-family:'Exo 2',system-ui,sans-serif;color:#edf7ff;max-width:720px;margin:auto}#equipment-panel h2{font-size:clamp(23px,5vw,32px);line-height:1.15;margin:14px 0}#equipment-panel button{min-height:44px;border:1px solid #7da6c1;border-radius:12px;padding:10px 12px;background:linear-gradient(#2d5874,#152f48);color:#f2fbff;font:700 14px 'Exo 2',system-ui;box-shadow:inset 0 1px #fff3,0 3px #061a2c;cursor:pointer}#equipment-panel button:disabled{opacity:.5;cursor:default;box-shadow:none}#equipment-panel button:focus-visible{outline:3px solid #ffdc83;outline-offset:3px}#equipment-panel button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px #0003}.equipment-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-right:25px}.equipment-top span,.equipment-tag{font-size:11px;font-weight:800;letter-spacing:.05em}.equipment-disclosure{font-size:13px;line-height:1.5;color:#b8cedf}.equipment-progress,.equipment-summary{display:grid;gap:7px;padding:14px;border:1px solid #527c99;border-radius:16px;background:linear-gradient(130deg,#1e3b58,#122338);margin:12px 0}.equipment-progress progress{width:100%;height:10px;accent-color:#65d7c8}.equipment-progress small,.equipment-summary small{font-size:12px;line-height:1.5;color:#bbd0df}.equipment-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.equipment-tabs button{display:grid;justify-items:center;gap:5px}.equipment-tabs svg{width:34px;height:34px}.equipment-tabs [aria-pressed=true]{border-color:#ffd582!important;background:linear-gradient(#436579,#23415a)!important}.equipment-tabs svg,.equipment-item-icon svg{fill:#dbb86f;stroke:#fff0b5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.equipment-items{display:grid;gap:12px}.equipment-card{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;padding:15px;border:1px solid #45637f;border-radius:18px;background:linear-gradient(135deg,#213c57,#102235);box-shadow:inset 0 1px #fff2,0 5px 12px #0002}.equipment-card.is-equipped{border-color:#7edac1}.equipment-item-icon{position:relative;width:64px;height:72px;display:grid;place-items:center;background:radial-gradient(ellipse,#52717a,#142a40);border:1px solid #ad925f;border-radius:15px}.equipment-item-icon svg{width:48px;height:48px}.equipment-item-icon span{position:absolute;bottom:2px;right:5px;font-size:11px;color:#ffe7ad}.equipment-card h3{font-size:18px;margin:6px 0;line-height:1.2}.equipment-card p{font-size:13px;line-height:1.4;margin:6px 0}.equipment-card small{color:#b8cedf}.equipment-card-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.equipment-card-actions button{flex:1}.equipment-confirm{padding:16px;background:#394647;border:2px solid #e3bd6d;border-radius:16px;margin:12px 0}.equipment-confirm button{margin:5px}.equipment-error{padding:12px;background:#592c3b;border-radius:12px;color:#ffe3e5}@media(max-width:360px){.equipment-card{padding:12px;grid-template-columns:52px minmax(0,1fr);gap:10px}.equipment-item-icon{width:50px;height:66px}.equipment-card h3{font-size:17px}.equipment-tabs{gap:5px}.equipment-tabs button{padding:8px 5px!important}.equipment-top span{font-size:9px}}@media(prefers-reduced-motion:reduce){#equipment-panel button{transform:none!important;transition:none!important}}
.equipment-stat-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.equipment-stat-breakdown>div{display:grid;gap:6px;padding:12px 8px;border-radius:13px;background:#19384b;border:1px solid #547d8b}.equipment-stat-breakdown small{font-size:11px;color:#b8d9e0}.equipment-stat-breakdown b{font-size:15px;color:#eddfac}.equipment-stat-breakdown span{font-size:11px;line-height:1.35}.equipment-stat-breakdown>div:last-child{background:#244b50;border-color:#7bbaa6}@media(max-width:360px){.equipment-stat-breakdown{grid-template-columns:1fr}.equipment-stat-breakdown>div{grid-template-columns:1fr 1fr;align-items:center}.equipment-stat-breakdown span{grid-column:1/-1}}
/* V2: overview precedes optional explanations and a bounded category. */
#equipment-panel .equipment-top{padding-right:27px;gap:8px;flex-wrap:wrap}#equipment-panel .equipment-top button{white-space:nowrap;flex:none;padding:8px 10px}#equipment-panel .equipment-top>span{font-size:9px}#equipment-panel .equipment-top>b{margin-left:auto;font-size:13px}#equipment-panel h2{font-size:clamp(21px,4vw,29px);margin:12px 0 7px}.equipment-scope{font-size:12px;line-height:1.4;color:#b9d5df;margin:0 0 10px}.equipment-stats{border:1px solid #547c97;border-radius:15px;overflow:hidden;background:linear-gradient(140deg,#203e58,#102436)}.equipment-stats>[role=row]{display:grid;grid-template-columns:minmax(100px,1.65fr) repeat(3,minmax(40px,.75fr));align-items:center;min-height:30px;gap:4px;padding:4px 10px;font-size:13px;border-bottom:1px solid #abc7d213}.equipment-stats>[role=row]:last-child{border:0}.equipment-stats>[role=row]>:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.equipment-stats [role=cell]{color:#bcd6e4}.equipment-stats b[role=cell]{color:#ffe3a2}.equipment-stats-head{background:#47647855;font-size:10px!important;text-transform:uppercase;letter-spacing:.035em}.equipment-stats small{display:block;font-size:8px;color:#a4d9cc}.equipment-mastery-line{display:flex;justify-content:space-between;gap:5px;font-size:12px;margin:10px 0 5px}.equipment-xp{width:100%;height:7px;accent-color:#59cfb8}.equipment-rules{font-size:12px;line-height:1.45;margin:8px 0 12px;color:#bfd2e0}.equipment-rules summary,.equipment-card details summary{min-height:30px;cursor:pointer;display:list-item;padding:5px 0}.equipment-rules dt{font-weight:700;color:#fff}.equipment-rules dd{margin:0 0 6px}.equipment-category{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 9px;margin:14px 0}.equipment-category label{font-size:12px;font-weight:700}.equipment-category select{grid-row:2;grid-column:1/-1;min-height:46px;width:100%;color:#f5e8bd;background:#233f57;border:1px solid #98a27d;border-radius:12px;padding:9px 12px;font:700 15px 'Exo 2',system-ui}.equipment-category>span{font-size:11px;color:#bdd1de}.equipment-card details{font-size:12px;color:#c8deeb}.equipment-receipt{padding:12px;background:#204a43;border-radius:12px;color:#d8fae8;font-size:13px}.equipment-card p{overflow-wrap:normal}@media(max-width:360px){.equipment-stats>[role=row]{padding:4px 7px;font-size:11px;grid-template-columns:minmax(90px,1.65fr) repeat(3,minmax(33px,.75fr));gap:3px}.equipment-mastery-line{font-size:10px}.equipment-top>span{display:none}.equipment-stats-head{font-size:9px!important}.equipment-top>b{font-size:12px!important}}
/* Companion candidate: every contribution remains visible, including on narrow screens. */
.equipment-stats>[role=row]{grid-template-columns:minmax(86px,1.65fr) repeat(4,minmax(29px,.7fr))}.equipment-page-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.equipment-page-tabs [aria-pressed=true]{border-color:#f0d18c!important;background:linear-gradient(#456d78,#234a57)!important}.equipment-pets>h3{font-size:19px;margin:14px 0 7px}.equipment-pets .equipment-card{margin:12px 0}.equipment-pet-icon{background:radial-gradient(ellipse at 30% 20%,#88b3a6,#234653 70%);border-color:#9cc9ae}.equipment-pet-icon svg{fill:#d6cfac;stroke:#f5f3d7;stroke-width:2.2}@media(max-width:360px){.equipment-stats>[role=row]{grid-template-columns:minmax(80px,1.65fr) repeat(4,minmax(27px,.7fr));gap:2px;padding:4px 5px;font-size:10px}.equipment-stats-head{font-size:8px!important;letter-spacing:0}.equipment-page-tabs button{padding:8px!important}}
@media(max-width:400px){.equipment-stats{position:relative}.equipment-stats>.equipment-stats-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}.equipment-stats>[role=row]:not(.equipment-stats-head){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:3px 5px;padding:6px 9px;font-size:11px;min-height:48px}.equipment-stats [role=rowheader]{grid-column:1/3;grid-row:1;font-size:12px;font-weight:700}.equipment-stats b[role=cell]{grid-column:3;grid-row:1;font-size:13px}.equipment-stats span[role=cell]{grid-row:2;text-align:left!important;font-size:11px;white-space:nowrap}.equipment-stats span[role=cell]:before{content:attr(data-label);font-size:9px;color:#abc4d3;margin-right:3px}.equipment-stats small{display:inline;margin-left:3px}}

/* Keep owner-mode microcopy away from the existing modal close button. */
@media(max-width:420px){#equipment-panel .equipment-top>span{display:none}}
/* The dialog close control sticks at z20. Keep catalogue text below an opaque
   equipment-only toolbar and reserve its full44px hit area while scrolling. */
#equipment-panel .equipment-top{position:sticky;top:0;z-index:19;min-height:52px;padding:4px 54px 8px 0;flex-wrap:nowrap;background:#122b41;isolation:isolate;border-bottom:1px solid #7392a64d}
#equipment-panel .equipment-top:before{content:"";position:absolute;inset:-8px -12px 0;z-index:-1;background:#122b41;pointer-events:none}
#equipment-panel .equipment-top>b{white-space:nowrap;font-variant-numeric:tabular-nums}
#equipment-panel .equipment-top>span{min-width:0}
@media(max-width:520px){#equipment-panel .equipment-top>span{display:none}}
/* Permanent development is a separate, explicit earned-coin choice. */
.equipment-training{margin-top:14px}.equipment-training>p{font-size:12px;line-height:1.5}.equipment-training-card{padding:15px;margin:12px 0;border:1px solid #69868e;border-radius:16px;background:linear-gradient(135deg,#274553,#132b43);box-shadow:inset 0 1px #fff2}.equipment-training-card>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.equipment-training-card h3{font-size:18px;margin:0}.equipment-training-card span,.equipment-training-card small{font-size:11px;color:#ccdad9}.equipment-training-card p{font-size:12px;line-height:1.45;margin:8px 0}.equipment-training-card button{width:100%;margin-top:8px;min-height:44px}.equipment-training-block{color:#efd9aa!important}.equipment-page-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-page-tabs button{font-size:12px!important;padding:8px 5px!important}.equipment-stats>[role=row]{grid-template-columns:minmax(85px,1.5fr) repeat(5,minmax(29px,.65fr))}
@media(max-width:520px){.equipment-stats{position:relative}.equipment-stats>.equipment-stats-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}.equipment-stats>[role=row]:not(.equipment-stats-head){grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:4px 8px;padding:7px 9px;font-size:11px}.equipment-stats [role=rowheader]{grid-column:1;grid-row:1;font-size:12px;font-weight:700}.equipment-stats b[role=cell]{grid-column:2;grid-row:1;font-size:13px}.equipment-stats span[role=cell]{grid-column:auto;grid-row:auto;text-align:left!important;white-space:nowrap;font-size:11px}.equipment-stats span[role=cell]:before{content:attr(data-label);font-size:10px;color:#abc4d3;margin-right:4px}.equipment-training-card{padding:12px}.equipment-page-tabs{gap:6px}}

/* Single-screen permanent stat progression. */
.training-modal #modalContent{overflow:hidden!important;height:100%}
#equipment-panel.training-only{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0;padding:4px}
.training-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:36px;min-height:32px}
.training-header h2{font-size:20px;margin:0}.training-header>b{font-size:11px;color:#ffe199}
.training-only .training-simple{display:grid;grid-template-rows:repeat(7,minmax(0,1fr));gap:7px;flex:1;min-height:0;margin:0}
.training-only .equipment-training-card{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:7px 10px;margin:0;min-height:0;border:1px solid #49cce480;border-radius:12px;background:linear-gradient(120deg,#071e30e8,#141026e8);box-shadow:inset 0 0 12px #3ecbe615}
.training-only .training-name,.training-only .training-action{display:flex;align-items:center;justify-content:space-between;gap:8px}
.training-only .training-name h3{font-size:13px;margin:0}.training-name>b{font-size:15px;color:#fff1bc}.training-action small{font-size:10px;color:#a5c6d6}
.training-only progress{width:100%;height:5px;border:0;border-radius:8px;overflow:hidden;appearance:none;background:#02111e}
.training-only progress::-webkit-progress-bar{background:#02111e}.training-only progress::-webkit-progress-value{background:linear-gradient(90deg,#20d8f1,#a155ed);border-radius:8px}
.training-only progress::-moz-progress-bar{background:linear-gradient(90deg,#20d8f1,#a155ed)}
.training-only .training-action button{font-size:11px;min-height:25px;padding:4px 9px;margin:0;border:1px solid #55cce9;border-radius:8px;background:linear-gradient(120deg,#123e59,#302047);color:#eafdff}
.training-only button:disabled{opacity:.45}.training-only .equipment-confirm{flex:none;margin:0;padding:8px;font-size:12px}.training-only .equipment-confirm>div{display:flex;gap:6px}.training-only .equipment-confirm button{min-height:30px;padding:5px 8px;font-size:11px}.training-only .equipment-error{font-size:11px;margin:0}
@media(max-height:620px){.training-only .equipment-training-card{padding:3px 8px}.training-only .training-simple{gap:4px}.training-only .training-header{min-height:24px}.training-only .training-name h3{font-size:11px}.training-only .training-name>b{font-size:12px}}