/* 全站固定頁首：大分類固定，分類內再顯示小分類。 */
html{scroll-padding-top:125px;overflow-y:scroll;scrollbar-gutter:stable}
body{background:radial-gradient(ellipse at 50% -20%,#334231 0,transparent 46%),#101713;color:#f1efe6;font:15px/1.75 "Noto Sans TC","Microsoft JhengHei",sans-serif}
body > main{width:min(1080px,calc(100% - 40px));max-width:none;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
body > header.site-header{position:sticky;top:0;z-index:100;width:100%;max-width:none;min-height:74px;height:74px;margin:0;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:32px;background:#111713;border-bottom:1px solid #344238;color:#f1efe6;font:400 14px/1.4 "Noto Sans TC","Microsoft JhengHei",sans-serif;box-shadow:0 8px 28px #0002}
body > header.site-header .brand{display:flex;align-items:center;justify-self:start;grid-area:auto;gap:12px;flex:none;width:max-content;max-width:100%;margin:0;color:#f1efe6;text-decoration:none;white-space:nowrap;font:400 14px/1.4 "Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:0}
body > header.site-header .brand-icon{display:block;width:38px;height:38px;object-fit:cover;border-radius:8px;flex:none;transform:none}
body > header.site-header .brand-name{font:20px/1.25 Georgia,"Noto Serif TC","Microsoft JhengHei",serif;letter-spacing:.02em;margin:0}
body > header.site-header .brand-name small{display:block;margin-top:3px;color:#aab5a8;font:10px/1.3 "Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:.02em}
body > header.site-header .main-nav{display:flex;align-items:center;justify-content:flex-end;grid-area:auto;gap:clamp(12px,2.4vw,32px);height:36px;min-width:0;margin:0;padding:0;border:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}
body > header.site-header .main-nav a{display:flex;align-items:center;justify-content:center;height:36px;padding:0 2px;flex:none;color:#b7c1b5;font:400 15px/1 "Noto Sans TC","Microsoft JhengHei",sans-serif;text-decoration:none;letter-spacing:0;transform:none}
body > header.site-header .main-nav a:hover,body > header.site-header .main-nav a.active{color:#dfbd72}
@media(max-width:850px){body > header.site-header{padding:0 16px;gap:16px}body > header.site-header .brand-name small{display:none}}
@media(max-width:620px){body > header.site-header{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:34px 26px;height:78px;min-height:78px;gap:0;padding:5px 14px}body > header.site-header .brand-icon{width:30px;height:30px}body > header.site-header .brand-name{font-size:17px}body > header.site-header .main-nav{width:100%;height:26px;justify-content:flex-start;gap:16px}body > header.site-header .main-nav a{height:26px;font-size:13px;padding:0}}
.main-nav a,.sub-nav a{text-decoration:none}
.sub-nav{position:sticky;top:74px;z-index:90;display:grid;grid-auto-rows:32px;align-items:center;align-content:center;gap:0;width:min(1200px,calc(100vw - 32px));height:44px;min-height:44px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;border-bottom:1px solid #344238;padding:5px 8px;margin:0 0 4px 50%;transform:translateX(-50%);background:#111713;color:#f1efe6;font:400 14px/1.4 "Noto Sans TC","Microsoft JhengHei",sans-serif;scrollbar-width:thin}
.sub-nav[aria-label="戰鬥專區"]{grid-template-columns:repeat(10,minmax(0,1fr))}
.sub-nav[aria-label="資料總覽"]{grid-template-columns:repeat(6,minmax(0,1fr))}
.sub-nav a{display:flex;align-items:center;justify-content:center;height:32px;min-width:0;margin:0;padding:0 2px;text-align:center;white-space:nowrap;font:400 13px/1 "Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:0;color:#aab5a8;border-bottom:2px solid transparent;transform:none}
.sub-nav a:hover{color:#dfbd72}
.sub-nav a.active{color:#dfbd72;border-bottom-color:#dfbd72}
@media(max-width:1199px){.sub-nav{height:52px;min-height:52px}.sub-nav[aria-label="戰鬥專區"]{display:flex;grid-template-columns:none}.sub-nav[aria-label="戰鬥專區"] a{flex:0 0 112px}}
@media(max-width:620px){html{scroll-padding-top:140px}body > main{width:calc(100% - 28px)}.sub-nav{top:78px}.sub-nav a{font-size:12px}.sub-nav[aria-label="資料總覽"]{display:flex;grid-template-columns:none;justify-content:flex-start;gap:10px}.sub-nav[aria-label="資料總覽"] a{flex:0 0 auto;padding:0 8px}}

/* 玩家閱讀字階：頁面各自負責配色，標題與內文使用同一尺寸規則。 */
body > main :is(.hero,.bestiary-hero) h1{font:400 clamp(42px,5.2vw,66px)/1.2 Georgia,"Noto Serif TC",serif;white-space:normal;letter-spacing:.01em}
body > main :is(.section-head,.group-head) h2{font:400 27px/1.35 Georgia,"Noto Serif TC",serif}
body > main .section-heading h2{font:400 36px/1.3 Georgia,"Noto Serif TC",serif}
body > main .topic > h2{font:400 29px/1.35 Georgia,"Noto Serif TC",serif}
body > main :is(.card,.guide-card) h3{font:400 21px/1.4 Georgia,"Noto Serif TC",serif}
body > main :is(.map-card,.sys-card,.item-card,.rule-cards article,.result-card) h3{font-size:18px;line-height:1.45}
body > main .rule-card h2{font-size:23px;line-height:1.4}
body > main .eyebrow{font-size:12px;line-height:1.5}
body > main :is(.hero,.bestiary-hero) > p:not(.eyebrow),body > main .hero-intro{font-size:15px;line-height:1.85}
body > main :is(.card,.map-card,.sys-card,.guide-card,.rule-card,.rule-cards article,.item-card) p{font-size:13px;line-height:1.8}
body > main :is(.section-head,.group-head) p,body > main .panel > p{font-size:13px;line-height:1.75}
body > main .topic > p{font-size:14px;line-height:1.85}
body > main .monster-brief{font-size:12px;line-height:1.7}
body > main .monster-tag{font-size:11px}
@media(max-width:620px){
  body > main .hero{min-height:300px}
  body > main :is(.hero,.bestiary-hero) h1{font-size:clamp(38px,8vw,44px)}
  body > main :is(.section-head,.group-head,.section-heading) h2{font-size:24px}
  body > main .topic > h2{font-size:25px}
  body > main .monster-brief{font-size:13px}
}

/* 生命脈絡：全內頁共用同一套字體、色彩與導覽。 */
:root{color-scheme:dark;--bg:#100b0c;--panel:#211719;--panel2:#291c1c;--line:#705244;--ink:#f4e8d8;--ink2:#f4e8d8;--muted:#c9ad9c;--mute2:#c9ad9c;--gold:#e3b48b;--mint:#b7cbaa;--verified:#b7cbaa;--lime:#e3b48b;--amber:#e3b48b;--red:#d4a399;--cy:#d7a982;--cy2:rgba(215,169,130,.22);--vi:#b98576;--gd:#f0c79c;--serif:"Microsoft JhengHei UI","Microsoft JhengHei","Noto Sans TC",sans-serif;--sans:"Microsoft JhengHei UI","Microsoft JhengHei","Noto Sans TC",sans-serif}
html{background:#100b0c url("player/living-tissue-v1.png") center/cover fixed!important}
body{min-height:100vh;overflow:visible;overflow-x:clip;background:linear-gradient(180deg,rgba(16,10,12,.91),rgba(15,10,12,.95))!important;color:var(--ink)!important;font-family:var(--sans)!important}
body::before,body::after{display:none!important}
body :is(button,input,select,textarea){font-family:var(--sans)}
body :is(h1,h2,h3,h4,h5,h6){font-family:var(--sans)!important;font-weight:400}
body > header.site-header,.sub-nav{background:#1b1113!important;border-bottom:1px solid rgba(225,174,133,.25)!important;box-shadow:0 1px 0 rgba(225,174,133,.12)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
body > header.site-header .brand-icon{display:none!important}
body > header.site-header .brand,body > header.site-header .brand-name{font-family:var(--sans)!important}
body > header.site-header .brand-name{font-size:30px;line-height:1.2;letter-spacing:.02em;background:none!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;filter:none!important}
body > header.site-header .brand-name small{display:block;margin-top:5px;color:#caa990!important;-webkit-text-fill-color:#caa990!important;font:11px/1.3 var(--sans);letter-spacing:.02em}
body > header.site-header .main-nav a{font:400 17px/1 var(--sans);padding:0;letter-spacing:0;color:#d2bdae}
body > header.site-header .main-nav a.active,body > header.site-header .main-nav a:hover,.sub-nav a.active,.sub-nav a:hover{color:#f5dcc1!important;text-shadow:0 0 12px rgba(226,171,128,.4)}
.sub-nav a{font:400 15px/1 var(--sans);color:#d2bdae}
.sub-nav a.active{border-bottom-color:#d6a781!important}
@media(max-width:1199px){.sub-nav[aria-label="戰鬥專區"] a{flex:0 0 124px}}
@media(max-width:620px){body > header.site-header{grid-template-rows:40px 28px;height:82px;min-height:82px}.sub-nav{top:82px}body > header.site-header .brand-name{font-size:22px}body > header.site-header .brand-name small{font-size:9px;margin-top:0}body > header.site-header .main-nav a{font-size:15px}.sub-nav a{font-size:14px}}
body > main :is(.hero,.bestiary-hero,.rules-hero) h1{font:400 clamp(36px,4vw,48px)/1.3 var(--sans)!important;letter-spacing:.08em}
body > main :is(h1,h2,h3,h4,h5,h6),body > main :is(h1,h2,h3,h4,h5,h6) :is(span,em){background-image:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;filter:none!important}
body > main :is(h1,h2,h3){text-shadow:0 0 16px rgba(213,134,101,.2)}
body > main .eyebrow{color:#d9aa85!important;font-family:var(--sans)!important;letter-spacing:.16em}
body > main :is(.hero,.bestiary-hero,.rules-hero)>p:not(.eyebrow){color:#e0cdbd!important}
body > main :is(.tag,.pill,.evidence,.badge,.count-pill,.kind,.certainty,.source-tag){color:#e5ba95!important;text-shadow:none}
body > main :is(.tag,.pill,.evidence,.badge,.count-pill,.kind)::before{color:#caa17e}
body > main :is(.card,.map-card,.sys-card,.item-card,.rule-card,.rule-cards article,.skill-card,.god-card,.panel,.mechanics-grid article,.guide-card,.monster-card,.topic,.source-note,.callout,.example,.legend article,.network-detail,.network-scroll,.hero-art,.agree,.warn,.unknown,.field-note,.result-card,.area-card,.field-grid article,.cmp article,.task-section,.note-grid article,.loop,.level-table,.table-wrap){background:radial-gradient(ellipse 85% 72% at 35% 20%,rgba(209,146,109,.08),transparent 75%)!important;border-color:rgba(225,174,133,.24)!important;box-shadow:none!important}
body > main :is(.card,.map-card,.sys-card,.item-card,.rule-card,.skill-card,.god-card,.guide-card,.monster-card):hover{background:radial-gradient(ellipse 85% 75% at 50% 40%,rgba(229,165,118,.13),transparent 75%)!important;border-color:rgba(225,174,133,.5)!important}
body > main :is(.card,.map-card,.sys-card,.item-card,.rule-card,.skill-card,.god-card,.guide-card,.monster-card,.topic,.panel,.legend article,.callout,.example) :is(p,li){color:#dac4b5}
body > main :is(.hero-links,.mechanics-links,.inline-links) a,body > main .text-link{color:#f5dfc9!important;border-bottom-color:rgba(228,170,130,.48)!important;text-shadow:none}
body > main :is(.formula,code.formula,.math-note){background:linear-gradient(90deg,rgba(228,170,130,.1),transparent 80%)!important;border-left-color:rgba(228,170,130,.65)!important}
body > main table th{color:#e8c2a0!important;border-bottom-color:rgba(228,170,130,.35)!important}
body > main table td{border-bottom-color:rgba(228,170,130,.12)!important}
body > main :is(.search,.search-box,.mini-search){border-color:rgba(228,170,130,.4)!important;box-shadow:none!important}
body > main :is(.level-pick,.god-level-pick) button{border-color:rgba(228,170,130,.3)!important}
body > main .lv-row span.is-on{background:rgba(228,170,130,.16)!important}
body > main :is(.level-pick,.god-level-pick) button.is-bonus{color:#f0c9a7!important;border-color:rgba(228,170,130,.55)!important;background:rgba(228,170,130,.08)!important}
body > main :is(.level-pick,.god-level-pick) button.is-bonus[aria-pressed="true"],body > main .lv-row span.is-bonus.is-on{color:#fff0d9!important;background:rgba(228,170,130,.2)!important}
body > main .lv-row span.is-bonus{color:#e9bf9c!important;background:rgba(228,170,130,.08)!important}
body > main :is(.owners,.id,.ref,.source,.search kbd,.god-card header span,.god-effects li,.god-effects li b){color:#bfa99a!important}
body > main .source code{color:#dec7b6!important}
/* 霧綠只標記目前已生效或可直接對照的資料。 */
body > main :is(.level-pick,.god-level-pick) button.is-bonus[aria-pressed="true"],body > main .lv-row span.is-bonus.is-on,body > main .god-effects li.is-on,body > main .god-effects li.is-on b{color:var(--verified)!important}

/* 每個內頁從同一條基線開始：眉題、主標、導言都使用固定字階與間距。 */
body > main > :is(.hero,.bestiary-hero){box-sizing:border-box;margin:0!important;padding:54px 0 30px!important;min-height:275px;max-width:none!important}
body > main > :is(.hero,.bestiary-hero) > .eyebrow{display:block;margin:0 0 12px!important;font:400 12px/1.5 var(--sans)!important}
body > main > :is(.hero,.bestiary-hero) > h1{margin:0 0 14px!important;font:400 clamp(36px,4vw,48px)/1.3 var(--sans)!important;letter-spacing:.08em}
body > main > :is(.hero,.bestiary-hero) > p:not(.eyebrow){max-width:780px;margin:0 0 12px!important;font:400 15px/1.85 var(--sans)!important;color:#e0cdbd!important}
@media(max-width:620px){body > main > :is(.hero,.bestiary-hero){padding-top:34px!important;min-height:230px}body > main > :is(.hero,.bestiary-hero) > h1{font-size:36px!important}body > main > :is(.hero,.bestiary-hero) > p:not(.eyebrow){font-size:14px!important}}
body > main > :is(.hero,.bestiary-hero) + :is(section,div){margin-top:24px!important}

/* 資訊卡片與長篇內容各用一種外框規格。 */
body > main :is(.card,.map-card,.sys-card,.item-card,.rule-card,.skill-card,.god-card,.guide-card,.monster-card,.area-card,.result-card,.field-grid article,.rule-cards article,.cmp article){border:1px solid rgba(225,174,133,.24)!important;border-radius:14px!important;padding:20px!important}
body > main :is(.topic,.panel,.network-detail,.network-scroll,.hero-art,.task-section){border:1px solid rgba(225,174,133,.24)!important;border-radius:16px!important}
body > main :is(.source-note,.callout,.example,.note){border-radius:10px!important}

/* 舊頁面各自寫死的字色，集中收斂到閱讀／輔助／操作三個字階。 */
body > main :is(p,li,dd,dt,td,summary){color:#dac4b5!important}
body > main :is(strong,b){color:var(--ink)!important}
body > main :is(.source,.meta-line,.area-id,.skill-id,.monster-id,.monster-tag,.id,.ref,.lv-row small,.lv-row em,.resultline,.source-line,.caution,.math-note,.search kbd){color:#c9ad9c!important}
body > main :is(p,li,.inline-links,.source-note,.hero,.panel,.topic) a{color:var(--gold)!important}
body > main :is(.formula,.formula-box,.result-number){color:#e8c2a0!important}
body > main :is(.unknown,.source-tag.unresolved){color:#d4a399!important}
body > main :is(button,select,input,option){color:var(--ink)}
body > main .god-effects li.is-on,body > main .god-effects li.is-on b{color:var(--verified)!important}
body > main :is(.search,.search-box,.mini-search,select){background:#1d1416!important;border:1px solid rgba(225,174,133,.42)!important;color:var(--ink)!important}
body > main :is(.level-pick,.god-level-pick) button{background:#24191a!important;border-color:rgba(225,174,133,.35)!important;color:var(--ink)!important}
body > main :is(.level-pick,.god-level-pick) button[aria-pressed="true"]{background:#4b3027!important;border-color:rgba(225,174,133,.65)!important;color:#fff0dc!important}
body > main .lv-row span{background:#24191a!important;color:#e8d3c0!important}
body > main .lv-row span.is-on{background:#4b3027!important;color:#fff0dc!important}
body > main .stats b{font-family:var(--sans)!important}
body > main :is(.level-pick,.god-level-pick) button.is-bonus[aria-pressed="true"],body > main .lv-row span.is-bonus.is-on{color:var(--verified)!important}
body > main :is(.sys-top span,.sys-card small,.note-card span,.footer-note){color:#c9ad9c!important}
body > main :is(.search,.search-box,.mini-search) input::placeholder{color:#bfa99a!important}

/* 可整張點擊的框使用暖金邊與由邊緣向內的淡金暈染；純閱讀框不做滑過回饋。 */
body > main :is(a.card,a.guide-card,a.map-card,a.sys-card,a.item-card,a.rule-card,a.skill-card,a.god-card,[role="button"].monster-card){border-color:rgba(235,183,133,.57)!important;box-shadow:inset 0 0 40px rgba(232,169,116,.12),0 0 12px rgba(218,143,102,.07)!important;cursor:pointer}
body > main :is(a.card,a.guide-card,a.map-card,a.sys-card,a.item-card,a.rule-card,a.skill-card,a.god-card,[role="button"].monster-card):is(:hover,:focus-visible){border-color:rgba(249,207,160,.85)!important;background:radial-gradient(ellipse 90% 80% at 50% 45%,rgba(238,179,127,.15),transparent 75%)!important;box-shadow:inset 0 0 55px rgba(241,181,128,.2),0 0 20px rgba(225,154,111,.15)!important;outline:none}
body > main :is(.card,.map-card,.sys-card,.item-card,.rule-card,.skill-card,.god-card,.guide-card,.monster-card,.area-card,.result-card,.field-grid article,.rule-cards article,.cmp article):not(a):not([role="button"]):hover{border-color:rgba(225,174,133,.24)!important;background:radial-gradient(ellipse 85% 72% at 35% 20%,rgba(209,146,109,.08),transparent 75%)!important;box-shadow:none!important;transform:none!important;cursor:default}
/* 原生 select 統一繪製箭頭，避免緊貼外框；包含距離與範圍頁的類型／排序。 */
body > main select:not(#monster-pick){appearance:none;padding-right:44px!important;border-color:rgba(235,183,133,.57)!important;background:#1d1416 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%23e7bb92' stroke-width='1.6'/%3E%3C/svg%3E") right 18px center / 14px 8px no-repeat!important;box-shadow:inset 0 0 28px rgba(232,169,116,.1)!important;cursor:pointer}
body > main select:not(#monster-pick):is(:hover,:focus-visible){border-color:rgba(249,207,160,.85)!important;box-shadow:inset 0 0 36px rgba(241,181,128,.19)!important}
/* 技能等級、神靈階數與載入更多等按鈕，同樣標示可操作與目前選取狀態。 */
body > main button:not(:disabled){border-color:rgba(235,183,133,.57)!important;background:linear-gradient(145deg,rgba(236,177,123,.14),rgba(73,42,37,.08)),#24191a!important;box-shadow:inset 0 0 22px rgba(232,169,116,.12)!important;cursor:pointer}
body > main button:not(:disabled):is(:hover,:focus-visible){border-color:rgba(249,207,160,.85)!important;background:linear-gradient(145deg,rgba(241,185,131,.24),rgba(73,42,37,.12)),#2c1b1b!important;box-shadow:inset 0 0 34px rgba(241,181,128,.19),0 0 14px rgba(225,154,111,.12)!important;outline:none}
body > main button[aria-pressed="true"]{border-color:rgba(250,211,166,.85)!important;background:linear-gradient(145deg,rgba(241,185,131,.26),rgba(73,42,37,.08)),#4b3027!important;box-shadow:inset 0 0 25px rgba(241,181,128,.2)!important}
/* 章節編號對齊章節標題首行，不跟下方說明文字一起置中。 */
body > main .section-head > .section-no{display:flex;align-items:center;flex:none;min-width:24px;height:36px;margin:0;font:400 18px/1 var(--sans)!important}
@media(max-width:620px){body > main .section-head > .section-no{height:32px}}
/* 分類小標籤不是「已驗證」訊號，沿用可閱讀的暖金色。 */
body > main .card .tag{color:#eac19b!important;border-color:rgba(235,183,133,.56)!important;background:rgba(232,169,116,.08)!important}
/* 可展開的屬性算式、補充說明沿用可操作框語言。 */
body > main :is(details.attr-card,details.tech){border:1px solid rgba(235,183,133,.57)!important;border-radius:14px!important;background:radial-gradient(ellipse 90% 80% at 50% 45%,rgba(238,179,127,.09),transparent 75%)!important;box-shadow:inset 0 0 32px rgba(232,169,116,.11)!important}
body > main :is(details.attr-card,details.tech):is(:hover,:focus-within,[open]){border-color:rgba(249,207,160,.82)!important;box-shadow:inset 0 0 43px rgba(241,181,128,.19),0 0 14px rgba(225,154,111,.1)!important}
body > main :is(details.attr-card,details.tech) > summary{padding:14px 18px!important;color:#eac19b!important;cursor:pointer;list-style:none}
body > main :is(details.attr-card,details.tech) > summary::-webkit-details-marker{display:none}
body > main :is(details.attr-card,details.tech) > summary:after{content:"＋";margin-left:auto;color:#eac19b;font:18px/1 var(--sans)}
body > main :is(details.attr-card,details.tech)[open] > summary:after{content:"－"}
/* 設定底值摘要屬說明，不能用霧綠的已生效語意。 */
body > main .base-line{background:linear-gradient(90deg,rgba(228,170,130,.12),rgba(228,170,130,.04))!important;border-left-color:rgba(235,183,133,.7)!important;color:#e8d3c0!important}
body > main .worked-example{margin:14px 0 2px;padding:12px 14px;border-left:2px solid rgba(235,183,133,.7);background:linear-gradient(90deg,rgba(228,170,130,.12),rgba(228,170,130,.03));color:#e8d3c0!important;font-size:13px;line-height:1.8}
body > main .worked-example b{display:block;margin-bottom:4px;color:#f0ccaa!important;font-weight:500}
/* 提示點只負責引導閱讀，不表示效果已生效；核對狀態仍由明確標籤表示。 */
body > main .hero-note{background:rgba(85,54,47,.24)!important;border-color:rgba(225,174,133,.3)!important;color:#e0cdbd!important}
body > main .hero-note .pulse{background:#d9aa85!important;box-shadow:0 0 12px rgba(217,170,133,.45)!important}
body > main .hero-note :is(b,strong){color:#f0d3b9!important}
/* 場地示意採用閱讀主題色，不把綠色誤作「已確認」狀態。 */
body > main .field-bar{background:linear-gradient(180deg,#2b1d1d,#171113)!important;border-color:rgba(225,174,133,.3)!important}
body > main .field-zone{background:linear-gradient(180deg,rgba(225,174,133,.25),rgba(225,174,133,.06))!important;border-color:rgba(225,174,133,.42)!important}
body > main .yard-bar{background:#211719!important}
body > main .yard-bar i{background:linear-gradient(90deg,#9f6e66,#e5ba95)!important}
/* 站位圖的箭頭是圖形控制，不使用一般按鈕的實心框與底色。 */
body > main button.field-marker:not(:disabled),body > main button.field-marker[aria-pressed="true"],body > main button.field-marker:is(:hover,:focus-visible){background:transparent!important;border:0!important;box-shadow:none!important}

/* 全站統一頁尾 */
footer.site-foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;box-sizing:border-box;width:calc(100% - 48px);max-width:1080px;margin:48px auto 0;padding:22px 0 36px;border-top:1px solid rgba(225,174,133,.2);font:13px/1.7 var(--sans,"Noto Sans TC","Microsoft JhengHei",sans-serif);color:var(--muted,#b8a79c)}
footer.site-foot img{display:none}
footer.site-foot .foot-title{color:var(--ink,#f3e6da);font-size:14px}
footer.site-foot .foot-note{flex:1 1 280px}
footer.site-foot .foot-link{color:var(--gold,#e3b48b);text-decoration:none}
footer.site-foot .foot-link:hover{text-decoration:underline}
@media(max-width:620px){footer.site-foot{flex-direction:column;align-items:flex-start;gap:8px}footer.site-foot .foot-title,footer.site-foot .foot-note,footer.site-foot .foot-link{flex:none;min-width:0;width:auto;max-width:100%}}

/* 全站分類按鈕 */
.filter-chip{appearance:none;cursor:pointer;min-height:32px;padding:5px 13px;border-radius:999px;border:1px solid rgba(227,180,139,.42);background:radial-gradient(ellipse at 50% 50%,rgba(223,189,114,.06),rgba(223,189,114,.14));color:var(--gold);font:13px/1.3 var(--sans);transition:background .2s,border-color .2s,color .2s}
.filter-chip:hover{border-color:rgba(236,200,150,.8)}
.filter-chip[aria-pressed="true"]{background:rgba(223,189,114,.28);border-color:rgba(240,210,160,.95);color:#fff3dc;box-shadow:inset 0 0 14px rgba(223,189,114,.28)}
.filter-chip{flex:none}

/* 全站篩選區（怪獸、技能、道具共用） */
.filter-panel{display:flex;flex-direction:column;gap:10px;margin:18px 0 22px;padding:14px 16px;border:1px solid rgba(225,174,133,.2);border-radius:14px;background:rgba(29,20,22,.55)}
.filter-panel .filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.filter-panel .filter-label{flex:none;min-width:40px;white-space:nowrap;font-size:13px;color:var(--muted)}
.filter-panel .filter-chip small{margin-left:4px;font-size:11px;opacity:.75}
@media(max-width:640px){.filter-panel .filter-group{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.filter-panel .filter-chip{flex:none}}

/* 結果數量列 */
body > main .resultline{display:flex;gap:16px;margin:0 0 14px;font-size:15px;color:var(--muted)}
body > main .resultline #monster-count,body > main .resultline #result-count{min-width:9em;font-variant-numeric:tabular-nums;color:var(--ink)}

/* 全站搜尋框（怪獸、技能、道具共用） */
body > main label.search{display:flex!important;align-items:center;gap:12px;box-sizing:border-box;width:min(100%,620px);max-width:620px;height:50px;padding:0 16px;border:1px solid rgba(227,180,139,.34);border-radius:12px;background:#1d1416;box-shadow:none}
body > main label.search:focus-within{border-color:var(--gold)}
body > main label.search>span{flex:none;font-size:22px;line-height:1;color:var(--gold)}
body > main label.search input{flex:1;min-width:0;height:100%;padding:0;border:0!important;outline:0;background:transparent!important;color:var(--ink);font:15px/1.4 var(--sans)}
body > main label.search input::placeholder{color:#bfa99a}
body > main label.search kbd{flex:none;font:12px/1 var(--sans);padding:4px 8px;border:1px solid rgba(225,174,133,.3);border-radius:6px;color:var(--muted);background:transparent}


/* 全站字型與最小字級（放在 nav.css 最後，統一覆蓋各頁舊設定） */
:root{--sans:"Microsoft JhengHei UI","Microsoft JhengHei","Noto Sans TC","PingFang TC",sans-serif}
body{font-family:var(--sans)}
body :is(p,li,span,small,b,strong,em,a,td,th,label,button,input,select,textarea,summary,dt,dd,kbd,code,output,figcaption):not(svg *){font-family:var(--sans)!important}
body > main :is(small,.area-id,.kind,.tag,.evidence,.pill,.monster-stars,.overline,.count,.field-coordinate,.field-axis-wall,.field-axis-width,.field-axis-total,.field-distance-label,.ally,.enemy){font-size:12px!important}
body > main :is(ul,ol):not(.sub-nav):not(.main-nav) > li{font-size:14px!important;line-height:1.8}
body > main :is(.area-desc,.field-instruction,.field-note,.certainty){font-size:13px!important}

body > main :is(.sys-top > span,.attr-card > summary > span,.note-card > span,.field-grid span,.evidence-key span,.field-reach-results span,.field-team-row b){font-size:12px!important}
body > main :is(.source-note,.hero-note,aside.note) :is(p,b,strong,span,a){font-size:13px!important}
body > main section.topic details p{font-size:14px!important}


/* 公式區塊 */
body > main code.formula{display:block;padding:12px 16px;margin:12px 0;border:1px solid rgba(225,174,133,.22);border-radius:12px;background:rgba(29,20,22,.6);line-height:1.9;white-space:normal}
body > main .worked-example strong{display:inline;color:var(--gold)}
/* 篩選分組：標籤固定在左欄，換行後的按鈕對齊第一顆 */
.filter-panel .filter-group{position:relative;padding-left:56px;min-height:32px}
.filter-panel .filter-label{position:absolute;left:0;top:6px;min-width:0}
@media(max-width:640px){.filter-panel .filter-group{padding-left:0}.filter-panel .filter-label{position:static}}

body > main .resultline,body > main .resultline span{font-size:15px!important;color:var(--ink)}body > main .resultline span+span{color:var(--muted)}

/* 遊戲圖示 */
img.skill-icon{width:80px;height:80px;flex:none;object-fit:contain;margin-right:0;vertical-align:middle;background:transparent;box-shadow:none}
body > main .skill-card .card-top{display:flex;align-items:center}
h4 > img.skill-icon{width:52px;height:52px}
img.item-icon{width:88px;height:88px;object-fit:contain;align-self:flex-start;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}
body > main .item-card.is-compact img.item-icon{width:82px;height:82px}
body > main .skill-card .card-top{justify-content:flex-start!important;flex-direction:row!important;align-items:center!important;gap:8px!important;min-height:0}body > main .skill-card .card-top h2{margin:0!important;text-align:left}
img.skill-icon{width:80px!important;height:80px!important}h4 > img.skill-icon{width:52px!important;height:52px!important}img.item-icon{width:88px!important;height:88px!important}body > main .item-card.is-compact img.item-icon{width:82px!important;height:82px!important}
body > main .skill-card{display:flex;flex-direction:row;align-items:center;gap:18px}
body > main .skill-card .skill-art-slot{width:80px;height:80px;display:grid;place-items:center;flex:none;align-self:center}
body > main .skill-card .skill-body{min-width:0;flex:1;display:flex;flex-direction:column}
body > main .skill-card .owners{text-align:left;margin:7px 0 0;max-width:100%}
body > main .skill-card .description{width:100%;margin:12px 0 14px;text-align:left}
body > main .skill-card .lv-row{width:100%;margin:auto 0 0}
@media(max-width:640px){body > main .skill-card{gap:12px}body > main .skill-card .skill-art-slot{width:64px;height:64px}body > main .skill-card .skill-art-slot img.skill-icon{width:64px!important;height:64px!important}}