.atlas-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.atlas-bg:after{content:"";background:radial-gradient(120% 70% at 50% -10%, color-mix(in oklab, var(--accent) 12%, transparent), transparent 60%), linear-gradient(to bottom, transparent, var(--bg) 78%);position:absolute;inset:0}.atlas-bg img{opacity:.07;filter:blur(2px)saturate(.5)contrast(1.1);mix-blend-mode:screen;position:absolute}.atlas-bg img:first-child{block-size:auto;inline-size:min(62vw,780px);top:-6vh;right:-8vw;transform:rotate(-8deg)}.atlas-bg img:last-child{block-size:auto;inline-size:min(46vw,560px);bottom:-8vh;left:-10vw;transform:rotate(6deg)scaleX(-1)}@media (width<=760px){.atlas-bg img:first-child{inline-size:92vw}.atlas-bg img:last-child{display:none}}.monsters-hero{padding-block:clamp(40px, 7vw, 88px) var(--sp-6)}.monsters-hero h1{font-size:var(--fs-display);letter-spacing:-.01em}.monsters-hero .lede{margin-top:var(--sp-4);max-width:52ch;color:var(--muted)}.stats{gap:var(--sp-5);margin-top:var(--sp-5);flex-wrap:wrap;display:flex}.stat{align-items:baseline;gap:8px;display:flex}.stat b{font-family:var(--font-display);font-size:1.9rem;font-weight:400;line-height:1}.stat span{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.12em;color:var(--subtle);text-transform:uppercase}.toolbar{z-index:20;align-items:center;gap:var(--sp-3);padding-block:var(--sp-4);background:color-mix(in oklab, var(--bg) 88%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex;position:sticky;top:69px}.search{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex:240px;align-items:center;gap:8px;min-width:200px;padding:9px 14px;display:flex}.search input{font-size:var(--fs-small);background:0 0;border:0;outline:none;flex:1}.search input::placeholder{color:var(--subtle)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);font-size:var(--fs-small);color:var(--muted);transition:color var(--dur-fast), border-color var(--dur-fast), background var(--dur-fast);border-radius:999px;padding:7px 13px}.chip:hover{color:var(--text);border-color:var(--strong-line)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip .n{font-family:var(--font-mono);opacity:.7;margin-left:4px;font-size:.625rem}.select{border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:var(--fs-small);border-radius:999px;padding:9px 13px}.monster-grid{gap:var(--sp-3);padding-block:var(--sp-6) var(--sp-8);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));display:grid}.monster-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-block-size:212px;transition:transform var(--dur) var(--ease-out), border-color var(--dur), background var(--dur);flex-direction:column;gap:10px;padding:18px 18px 16px;display:flex;position:relative;overflow:hidden}.monster-card:hover{border-color:var(--strong-line);transform:translateY(-3px)}.monster-card__art{object-fit:contain;object-position:top right;pointer-events:none;opacity:.92;filter:drop-shadow(0 6px 14px #0009)saturate(1.05);block-size:104px;inline-size:104px;transition:transform var(--dur) var(--ease-out), opacity var(--dur);position:absolute;top:6px;right:2px}.monster-card:hover .monster-card__art{opacity:1;transform:scale(1.05)translateY(-2px)}.monster-card__head{align-items:center;gap:10px;padding-inline-end:96px;display:flex}.monster-card__names{flex-direction:column;gap:2px;min-width:0;display:flex}.monster-card__icon{object-fit:contain;filter:drop-shadow(0 2px 8px #0006);block-size:48px;inline-size:48px;transition:transform var(--dur) var(--ease-out);flex:none}.monster-card:hover .monster-card__icon{transform:scale(1.06)rotate(-2deg)}.monster-card__foot{align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.monster-card__zh{letter-spacing:.01em;font-size:1.28rem;font-weight:500;line-height:1.2}.monster-card__en{font-family:var(--font-mono);color:var(--subtle);letter-spacing:.04em;font-size:.6875rem}.monster-card__species{font-family:var(--font-mono);letter-spacing:.1em;color:var(--subtle);text-transform:uppercase;flex:none;font-size:.625rem}.monster-card__weak{gap:4px;margin-inline-start:auto;display:flex}.monster-card__link{position:absolute;inset:0}.weak-dot{border-radius:var(--radius-sm);border:1px solid var(--line);block-size:22px;inline-size:22px;color:var(--subtle);justify-content:center;align-items:center;font-size:.6875rem;display:inline-flex}.weak-dot[data-stars="1"]{color:var(--muted);border-color:#fff3}.weak-dot[data-stars="2"]{border-color:color-mix(in oklab, var(--accent) 45%, transparent);color:var(--text)}.weak-dot[data-stars="3"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.monster-detail{padding-block:var(--sp-6) var(--sp-8)}.monster-hero{margin-top:var(--sp-5);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(20px,4vw,56px);display:grid}.monster-hero__text{min-width:0}.monster-hero__art{object-fit:contain;filter:drop-shadow(0 24px 48px #000000b8)saturate(1.05);block-size:auto;max-block-size:46vh;inline-size:clamp(200px,32vw,400px);transition:transform var(--dur-slow) var(--ease-out);place-self:start end}.monster-hero__art:hover{transform:translateY(-4px)scale(1.015)}.monster-head{align-items:center;gap:clamp(16px,3vw,28px);display:flex}.monster-icon-lg{filter:drop-shadow(0 6px 24px #000a);flex:none;block-size:auto;inline-size:clamp(88px,16vw,132px)}.monster-title{align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;display:flex}.monster-title h1{font-size:var(--fs-display);letter-spacing:-.01em}.monster-title .en{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--subtle)}.monster-meta{gap:var(--sp-4);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.monster-note{margin-top:var(--sp-5);max-width:60ch;font-size:1.05rem}.table-block{margin-top:var(--sp-7)}.table-block h2{font-size:var(--fs-title);margin-bottom:var(--sp-3)}.data-table{border-collapse:collapse;width:100%;font-size:var(--fs-small)}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}.data-table th{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;color:var(--subtle);text-transform:uppercase;font-weight:400}.data-table td b{font-weight:600}.stars{gap:3px;display:inline-flex}.stars i{background:var(--line);border-radius:2px;block-size:8px;inline-size:8px}.stars i.on{background:var(--accent)}.backlink{font-size:var(--fs-small);color:var(--muted);align-items:center;gap:6px;display:inline-flex}.backlink:hover{color:var(--text)}.empty{padding:var(--sp-8) 0;color:var(--muted)}.is-hidden{display:none!important}@media (width<=900px){.monster-hero{grid-template-columns:1fr}.monster-hero__art{justify-self:center;inline-size:min(72vw,300px)}}@media (width<=760px){.toolbar{position:static}.data-table th:nth-child(n+3),.data-table td:nth-child(n+3){display:none}}