@charset "UTF-8";
:root{color-scheme:dark;--bg:#101719;--panel:#172023;--panel-hover:#1d292c;--border:#2a3538;--text:#e8eae7;--muted:#99a9aa;--accent:#80cbbb;--gold:#c5ae82;--sidebar:228px;--radius:10px;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.6}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button{border:0;background:none}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}p{color:var(--muted)}h1,h2,h3{line-height:1.25;font-weight:500}h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-1.5px}h2{font-size:23px}h3{font-size:17px}small{font-size:11px}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:var(--accent);color:#101719;padding:10px}.skip-link:focus{top:12px}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#121b1d;border-right:1px solid var(--border);padding:29px 19px 20px;display:flex;flex-direction:column;z-index:30;overflow:auto}.brand{display:flex;gap:13px;align-items:center;padding:0 10px 31px;font-family:Georgia,serif;font-size:23px;letter-spacing:4px}.brand small{display:block;font-family:"Segoe UI",sans-serif;font-size:8px;color:var(--muted);letter-spacing:1.6px;margin-top:2px}.sidebar-label,.eyebrow,.section-kicker{font-size:9px;letter-spacing:1.9px;font-weight:600;color:#829794}.sidebar-label{font-size:8px;letter-spacing:1.15px;padding:5px 10px 13px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;margin:3px 0;font-size:12px;color:#9aa9aa;transition:background .15s,color .15s}.nav-item:hover{background:#1c2a2c;color:#e8eeeb}.nav-item.active{color:#a2e1d3;background:#203432;box-shadow:inset 2px 0 #82cdbc}.nav-item svg{width:17px;height:17px;flex:none}.nav-item .count{margin-left:auto;font-size:10px;color:#829593}.nav-separator{height:1px;background:var(--border);margin:19px 10px}.nav-heading{padding:3px 12px 8px;letter-spacing:1.8px;font-size:9px;color:#637b7b}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding:22px 10px 0}.sidebar-bottom p{font-family:Georgia,serif;font-size:16px;font-style:italic;line-height:1.55;margin:7px 0 17px}.small-rune{color:var(--gold);font-size:25px}.edition{font-size:7px;letter-spacing:1.3px;color:#647b7b}.workspace{margin-left:var(--sidebar)}.topbar{height:72px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:24px;padding:0 38px;background:#101719;position:sticky;top:0;z-index:20}.breadcrumb{font-size:12px;color:#c3cecb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42%}.breadcrumb span{margin:0 10px;color:#617678}.search-trigger{margin-left:auto;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:6px;color:#8e9e9f;font-size:11px;padding:8px 11px;min-width:240px;text-align:left}.search-trigger kbd{margin-left:auto}kbd{font-size:10px;padding:0 5px;border:1px solid #3b484b;border-radius:3px;color:#9cb0af}.search-icon{width:13px;height:13px;border:1.4px solid currentColor;border-radius:50%;position:relative;display:inline-block;flex:none;margin-right:3px}.search-icon:after{content:"";width:5px;height:1.4px;background:currentColor;position:absolute;right:-4px;bottom:-2px;transform:rotate(45deg)}.topbar-label{font-size:8px;letter-spacing:1.3px;white-space:nowrap;color:#abbab7}.dot{display:inline-block;width:4px;height:4px;background:var(--accent);border-radius:50%;margin:0 7px;vertical-align:middle}#main{max-width:1550px;margin:auto;padding:32px 38px 42px;min-height:calc(100vh - 140px)}.hero{position:relative;isolation:isolate;min-height:305px;border:1px solid #3b4948;border-radius:var(--radius);padding:37px 39px;overflow:hidden;background:#152928}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('../images/hero.png') 75% 42%/cover;opacity:.75}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#112524 6%,rgba(17,37,36,.96) 24%,rgba(17,37,36,.65) 52%,rgba(15,29,29,.1));box-shadow:inset 0 0 80px #111c1f66}.hero .eyebrow{color:#99cebd;letter-spacing:2.5px}.hero h1{font-size:44px;line-height:1.12;margin:18px 0 15px;max-width:500px}.hero h1 em{color:#bfd5c4;font-style:normal}.hero p{max-width:405px;font-size:12px;line-height:1.85;color:#b3c6c0;margin-bottom:23px}.hero-bottom{display:flex;gap:21px;align-items:center}.primary-button{background:#b8dacb;color:#172c27;border:1px solid #c5e0d3;padding:9px 17px;border-radius:5px;font-weight:600;font-size:11px;display:inline-flex;align-items:center;gap:20px}.primary-button:hover{background:#d6eee1}.quiet-link{font-size:11px;color:#bfcac2}.quiet-link:hover,.text-link:hover{color:var(--accent)}.hero-seal{position:absolute;bottom:20px;right:22px;font-size:8px;letter-spacing:2px;color:#e4dcc3;border-top:1px solid #ffffff40;padding-top:8px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:8px;margin-top:15px;background:#141e20}.quick-link{padding:15px 20px;display:flex;align-items:center;gap:13px;font-size:12px}.quick-link+.quick-link{border-left:1px solid var(--border)}.quick-link svg{width:21px;height:21px;color:var(--gold);flex:none}.quick-link small{display:block;font-size:10px;color:#849997;margin-top:1px}.quick-link .arrow{margin-left:auto;color:#7e9391}.quick-link:hover{background:#1d2b2d}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:30px 0 16px}.section-heading h2{margin:5px 0 0;font-family:Georgia,serif}.section-heading .text-link{font-size:11px;color:#a2b5ad}.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.category-card{padding:20px;border:1px solid var(--border);border-radius:8px;background:#162023;transition:transform .17s,border-color .17s;min-height:151px;position:relative;overflow:hidden}.category-card:hover{border-color:#547c71;transform:translateY(-2px)}.category-card .symbol{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #435b4e;border-radius:8px;background:#23342c;color:#aac5a2;margin-bottom:16px}.category-card:nth-child(2) .symbol{color:#c0abd9;background:#2d2937;border-color:#49415b}.category-card:nth-child(3) .symbol{color:#bfc794;background:#30362b;border-color:#4f5741}.category-card:nth-child(4) .symbol{color:#9dbcd2;background:#25323b;border-color:#3e5565}.category-card:nth-child(5) .symbol{color:#d2b587;background:#383228;border-color:#60543e}.category-card:nth-child(6) .symbol{color:#d09f92;background:#382c2b;border-color:#5b4441}.symbol svg{width:19px;height:19px}.category-card h3{font-size:14px;font-weight:600;margin:0 0 6px}.category-card p{font-size:11px;color:#90a3a3;margin:0 0 15px}.category-card .card-foot{font-size:9px;color:#8daba1;display:flex;justify-content:space-between;align-items:center}.bottom-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:29px}.panel{border:1px solid var(--border);border-radius:8px;background:#141f21;padding:22px}.panel h2{font-family:Georgia,serif;font-size:21px}.article-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--border);padding:13px 0;font-size:12px}.article-row:first-of-type{border-top:0}.article-row .row-number{font-family:Georgia,serif;color:#728b84;font-size:15px}.article-row .arrow{margin-left:auto;color:#879b94}.article-row small{display:block;font-size:9px;color:#829a93;margin-top:3px}.article-row:hover{color:var(--accent)}.feature-panel{background:radial-gradient(ellipse at 100% 0%,#30483d77,transparent 65%),#192526;display:flex;flex-direction:column}.feature-panel .eyebrow{color:var(--gold)}.feature-panel h2{font-size:29px;margin:14px 0 10px;max-width:220px}.feature-panel p{font-size:11px;max-width:300px}.feature-panel a{margin-top:auto;padding-top:16px;font-size:12px;color:#c9dcd0}.feature-panel svg{float:right;width:60px;height:60px;opacity:.45;color:#b7c5a0}footer{max-width:1550px;margin:auto;border-top:1px solid var(--border);padding:20px 38px;display:flex;justify-content:space-between;color:#6f8583;font-size:9px;gap:15px}footer a{color:#a0b3ab}.footer-divider{margin:0 9px;color:#536762}.mobile-menu{display:none}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;font-size:21px}.icon-button:hover{background:var(--panel-hover)}.page-heading{margin:10px 0 27px}.page-heading h1{font-size:38px;margin:9px 0 12px}.page-heading p{font-size:13px;max-width:660px}.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.filter-bar input{flex:1;min-width:180px}.filter-bar input,.filter-bar select,.search-field{background:#172326;border:1px solid var(--border);border-radius:6px;color:#dce9e3;padding:10px 13px}.filter-bar input::placeholder{color:#849896}.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-card{padding:21px;border:1px solid var(--border);border-radius:8px;background:#162123}.guide-card:hover{border-color:#527568}.guide-card .eyebrow{font-size:8px}.guide-card h2{font-size:17px;margin:11px 0 8px;font-weight:500}.guide-card p{font-size:12px;line-height:1.7;margin:0 0 13px}.guide-card .meta{display:flex;gap:15px;font-size:10px;color:#97b7aa}.empty-state{text-align:center;border:1px dashed #3a5150;border-radius:9px;padding:40px 20px;grid-column:1/-1}.empty-state h2{font-family:Georgia,serif}.empty-state p{max-width:470px;margin:0 auto 20px}.empty-state .symbol{font-size:29px;color:var(--gold);margin-bottom:10px}.result-count{font-size:11px;color:#99aaa5}.article-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:3px 0 26px}.back-link{color:#99b7ad;font-size:12px}.article-actions{display:flex;gap:8px}.secondary-button{border:1px solid var(--border);border-radius:5px;padding:7px 12px;font-size:11px;background:#162123}.secondary-button:hover{border-color:#7d9c8c}.secondary-button[aria-pressed="true"]{color:#afdfbd;border-color:#6d9375}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 195px;gap:35px}.article-header{border-bottom:1px solid var(--border);padding-bottom:23px;margin-bottom:26px}.article-header h1{font-size:39px;margin:12px 0 15px}.article-header .meta{font-size:11px;color:#8da49b;display:flex;gap:15px}.article-body{color:#c3d0cb;font-size:14px;line-height:1.95;overflow-wrap:anywhere;min-width:0}.article-body p{color:inherit;margin-bottom:20px}.article-body h2,.article-body h3,.article-body h4{font-size:22px;color:#edf0e9;font-family:Georgia,serif;font-weight:400;line-height:1.4;margin:32px 0 13px;scroll-margin-top:100px}.article-body h2:first-child{margin-top:0}.article-body ul,.article-body ol{padding-left:25px}.article-body li{margin-bottom:9px}.article-body b,.article-body strong{font-weight:600;color:#e6e7d2}.article-body img{display:block;max-width:100%;margin:18px 0;border:1px solid #3a4847;border-radius:6px;cursor:zoom-in;max-height:680px;object-fit:contain;background:#101719}.article-body a{color:var(--accent);text-decoration:underline}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:6px;margin:20px 0}.article-body table{border-collapse:collapse;width:100%;font-size:12px}.article-body th,.article-body td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}.article-body th{background:#253532;color:#d5e2d8}.article-body tr:nth-child(even){background:#192623}.media-note{border-left:2px solid #a18c62;background:#242a25;padding:12px 16px;font-size:12px;color:#c5c7ac;margin:18px 0}.toc{position:sticky;top:105px;align-self:start;border-left:1px solid var(--border);padding-left:20px}.toc .eyebrow{margin-bottom:15px;display:block}.toc a{display:block;color:#8ea59b;font-size:11px;padding:6px 0}.toc a:hover{color:#e4e5c7}.reading-note{font-size:10px;color:#688378;border-top:1px solid var(--border);padding-top:15px;margin-top:18px}.related{margin-top:35px;border-top:1px solid var(--border);padding-top:20px}.related h2{font-family:Georgia,serif}.monster-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px}.monster-list{max-height:650px;overflow:auto;border:1px solid var(--border);border-radius:8px;align-self:start;background:#131e20}.monster-select{width:100%;text-align:left;padding:12px 15px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #253434;font-size:12px}.monster-select:hover,.monster-select.active{background:#253e36;color:#cce5d4}.monster-select small{color:#96a699;white-space:nowrap}.monster-detail{min-width:0}.monster-header{display:flex;gap:20px;align-items:center}.monster-header img{width:90px;height:90px;object-fit:cover;border:1px solid var(--border);border-radius:8px}.monster-header h2{margin:0 0 7px;font-family:Georgia,serif;font-size:28px}.monster-header p{font-size:12px;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.stat{background:#1b292a;border:1px solid var(--border);border-radius:6px;padding:12px}.stat small{color:#91a69e;display:block;font-size:10px}.stat strong{font-size:17px;font-weight:500}.drop{display:flex;align-items:center;gap:12px;padding:12px;border-top:1px solid var(--border)}.drop img{width:40px;height:40px}.drop-name{font-size:12px}.drop small{display:block;color:#95ada2;font-size:10px}.drop details{margin-left:auto;font-size:11px;max-width:55%}.drop summary{color:var(--accent);cursor:pointer}.drop dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.drop dd{margin:0;overflow-wrap:anywhere}.pagination{display:flex;justify-content:center;gap:14px;align-items:center;margin-top:20px;font-size:11px}.loading{display:flex;align-items:center;gap:12px;padding:28px;color:#9bafa9}.spinner{width:18px;height:18px;border:2px solid #35564c;border-top-color:#afcbb9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid #42574e;border-radius:12px;background:#142123;color:var(--text);padding:0;width:min(620px,calc(100% - 30px));max-height:85vh;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#060d10c9;backdrop-filter:blur(5px)}.dialog-top{padding:22px 24px 16px;display:flex;justify-content:space-between;align-items:center}.dialog-top h2{font-family:Georgia,serif;margin:0;font-size:23px}.search-field{display:flex;align-items:center;gap:13px;margin:0 24px;border-color:#577d6f}.search-field input{width:100%;border:0;background:none;color:var(--text);outline:none;min-width:0}.search-count{margin:12px 24px 5px;font-size:11px}#search-results{overflow:auto;max-height:50vh;padding:0 16px 15px}.search-result{display:block;padding:13px 10px;border-radius:6px;border-bottom:1px solid #2a3b37}.search-result:hover{background:#213831}.search-result strong{font-size:13px;font-weight:500}.search-result p{font-size:11px;margin:4px 0}.search-result small{color:#99c0ac;font-size:9px}.dialog-foot{border-top:1px solid var(--border);padding:13px 24px;font-size:10px;color:#7f9a8b;display:flex;justify-content:space-between}.image-dialog{width:min(1100px,95vw);padding:18px;text-align:center}.image-dialog .icon-button{position:sticky;top:0;float:right;background:#142123}.image-dialog img{max-height:75vh;object-fit:contain}.image-dialog p{font-size:12px;margin:8px 0 0}.toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);background:#c6dfce;color:#183325;border-radius:6px;padding:10px 20px;font-size:12px;z-index:80;box-shadow:0 8px 40px #0006}.noscript{position:fixed;inset:80px 30px auto 250px;padding:20px;background:#392b21;color:white;z-index:100}.scrim{position:fixed;inset:0;background:#0009;z-index:25}
.hero:before{left:38%;background-position:100% 12%;background-size:210% auto;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent,#000 32%);opacity:.85}.item-description{margin-top:15px;line-height:1.8;overflow-wrap:anywhere}.item-description img{width:20px;height:20px}.item-description ul{padding-left:18px}.item-description hr{border:0;border-top:1px solid var(--border)}
@media(max-width:560px){.hero:before{left:0;background-size:auto 125%;background-position:right top;opacity:.5}}
#main:focus{outline:none}
@media(min-width:561px){.icon-button.mobile-menu{display:none}}
@media(min-width:1500px){.hero{min-height:350px;padding:45px}.hero h1{font-size:53px}.category-card{padding:25px}.category-card h3{font-size:16px}}
@media(max-width:1100px){:root{--sidebar:200px}.sidebar{padding:24px 13px}.brand{font-size:20px;gap:9px}.brand small{font-size:7px}.sidebar-label{font-size:7px}.topbar{padding:0 25px;gap:15px}.topbar-label{display:none}#main{padding:25px}.hero{padding:30px}.hero h1{font-size:39px}.hero-seal{display:none}.quick-link{padding:14px}.quick-link small{font-size:9px}.reading-layout{grid-template-columns:minmax(0,1fr)}.toc{position:static;grid-row:1;border-left:0;border-bottom:1px solid var(--border);padding:0 0 18px}.toc a{display:inline-block;padding:3px 12px 3px 0}.toc .reading-note{display:none}.monster-layout{grid-template-columns:210px minmax(0,1fr)}footer{padding:18px 25px}}
@media(max-width:800px){:root{--sidebar:178px}.brand{font-size:17px;padding-left:0}.brand img{width:30px}.brand small{letter-spacing:1px}.sidebar-label{display:none}.nav-item{font-size:11px;padding:10px 8px;gap:9px}.sidebar-bottom{padding-left:5px}.edition{font-size:6px}.search-trigger{min-width:0}.search-trigger kbd{display:none}.topbar{height:61px;padding:0 19px}.breadcrumb{font-size:10px}#main{padding:19px}.hero{min-height:280px;padding:26px}.hero h1{font-size:34px}.hero p{font-size:11px}.hero:after{background:linear-gradient(90deg,#112524ee,#112524aa)}.hero-bottom{gap:15px}.quick-links{grid-template-columns:1fr}.quick-link{padding:11px 16px}.quick-link+.quick-link{border-left:0;border-top:1px solid var(--border)}.quick-link small{display:inline;margin-left:7px}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{padding:17px;min-height:149px}.bottom-grid{grid-template-columns:1fr}.article-list{grid-template-columns:1fr}.article-header h1{font-size:31px}.monster-layout{grid-template-columns:1fr}.monster-list{max-height:220px}.article-top{flex-wrap:wrap}.feature-panel h2{max-width:none;font-size:26px}.feature-panel p{max-width:none}footer{font-size:8px;padding:18px}.section-heading h2{font-size:21px}}
@media(max-width:560px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:238px}.sidebar.open{transform:translateX(0)}.brand{font-size:22px;padding-left:10px}.brand img{width:38px}.sidebar-label{display:block;font-size:8px}.nav-item{font-size:13px;padding:11px 13px}.edition{font-size:7px}.workspace{margin-left:0}.mobile-menu{display:flex}.topbar{padding:0 15px;gap:12px}.breadcrumb{max-width:35%}.search-trigger{font-size:10px;padding:7px 10px}.search-trigger span:nth-child(2){font-size:0}.search-trigger span:nth-child(2):after{content:"Search";font-size:11px}.hero{padding:26px 22px}.hero h1{font-size:33px}.hero-bottom{gap:14px;flex-wrap:wrap}.hero .eyebrow{font-size:8px}.hero p{font-size:12px}.categories{gap:10px}.category-card{padding:16px 13px}.category-card p{font-size:10px}.category-card h3{font-size:13px}.section-heading .text-link{font-size:10px}.page-heading h1{font-size:33px}.article-header h1{font-size:32px}.stats{grid-template-columns:repeat(2,1fr)}.drop{align-items:flex-start;flex-wrap:wrap}.drop details{max-width:100%;margin-left:0;width:100%}.dialog-foot{gap:10px}.dialog-foot span{white-space:nowrap}footer{flex-wrap:wrap}.noscript{inset:80px 15px auto}.article-body{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,footer,.article-actions,.toc,.article-top,.related{display:none}.workspace{margin:0}#main{padding:0}.reading-layout{display:block}body{background:white;color:black}.article-body,.article-body p,.article-body h2,.article-header h1{color:black}.article-body img{max-height:none}}

/* MonsterDex · Arcane field archive */
.dex-loader{min-height:520px;display:grid;place-content:center;text-align:center;color:#91aaa4}.dex-loader-orb{width:92px;height:92px;border:1px solid #526f69;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;position:relative;box-shadow:0 0 50px #64c6ad1c,inset 0 0 30px #64c6ad12}.dex-loader-orb:before,.dex-loader-orb:after{content:"";position:absolute;border:1px solid #56746e;border-radius:50%;inset:10px;animation:dex-pulse 2s ease-in-out infinite}.dex-loader-orb:after{inset:-9px;border-style:dashed;animation:spin 8s linear infinite}.dex-loader-orb span{width:15px;height:15px;background:#90d6c2;transform:rotate(45deg);box-shadow:0 0 25px #8fe0c7}.dex-loader p{font-size:11px;letter-spacing:1.2px}.dex-hero{min-height:260px;border:1px solid #38564f;border-radius:12px;position:relative;overflow:hidden;padding:34px 38px;background:radial-gradient(circle at 78% 50%,#40756745,transparent 31%),linear-gradient(120deg,#172b2a,#111b1e 70%);display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;box-shadow:inset 0 0 80px #0004,0 20px 70px #020a0c30}.dex-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#8ad1bd0b 1px,transparent 1px),linear-gradient(90deg,#8ad1bd0b 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.dex-hero-copy{position:relative;z-index:2}.dex-hero .eyebrow{color:#91d8c4}.dex-hero h1{font-size:52px;margin:9px 0 10px;letter-spacing:-2px}.dex-hero h1 span{font-style:italic;color:#9ed9c7}.dex-hero-copy>p{font-size:12px;line-height:1.8;max-width:590px;margin-bottom:25px}.dex-summary{display:flex;gap:0;flex-wrap:wrap}.dex-summary>div{min-width:120px;padding:3px 22px 3px 0;margin-right:22px;border-right:1px solid #435652}.dex-summary>div:last-child{border:0}.dex-summary strong{display:block;font-family:Georgia,serif;font-size:20px;font-weight:400;color:#e6eee8}.dex-summary small{display:block;color:#7f9d94;font-size:8px;letter-spacing:1px;margin-top:3px}.dex-orbit{width:210px;height:210px;justify-self:center;position:relative;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:1px solid #79b9a763}.orbit-one{inset:8px;border-style:dashed;animation:spin 22s linear infinite}.orbit-two{inset:29px;animation:spin 14s linear infinite reverse}.orbit-two:before,.orbit-one:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#a7e6d2;box-shadow:0 0 14px #a7e6d2;left:50%;top:-4px}.dex-core{width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,#2d5750,#132624 67%);border:1px solid #759a8e;display:grid;place-items:center;box-shadow:0 0 0 9px #172d2a,0 0 0 10px #45645b,0 0 55px #70cbb044}.dex-core img{width:47px;filter:drop-shadow(0 0 9px #a7e2cf88)}.dex-orbit>b{position:absolute;bottom:-2px;font-size:7px;line-height:1.5;letter-spacing:2.5px;text-align:center;color:#75998e;font-weight:500}.dex-toolbar{display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(3,minmax(125px,.7fr)) auto;gap:9px;margin:15px 0;padding:12px;border:1px solid var(--border);border-radius:9px;background:#141f21;align-items:end}.dex-toolbar label>span,.drop-toolbar label>span:not(.search-icon){display:block;font-size:7px;letter-spacing:1.2px;color:#78948d;margin:0 0 6px 2px}.dex-toolbar select,.drop-toolbar select,.dex-search{height:42px;background:#172628;border:1px solid #314a47;border-radius:6px;color:#dce9e3}.dex-toolbar select,.drop-toolbar select{width:100%;padding:0 11px;font-size:11px}.dex-search{display:flex;align-items:center;gap:10px;padding:0 13px}.dex-search input{width:100%;min-width:0;color:#dce9e3;background:none;border:0;outline:0;font-size:11px}.dex-search input::placeholder{color:#6f8984}.dex-pin-filter{height:42px;border:1px solid #3c554e;border-radius:6px;padding:0 14px;font-size:10px;color:#9bb6ae;white-space:nowrap;background:#172325}.dex-pin-filter span{font-size:16px;color:#cbbf8b;vertical-align:-1px;margin-right:5px}.dex-pin-filter[aria-pressed="true"]{background:#393729;border-color:#8f8151;color:#e3d49d}.dex-shell{display:grid;grid-template-columns:minmax(320px,370px) minmax(0,1fr);gap:15px;align-items:start}.dex-index{border:1px solid var(--border);border-radius:9px;background:#111b1e;overflow:hidden;position:sticky;top:87px}.dex-index-head{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#1b2e2d,#172325)}.dex-index-head .eyebrow{display:block;font-size:7px}.dex-index-head strong{display:block;font-size:11px;margin-top:4px;color:#cad8d2}.dex-live{font-size:7px;letter-spacing:1px;color:#7da698}.dex-live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#74d4ac;box-shadow:0 0 8px #74d4ac;margin-right:5px}.monster-list{max-height:715px;overflow:auto;border:0;border-radius:0;background:#111b1e;scrollbar-color:#3d5b54 #111b1e}.monster-select{width:100%;min-height:86px;text-align:left;padding:10px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:11px;border:0;border-bottom:1px solid #263634;background:#121d20;position:relative;transition:background .16s,transform .16s,box-shadow .16s}.monster-select:hover{background:#1b2c2b;transform:translateX(2px)}.monster-select.active{background:linear-gradient(90deg,#254239,#192927);box-shadow:inset 3px 0 #84d0b7;color:#e8f4ec}.monster-thumb{width:64px;height:64px;border:1px solid #354b47;border-radius:7px;background:radial-gradient(circle,#263b38,#141f21);position:relative;display:grid;place-items:center;overflow:hidden}.monster-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 55%,#b9f1dc16)}.monster-thumb img{width:100%;height:100%;object-fit:cover}.monster-thumb i{position:absolute;left:3px;bottom:3px;background:#0c1518d9;padding:2px 4px;border-radius:3px;font-size:6px;color:#91aca4;font-style:normal;z-index:1}.monster-card-copy{min-width:0}.monster-card-copy small{display:block;color:#76a99a;font-size:7px;letter-spacing:.65px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monster-card-copy strong{display:block;font-family:Georgia,serif;font-size:14px;font-weight:500;margin:6px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monster-card-copy em{display:block;color:#728985;font-size:9px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monster-grade{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid #51635e;background:#1d2929;color:#9baba5;font-size:7px}.monster-pinned{position:absolute;right:9px;top:6px;color:#d7bd71;font-size:10px}.grade-1{color:#a9b6af!important;border-color:#57645e!important}.grade-2{color:#8bc7a7!important;border-color:#507a63!important}.grade-3{color:#8ebbd7!important;border-color:#4c7189!important}.grade-4{color:#bd9fe0!important;border-color:#745994!important}.grade-5{color:#e4c375!important;border-color:#9b793a!important}.grade-6{color:#ee8d80!important;border-color:#a3453d!important;box-shadow:0 0 14px #d3544655}.dex-index>.pagination{padding:13px;margin:0;border-top:1px solid var(--border)}.pagination span{color:#738b86;font-size:8px;letter-spacing:1px}.pagination span b{color:#cbd7d2;font-size:10px}.monster-detail{min-width:0}.dex-empty{min-height:440px;border:1px dashed #39514c;border-radius:10px;display:grid;place-content:center;text-align:center;padding:40px;background:radial-gradient(circle at 50% 40%,#28453d38,transparent 38%),#121d20}.dex-empty-orb{width:108px;height:108px;border:1px solid #45635c;border-radius:50%;display:grid;place-items:center;margin:0 auto 25px;box-shadow:0 0 0 13px #162422,0 0 0 14px #304942}.dex-empty-orb img{width:42px;opacity:.75}.dex-empty h2{font-family:Georgia,serif;font-size:26px;margin:11px 0}.dex-empty p{max-width:390px;font-size:11px;line-height:1.8}.dex-no-results{padding:48px 20px;text-align:center;display:grid;gap:7px;color:#7c9991}.dex-no-results>span{font-size:26px;color:#b8a76d}.dex-no-results strong{font-family:Georgia,serif;color:#cbd7d2}.dex-no-results small{font-size:9px}.dex-detail-loader{min-height:300px;display:grid;place-content:center;justify-items:center;gap:12px;border:1px solid var(--border);border-radius:9px;background:#121d20;color:#78938b}.dex-detail-loader p{font-size:10px}.dex-entry{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#111b1e}.dex-entry-cover{min-height:245px;padding:27px;display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:27px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 14% 52%,#46766542,transparent 23%),linear-gradient(120deg,#1b302d,#111a1d 68%)}.dex-entry-cover:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#b5eadc08 6px);pointer-events:none}.monster-portrait{width:180px;height:180px;position:relative;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#2d4842,#131f21 65%);border:1px solid #5b7b72;box-shadow:0 0 55px #66b79d26}.monster-portrait img{width:132px;height:132px;object-fit:cover;border-radius:50%;position:relative;z-index:2;filter:drop-shadow(0 15px 16px #0008)}.portrait-ring{position:absolute;inset:13px;border:1px dashed #7fb6a5;animation:spin 28s linear infinite;border-radius:50%}.portrait-ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#a5e7d0;top:-4px;left:50%;box-shadow:0 0 13px #a5e7d0}.portrait-scan{position:absolute;z-index:3;width:132px;height:2px;background:#a2e2cf66;box-shadow:0 0 9px #9be6ce;animation:dex-scan 3s ease-in-out infinite}.dex-entry-title{position:relative;z-index:2}.dex-entry-title .eyebrow{color:#83c6b2}.dex-entry-title h2{font-family:Georgia,serif;font-size:37px;margin:8px 0 9px;line-height:1.08}.dex-entry-title>p{font-size:11px;color:#8ca39e}.dex-entry-title>p span{color:#9fd2c2}.dex-tags{display:flex;gap:6px;flex-wrap:wrap;margin:19px 0}.dex-tags>span{font-size:8px;letter-spacing:.6px;padding:6px 8px;border:1px solid #3b514d;border-radius:4px;background:#172624;color:#9fb4ad}.dex-actions{display:flex;gap:7px}.dex-entry-stamp{position:relative;z-index:2;border:1px solid #47615a;border-radius:50%;width:96px;height:96px;display:grid;place-content:center;text-align:center;transform:rotate(7deg);color:#77948c}.dex-entry-stamp:before{content:"";position:absolute;inset:6px;border:1px dashed #49625c;border-radius:50%}.dex-entry-stamp small,.dex-entry-stamp span{font-size:6px;letter-spacing:1px}.dex-entry-stamp strong{font-family:Georgia,serif;font-size:21px;font-weight:400;color:#acc1ba;margin:2px 0}.dex-entry-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:12px;padding:12px}.dex-stat-deck,.dex-record-card{border:1px solid var(--border);border-radius:8px;background:#152123;padding:20px}.dex-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.dex-section-title h3,.drop-vault h3{font-family:Georgia,serif;font-size:23px;margin:5px 0 0}.dex-section-title>small{font-size:8px;color:#687f79}.dex-stat{margin-top:14px}.dex-stat>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.dex-stat span{font-size:10px;color:#b6c6c0}.dex-stat span small{font-size:7px;color:#6f8b83;margin-left:5px}.dex-stat strong{font-size:11px;font-weight:500}.dex-stat>i{display:block;height:5px;background:#253431;border-radius:10px;margin-top:6px;overflow:hidden}.dex-stat>i b{display:block;height:100%;background:linear-gradient(90deg,#547d71,#9bd5c1);border-radius:10px;box-shadow:0 0 10px #8ed2bb77}.dex-record-card>dl{margin:15px 0 20px}.dex-record-card>dl>div{padding:9px 0;border-bottom:1px solid #2b3b38;display:flex;justify-content:space-between;gap:10px}.dex-record-card dt{font-size:8px;color:#6f8982}.dex-record-card dd{margin:0;text-align:right;font-size:10px;color:#c1cec9}.dex-record-card dd small{color:#728a83}.dex-rewards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dex-rewards>div{padding:11px;border:1px solid #3c514b;border-radius:6px;background:#1b2b28}.dex-rewards small{display:block;font-size:6px;letter-spacing:.8px;color:#71978b}.dex-rewards strong{display:block;margin-top:5px;font-size:13px;color:#d7e1dc}.drop-vault{border-top:1px solid var(--border);padding:24px 20px 20px;background:#101a1d}.drop-vault-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.drop-vault-head p{font-size:10px;margin:6px 0 0}.drop-total{text-align:right}.drop-total strong{display:block;font-family:Georgia,serif;font-size:25px;font-weight:400;color:#d9e4df}.drop-total small{font-size:7px;letter-spacing:1px;color:#719087}.drop-toolbar{display:grid;grid-template-columns:minmax(190px,1fr) 140px 150px auto;gap:8px;align-items:center;margin:18px 0 12px}.drop-toolbar>.result-count{text-align:right;white-space:nowrap}.drop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.drop{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid #2e403c;border-radius:7px;background:#152022;min-width:0;position:relative}.drop:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:#5d746d}.drop-grade-3:before{background:#6697b7}.drop-grade-4:before{background:#9974c0}.drop-grade-5:before{background:#c7a04b}.drop-grade-6:before{background:#d65e52;box-shadow:0 0 8px #d65e52}.drop-icon{width:54px;height:54px;border:1px solid #3a4d48;border-radius:6px;background:#10191c;position:relative;display:grid;place-items:center}.drop-icon img{width:44px;height:44px;object-fit:cover}.drop-icon span{position:absolute;right:2px;bottom:2px;background:#0c1416dc;border-radius:2px;padding:1px 3px;color:#9cafaa;font-size:6px}.drop-name{min-width:0}.drop-name>small{display:block;font-size:6px;letter-spacing:.6px;color:#6f8c84}.drop-name>strong{display:block;font-size:11px;font-weight:500;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drop-name>em{display:block;color:#6f8781;font-size:7px;font-style:normal;margin-top:4px}.chance-line{display:flex;align-items:center;gap:7px}.chance-line i{display:block;flex:1;max-width:110px;height:3px;background:#2a3936;border-radius:3px;overflow:hidden}.chance-line i b{display:block;height:100%;background:#77ba9f}.chance-line span{font-size:7px;color:#9cbab0;white-space:nowrap}.drop details{margin-left:0;max-width:none;font-size:9px}.drop summary{list-style:none;border:1px solid #3c514c;border-radius:4px;padding:5px 7px;color:#8fc4b4;text-align:center}.drop summary::-webkit-details-marker{display:none}.drop details[open]{grid-column:1/-1;border-top:1px solid #2d3d39;padding-top:10px}.drop details dl{display:grid;grid-template-columns:repeat(4,auto 1fr);gap:4px 8px;margin:0}.drop details dt{color:#6f8780}.drop details dd{margin:0;color:#b7c6c1}.drop .item-description{margin-top:10px;border-top:1px dashed #30433e;padding-top:9px;font-size:9px}.drop-vault>.pagination{margin:16px 0 0}.dex-entry .empty-state{min-height:280px;display:grid;place-content:center}.dex-pin-filter:focus-visible,.monster-select:focus-visible,.drop summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@keyframes dex-pulse{0%,100%{transform:scale(.92);opacity:.45}50%{transform:scale(1.05);opacity:1}}@keyframes dex-scan{0%,100%{transform:translateY(-55px);opacity:.2}50%{transform:translateY(55px);opacity:1}}
@media(max-width:1250px){.dex-toolbar{grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(110px,1fr));}.dex-pin-filter{grid-column:1/-1}.dex-shell{grid-template-columns:310px minmax(0,1fr)}.drop-grid{grid-template-columns:1fr}.dex-entry-cover{grid-template-columns:150px minmax(0,1fr)}.monster-portrait{width:145px;height:145px}.monster-portrait img{width:105px;height:105px}.portrait-scan{width:105px}.dex-entry-stamp{display:none}}
@media(max-width:1000px){.dex-hero{grid-template-columns:minmax(0,1fr) 210px}.dex-orbit{width:180px;height:180px}.dex-summary>div{min-width:100px}.dex-shell{grid-template-columns:1fr}.dex-index{position:static}.monster-list{max-height:420px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.monster-select:nth-child(odd){border-right:1px solid #263634}.dex-entry-grid{grid-template-columns:1fr}.drop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.dex-hero{grid-template-columns:1fr;padding:27px}.dex-orbit{display:none}.dex-hero h1{font-size:43px}.dex-summary>div{min-width:calc(50% - 20px);margin-bottom:12px}.dex-toolbar{grid-template-columns:1fr 1fr}.dex-toolbar .dex-search{grid-column:1/-1}.dex-pin-filter{grid-column:1/-1}.dex-entry-cover{grid-template-columns:120px minmax(0,1fr);padding:20px;gap:18px}.monster-portrait{width:118px;height:118px}.monster-portrait img{width:86px;height:86px}.portrait-scan{width:86px}.dex-entry-title h2{font-size:29px}.drop-grid{grid-template-columns:1fr}.drop-toolbar{grid-template-columns:1fr 1fr}.drop-toolbar .dex-search{grid-column:1/-1}.drop-toolbar>.result-count{text-align:left}.drop details dl{grid-template-columns:auto 1fr auto 1fr}}
@media(max-width:560px){.dex-hero{padding:23px 19px;min-height:auto}.dex-hero h1{font-size:38px}.dex-summary{display:grid;grid-template-columns:1fr 1fr}.dex-summary>div{min-width:0;border-right:0;border-bottom:1px solid #3c514c;margin:0;padding:10px}.dex-toolbar{grid-template-columns:1fr}.dex-toolbar .dex-search,.dex-pin-filter{grid-column:auto}.monster-list{display:block;max-height:390px}.dex-entry-cover{grid-template-columns:1fr;text-align:center}.monster-portrait{margin:auto}.dex-tags,.dex-actions{justify-content:center}.dex-entry-title>p{margin-bottom:0}.dex-entry-grid{padding:8px}.dex-stat-deck,.dex-record-card{padding:16px}.drop-vault{padding:20px 12px}.drop-vault-head{align-items:start}.drop-toolbar{grid-template-columns:1fr}.drop-toolbar .dex-search{grid-column:auto}.drop{grid-template-columns:48px minmax(0,1fr)}.drop-icon{width:48px;height:48px}.drop-icon img{width:38px;height:38px}.drop details{grid-column:1/-1}.drop details dl{grid-template-columns:auto 1fr}.dex-section-title>small{display:none}}
.meter-0{width:0}.meter-5{width:5%}.meter-10{width:10%}.meter-15{width:15%}.meter-20{width:20%}.meter-25{width:25%}.meter-30{width:30%}.meter-35{width:35%}.meter-40{width:40%}.meter-45{width:45%}.meter-50{width:50%}.meter-55{width:55%}.meter-60{width:60%}.meter-65{width:65%}.meter-70{width:70%}.meter-75{width:75%}.meter-80{width:80%}.meter-85{width:85%}.meter-90{width:90%}.meter-95{width:95%}.meter-100{width:100%}