/* Artale subsite: shares the Classic World look; a badge makes it obvious this is Artale data. */
.artale-hero h1::after{content:'Artale 專用';display:inline-block;margin-left:10px;padding:2px 10px;border-radius:999px;font-size:14px;vertical-align:middle;background:#f06a13;color:#fff;letter-spacing:0}
.brand-text small{color:#f06a13;font-weight:700}

/* Region filter: continents with region chips, then a map picker for the chosen region */
.region-box{padding:14px 16px;margin:0 0 14px}
.region-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.region-head strong{font-size:16px;margin-right:4px}
.region-group{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-top:1px dashed #d8bd8a}
.region-label{flex:0 0 118px;padding-top:6px;font-size:13px;font-weight:800;opacity:.75}
.region-chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1.5px solid #d8bd8a;background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:700;cursor:pointer;line-height:1.4}
.chip span{font-size:11px;font-weight:600;opacity:.65}
.chip:hover{border-color:#f06a13}
.chip.on{background:#f06a13;border-color:#f06a13;color:#fff}
.chip.on span{opacity:.9}
.region-maps{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;padding:12px;border-radius:10px;background:rgba(240,106,19,.08);border:1.5px solid #f06a13}
.region-maps input{flex:1 1 200px;min-width:0}
.region-maps select{flex:2 1 280px;min-width:0}
.pager-nums{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pager-nums .btn{min-width:38px;justify-content:center}
.pager-nums .btn.on{background:#f06a13;border-color:#f06a13;color:#fff}
.pager-nums .gap{padding:0 2px;opacity:.6}
.pager-nums .jump{display:inline-flex;align-items:center;gap:6px;font-size:14px;margin-left:6px}
.pager-nums .jump input{width:72px}
html[data-theme=dark] .chip,html[data-theme=dark] .region-group{border-color:#3a4a78}
@media (max-width:640px){.region-group{flex-direction:column;gap:4px}.region-label{flex-basis:auto;padding-top:0}}
.region-toggle{display:none;width:100%;text-align:left;cursor:pointer;padding:9px 12px;border-radius:10px;border:1.5px solid #f06a13;background:transparent;color:inherit;font:inherit;font-weight:700}
.region-toggle::after{content:' ▾'}
.region-list.open .region-toggle::after{content:' ▴'}
@media (max-width:640px){.region-toggle{display:block}.region-list:not(.open) .region-body{display:none}}
.region-open{margin-left:auto;font-weight:700;font-size:14px}
.foot-tw[hidden],.foot-en[hidden]{display:none}
/* Raid boss pages: featured items and box contents with their stats */
.raid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.raid-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1.5px dashed #d8bd8a;border-radius:10px}
.raid-item .pill{margin-top:4px;display:inline-block}
.raid-item ul{margin:6px 0 0;padding-left:16px;font-size:13px;line-height:1.55}
html[data-theme=dark] .raid-item{border-color:#3a4a78}

/* Readable homepage and classic scene */
.artale-hero p{font-size:clamp(20px,1.5vw,24px)!important;line-height:1.85;max-width:100%;margin:18px 0 22px}.artale-hero p b{font-size:1.12em}.artale-hero h1{font-size:clamp(28px,2.5vw,38px)!important;line-height:1.4}.artale-scene-banner{position:relative;height:240px;overflow:hidden;border:2px solid var(--line);border-radius:16px;margin-bottom:20px;background:linear-gradient(#bce3f1,#e9f6cf)}@media(max-width:600px){.artale-scene-banner{height:190px}.artale-hero p{font-size:20px!important}}

/* Artale mobile header: balanced title and a larger navigation target. */
@media (max-width:700px) {
  html[data-ui=maple] header#mxSiteTop.mx-mobile-nav-ready {
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    grid-template-areas: "menu brand toggle" "actions actions actions" "search search search" "nav nav nav";
  }
  html[data-ui=maple] header#mxSiteTop.mx-mobile-nav-ready .brand { margin-left: 0; justify-self: center; }
  html[data-ui=maple] header#mxSiteTop.mx-mobile-nav-ready .menu-btn { grid-area: menu; width: 52px; height: 52px; padding: 0; justify-self: start; }
  html[data-ui=maple] header#mxSiteTop.mx-mobile-nav-ready .menu-btn svg { width: 30px; height: 30px; stroke-width: 2.4; }
  html[data-ui=maple] header#mxSiteTop.mx-mobile-nav-ready .mx-mobile-nav-toggle { justify-self: end; padding: 8px; font-size: 13px; }
}

/* Mage calculator (大法: Genesis / Blizzard / Meteor): skill switch, your stats + result (sticky on wide screens), training monsters by area */
.gn-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);grid-template-areas:"you res" "pick res";gap:16px;align-items:start}
.gn-layout>.card,.gn-layout>.card+.card{margin:0}
.gn-you{grid-area:you}.gn-result{grid-area:res;position:sticky;top:12px}.gn-pick{grid-area:pick}
.gn-check{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-weight:700}
html[data-ui] .gn-check,html[data-ui] .gn-check input{cursor:var(--mx-cursor-hand,pointer)}
.gn-check input{width:18px;height:18px;accent-color:#f06a13}
.gn-target{margin-bottom:10px}
.gn-target p{margin:0}
.gn-picked{display:flex;align-items:center;gap:12px}
.gn-picked .thumb.lg{width:64px;height:64px;border-radius:14px}
.gn-picked>div{flex:1;min-width:0}
.gn-picked .sub{font-size:13px;opacity:.8;margin-top:2px}
.gn-picked .btn{flex:0 0 auto;font-size:13px;padding:4px 10px}
.gn-mob-fields{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
.gn-out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 6px}
.gn-out>div{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:10px;background:rgba(240,106,19,.08);border:1.5px solid #f3c79c;text-align:center}
.gn-out>div:first-child{grid-column:1/-1}
.gn-num{font-weight:800;font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums;color:#c2410c}
.gn-out>div:first-child .gn-num{font-size:28px;white-space:nowrap}
.gn-out .lbl{font-size:12px;opacity:.75}
.gn-detail{font-size:12px;margin:6px 0 0}
.gn-tip{font-size:12px;margin:4px 0 10px}
.gn-mobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.gn-mob{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1.5px solid #e7d3ad;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;min-width:0}
.gn-mob:hover{border-color:#f06a13}
.gn-mob.on{border-color:#f06a13;background:rgba(240,106,19,.1);box-shadow:0 0 0 2px rgba(240,106,19,.25)}
.gn-mob .thumb{flex:0 0 auto;width:44px;height:44px}
.gn-mob-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.gn-mob-text b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gn-mob-text small{font-size:11.5px;opacity:.78}
.gn-mob-text em{font-style:normal;color:#c2410c;font-weight:700}
.gn-hits{flex:0 0 auto;font-weight:800;font-size:15px;color:#c2410c;white-space:nowrap}
.gn-table summary{cursor:pointer;font-weight:800}
.gn-table .table-wrap{margin-top:10px;max-height:360px;overflow:auto}
html[data-theme=dark] .gn-mob{border-color:#3a4a78}
html[data-theme=dark] .gn-out>div{border-color:#5a4a3a;background:rgba(240,168,82,.08)}
html[data-theme=dark] .gn-num,html[data-theme=dark] .gn-hits,html[data-theme=dark] .gn-mob-text em{color:#f0a852}
@media (max-width:899px){.gn-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"you" "res" "pick"}.gn-result{position:static}}
@media (max-width:640px){.gn-mobs{grid-template-columns:minmax(0,1fr)}.gn-you .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gn-you .form-grid label:last-child{grid-column:1/-1}.gn-layout .field{width:100%;box-sizing:border-box}}
.mg-skill-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:6px 0 12px}
.mg-step{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f06a13;color:#fff;font-weight:800;font-size:17px;box-shadow:0 2px 0 #b84a06}
.mg-skill-head b{font-size:20px;font-weight:800}
.mg-skill-head small{flex-basis:100%;font-size:13px;opacity:.75;padding-left:42px}
.mg-bounce{color:#f06a13;font-size:15px;animation:mg-bounce 1.1s ease-in-out infinite}
@keyframes mg-bounce{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
.mg-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 22px}
.mg-skill{position:relative;display:flex;align-items:center;gap:16px;min-height:104px;padding:16px 22px;border-radius:18px;border:3px solid #e7c89a;background:rgba(255,255,255,.7);color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:0 4px 0 rgba(120,70,20,.12);transition:transform .15s,box-shadow .15s,border-color .15s}
.mg-skill img{width:64px;height:64px;image-rendering:pixelated;flex:0 0 auto;border-radius:10px;background:rgba(255,255,255,.6);box-shadow:0 0 0 2px rgba(0,0,0,.06)}
.mg-skill span{display:flex;flex-direction:column;gap:2px;line-height:1.25;min-width:0}
.mg-skill b{font-size:26px;font-weight:800}
.mg-skill small{font-size:15px;opacity:.75}
.mg-skill:hover{border-color:#f06a13;transform:translateY(-3px);box-shadow:0 8px 18px rgba(240,106,19,.25)}
.mg-skill.on{border-color:#f06a13;background:linear-gradient(135deg,#ff8a2b,#e25a0a);color:#fff;box-shadow:0 0 0 5px rgba(240,106,19,.22),0 8px 20px rgba(226,90,10,.35)}
.mg-skill.on small{opacity:.95}
.mg-on{display:none;position:absolute;top:-13px;right:14px;padding:2px 12px;border-radius:999px;background:#fff;color:#e25a0a;border:2px solid #f06a13;font-style:normal;font-size:13px;font-weight:800;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.mg-skill.on .mg-on{display:block}
@media (prefers-reduced-motion:reduce){.mg-bounce{animation:none}.mg-skill{transition:none}.mg-skill:hover{transform:none}}
.mg-chance{display:block;font-size:12px;margin-top:2px;color:#9a3412}
.mg-chance:empty{display:none}
.mg-need{margin-top:10px}
.mg-need:empty{display:none}
.mg-need h3{font-size:14px;margin:0 0 6px}
.mg-need-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mg-need-rows>div{display:flex;flex-direction:column;align-items:center;padding:8px 6px;border-radius:10px;border:1.5px dashed #d8bd8a;text-align:center}
.mg-need-rows>div.ok{border-style:solid;border-color:#16a34a;background:rgba(22,163,74,.08)}
.mg-need-rows b{font-size:12px;opacity:.75}
.mg-need-rows span{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.mg-need-rows small{font-size:11.5px;opacity:.8}
.mg-need-rows>div.ok small{color:#15803d;opacity:1;font-weight:700}
.mg-need p{font-size:12px;margin:6px 0 0}
.mg-area{font-size:15px;margin:16px 0 8px}
.mg-area:first-child{margin-top:4px}
.gn-hits{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.gn-hits small{font-size:11px;font-weight:700;opacity:.8;color:inherit}
.gn-mob-text em.up,.gn-picked em.up{color:#c2410c}
.gn-mob-text em.down,.gn-picked em.down{color:#2563eb}
.gn-picked em{font-style:normal;font-weight:700}
html[data-theme=dark] .mg-skill{border-color:#3a4a78;background:rgba(255,255,255,.04)}
html[data-theme=dark] .mg-skill.on{border-color:#f06a13;background:linear-gradient(135deg,#ff8a2b,#e25a0a)}
html[data-theme=dark] .mg-skill img{background:rgba(255,255,255,.08)}
html[data-theme=dark] .mg-need-rows>div{border-color:#3a4a78}
html[data-theme=dark] .mg-chance{color:#fdba74}
html[data-theme=dark] .gn-mob-text em.down,html[data-theme=dark] .gn-picked em.down{color:#93c5fd}
@media (max-width:640px){.mg-skills{gap:8px}.mg-skill{flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:0;padding:14px 4px 10px;gap:6px;border-radius:14px}.mg-skill img{width:48px;height:48px}.mg-skill b{font-size:18px}.mg-skill small{font-size:12px}.mg-skill span{align-items:center}.mg-on{right:50%;transform:translateX(50%);top:-11px;font-size:11px;padding:1px 8px;white-space:nowrap}.mg-skill-head b{font-size:18px}.mg-skill-head small{padding-left:0}}
.mg-guide{margin:0 0 18px;padding:0!important;overflow:hidden}
.mg-guide summary{cursor:pointer;list-style:none;padding:14px 18px;font-size:18px;font-weight:800;background:rgba(240,106,19,.1);border-bottom:2px dashed transparent}
.mg-guide summary::-webkit-details-marker{display:none}
.mg-guide summary::after{content:' ▾';color:#f06a13}
.mg-guide[open] summary{border-bottom-color:#e7c89a}
.mg-guide[open] summary::after{content:' ▴'}
.mg-guide ol{margin:12px 18px 6px 40px;padding:0;display:grid;gap:8px;font-size:15px;line-height:1.65}
.mg-guide li::marker{color:#f06a13;font-weight:800}
.mg-guide li b{color:#c2410c}
.mg-guide p{margin:0 18px 14px;font-size:13px}
html[data-theme=dark] .mg-guide li b{color:#f0a852}
html[data-theme=dark] .mg-guide[open] summary{border-bottom-color:#3a4a78}

.raid-combat-scroll{overflow-x:auto;margin:14px 0}.raid-combat-table{width:100%;border-collapse:collapse;font-size:14px;text-align:right}.raid-combat-table th,.raid-combat-table td{padding:12px 10px;border-bottom:1px solid var(--line,#c49a64);white-space:nowrap}.raid-combat-table thead th{font-size:12px;opacity:.8}.raid-combat-table th:first-child{text-align:left}.raid-combat-table tbody th{font-weight:600}.raid-combat-group{display:block;font-size:11px;font-weight:400;opacity:.65;margin-bottom:4px}.raid-combat-hp{font-weight:800;color:var(--accent,#e8680b);font-variant-numeric:tabular-nums}.raid-combat details{margin-top:16px}.raid-combat summary{cursor:pointer;font-weight:600;padding:8px 0}.raid-combat>p{line-height:1.8;font-size:13px}.raid-combat-extra{font-size:13px}@media(max-width:640px){.raid-combat-scroll{overflow:visible}.raid-combat-table,.raid-combat-table tbody{display:block}.raid-combat-table thead{display:none}.raid-combat-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-bottom:12px;padding:14px;border:1px solid var(--line,#c49a64);border-radius:10px}.raid-combat-table th,.raid-combat-table td{display:block;white-space:normal;border:0;padding:0;text-align:left}.raid-combat-table tbody th{grid-column:1/-1;border-bottom:1px solid var(--line,#c49a64);padding-bottom:9px;margin-bottom:2px}.raid-combat-table td:before{content:attr(data-label);display:block;font-size:11px;font-weight:400;opacity:.65;margin-bottom:3px}.raid-combat-table td.raid-combat-hp{font-size:17px}}
/* DPM calculator: result on top, character / target / buffs below, job ranking bars */
.dpm-tabs{display:inline-flex;margin:0 0 14px;border:3px solid #7a4a1f;border-radius:14px;overflow:hidden}
html[data-ui] .dpm-tabs button{padding:10px 24px;border:0;background:#fff3d5;color:#5a3515;font:inherit;font-weight:800;font-size:16px;cursor:pointer}
html[data-ui] .dpm-tabs button+button{border-left:2px solid #7a4a1f}
html[data-ui] .dpm-tabs button.on{background:#e25a0a;color:#fff}
.dpm-result{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:16px;align-items:stretch}
.dpm-main{display:flex;flex-direction:column;justify-content:center;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,#ff8a2b,#e25a0a);color:#fff}
.dpm-main .lbl{font-size:13px;opacity:.9}
.dpm-main strong{font-size:40px;line-height:1.15;font-weight:900;font-variant-numeric:tabular-nums}
.dpm-main small{font-size:13px;opacity:.92}
.dpm-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dpm-stats>div{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;border:1.5px solid #f3c79c;background:rgba(240,106,19,.06)}
.dpm-stats span{font-size:12px;opacity:.75}.dpm-stats b{font-size:18px;font-variant-numeric:tabular-nums}.dpm-stats small{font-size:12px;opacity:.7}
.dpm-notes{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px}
.dpm-notes span{font-weight:800;margin-right:4px}
.dpm-notes em{font-style:normal;padding:2px 9px;border-radius:999px;border:1px solid #e7c89a;background:#fffaf0}
.dpm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;align-items:start}
.dpm-grid>.card{margin:0}
.dpm-grid h3{font-size:14px;margin:14px 0 6px}
.dpm-grid .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
.dpm-grid .form-grid .field{width:100%;box-sizing:border-box}
.dpm-seg{display:flex;margin:12px 0 4px;border:2px solid #e7c89a;border-radius:10px;overflow:hidden}
html[data-ui] .dpm-seg button{flex:1;padding:7px 6px;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
html[data-ui] .dpm-seg button.on{background:#f06a13;color:#fff}
.dpm-reset{margin-top:12px;font-size:13px}
.dpm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.dpm-els{display:grid;gap:6px}
.dpm-el{display:flex;align-items:center;gap:6px}
.dpm-el b{width:24px}
html[data-ui] .dpm-el button{flex:1;padding:4px 6px;border:1.5px solid #e7c89a;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}
html[data-ui] .dpm-el button.on{background:#f06a13;border-color:#f06a13;color:#fff}
.dpm-checks{display:grid;gap:6px}
.dpm-checks label{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-radius:10px;border:1.5px solid #efdcb6;cursor:pointer}
.dpm-checks label:has(input:checked){border-color:#f06a13;background:rgba(240,106,19,.08)}
.dpm-checks input{margin-top:3px;accent-color:#f06a13}
.dpm-checks span{display:flex;flex-direction:column;line-height:1.3}.dpm-checks small{font-size:11px;opacity:.7}
.dpm-rank{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.dpm-rank li{display:grid;grid-template-columns:28px minmax(110px,160px) 1fr 110px;align-items:center;gap:10px}
.dpm-rank .no{font-weight:900;color:#c2410c;text-align:right}
.dpm-rank .who{display:flex;flex-direction:column;line-height:1.25}.dpm-rank .who small{font-size:12px;opacity:.7}
.dpm-rank .bar{position:relative;height:16px;border-radius:999px;background:rgba(0,0,0,.06);overflow:hidden}
.dpm-rank .bar i,.dpm-legend i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#ff8a2b,#e25a0a)}
.dpm-rank .bar i.s,.dpm-legend i.s{background:#f5c16c;opacity:.95}
.dpm-rank .v{text-align:right;font-variant-numeric:tabular-nums}
.dpm-legend{font-size:12px;margin-top:10px}.dpm-legend i{position:relative;display:inline-block;width:14px;height:10px;margin:0 4px 0 10px;vertical-align:middle}
.dpm-credit{font-size:12px;margin-top:16px}
html[data-theme=dark] .dpm-notes em{background:rgba(255,255,255,.05);border-color:#3a4a78}
html[data-theme=dark] .dpm-checks label,html[data-theme=dark] .dpm-el button,html[data-theme=dark] .dpm-seg{border-color:#3a4a78}
html[data-theme=dark] .dpm-stats>div{border-color:#5a4a3a}
@media (max-width:1100px){.dpm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dpm-buffs{grid-column:1/-1}}
@media (max-width:700px){.dpm-result,.dpm-grid{grid-template-columns:minmax(0,1fr)}.dpm-main strong{font-size:32px}.dpm-rank li{grid-template-columns:24px 1fr 90px;}.dpm-rank .bar{grid-column:2/-1;grid-row:2}}
.dpm-help{font-size:12.5px;margin:6px 0 8px;opacity:.85}
.dpm-lv,.dpm-se{display:flex;flex-direction:column;gap:4px;margin:10px 0 4px;font-size:13px;font-weight:700}
.dpm-fourth{display:grid;gap:8px}.dpm-fourth label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700}
.dpm-fourth .field,.dpm-lv .field,.dpm-se .field{width:100%;box-sizing:border-box}
.dpm-mode{margin:12px 0 4px}.dpm-mode>span{display:block;font-size:13px;font-weight:700;margin-bottom:4px}.dpm-mode .dpm-seg{margin:0}
.sk-pick #skq{width:100%;box-sizing:border-box;margin-top:12px}
.sk-cards a{align-items:flex-start}
.sk-cards .sk-sum{font-size:12px;opacity:.8;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}
.card h2 .sk-tier{-webkit-text-stroke:0;background:#fff6e2;color:#8a3a06;border:1.5px solid #8a3a06;border-radius:6px;padding:1px 8px;font-size:13px;font-weight:800;line-height:1.5}
html[data-theme=dark] .card h2 .sk-tier{background:#1b2544;color:#ffd58a;border-color:#8a3a06}
.card h2 .sk-count{-webkit-text-stroke:0;font-size:13px;font-weight:700;color:#fff;background:#8a3a0655;border-radius:99px;padding:0 8px;line-height:1.6}
/* Magic calculator buffs: option cards in one row */
.mg-buffs{margin-top:16px}.mg-buffs h3{margin:0 0 8px;font-size:14px;opacity:.75}
.mg-buff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.mg-buff{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid #e7d3ad;border-radius:10px;cursor:pointer;min-width:0}
.mg-buff[hidden]{display:none}.mg-buff:has(input:checked){border-color:#f06a13;background:rgba(240,106,19,.1)}
.mg-buff input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:#f06a13}
.mg-buff span{display:flex;flex-direction:column;min-width:0;line-height:1.35}.mg-buff b{font-size:14px}.mg-buff small{font-size:12px;opacity:.7}
html[data-ui] .mg-buff,html[data-ui] .mg-buff input{cursor:var(--mx-cursor-hand,pointer)}
html[data-theme=dark] .mg-buff{border-color:#3a4a78}

/* Desktop: the sidebar runs from the very top of the window; the site header and the page sit to its right. */
@media (min-width: 901px) {
  body:has(> .shell > #sidebar) > #mxSiteTop { margin-left: var(--sidebar-w, 248px); }
  body:has(> .shell > #sidebar) > .shell > #sidebar { position: fixed; top: 0; left: 0; height: 100vh; z-index: 35; }
  body:has(> .shell > #sidebar) > .shell > .main { margin-left: var(--sidebar-w, 248px); }
}