/* Beacon equipment pilot: jewel tones, readable cards, fixed touch targets. */
.equipment-screen,.equipment-dialog{--gear-ink:#f6ecd7;--gear-muted:#bfd0de;--gear-edge:#648caa70;color:var(--gear-ink);font:16px/1.45 var(--body,Arial,sans-serif);background:radial-gradient(ellipse at 90% 0,#3d446958,transparent 65%),#102939;border:1px solid var(--gear-edge);padding:0;box-shadow:0 24px 90px #030d18b8;overscroll-behavior:contain}
.equipment-screen::backdrop,.equipment-dialog::backdrop{background:#040f1ccc}.equipment-screen{width:min(100%,700px);height:100dvh;max-width:100%;max-height:100dvh;margin:auto;border-radius:0}.equipment-shell{height:100%;display:flex;flex-direction:column;min-height:0}.equipment-screen button,.equipment-dialog button,[data-shop-section=chests] button{min-height:44px;font:inherit;cursor:pointer}.equipment-screen button:disabled,.equipment-dialog button:disabled,[data-shop-section=chests] button:disabled{opacity:.45;cursor:default}.equipment-screen button:focus-visible,.equipment-dialog button:focus-visible,[data-shop-section=chests] button:focus-visible{outline:3px solid #ffe0a2;outline-offset:3px}.equipment-screen .camp-icon,.equipment-dialog .camp-icon,[data-shop-section=chests] .camp-icon{width:26px;height:26px;flex:none;vertical-align:middle}
.gear-header{display:flex;gap:12px;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 18px 13px;border-bottom:1px solid var(--gear-edge)}.gear-header>button,.gear-sheet-header>button{width:44px;flex:none;border:1px solid #7190a270;border-radius:14px;background:#284658;color:#f9dfab;font-size:32px}.gear-header h1{font:30px/1.1 var(--display,Georgia,serif);margin:3px 0}.gear-header small{font-size:10px;letter-spacing:.1em;color:#9fc0d0}.gear-header-wallet{display:flex;flex-direction:column;gap:3px;margin-left:auto;font-size:14px}.gear-header-wallet>span{display:flex;gap:5px;align-items:center}.gear-header-wallet svg{width:23px!important}.gear-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:10px 16px;flex:none}.gear-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:13px;background:transparent;color:#b8cfde;font-size:14px}.gear-tabs button[aria-pressed=true]{background:linear-gradient(135deg,#406174,#253f57);border-color:#d6bc817a;color:#ffe2a6;box-shadow:inset 0 1px #ebdcb333}.gear-content{overflow:auto;flex:1;min-height:0;padding:8px 18px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}.gear-content h2,.equipment-dialog h2{font:29px/1.13 var(--display,Georgia,serif);margin:8px 0 14px}.gear-content h3,.equipment-dialog h3{margin:8px 0;font-size:17px}.gear-note{color:#a9bfce;font-size:12px;line-height:1.55;margin:18px 0 8px}.gear-empty{color:#bdd0dc;font-size:15px;padding:20px 10px;text-align:center}.gear-error{color:#ffd296;font-size:14px}.gear-error:empty{display:none}.gear-locked{text-align:center;padding:40px 20px}.gear-locked>.camp-icon{width:72px;height:72px}.gear-lock-note{display:flex;gap:9px;align-items:center;color:#e7c891;padding:12px;background:#463d3555;border-radius:12px;margin-bottom:14px}
.gear-welcome{display:flex;width:100%;gap:12px;align-items:center;text-align:left;border:1px solid #d6b57199;border-radius:16px;padding:14px;background:linear-gradient(110deg,#395d60,#394664);color:#f3e4c6;margin:0 0 16px}.gear-welcome>.camp-icon{width:38px;height:38px}.gear-welcome>span{flex:1}.gear-welcome small{display:block;font-size:12px;color:#c6d8de;margin-top:3px}.gear-welcome>.camp-icon:last-child{width:24px}.gear-hero-label{display:flex;align-items:center;justify-content:space-between;color:#bdd0dd;font-size:14px;margin:4px 0 14px}.gear-hero-label select,.gear-focus-label select{min-height:44px;border:1px solid #7896ab77;border-radius:12px;background:#223e53;color:#f4e7cc;font:16px var(--body);padding:8px 28px 8px 12px;max-width:100%}.gear-loadout{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,.8fr) minmax(0,1fr);gap:8px;padding:14px 8px;border-radius:22px;border:1px solid #7494a34d;background:radial-gradient(ellipse at 50% 60%,#365d698c,transparent 75%),linear-gradient(140deg,#223c51,#122a3a)}.gear-loadout>div{min-width:0}.gear-slot{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:9px 5px;border:1px solid var(--rarity,#7998ac55);border-radius:14px;background:linear-gradient(150deg,var(--tint,#25445c66),#122a3bd9);color:#f3e7cf;min-height:144px!important;position:relative}.gear-slot+.gear-slot{margin-top:10px}.gear-slot small{font-size:10px;color:#c3d6df}.gear-slot strong{font-size:12px;line-height:1.25}.gear-slot>span:last-child{font-size:10px;line-height:1.35;color:#bdd1dc;margin-top:5px}.gear-art{display:flex;justify-content:center;align-items:center;width:100%;height:74px;filter:drop-shadow(0 4px 7px #020e1759)}.gear-art img,.gear-art canvas{object-fit:contain;width:74px!important;height:74px!important;max-width:100%;padding:0!important}.gear-art>.camp-icon{width:57px!important;height:57px!important}.gear-hero-art{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;overflow:hidden}.gear-hero-art img{width:180%;max-width:none;height:206px;object-fit:contain;filter:drop-shadow(0 6px 7px #070e16a8)}.gear-hero-art strong{font:23px var(--display,Georgia);color:#fae3b6;margin-top:-5px}.gear-hero-art span{font-size:10px;color:#aebfd1;margin-top:7px}.common{--rarity:#8ebfb0;--tint:#3e857044}.rare{--rarity:#77bffa;--tint:#3978b35c}.epic{--rarity:#c1a1fa;--tint:#8054b759}.gear-inventory-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:24px}.gear-inventory-title h2{font-size:24px;margin:0}.gear-inventory-title>span{font-size:11px;color:#b9cbd9}.gear-filters{display:flex;gap:5px;overflow:auto;padding:12px 0;scrollbar-width:thin}.gear-filters button{font-size:13px;flex:1;white-space:nowrap;background:#223d50;color:#c7d9e4;border:1px solid #6c90aa50;border-radius:12px;padding:4px 10px}.gear-filters button[aria-pressed=true]{color:#ffe3a7;background:#5a5947;border-color:#ddc68b}.gear-inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.gear-item{position:relative;min-width:0;padding:10px 6px;border:1px solid var(--rarity);border-radius:15px;background:linear-gradient(145deg,var(--tint),#172e42);color:#f4e9d3;text-align:center;display:flex;flex-direction:column;align-items:center}.gear-item small{color:var(--rarity);font-size:10px}.gear-item strong{font-size:13px;line-height:1.25;min-height:33px;margin:6px 0}.gear-item>span:last-child{font-size:11px;color:#c6d7e5}.gear-count{position:absolute;right:5px;top:5px;border-radius:7px;background:#142331db;border:1px solid var(--rarity);font-size:11px;padding:1px 4px}
.equipment-dialog{width:min(94%,540px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;border-radius:22px;overflow:auto}.gear-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 8px;position:sticky;top:0;background:#193245f5;z-index:2;backdrop-filter:blur(12px)}.gear-sheet-header>span{font-size:13px;color:#d5cbaf;letter-spacing:.03em}.gear-sheet-content{padding:12px 20px 20px}.equipment-dialog>.gear-error{padding:0 20px 18px}.gear-detail-hero{display:flex;gap:12px;align-items:center}.gear-detail-hero>.gear-art{flex:none;width:96px;height:116px;background:radial-gradient(ellipse,var(--tint),transparent 73%)}.gear-detail-hero h2{font-size:26px;margin:8px 0}.gear-detail-hero small{font-size:12px;color:var(--rarity)}.gear-detail-hero p{font-size:14px;line-height:1.4;color:#b6cdda;margin:0}.gear-current-stat{padding:16px;border:1px solid #a9c2cf66;border-radius:15px;background:#3c616b44;margin:20px 0 12px;text-align:center}.gear-current-stat strong{font-size:21px;color:#d3ecd8;display:block}.gear-current-stat span{font-size:12px;color:#bfd0dc}.gear-comparison{font-size:13px;color:#c1d8e4;line-height:1.55}.gear-primary,.gear-secondary{min-height:48px!important;width:100%;display:flex;gap:6px;align-items:center;justify-content:center;padding:12px;border-radius:13px!important;border:1px solid #e6c183!important;background:linear-gradient(120deg,#f8deb0,#d5aa6e)!important;color:#192c3a!important;font:600 15px var(--body,Arial)!important;box-shadow:0 3px 0 #846443,inset 0 1px #fff6}.gear-secondary{color:#dee2d8!important;background:linear-gradient(120deg,#34516a,#253d54)!important;border-color:#829fb77a!important;box-shadow:inset 0 1px #eff5}.gear-primary+.gear-secondary{margin-top:12px}.gear-text{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px 4px;border:0!important;background:none!important;box-shadow:none!important;color:#ded1af!important;font-size:13px!important}.gear-action-block{margin-top:20px;border-top:1px solid #708fa44d;padding-top:14px}.gear-action-block p{font-size:13px;color:#b6cbda;margin:8px 0 14px}.gear-upgrade{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px;border:1px solid #98b2c56e;border-radius:13px;background:#304d60;color:#f0e4cb;text-align:left}.gear-upgrade small{display:block;font-size:12px;color:#b9d5df;margin-top:4px}.gear-upgrade b{display:flex;align-items:center;gap:5px;white-space:nowrap}.gear-forge-head{display:flex;align-items:center;gap:16px}.gear-forge-head>.camp-icon{width:68px;height:68px}.gear-forge-head small{font-size:10px;letter-spacing:.1em;color:#d8c495}.gear-forge-head h2{margin:4px 0}.gear-forge-head p{margin:0;color:#d5bcf5}.gear-craft-list{display:grid;gap:12px}.gear-craft{display:flex;gap:12px;border:1px solid #947bbe66;border-radius:17px;background:linear-gradient(130deg,#43376350,#1e354a);padding:13px;align-items:center}.gear-craft>.gear-art{width:76px;flex:none}.gear-craft>div:last-child{flex:1;min-width:0}.gear-craft small{font-size:11px;color:#bca8de}.gear-craft h3{font-size:17px;margin:3px 0}.gear-craft span{font-size:12px;color:#c3d2e1}.gear-craft button{display:block;width:100%;background:#40536f;color:#f2dec1;border:1px solid #a18bb877;border-radius:10px;font-size:13px;margin-top:8px;padding:7px}.gear-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.gear-reward{position:relative;text-align:center;border:1px solid var(--rarity);border-radius:15px;padding:12px 6px;background:linear-gradient(150deg,var(--tint),#152c3d);animation:gear-discover .45s ease-out both;animation-delay:calc(var(--reveal)*.06s)}.gear-reward small{font-size:11px;color:var(--rarity)}.gear-reward h3{font-size:16px}.gear-reward>span{font-size:12px;color:#c9dce7}.gear-reward>b{position:absolute;top:6px;right:9px}.gear-reveal-title{text-align:center}.gear-reveal-title small{font-size:10px;letter-spacing:.12em;color:#e4c898}.gear-reveal-title h2{font-size:29px}.gear-odds{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0}.gear-odds th{text-align:left;font-weight:400}.gear-odds td{text-align:right;font-variant-numeric:tabular-nums}.gear-odds td,.gear-odds th{padding:10px 6px;border-bottom:1px solid #8ea7bf40}.gear-odds-details summary{min-height:44px;padding:10px 0;color:#efd7a4;cursor:pointer}.gear-odds-details td{font-size:12px}.gear-odds-details th{font-size:13px}.equipment-dialog p{line-height:1.55}
.gear-chest-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.gear-chest-heading>span{font-size:11px;color:#c3bb96;letter-spacing:.09em}.gear-chest-heading button{width:auto}.gear-chest-card{position:relative;border:1px solid #b395da96;border-radius:23px;background:radial-gradient(ellipse at 90% 8%,#8a5d955e,transparent 65%),linear-gradient(140deg,#344259,#192e43);padding:18px;margin-bottom:18px;overflow:hidden;box-shadow:inset 0 1px #f9dfff29,0 5px 17px #050e1829}.gear-chest-card.supply{border-color:#79b4a985;background:radial-gradient(ellipse at 90% 5%,#659e8655,transparent 68%),#233f4c}.gear-chest-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.gear-chest-top>div{position:relative;z-index:1}.gear-chest-top small{font-size:10px;color:#d8c3ec;letter-spacing:.1em}.gear-chest-top h2{font:31px/1.05 var(--display,Georgia,serif);margin:8px 0 12px;color:#f6e5cd}.gear-key-count{font-size:12px;color:#cee0e9;border:1px solid #a3b5d564;padding:4px 8px;border-radius:8px;background:#11283766}.gear-chest-top>img{object-fit:contain;width:40%;height:124px;filter:drop-shadow(0 8px 12px #05122477)}.gear-focus-label{display:flex;align-items:center;gap:9px;padding:10px 8px;background:#172c425e;border-radius:14px;border:1px solid #919cc260;margin:8px 0 18px}.gear-focus-label>img{width:46px;height:58px;object-fit:contain;flex:none}.gear-focus-label>span{font-size:10px;color:#c9bcdb;flex:1;min-width:0}.gear-focus-label select{display:block;width:100%;min-height:36px;font-size:15px;padding:3px 19px 3px 7px;margin-top:3px}.gear-focus-label>b{flex:1;font:17px/1.25 var(--display,Georgia);color:#efdbb5}.gear-guarantees{display:grid;gap:12px;margin-bottom:18px}.gear-guarantees>div>span{display:flex;justify-content:space-between;gap:8px;color:#bcccdf;font-size:12px}.gear-guarantees b{color:#f4d99f;font-size:13px;white-space:nowrap}.gear-guarantees progress{width:100%;height:7px;display:block;margin-top:7px;border:0;border-radius:8px;overflow:hidden;accent-color:#c5a0f0;background:#162236}.gear-guarantees progress::-webkit-progress-bar{background:#162236}.gear-guarantees progress::-webkit-progress-value{background:linear-gradient(90deg,#758ecd,#d9b2f1);border-radius:8px}.gear-open-actions{display:grid;gap:10px}.gear-open-actions .camp-icon{width:23px;height:23px}.gear-chest-card>.gear-text{margin-top:9px}.gear-chest-card>p{font-size:14px;color:#c0d6dd}.gear-key-missions{border:1px solid #6e90a45e;border-radius:17px;padding:15px;background:#1b3546;margin:18px 0}.gear-key-missions h3{font:22px var(--display,Georgia);margin:0 0 10px;color:#efdfbf}.gear-key-missions>div{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 0}.gear-key-missions>div+div{border-top:1px solid #748e9e4d}.gear-key-missions b{display:block;font-size:14px;color:#dce5e4}.gear-key-missions small{display:block;font-size:11px;color:#aec8d7;margin-top:5px}.gear-key-missions button{flex:none;font-size:13px!important;padding:8px 13px;border:1px solid #a7b99b75;border-radius:11px;background:#385868;color:#f2dab0}.exchange-tabs:has([data-shop-tab=chests]){display:flex;overflow-x:auto;scrollbar-width:thin}.exchange-tabs:has([data-shop-tab=chests]) button{flex:1 0 64px;min-height:48px}.exchange-tabs:has([data-shop-tab=chests]) svg{width:21px;height:21px}
@keyframes gear-discover{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:600px){.gear-content{padding-inline:28px}.gear-loadout{gap:22px;padding:24px}.gear-hero-art img{height:245px;width:135%}.gear-slot{min-height:162px!important}.gear-slot strong{font-size:14px}.gear-slot small,.gear-slot>span:last-child{font-size:12px}.gear-inventory{grid-template-columns:repeat(4,minmax(0,1fr))}.gear-open-actions{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.gear-open-actions .gear-secondary{margin:0}.gear-craft-list{grid-template-columns:1fr 1fr}.gear-craft{gap:7px;padding:12px}.gear-craft>.gear-art{width:56px}}
@media(max-width:350px){.gear-header{padding-inline:12px;gap:7px}.gear-header h1{font-size:25px}.gear-header small{font-size:8px}.gear-header-wallet{font-size:12px}.gear-content{padding-inline:12px}.gear-tabs{padding-inline:10px}.gear-tabs button{font-size:12px;gap:4px}.gear-loadout{gap:5px;padding:10px 5px;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr)}.gear-hero-art img{height:180px}.gear-slot .gear-art{height:62px}.gear-slot{min-height:136px!important}.gear-slot strong{font-size:11px}.gear-inventory{gap:6px}.gear-item{padding:8px 4px}.gear-item strong{font-size:12px}.gear-item .gear-art img,.gear-item .gear-art canvas{width:60px!important;height:60px!important}.gear-filters button{padding-inline:7px;font-size:12px}.gear-sheet-content{padding:10px 15px 18px}.gear-detail-hero{gap:8px}.gear-detail-hero>.gear-art{width:72px}.gear-detail-hero h2{font-size:24px}.gear-chest-card{padding:14px}.gear-chest-top h2{font-size:28px}.gear-focus-label>b{font-size:14px}.gear-focus-label>img{width:35px}.gear-current-stat strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.gear-reward{animation:none}}
.gear-header>button,.gear-sheet-header>button{height:44px!important;min-height:44px!important;max-height:44px;padding:0!important;display:grid;place-items:center;line-height:1}
.gear-hero-art img{width:100%;max-width:100%;object-fit:contain}
.gear-reward-grid:has(>.gear-reward:only-child){grid-template-columns:minmax(0,1fr);max-width:230px;margin-inline:auto}
.gear-reward:only-child .gear-art{height:105px}
/* Fit all navigation targets at narrow phone widths without shrinking labels. */
.gear-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.gear-tabs button{min-width:0;padding-inline:5px;gap:5px}.gear-tabs .camp-icon{width:23px;height:23px}
/* Focus chests without keys explain where keys come from (T044: no gem-funded openings). */
.gear-key-hint{margin:0;font-size:13px;line-height:1.35;color:#c9d8d2;text-align:center}
/* Supply wagon ad row (Lead UI, T013): shares the Keys along the way row; only its status line differs. */
.gear-key-missions .ad-status{font-size:12px;line-height:1.45;color:#ecdcb4}
.gear-key-missions .ad-status:empty{display:none}