.field-guide{background:#0a1518;color:#e8e4d6;font-size:14px}.field-guide a{color:#dfc28b;text-decoration:none}.field-guide a:hover{text-decoration:underline}.field-guide header{padding:0 max(24px,calc((100vw - 1440px)/2));gap:24px}.field-guide header nav{font-size:12px;gap:28px}.field-guide .brand{color:#ede7d9}.field-guide .brand:hover{text-decoration:none}.fg-play{border:1px solid #b69b634a;padding:12px 18px}.fg-play span{margin-left:15px}.fg-skip{position:fixed;top:-60px;left:15px;z-index:100;background:#172d2b;padding:14px}.fg-skip:focus{top:12px}
.fg-hero{max-width:1440px;margin:0 auto;min-height:330px;padding:54px 32px 38px;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #cbb47e30;background:linear-gradient(90deg,#0b191d 10%,#0b191de6 46%,#0b191d55 100%),url('assets/arena.png') right 40%/850px auto no-repeat}.fg-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a1518,transparent 40%);z-index:-1}.fg-hero-copy{max-width:690px}.fg-hero h1{font:500 clamp(42px,5vw,66px)/1.05 var(--serif);margin:16px 0;color:#f1e7d3;letter-spacing:-1px}.fg-hero p{color:#afc0b9;line-height:1.8;font-size:14px;max-width:540px;margin:0}.fg-counts{display:flex;gap:35px;margin:24px 0 19px}.fg-counts span{font-size:8px;letter-spacing:2px;color:#9fb2a9}.fg-counts b{display:block;font:28px 'Cinzel',serif;color:#e1c38c;letter-spacing:0;margin-bottom:5px}.fg-hero p.fg-edition{font-size:10px;color:#849b93;letter-spacing:.5px}.fg-hero-mark{position:absolute;right:12%;top:70px;width:160px;height:160px;border:1px solid #d5b57960;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#10221c75;box-shadow:0 0 60px #af855b12;transform:rotate(4deg)}.fg-hero-mark:before{content:'';position:absolute;inset:10px;border:1px solid #d5b57930}.fg-hero-mark span{font-size:46px;color:#d3b276;line-height:1;margin-bottom:14px}.fg-hero-mark small{text-align:center;font-size:9px;letter-spacing:2px;line-height:1.8;color:#d5bf93}
.fg-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:40px;max-width:1440px;margin:0 auto;padding:36px 32px 60px;align-items:start}.fg-sidebar{position:sticky;top:25px}.fg-sidebar>.eyebrow{font-size:8px;letter-spacing:2px;margin:6px 0 18px}.fg-sidebar nav{display:flex;flex-direction:column;align-items:stretch;gap:4px}.fg-sidebar button{gap:12px;border:1px solid transparent;display:flex;align-items:center;justify-content:space-between;padding:12px 13px;text-align:left;font-size:12px;color:#a8bab0}.fg-sidebar button small{font-size:10px;color:#718e83}.fg-sidebar button[aria-pressed=true]{border-color:#d7b37650;color:#e3c68f;background:#d7b3760c}.fg-sidebar button[aria-pressed=true] small{color:#e3c68f}.fg-rules-link{display:block;border-top:1px solid #c4b48925;margin-top:22px;padding:23px 12px 0;font-size:11px}.fg-sidebar>p:last-child{font-size:10px;line-height:1.8;color:#7e988e;padding:0 12px;max-width:190px}
.fg-tools{display:flex;align-items:flex-end;gap:12px;padding:18px;background:#102023;border:1px solid #a99e7025}.fg-tools label{display:block;min-width:120px}.fg-tools label>span{font-size:9px;letter-spacing:1px;color:#9bac9f;display:block;margin-bottom:8px}.fg-tools .fg-search{flex:1;min-width:160px}.fg-tools input,.fg-tools select{width:100%;border:1px solid #8a9f7545;background:#0b191c;color:#e2dfcd;font:12px var(--sans);padding:11px 10px;min-height:40px;border-radius:0}.fg-tools input:focus,.fg-tools select:focus{outline:1px solid #d7b376;outline-offset:2px}.fg-tools input::placeholder{color:#78948a}.fg-tools button{font-size:10px;min-height:40px;padding:9px 12px;color:#d4c49d}.fg-results{display:flex;justify-content:space-between;gap:15px;color:#91a99d;font-size:10px;padding:17px 0 0}.fg-results>span:last-child{color:#6f8c80;text-align:right}
.fg-section{padding-top:40px;scroll-margin-top:24px}.fg-section-heading{display:flex;align-items:end;justify-content:space-between}.fg-section-heading .eyebrow{font-size:8px;letter-spacing:2px}.fg-section h2{font:500 38px var(--serif);margin:8px 0 10px;line-height:1}.fg-section h2>span{font:10px var(--sans);color:#8a9e88;vertical-align:middle;padding:4px 7px;border:1px solid #84957440;margin-left:15px}.fg-section-intro{font-size:12px;line-height:1.8;color:#9aafa2;max-width:800px;margin:0 0 24px}.fg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.fg-grid-spells,.fg-grid-systems{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-card{border:1px solid #9b986038;background:linear-gradient(145deg,#17282a,#0e1c20);overflow:hidden;position:relative;scroll-margin-top:30px;min-width:0}.fg-card:target{outline:2px solid #e6c78d;outline-offset:4px}.fg-card-copy{padding:0 22px 22px}.fg-card h3{font:500 28px/1.12 var(--serif);margin:10px 0 12px;overflow-wrap:anywhere}.fg-card h3 a{color:#e9dfc3}.fg-card h3 a:hover{color:#f2cf8a;text-decoration:none}.fg-card p{font-size:11px;line-height:1.85;color:#aebfb2;margin:12px 0 0}.fg-card p strong{color:#dedbbf;font-weight:500}.fg-card .fg-flavor{font:italic 17px/1.4 var(--serif);color:#b7c2ae}.fg-card p.fg-note{font-size:10px;color:#889e91;line-height:1.8}.fg-card .fg-unlock{text-transform:uppercase;font-size:8px;letter-spacing:.9px;color:#a8ba9e;line-height:1.8}.fg-badge{display:inline-block;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#bdcaad;line-height:1.6}.fg-badge.fg-rarity{font-weight:600}.fg-rarity.common{color:#a5bcb3}.fg-rarity.uncommon{color:#94d5ac}.fg-rarity.rare{color:#9cbfff}.fg-rarity.very-rare{color:#d7afff}.fg-tier-rare{border-color:#7ca7dc55;background:linear-gradient(145deg,#172933,#101b24)}.fg-tier-very-rare{border-color:#be8eea70;background:linear-gradient(145deg,#2a2034,#191b27)}.fg-tier-very-rare h3 a{color:#d9baff}.fg-tier-uncommon{border-color:#90b08345}
.fg-portrait{height:215px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#d2b37420,transparent 65%)}.fg-portrait .portrait{height:230px;width:230px;max-width:none;margin:0 auto}.fg-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#132326,transparent 35%)}.fg-monsters .fg-portrait{height:195px}.fg-monsters .fg-portrait .portrait{height:210px;width:210px}.fg-boss-backdrop{position:absolute;top:0;left:0;width:100%;height:205px;object-fit:cover;opacity:.28}.fg-rival-art{display:flex;height:195px;overflow:hidden}.fg-rival-art .fg-portrait{flex:1;min-width:0;background:none}.fg-rival-art .portrait{width:175px;height:175px;margin-left:calc(50% - 87px);margin-top:20px}.fg-rival-art .fg-portrait:after{background:linear-gradient(0deg,#132326,transparent 30%)}
.fg-mini-stats{display:flex;gap:17px;border-block:1px solid #b7a36725;padding:13px 0;margin:17px 0}.fg-mini-stats span{font-size:7px;letter-spacing:1px;color:#8ea28f}.fg-mini-stats b{display:block;font-size:18px;font-weight:500;color:#e1dbc1;margin-bottom:5px;white-space:nowrap}.fg-card details{border-top:1px solid #a59b642e;margin-top:18px;padding-top:13px}.fg-card summary{font-size:10px;color:#d6bd86;cursor:pointer;line-height:1.6}.fg-card summary:focus-visible{outline:2px solid #d7b376;outline-offset:5px}.fg-timeline{padding:0;list-style:none;margin:18px 0 0}.fg-timeline>li{border-left:1px solid #c4ad733b;padding:0 0 18px 13px}.fg-timeline>li:last-child{padding-bottom:0}.fg-timeline>li>b{font-size:8px;letter-spacing:1px;color:#cdb789}.fg-timeline ul{padding-left:13px;margin-top:6px}.fg-timeline ul li{color:#a3b4a6;font-size:10px;line-height:1.8;margin-bottom:4px}.fg-abilities{display:flex;gap:10px;justify-content:space-between;margin-top:14px}.fg-abilities span{color:#839e8c;font-size:8px}.fg-abilities b{display:block;color:#e1dec8;font-size:17px;font-weight:500;margin-top:4px}.fg-race-mark{font:40px var(--serif);margin:20px 22px 12px;color:#baaa7b}.fg-spell-image{display:block;width:104px;height:104px;margin:24px 22px 18px}.fg-spell-meta{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.fg-spell-meta>span{font-size:9px;background:#9ab69e0c;border:1px solid #98ab7830;padding:6px 9px;color:#b4c4b4}.fg-loot{width:150px;height:150px;max-width:80%;margin:16px auto 12px;position:relative}.fg-loot:before{content:'';position:absolute;inset:16px;border:1px solid #b0af7928;border-radius:50%;background:radial-gradient(ellipse,#a6b69b13,transparent)}.fg-loot .loot-art{position:relative}.fg-tier-very-rare .fg-loot:before{border-color:#bb90ea40;background:radial-gradient(ellipse,#c796ed20,transparent)}.fg-arena-image{display:block;width:100%;height:185px;object-fit:cover}.fg-arenas .fg-card-copy{padding-top:20px}.fg-empty{padding:70px 20px;text-align:center;border:1px dashed #c3ad6740;margin-top:30px}.fg-empty>span{font-size:50px;color:#b4a572}.fg-empty h2{font:34px var(--serif)}.fg-empty p{color:#94aa9c;font-size:12px}.fg-empty button{margin-top:20px;padding:12px 18px}.fg-footer{border-top:1px solid #ab9c6e30;padding:35px 32px 45px;text-align:center;font-size:11px}.fg-footer p{color:#7f9688;font-size:10px;margin:18px 0 0}.fg-footer>a{font-size:14px;font-family:'Cinzel',serif}
@media(max-width:1180px){.fg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-hero-mark{right:8%;width:125px;height:125px}.fg-hero-copy{max-width:600px}.fg-hero-copy>p{max-width:500px}.fg-layout{gap:25px;grid-template-columns:165px minmax(0,1fr)}}
@media(max-width:850px){.fg-hero-mark{display:none}.fg-layout{grid-template-columns:1fr;padding:25px 22px;gap:20px}.fg-sidebar{position:static}.fg-sidebar>.eyebrow,.fg-sidebar>p:last-child,.fg-rules-link{display:none}.fg-sidebar nav{flex-direction:row;overflow-x:auto;gap:7px;padding-bottom:8px}.fg-sidebar button{white-space:nowrap;gap:16px;border-color:#b8ac7430;padding:10px 13px}.fg-tools{flex-wrap:wrap}.fg-tools .fg-search{flex-basis:100%}.fg-tools label{flex:1}.fg-hero{padding:38px 24px 30px;min-height:0}.fg-results{font-size:9px}.field-guide header{padding:0 22px}.field-guide .brand{font-size:21px;letter-spacing:2px}.field-guide header nav{gap:16px;font-size:10px}.fg-section{padding-top:30px}.fg-hero p{font-size:13px}}
@media(max-width:560px){.field-guide header{height:78px;padding:0 16px;gap:12px}.field-guide .brand{font-size:17px;gap:9px}.field-guide .brand svg{width:26px}.field-guide .brand small{font-size:7px;letter-spacing:1.6px}.field-guide header nav{gap:10px;align-items:center}.fg-play{padding:8px;font-size:9px}.fg-play span{display:none}.field-guide header nav>a:first-child{display:none}.fg-hero{padding:30px 20px}.fg-hero h1{font-size:44px}.fg-counts{gap:22px}.fg-counts span{font-size:7px;letter-spacing:1px}.fg-counts b{font-size:25px}.fg-layout{padding:20px 16px 40px}.fg-tools{padding:13px;gap:9px}.fg-tools label{min-width:90px}.fg-tools button{padding:8px}.fg-grid{grid-template-columns:1fr}.fg-section h2{font-size:34px}.fg-results>span:last-child{display:none}.fg-card-copy{padding:0 23px 24px}.fg-card h3{font-size:29px}.fg-card p{font-size:12px}.fg-card p.fg-note{font-size:11px}.fg-portrait{height:230px}.fg-portrait .portrait{height:245px;width:245px}.fg-arena-image{height:auto}.fg-section-intro{font-size:12px}.fg-spell-image{width:110px;height:110px}.fg-footer{padding:30px 20px}.fg-sidebar button{font-size:11px}}

.fg-tools select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23d7b376' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}

/* Separate concept gallery: current catalog and combat artwork stay intact. */
.fg-art-callout{display:flex;align-items:center;gap:12px;width:fit-content;border:1px solid #c4aa714d;padding:12px 15px;margin:18px 0;background:#172a29;font-size:12px}.fg-art-callout span{font-size:8px;letter-spacing:1px;color:#92b9a7}.fg-art-callout b{font-weight:400;margin-left:12px}.fg-art-nav{display:flex;justify-content:space-between;gap:10px;padding:16px 12px;margin-top:18px;border:1px solid #c4aa714d;font-size:11px;background:#d7b37609}.fg-art-preview{max-width:1440px;margin:0 auto;padding:58px 32px 64px;border-top:1px solid #cbb47e40;scroll-margin-top:24px;background:radial-gradient(ellipse at 50% 0,#34524625,transparent 70%)}.fg-art-heading{display:flex;align-items:start;justify-content:space-between;gap:30px}.fg-art-heading .eyebrow{font-size:9px;letter-spacing:2px}.fg-art-heading h2{font:500 clamp(32px,4vw,50px)/1.1 var(--serif);margin:15px 0}.fg-art-heading p:not(.eyebrow){color:#a9bcb0;font-size:13px;line-height:1.8;max-width:740px}.fg-concept-status{flex-shrink:0;font-size:8px;letter-spacing:1.3px;border:1px solid #c7ae7255;padding:11px 14px;margin-top:12px;color:#d5bd8c}.fg-art-notice{border-left:2px solid #c7ae7280;background:#c7ae7208;padding:14px 18px;color:#a4b8a9;font-size:11px;line-height:1.8;margin:20px 0 28px;max-width:960px}.fg-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.fg-concept{border:1px solid #a89e6c40;background:#112124;min-width:0;overflow:hidden}.fg-concept-image{display:block;position:relative;background:#efe6d8;overflow:hidden}.fg-concept-image img{display:block;width:100%;aspect-ratio:2/3;object-fit:contain}.fg-concept-image span{position:absolute;bottom:12px;right:12px;font-size:10px;color:#e8d9b6;background:#122426ec;padding:9px 12px;border:1px solid #d7c29970}.fg-concept-image:focus-visible{outline:3px solid #e9c780;outline-offset:-3px}.fg-concept-copy{padding:24px}.fg-concept-class{font-size:8px!important;letter-spacing:1.1px;text-transform:uppercase;color:#c2ac7d!important}.fg-concept-copy h3{font:500 clamp(25px,2.5vw,34px)/1.15 var(--serif);color:#eee3c9;margin:12px 0}.fg-concept-copy p{font-size:12px;line-height:1.8;color:#a4b8a9}.fg-concept-copy .fg-concept-tagline{font:italic 19px/1.4 var(--serif);color:#d3d3b9}.fg-concept-copy dl{border-top:1px solid #b9a26e30;padding-top:16px;margin-top:20px}.fg-concept-copy dt{font-size:8px;text-transform:uppercase;letter-spacing:1.2px;color:#829e8e;margin-top:14px}.fg-concept-copy dd{font-size:11px;line-height:1.7;color:#bdc5ac;margin:6px 0 0}.fg-concept-copy details{border-top:1px solid #b9a26e30;padding-top:17px;margin-top:22px}.fg-concept-copy summary{font-size:11px;color:#d7be86;cursor:pointer;line-height:1.6}.fg-concept-copy .fg-portrait{margin-top:15px}.fg-concept-copy details p{font-size:10px;color:#81998b}.fg-art-footnote{font-size:11px;line-height:1.8;color:#8ba394;max-width:840px;margin:26px 0 16px}.fg-art-back{font-size:11px}
@media(max-width:1000px){.fg-concept-grid{gap:15px}.fg-concept-copy{padding:18px}.fg-art-heading{display:block}.fg-concept-status{display:inline-block;margin:8px 0}.fg-art-nav{font-size:10px}}
@media(max-width:700px){.fg-art-preview{padding:36px 20px}.fg-concept-grid{grid-template-columns:1fr;gap:26px}.fg-concept-copy{padding:24px}.fg-concept-copy h3{font-size:34px}.fg-art-callout{flex-wrap:wrap;gap:8px}.fg-art-callout span{width:100%}.fg-art-heading p:not(.eyebrow){font-size:12px}.fg-art-notice{font-size:11px}.fg-art-nav{margin-top:8px}}
.fg-roster-tools{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:20px;border:1px solid #b79a6344;background:#142529}.fg-roster-tools label{display:flex;flex-direction:column;gap:8px;min-width:140px;flex:1;font-size:10px;color:#b3c6b8}.fg-roster-tools select{font:12px var(--sans);background:#0b191e;color:#e5dfcd;border:1px solid #819f784d;padding:11px;width:100%}.fg-roster-tools button{padding:12px 18px;color:#dec28d;font-size:11px}#rosterCount{font-size:11px;color:#92ad9d;margin:20px 0}.fg-roster-grid .fg-concept-image{background:repeating-conic-gradient(#162b30 0% 25%,#20373b 0% 50%) 50%/24px 24px}.fg-roster-grid[data-background=light] .fg-concept-image{background:#eadfcd}.fg-roster-grid[data-background=dark] .fg-concept-image{background:#09191f}.fg-roster-grid .fg-concept-image img{object-fit:contain;padding:12px}.fg-roster-grid .fg-concept-copy h3{font-size:28px}.fg-roster-grid .fg-concept-copy>a{display:inline-block;font-size:11px;margin-top:10px}.fg-original-studies{margin-top:35px;padding:20px;border:1px solid #a3986744}.fg-original-studies summary{cursor:pointer;color:#cfb682;font-size:12px}.fg-original-studies .fg-concept-grid{margin-top:25px}.fg-monsters .fg-portrait{height:215px}.fg-monsters .fg-portrait .portrait{width:100%;height:100%}.fg-monsters .fg-portrait:after{display:none}@media(max-width:560px){.fg-roster-tools{padding:14px;gap:12px}.fg-roster-tools label{min-width:115px}}

.fg-roster-tools select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23d7b376' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
.fg-roster-tools select{min-height:42px}

.fg-roster-grid .fg-concept-image img{height:auto;aspect-ratio:1}

.fg-portrait>.entity-portrait{width:100%;height:100%;object-fit:contain;position:relative}.fg-portrait:after{pointer-events:none}.fg-rival-art .entity-portrait{height:100%;width:100%}.fg-card details a{font-size:10px}