/* Trenchport Player Portal — character loadout v69.1.
   Scoped to this page: no changes to other Portal screens or game pages. */
.network-page[data-network-account-page="gear-manager"] {
  --gear-night:#10232a;
  --gear-ink:#f6f6f0;
  --gear-muted:#c7d7d8;
  --gear-gold:#f0ce88;
  --gear-teal:#92d5ce;
}
.network-page[data-network-account-page="gear-manager"] .tp-gear-intro {
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-top:18px;background:linear-gradient(120deg,#fff,#edf3f1);
}
.network-page[data-network-account-page="gear-manager"] .tp-gear-intro h2 {margin:.15rem 0 .35rem}
.network-page[data-network-account-page="gear-manager"] .tp-gear-intro p {margin:0;max-width:68ch;line-height:1.55}
.network-page[data-network-account-page="gear-manager"] .tp-gear-refresh {white-space:nowrap;min-height:44px;cursor:pointer}
.network-page[data-network-account-page="gear-manager"] .tp-gear-loadout-card {padding:clamp(17px,2.5vw,30px)}
.tp-gear-section-head {margin-bottom:20px}
.tp-gear-head-hint {font-size:.85rem;color:#495e63;font-weight:650}
.tp-gear-loadout {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(275px,1.14fr) minmax(0,1fr);
  grid-template-areas: ". head ." "torso character gloves" ". pants ." ". feet .";
  gap:15px 20px;align-items:center;position:relative;
  padding:26px clamp(10px,1.7vw,24px) 28px;border-radius:24px;
  border:1px solid #497377;
  background:radial-gradient(ellipse at 50% 38%,#27585a 0%,#152f36 42%,#0b2028 78%,#07171e 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.16),0 16px 38px rgba(8,23,28,.22);
  isolation:isolate;
}
.tp-gear-loadout::before {content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;opacity:.17;background:repeating-linear-gradient(0deg,transparent 0 43px,#9bc3b9 44px,transparent 45px),repeating-linear-gradient(90deg,transparent 0 43px,#9bc3b9 44px,transparent 45px);z-index:-1}
.tp-gear-slots {display:contents}
.network-page[data-network-account-page="gear-manager"] .tp-gear-slot {
  background:linear-gradient(145deg,#203d44,#102830 75%);border:1px solid #6b9394;
  border-top:3px solid #dcb36c;border-radius:15px;padding:17px;
  display:flex;flex-direction:column;gap:9px;min-width:0;width:100%;
  box-shadow:0 10px 24px rgba(0,10,18,.25);color:var(--gear-ink);
}
.tp-gear-slot[data-gear-slot="HEAD"] {grid-area:head}
.tp-gear-slot[data-gear-slot="TORSO"] {grid-area:torso}
.tp-gear-slot[data-gear-slot="GLOVES"] {grid-area:gloves}
.tp-gear-slot[data-gear-slot="PANTS"] {grid-area:pants}
.tp-gear-slot[data-gear-slot="FEET"] {grid-area:feet}
.tp-gear-slot-top {display:flex;justify-content:space-between;gap:9px;align-items:center;flex-wrap:wrap}
.tp-gear-slot-tag {font-size:.81rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gear-gold);font-weight:900}
.tp-gear-defense {color:#cef4e9;font-size:.79rem;background:#25464c;border:1px solid #527879;padding:4px 7px;border-radius:7px;white-space:nowrap;font-weight:800}
.tp-gear-status {display:inline-flex;align-self:flex-start;align-items:center;gap:5px;width:fit-content;border:1px solid #4d8071;color:#c0f9da;background:#164237;border-radius:30px;padding:4px 10px;font-size:.7rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.tp-gear-status.is-empty {border-color:#6d7b82;color:#dde1e3;background:#34434c}
.tp-gear-slot-copy {min-height:64px;display:flex;flex-direction:column;gap:6px}
.network-page[data-network-account-page="gear-manager"] .network-account-card .tp-gear-slot strong.tp-gear-current {display:block;color:#fff8e6;font-size:1.04rem;line-height:1.3;overflow-wrap:anywhere;font-weight:900}
.network-page[data-network-account-page="gear-manager"] .network-account-card .tp-gear-slot .tp-gear-type {color:#c9dbdd;font-size:.83rem;line-height:1.4}
.network-page[data-network-account-page="gear-manager"] .network-account-card .tp-gear-slot label {display:block;margin:3px 0 0;color:#f1e4bd!important;font-size:.82rem;font-weight:800}
.tp-gear-select {display:block;width:100%;min-width:0;min-height:45px;padding:10px 33px 10px 10px;border:1px solid #83a1a5;border-radius:9px;background:#0c222b;color:#fff;font:inherit;font-size:.82rem;cursor:pointer}
.tp-gear-select:disabled {cursor:default;color:#d8e0e0;border-color:#5a7379;opacity:.85}
.tp-gear-select option {background:#11262e;color:#fff}
.tp-gear-select:focus-visible {outline:3px solid #e8c36f;outline-offset:2px}
.tp-gear-slot-actions {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.83fr);gap:8px;margin-top:auto}
.network-page[data-network-account-page="gear-manager"] .network-account-card .tp-gear-slot-actions button {min-width:0;min-height:42px;padding:8px 6px;font:inherit;font-size:.8rem;font-weight:900;cursor:pointer;border-radius:8px;background:#e6bb69;color:#132329;border:1px solid #e9d29d}
.network-page[data-network-account-page="gear-manager"] .network-account-card .tp-gear-slot-actions button:hover:not(:disabled) {background:#f8d68b}
.network-page[data-network-account-page="gear-manager"] .network-account-card .tp-gear-slot-actions button.secondary {background:#ebeff0;color:#11262d;border:1px solid #a8b9bc}
.network-page[data-network-account-page="gear-manager"] .network-account-card .tp-gear-slot-actions button.secondary:hover:not(:disabled) {background:#fff;color:#0b1e25}
.network-page[data-network-account-page="gear-manager"] .network-account-card .tp-gear-slot-actions button:disabled {opacity:.43;cursor:not-allowed;filter:grayscale(.5)}
.network-page[data-network-account-page="gear-manager"] .network-account-card .tp-gear-slot-actions button:focus-visible {outline:3px solid #f5d789;outline-offset:2px}
.tp-gear-character {grid-area:character;min-width:0;width:100%;max-width:360px;justify-self:center;align-self:stretch;padding:17px;background:linear-gradient(180deg,#102b33,#081b25);border:2px solid #c6a260;border-radius:19px;color:var(--gear-ink);box-shadow:0 16px 30px #07131999;display:flex;flex-direction:column;gap:13px}
.tp-gear-character-kicker {color:#f3d597;font-weight:900;font-size:.7rem;text-align:center;letter-spacing:.13em}
.tp-gear-portrait {display:grid;place-items:center;position:relative;width:100%;height:clamp(230px,26vw,305px);overflow:hidden;border-radius:12px;border:1px solid #8eaeb1;background:linear-gradient(150deg,#38636a,#11242e);color:#f8dfaa;font-size:6rem;font-weight:850}
.tp-gear-portrait img {width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.tp-gear-portrait img[hidden],.tp-gear-portrait span[hidden] {display:none}
.tp-gear-character-details {display:flex;flex-direction:column;gap:10px}
.tp-gear-character-meter {display:flex;justify-content:space-between;gap:9px;align-items:center;font-size:.92rem;font-weight:750;color:#cce2e1}
.network-page[data-network-account-page="gear-manager"] .network-account-card .tp-gear-character-meter strong {color:#f5d78e;font-size:1.18rem}
.tp-gear-defense-track {height:9px;border-radius:30px;background:#314a50;border:1px solid #537276;overflow:hidden}
.tp-gear-defense-track>span {display:block;height:100%;width:0;background:linear-gradient(90deg,#6abbab,#f3ce7f);border-radius:inherit;transition:width .3s ease}
.tp-gear-character-substat {font-size:.78rem;color:#bfd9d5;text-align:center}
.tp-gear-character-section {padding-top:10px;border-top:1px solid #436269;display:flex;flex-direction:column;gap:5px}
.tp-gear-character-section>span {font-size:.72rem;color:#f3d597;text-transform:uppercase;letter-spacing:.07em;font-weight:900}
.network-page[data-network-account-page="gear-manager"] .network-account-card .tp-gear-character-section strong {font-size:.88rem;color:#f7f8ee;line-height:1.4}
.network-page[data-network-account-page="gear-manager"] .network-account-card .tp-gear-character-section p {font-size:.81rem;color:#d0e3e0;margin:0;line-height:1.5}
.tp-gear-footnote {margin:18px 0 0;line-height:1.55}
.tp-gear-effects {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:12px;margin:16px 0}
.tp-gear-effect {display:flex;flex-direction:column;gap:7px;border:1px solid #496a70;background:#102931;padding:16px;border-radius:12px}
.tp-gear-effect small {color:#f0ce88;text-transform:uppercase;font-weight:800;letter-spacing:.07em}
.network-page[data-network-account-page="gear-manager"] .network-account-card .tp-gear-effect strong {font-size:1.12rem;color:#fbfaf2}
.tp-gear-effect span {font-size:.87rem;color:#d0e2e1;line-height:1.5}
.tp-gear-sets {display:flex;flex-wrap:wrap;gap:8px}
.tp-gear-set-status {padding:8px 12px;border-radius:20px;font-size:.82rem;border:1px solid #41626b;background:#12303a;color:#dbe8e8}
.tp-gear-set-status.complete {border-color:#c9ad71;background:#4d452c;color:#ffedb5}
/* Keep the five-point equipment pattern where the screen can fit it. */
@media(max-width:1040px) {
  .tp-gear-loadout {grid-template-columns:minmax(0,1fr) minmax(260px,1.15fr) minmax(0,1fr);gap:14px;padding:19px 14px}
  .network-page[data-network-account-page="gear-manager"] .tp-gear-slot {padding:13px}
  .tp-gear-slot-actions {grid-template-columns:1fr}
}
@media(max-width:810px) {
  .tp-gear-loadout {grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"head head" "character character" "torso gloves" "pants feet";gap:13px}
  .tp-gear-slot[data-gear-slot="HEAD"] {max-width:390px;justify-self:center}
  .tp-gear-character {max-width:390px}
  .tp-gear-portrait {height:290px}
  .tp-gear-slot-actions {grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
}
@media(max-width:590px) {
  .network-page[data-network-account-page="gear-manager"] .tp-gear-intro {flex-direction:column;align-items:stretch}
  .tp-gear-loadout {grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "character" "torso" "gloves" "pants" "feet";gap:14px;padding:12px}
  .tp-gear-slot[data-gear-slot="HEAD"] {max-width:none}
  .tp-gear-character {max-width:none}
  .tp-gear-portrait {height:250px}
  .tp-gear-slot-actions {grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
  .tp-gear-head-hint {display:none}
}
@media(prefers-reduced-motion:reduce) {.tp-gear-defense-track>span {transition:none}}

/* v69.4 / Worker v8.7.216 — three persistent gear preset quick-swap cards */
.network-page[data-network-account-page="gear-manager"] .tp-gear-presets-panel {
  margin-top:18px;max-width:1040px;margin-right:auto;
  padding:clamp(16px,2vw,24px);border:1px solid #709798;
  background:linear-gradient(130deg,#f9faf6,#e2ece9);
}
.tp-gear-presets-title {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
.tp-gear-presets-title h2 {margin:.12rem 0 .3rem;color:#183139}
.tp-gear-presets-title p {margin:0;font-size:.88rem;color:#314f55;line-height:1.4}
.tp-gear-presets-corner {border-radius:100px;background:#1a3b42;color:#f5dfad;padding:7px 12px;font-weight:850;font-size:.75rem;white-space:nowrap}
.tp-gear-presets-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.network-page[data-network-account-page="gear-manager"] .tp-gear-preset {display:flex;flex-direction:column;gap:9px;min-width:0;padding:15px;border-radius:13px;
  border:1px solid #628b8c;border-top:3px solid #e4bc76;background:linear-gradient(145deg,#193a42,#0d2831);color:#f5f8f1}
.tp-gear-preset-header {display:flex;align-items:center;justify-content:space-between;gap:10px}
.tp-gear-preset-number {font-size:1.4rem;color:#f5d794;font-weight:900;letter-spacing:.04em}
.tp-gear-preset-status {font-size:.7rem;background:#254a4d;color:#d5f2e6;border-radius:30px;padding:5px 9px;font-weight:800;white-space:nowrap}
.tp-gear-preset.is-new .tp-gear-preset-status {background:#35434b;color:#e0e9e9}
.network-page[data-network-account-page="gear-manager"] .tp-gear-preset-label {font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#f5d794}
.network-page[data-network-account-page="gear-manager"] .tp-gear-preset-name {width:100%;min-height:43px;border:1px solid #86a9a7;border-radius:8px;background:#09212a;color:#fffdf3;padding:9px;font:inherit;font-weight:750}
.tp-gear-preset-items {display:flex;flex-direction:column;gap:4px;min-height:90px;max-height:145px;overflow:auto}
.tp-gear-preset-items span {font-size:.72rem;color:#d7e7e4;overflow-wrap:anywhere;line-height:1.32}
.tp-gear-preset-actions {display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}
.network-page[data-network-account-page="gear-manager"] .tp-gear-preset-actions button {min-height:41px;min-width:0;padding:8px 5px;background:#e5bc75;color:#172c30;font-size:.77rem;font-weight:900;border:1px solid #f0d7a1;border-radius:7px;cursor:pointer}
.network-page[data-network-account-page="gear-manager"] .tp-gear-preset-actions button.secondary {background:#e4ebec;color:#162d33;border-color:#b9cfd0}
.network-page[data-network-account-page="gear-manager"] .tp-gear-preset-actions button:disabled {opacity:.45;cursor:not-allowed}
.network-page[data-network-account-page="gear-manager"] .tp-gear-preset-actions button:focus-visible,.tp-gear-preset-name:focus-visible {outline:3px solid #e2b56a;outline-offset:2px}
.network-page[data-network-account-page="gear-manager"] .tp-gear-presets-note {margin:12px 0 0;color:#3e5a5d;font-size:.81rem;line-height:1.5}
@media(max-width:800px){.tp-gear-presets-grid {grid-template-columns:1fr 1fr}.tp-gear-presets-title {flex-wrap:wrap}}
@media(max-width:540px){.tp-gear-presets-grid {grid-template-columns:1fr}.tp-gear-preset-items {min-height:0}.tp-gear-preset-actions {grid-template-columns:1fr 1fr}}