.fellowship-gear{--accent:#91cdea;--gold:#d3ba79;color:#dce7df;font-family:Inter,Arial,sans-serif;margin:18px clamp(16px,2vw,50px) 45px;width:calc(100% - clamp(32px,4vw,100px));max-width:2400px;position:relative;z-index:3}
.fellowship-gear *{box-sizing:border-box}.fellowship-gear a{color:inherit;text-decoration:none}.fellowship-gear h1,.fellowship-gear h2,.fellowship-gear h3{font-family:'Marcellus SC',Georgia,serif;font-weight:600}.fellowship-gear h2{color:var(--gold);font-size:21px;margin:0 0 12px}.fellowship-gear small,.fg-eyebrow{color:#a8b9b0;font-size:10px;letter-spacing:1.2px}.fg-eyebrow{text-transform:uppercase;display:block;margin-bottom:7px}.fg-layout{display:grid;grid-template-columns:210px minmax(420px,1fr) 310px;gap:25px;align-items:start}.fg-heroes{border-right:1px solid #9c9a6440;padding-right:18px}.fg-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.fg-hero{height:105px;position:relative;overflow:hidden;border:1px solid #7c92993d;border-radius:4px;background:linear-gradient(145deg,#1b303b70,#07110c20);display:block}.fg-hero img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:.8}.fg-hero span{position:absolute;inset:auto 0 0;padding:15px 4px 5px;text-align:center;background:linear-gradient(transparent,#07110ff0);font:600 14px 'Marcellus SC',Georgia,serif;color:var(--hero-color)}.fg-hero[aria-current=page],.fg-hero:hover{border-color:var(--hero-color);box-shadow:inset 0 0 0 1px #e0d18a44}.fg-hero[aria-current=page] img{opacity:1}.fg-title{display:flex;gap:18px;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #b5aa6a50}.fg-title h1{font-size:35px;line-height:1.1;margin:0;color:var(--accent)}.fg-title .fg-game{font-size:11px;letter-spacing:2px;color:#91a783;margin-bottom:7px}.fg-button{padding:10px 14px;border:1px solid #c0aa5e88;border-radius:4px;display:inline-flex;align-items:center;gap:8px;background:#11201b66;color:#e2d39f;font-weight:700;font-size:12px;cursor:pointer}.fg-button:hover{border-color:#e9d68c}.fg-stage{height:clamp(520px,66vh,860px);position:relative;display:grid;grid-template-columns:90px minmax(0,1fr) 90px;gap:10px;margin-top:15px}.fg-column{display:grid;grid-template-rows:repeat(7,minmax(0,1fr));gap:7px;z-index:2}.fg-slot{width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 3px;color:#bfd0d3;border:1px solid #718c9c77;border-radius:2px;background:repeating-linear-gradient(135deg,#bfd9e70c 0 1px,transparent 1px 9px),linear-gradient(135deg,#25465780,#0a202d80);font:600 11px Inter,Arial,sans-serif;overflow:hidden}.fg-slot img{width:29px;height:29px;object-fit:contain;filter:grayscale(1);opacity:.85;margin-bottom:4px}.fg-slot[data-equipped=true]{border-color:var(--accent);color:#e6dab0;background:repeating-linear-gradient(135deg,#bfd9e70c 0 1px,transparent 1px 9px),#19352e9e}.fg-slot[data-equipped=true] img{filter:none}.fg-slot b{font-size:10px;font-weight:500;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c7b5ec}.fg-portrait{height:100%;width:100%;min-width:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 22px #0006);align-self:end}.fg-portrait-wrap{min-width:0;position:relative;display:flex;align-items:end}.fg-portrait-wrap::after{content:'';height:35%;position:absolute;inset:auto -20% 0;z-index:-1;background:radial-gradient(ellipse at center bottom,color-mix(in srgb,var(--accent),transparent 88%),transparent 65%)}.fg-art-note{text-align:center;color:#a6b2b8;font-size:9px;letter-spacing:1px;border-bottom:1px solid #a8a4663a;padding:10px 0}.fg-player-heading{display:flex;align-items:center;gap:9px}.fg-live-dot{width:7px;height:7px;border-radius:50%;background:#b4a87c;box-shadow:0 0 9px #e9d58855}.fg-player-list{min-height:165px;border-block:1px solid #b5aa6a40;padding:12px 0;margin-bottom:23px}.fg-empty{color:#a2b2ad;font-size:12px;line-height:1.7;margin:6px 0}.fg-awaiting-art{height:80px;background:linear-gradient(90deg,#3a574633,transparent);border-left:2px solid #9fbc7680;display:flex;align-items:center;gap:12px;padding:10px;margin-bottom:12px}.fg-awaiting-art img{height:64px;width:60px;object-fit:cover;object-position:top}.fg-awaiting-art span{font:600 19px 'Marcellus SC',Georgia,serif;color:var(--accent)}.fg-guide{height:88px;display:block;position:relative;isolation:isolate;overflow:hidden;padding:13px 95px 10px 12px;border:1px solid #a7975966;border-radius:4px;background:linear-gradient(100deg,#142621cc,#13231c33);margin-bottom:9px}.fg-guide img{position:absolute;right:-10px;bottom:-24px;width:115px;height:120px;object-fit:cover;object-position:top;z-index:-1;opacity:.85}.fg-guide strong{display:block;color:#ded09e;font-size:14px;margin-bottom:5px}.fg-guide small{letter-spacing:0;font-size:10px;display:block}.fg-guide:hover{border-color:#ddca89}.fg-tabs{display:flex;gap:8px;padding:18px 0 0;border-bottom:1px solid #aca26c44}.fg-tabs a{padding:10px 18px;border:1px solid #8b955155;border-bottom:0;border-radius:5px 5px 0 0;color:#ddce9e;font-weight:700;background:#13241d70}.fg-lower{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:20px;margin-top:25px}.fg-panel{border:1px solid #6f855d55;border-radius:5px;padding:22px;background:#081710a6;min-width:0}.fg-panel h2{margin-bottom:14px}.fg-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.fg-item-row{display:flex;gap:12px;align-items:center;border:1px solid #8d9a6f28;border-radius:3px;padding:10px;background:#14251c55;min-width:0}.fg-item-row img{width:29px;height:29px;object-fit:contain;filter:grayscale(1);opacity:.7}.fg-item-row b{font-size:12px;color:#cfceaf;display:block}.fg-item-row small{font-size:10px;letter-spacing:0}.fg-player{width:100%;padding:10px;border:1px solid #89936455;border-radius:4px;background:#12221977;color:#d8dfd7;text-align:left;display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;cursor:pointer;min-height:48px}.fg-player[aria-pressed=true]{border-color:var(--accent)}.fg-score{color:var(--gold);font-weight:800}.fg-stats{list-style:none;padding:0;display:grid;gap:8px}.fg-stats li{display:flex;justify-content:space-between;border-bottom:1px solid #78996722;padding-bottom:7px}.fg-footer{margin-top:24px}.fg-footer h2{font-size:25px;color:#d6c88f}.fg-footer p{max-width:1200px;line-height:1.8;color:#adbbb2;font-size:13px}.fg-footer nav{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.fg-footer nav a{padding:6px 9px;border:1px solid #82996544;border-radius:3px;color:var(--hero-color,#c7c18f);font-size:12px}.fg-tooltip{position:fixed;z-index:50;max-width:300px;padding:14px;background:#071910f5;border:1px solid #c5ad70;border-radius:4px;box-shadow:0 8px 24px #0008;pointer-events:none;font-size:12px;color:#dce5d8}.fg-tooltip strong{color:#caa4e3;display:block;margin-bottom:7px}.fg-tooltip p{margin:4px 0}.fg-gear-view{scroll-margin-top:90px}.fg-connection{font-size:11px;color:#c4caaf;margin-top:10px}.fg-count{font-size:11px;color:#aab8ab;margin-top:12px}
@media(min-width:2100px){.fellowship-gear{width:89vw;max-width:none}.fg-layout{grid-template-columns:clamp(220px,10vw,310px) minmax(500px,1fr) clamp(310px,16vw,480px);gap:32px}.fg-hero{height:clamp(115px,10vh,150px)}.fg-stage{grid-template-columns:110px minmax(0,1fr) 110px}.fg-slot{font-size:13px}.fg-slot img{width:36px;height:36px}.fg-guide{height:100px}.fg-title h1{font-size:43px}}
@media(max-width:1150px){.fg-layout{grid-template-columns:160px minmax(360px,1fr);gap:18px}.fg-hero{height:94px}.fg-sidebar{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:20px}.fg-heroes{grid-row:1/3}.fg-stage{height:570px;grid-template-columns:75px minmax(0,1fr) 75px}.fg-title h1{font-size:28px}.fg-lower{grid-template-columns:1fr}}
@media(max-width:700px){.fellowship-gear{margin:15px 12px 30px;width:calc(100% - 24px)}.fg-layout{display:flex;flex-direction:column;gap:18px}.fg-heroes{width:100%;padding:0;border-right:0}.fg-hero-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.fg-hero{height:85px}.fg-hero span{font-size:10px}.fg-heroes h2{font-size:18px}.fg-character{width:100%}.fg-title h1{font-size:25px}.fg-title .fg-button{font-size:10px;padding:9px;max-width:150px}.fg-stage{height:520px;grid-template-columns:64px minmax(0,1fr) 64px;gap:3px}.fg-slot{font-size:9px;padding:3px}.fg-slot img{height:25px;width:25px}.fg-sidebar{width:100%;display:grid;grid-template-columns:1fr;gap:10px}.fg-items{grid-template-columns:1fr}.fg-panel{padding:16px}.fg-tabs a{padding:9px 12px;font-size:12px}.fg-lower{margin-top:12px}.fg-art-note{font-size:8px}.fg-hero-grid .fg-hero img{object-position:50% 20%}.fg-guide{height:90px}}
@media(prefers-reduced-motion:reduce){.fellowship-gear *{scroll-behavior:auto}}

.fellowship-gear [hidden],.fg-tooltip[hidden]{display:none!important}
.fg-title{min-height:78px}.fg-title>div:first-child{min-width:0;flex:1}.fg-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fg-item-row>div{min-width:0}.fg-item-row b{overflow-wrap:anywhere;line-height:1.4}.fg-player strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fg-slot[data-equipped=true] img{opacity:1}
.fg-stage{grid-template-rows:minmax(0,1fr)}.fg-column,.fg-portrait-wrap{min-height:0}.fg-portrait{max-height:100%}
@media(max-width:700px){.fg-portrait{object-fit:cover;object-position:center bottom}}

/* Equipped artwork fills fixed slots; labels remain for empty placeholders. */
.fg-slot{position:relative;text-decoration:none;cursor:default}.fg-slot[data-equipped=true]{padding:0;cursor:pointer}.fg-slot[data-equipped=true]>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;margin:0;filter:none;opacity:1}.fg-slot[data-equipped=true]>span{display:none}.fg-slot[data-equipped=true]>b{position:absolute;bottom:2px;right:2px;z-index:1;padding:2px 5px;background:#080b14e8;border:1px solid #c5ac7955;border-radius:3px;color:#f0dca0;font-size:12px;font-weight:800;line-height:1.1}.fg-slot img{width:38px;height:38px}.fg-item-row{padding:0 12px 0 0;min-height:68px;gap:12px;overflow:hidden}.fg-item-row>.fi-icon{width:68px;height:68px;border-radius:2px;border-width:0 1px 0 0}.fg-tabs{flex-wrap:wrap}.fg-tooltip{display:none!important}