.fm-preview .fm-shell{position:relative;z-index:3;width:calc(89% - 24px);max-width:2400px;margin:14px 0 40px 20px;font-family:Inter,Arial,sans-serif;color:#dbe4de}.fm-shell *{box-sizing:border-box}.fm-shell a{color:inherit;text-decoration:none}.fm-shell .meta-page{width:100%;margin:0 0 12px;display:grid;gap:12px}.fm-shell .meta-hero{align-items:center;padding:18px 22px;min-height:116px;--hero-art:url('/assets/fellowship/dungeons/cithrels-fall.jpg');--hero-art-position:center 40%}.fm-shell .meta-hero::after{animation:none}.fm-shell .meta-hero h1{font:700 clamp(30px,2.6vw,46px)/1.15 'Marcellus SC',Georgia,serif;margin:4px 0;color:#f3e7c5}.fm-shell .meta-hero p{margin:0;color:#c3cfc4;font-size:12px}.fm-shell .meta-hero .eyebrow{color:#b9d68d;font-size:10px;letter-spacing:1.4px;font-weight:800}.fm-controls{display:grid;justify-items:end;gap:12px}.fm-demo{color:#e2cc91;font-size:9px;font-weight:800;letter-spacing:1px;border:1px solid #c8ad6859;padding:5px 8px;border-radius:3px;background:#1b1a10a6}.fm-controls>div{display:flex;gap:10px}.fm-controls label{display:grid;gap:4px;font-size:9px;color:#cbd1bc;text-transform:uppercase;letter-spacing:.6px}.fm-controls select{font:600 11px Inter,sans-serif;border:1px solid #b8ac7366;border-radius:4px;background:#0b1715eb;color:#eddfb8;padding:8px 28px 8px 9px;min-width:90px}.fm-controls #fm-dungeon{min-width:180px}.fm-shell #meta-board-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.fm-shell .meta-board{overflow:hidden;border-radius:5px}.fm-shell .meta-board-header{min-height:54px;padding:10px 4px}.fm-shell .meta-board-header h2{font-size:clamp(18px,1.7vw,27px)}.fm-shell .meta-tier-row{grid-template-columns:48px minmax(0,1fr);min-height:73px;height:73px}.fm-shell .meta-tier-letter{height:73px;min-height:0}.fm-shell .meta-tier-letter img{width:100%;height:100%;object-fit:cover}.fm-shell .meta-tier-items{gap:5px;padding:6px;flex-wrap:nowrap;min-width:0;overflow:hidden}.fm-token{display:block;position:relative;border:1px solid var(--hero-color,#e3c187);border-radius:4px;overflow:hidden;width:clamp(46px,3.6vw,65px);height:58px;flex-shrink:0;background:linear-gradient(140deg,#243f39,#080e13);outline-offset:3px;box-shadow:inset 0 0 10px #b5a97522}.fm-token>img{width:100%;height:100%;object-fit:cover;object-position:50% 17%;transform:scale(1.8);transform-origin:center 18%}.fm-token>span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;font-weight:800;color:var(--hero-color,#f3dfaf);padding:4px 1px 2px;background:linear-gradient(transparent,#050d10f2 45%);text-shadow:0 1px 2px #000}.fm-token:hover,.fm-token:focus-visible{border-color:#f4de9b;box-shadow:0 0 12px #e8d39333;transform:none}.fm-token.fm-dungeon>img{transform:none;object-position:center;filter:saturate(.95)}.fm-shell .fm-comps{border:1px solid #c7ba8050;border-radius:5px;padding:14px;background:linear-gradient(110deg,#132719eb,#0b1c1be6);margin:0 0 12px}.fm-comps header{display:flex;align-items:baseline;gap:15px;margin:0 0 12px}.fm-comps h2{margin:0;color:#efdfb3;font:700 clamp(23px,2vw,32px) 'Marcellus SC',Georgia,serif}.fm-comps header>span{font-size:10px;color:#a5be85;font-weight:700}.fm-comp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.fm-comp{min-width:0;display:flex;align-items:center;gap:5px;padding:7px;border:1px solid #a8ac7340;border-radius:5px;background:linear-gradient(120deg,#4a492c6b,#06110ac9)}.fm-comp>strong{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid #d1be8c99;border-radius:50%;background:linear-gradient(140deg,#f5d17e,#55401e);color:#11180f;font:700 15px Georgia,serif}.fm-comp:nth-child(2)>strong{background:linear-gradient(140deg,#f3f7f7,#748486)}.fm-comp:nth-child(3)>strong{background:linear-gradient(140deg,#edb17c,#754526)}.fm-comp .fm-token{width:clamp(29px,2.5vw,45px);height:42px}.fm-comp .fm-token>span{display:none}.fm-comp small{margin-left:auto;font-size:9px;color:#b9caba;white-space:nowrap}.fm-signal{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #84b17455;border-radius:5px;background:#06140ec7;padding:11px 14px}.fm-signal strong{display:block;color:#a0c882;font-size:12px;font-variant:small-caps}.fm-signal span{display:block;color:#afc0b6;font-size:10px;margin-top:4px}.fm-note{max-width:1100px;margin-top:18px;color:#829a91;font-size:11px;line-height:1.7}.fm-tip{position:fixed;z-index:1000;pointer-events:none;max-width:280px;padding:14px 16px;background:#071310f5;border:1px solid #bca76f99;border-radius:5px;box-shadow:0 10px 30px #000a;font:11px/1.7 Inter,sans-serif;color:#bdcec7}.fm-tip strong{font-size:15px;color:#ead5a6;display:block;margin-bottom:4px}.fm-tip small{display:block;color:#c8ac6f;font-size:9px;margin-top:7px}.fm-tip[hidden]{display:none!important}
@media(min-width:2200px){.fm-shell .meta-tier-row{height:90px}.fm-shell .meta-tier-letter{height:90px}.fm-token{height:70px;width:72px}.fm-comp .fm-token{width:52px;height:48px}.fm-shell .meta-hero{min-height:135px}.fm-shell .fm-comps{padding:18px}.fm-comp{padding:10px;gap:8px}.fm-shell .meta-tier-row{grid-template-columns:58px minmax(0,1fr)}}
@media(max-width:1300px){.fm-preview .fm-shell{width:calc(100% - 32px);margin:12px 16px 30px}.fm-comp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fm-shell .meta-tier-row{grid-template-columns:35px minmax(0,1fr)}.fm-token{width:44px;height:52px}.fm-shell .meta-tier-items{gap:3px;padding:4px}.fm-comp .fm-token{width:37px}}
@media(max-width:850px){.fm-shell #meta-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fm-shell .meta-board-dungeon{grid-column:1/-1}.fm-shell .meta-board-dungeon .meta-tier-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fm-shell .meta-hero{flex-direction:column;align-items:start;gap:18px}.fm-controls{justify-items:start;width:100%}.fm-controls>div{width:100%}.fm-controls label{flex:1;min-width:0}.fm-controls select,.fm-controls #fm-dungeon{width:100%;min-width:0}.fm-shell .meta-tier-row{grid-template-columns:38px minmax(0,1fr)}.fm-comp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fm-comp .fm-token{width:30px;height:35px}.fm-comp>strong{width:24px;height:24px}.fm-comp small{font-size:8px}.fm-signal{align-items:start}}
@media(max-width:480px){.fm-preview .fm-shell{width:calc(100% - 20px);margin:10px 10px 30px}.fm-shell .meta-board-header h2{font-size:19px}.fm-token{width:44px;height:52px}.fm-shell .meta-tier-items{gap:4px}.fm-comp-grid{grid-template-columns:1fr}.fm-comp .fm-token{width:42px;height:42px}.fm-comp{gap:10px}.fm-comps header{display:block}.fm-comps header>span{display:block;margin-top:5px}}

/* Filters replace board nodes; keep their response immediate. */
.fm-preview .meta-board{animation:none!important;opacity:1;transform:none;filter:none}

/* Reuse the WoW Meta typography and square icon proportions. */
.fm-preview .meta-hero h1{font-family:"Cinzel Decorative","Cormorant Garamond",serif;font-weight:700;line-height:.95;letter-spacing:0}
.fm-preview .meta-comps-panel h2{font-family:"MedievalSharp","Cormorant Garamond",serif}
.fm-preview .fm-token{--token-size:58px;width:var(--token-size);height:var(--token-size);aspect-ratio:1;min-width:0;padding:2px;border:1px solid rgba(233,205,138,.26);border-radius:8px;background:rgba(6,14,13,.9);box-shadow:inset 0 1px 0 rgba(255,244,199,.08)}
.fm-preview .fm-token>img{display:block;width:100%;height:100%;border-radius:6px;object-fit:cover;transform:none;object-position:center}
.fm-preview .fm-hero>img{object-position:50% 18%;transform:scale(1.65);transform-origin:50% 18%}
.fm-preview .fm-dungeon>span{font:700 16px/1 "Marcellus SC",Georgia,serif;padding:8px 2px 3px;color:#f8e9bd;text-shadow:0 2px 3px #000,0 0 4px #000;background:linear-gradient(transparent,#050d10df)}
.fm-preview .fm-token:is(:hover,:focus-visible){z-index:12;border-color:var(--hero-color,#e9c46a);box-shadow:0 0 0 2px color-mix(in srgb,var(--hero-color,#e9c46a),transparent 75%),0 0 16px color-mix(in srgb,var(--hero-color,#e9c46a),transparent 65%);transform:none}
.fm-preview #meta-board-grid .meta-tier-row{grid-template-columns:62px minmax(0,1fr);height:70px;min-height:70px}
.fm-preview #meta-board-grid .meta-tier-letter{height:70px;min-height:70px}
.fm-preview #meta-board-grid .meta-tier-letter img{object-fit:contain}
.fm-preview #meta-board-grid .meta-tier-items{gap:5px;padding:6px}
.fm-preview .fm-comp .fm-token{--token-size:42px}
@media(min-width:2100px){.fm-preview #meta-board-grid .meta-tier-row{grid-template-columns:70px minmax(0,1fr);height:88px;min-height:88px}.fm-preview #meta-board-grid .meta-tier-letter{height:88px;min-height:88px}.fm-preview #meta-board-grid .fm-token{--token-size:74px}.fm-preview .fm-comp .fm-token{--token-size:48px}}
@media(max-width:1300px){.fm-preview #meta-board-grid .meta-tier-row{grid-template-columns:48px minmax(0,1fr)}.fm-preview #meta-board-grid .fm-token{--token-size:48px}.fm-preview .fm-comp .fm-token{--token-size:36px}}
@media(max-width:480px){.fm-preview #meta-board-grid .meta-tier-row{grid-template-columns:44px minmax(0,1fr)}.fm-preview #meta-board-grid .fm-token{--token-size:44px}.fm-preview .fm-comp .fm-token{--token-size:42px}.fm-preview .fm-dungeon>span{font-size:13px}}
.fm-preview .fm-comp{display:grid;grid-template-columns:28px repeat(4,minmax(0,1fr)) 30px;gap:5px;overflow:hidden}
.fm-preview .fm-comp .fm-token{width:100%;height:auto;aspect-ratio:1;max-width:42px}
.fm-preview .fm-comp small{margin-left:0;text-align:right}
@media(min-width:2100px){.fm-preview .fm-comp .fm-token{max-width:48px}}

/* Native PNG heading */
.fm-preview .meta-hero h1 .calculator-menu-wordmark{display:block;width:min(510px,65vw);max-width:100%}
@media(max-width:600px){.fm-preview .meta-hero h1 .calculator-menu-wordmark{width:min(510px,75vw)}}

/* Wordmarks outside navigation */
.fm-preview .meta-hero h1 .calculator-menu-wordmark>img{position:absolute;display:block;max-width:none;height:auto}

/* Shared WoW letter choices; keep the controls compact on narrow screens. */
.fm-public-tools{display:grid;gap:9px;justify-items:end}.fm-letter-theme-bar{margin:0;max-width:100%}.fm-letter-theme-bar .meta-theme-group{flex-wrap:wrap}.fm-controls>.fm-letter-theme-bar{gap:0}.fm-controls .fm-letter-theme-bar{justify-self:end}@media(max-width:850px){.fm-public-tools{justify-items:start}.fm-controls .fm-letter-theme-bar{justify-self:start}}

.fm-public .fm-shell{max-width:2400px}.fm-public .meta-hero{gap:20px;min-height:116px}.fm-public .meta-hero h1 .calculator-menu-wordmark{display:block;width:min(380px,50vw);max-width:100%}.fm-public .fm-readiness{padding:7px 11px;border:1px solid #84b17455;border-radius:4px;background:#06140ec7;color:#acc991;font:700 10px/1.4 Inter,sans-serif;white-space:nowrap}.fm-empty-slot{display:block;width:42px;aspect-ratio:1;border:1px solid #a8bca844;border-radius:4px;background:linear-gradient(135deg,#20312666,#07110e66);opacity:.4}.fm-public .fm-comp-pending .fm-empty-slot{width:100%;max-width:42px;height:auto}.fm-public .fm-comp-pending small{color:#789188}.fm-public .fm-comp-pending>strong{background:linear-gradient(140deg,#6a653f,#2b2a1b);color:#c8c1a0}.fm-seo{margin:28px 0 0;padding:24px;background:#07120fc4;border:1px solid #aab68944;border-radius:6px}.fm-seo h2{font:22px 'Marcellus SC',serif;color:#d4c187;margin:24px 0 9px}.fm-seo h2:first-child{margin-top:0}.fm-seo p{max-width:1300px;font:13px/1.9 Inter,sans-serif;color:#b7c6bf}.fm-seo nav{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.fm-seo nav a{padding:7px 10px;border:1px solid #6f9a9277;border-radius:4px;color:#b4d4d8;font-size:12px}.fm-public .fm-hero-links a{font-size:11px}@media(max-width:850px){.fm-public .meta-hero{align-items:flex-start;gap:8px}.fm-public .meta-hero h1 .calculator-menu-wordmark{width:min(380px,75vw)}}@media(max-width:600px){.fm-seo{padding:18px}}

.fm-unranked{border-top:1px solid #c8b87744;padding:8px;color:#a6b7ab;font-size:9px}.fm-unranked>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.fm-public #meta-board-grid .fm-unranked .fm-token{--token-size:42px}.fm-public .meta-tier-items{overflow-x:auto!important;scrollbar-width:thin}.fm-public .fm-signal{flex-wrap:wrap;font-size:10px;color:#9fb8aa}.fm-public .fm-controls select{max-width:240px}.fm-public .fm-no-runs{grid-column:1/-1;font-size:12px;color:#a6b7ab}.fm-public [dir=rtl] .fm-controls{justify-items:start}