:root{--mdb-ink:#162033;--mdb-muted:#6b7890;--mdb-line:#dce4ef;--mdb-blue:#1769e0;--mdb-cyan:#22a8bd;--mdb-surface:#fff;--mdb-soft:#f4f7fb}
/* Navbar clearance is owned globally by style1.css. */
.monsterdb-page,.monster-detail-page{padding-top:20px!important}
@media(max-width:600px){.monsterdb-page,.monster-detail-page{padding-top:12px!important}}
.monsterdb-page{max-width:1480px;margin:0 auto;padding:92px 22px 60px;color:var(--mdb-ink)}
.monsterdb-hero{margin:0 0 18px;padding:30px 34px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(74,222,255,.35),transparent 30%),linear-gradient(125deg,#10213f,#1458aa 62%,#168caa);box-shadow:0 18px 45px rgba(22,73,139,.2)}
.monsterdb-eyebrow{display:inline-flex;gap:8px;align-items:center;font-weight:600;color:#aeeeff;margin-bottom:8px}.monsterdb-hero h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;margin:0}.monsterdb-hero p{margin:8px 0 0;color:#dbeaff}.monsterdb-total{text-align:center;min-width:130px;padding:15px 22px;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px)}.monsterdb-total strong{display:block;font-size:2rem}.monsterdb-total span{font-size:.83rem;color:#dbeaff}
.monsterdb-filters{position:relative;z-index:2;display:grid;grid-template-columns:2fr repeat(7,minmax(120px,1fr));gap:10px;padding:16px;margin-bottom:14px;border:1px solid var(--mdb-line);border-radius:18px;background:#fff;box-shadow:0 10px 35px rgba(26,50,85,.08)}.monsterdb-filters input,.monsterdb-filters select,.monsterdb-reset{width:100%;min-height:46px;border:1px solid var(--mdb-line);border-radius:12px;padding:0 13px;background:#f8fafc;color:var(--mdb-ink);font:inherit}.monsterdb-filters input:focus,.monsterdb-filters select:focus{outline:3px solid rgba(23,105,224,.12);border-color:var(--mdb-blue)}.monsterdb-search{position:relative}.monsterdb-search i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#8090a6}.monsterdb-search input{padding-left:40px}.monsterdb-reset{cursor:pointer;background:#fff;color:#d64242;font-weight:600}.monsterdb-reset:hover{background:#fff2f2}
.monsterdb-status{display:flex;justify-content:space-between;padding:7px 3px 13px;color:var(--mdb-muted);font-size:.9rem}.monsterdb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.monster-card{position:relative;display:flex;flex-direction:column;min-height:305px;padding:18px;border:1px solid var(--mdb-line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 7px 20px rgba(28,50,80,.06);color:inherit;text-decoration:none;overflow:hidden;transition:.22s ease}.monster-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--mdb-blue),var(--mdb-cyan));opacity:.75}.monster-card:hover{transform:translateY(-4px);border-color:#a8c8f3;box-shadow:0 15px 30px rgba(28,75,140,.14);color:inherit}.monster-card-top{display:flex;align-items:center;gap:15px}.monster-sprite{width:78px;height:78px;flex:0 0 78px;display:grid;place-items:center;border:1px solid #d8e2ef;border-radius:16px;background:linear-gradient(145deg,#f3f7fc,#e9f0f8)}.monster-sprite img{max-width:68px;max-height:68px;image-rendering:auto}.monster-sprite.image-error:after{content:"?";font-size:2rem;color:#9aa8ba}.monster-identity{min-width:0}.monster-identity h2{font-size:1.08rem;font-weight:700;margin:4px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monster-identity small,.monster-id{color:var(--mdb-muted);font-size:.76rem}.monster-type{display:inline-block;padding:3px 8px;border-radius:99px;font-size:.63rem;font-weight:700;letter-spacing:.06em}.monster-type.normal{color:#1769e0;background:#e8f1ff}.monster-type.boss{color:#bb5400;background:#fff0dc}.monster-type.mvp{color:#bd2946;background:#ffe7ed}.monster-tags{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.monster-tags span{padding:5px 8px;border-radius:8px;background:#edf3fa;color:#46566e;font-size:.72rem}.monster-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:11px 0;border-top:1px solid var(--mdb-line);border-bottom:1px solid var(--mdb-line)}.monster-stats div{text-align:center}.monster-stats small,.monster-rewards small{display:block;font-size:.61rem;color:#8491a3}.monster-stats strong{font-size:.9rem;color:#15777f}.monster-rewards{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:.78rem}.monster-rewards span{min-width:0}.monster-card-link{margin-top:auto;padding-top:13px;font-size:.77rem;font-weight:600;color:var(--mdb-blue);text-align:right}
.monsterdb-loading,.monsterdb-error{padding:50px;text-align:center;border-radius:18px;background:#fff}.monsterdb-loading{display:flex;gap:12px;justify-content:center;align-items:center;color:var(--mdb-muted)}.monsterdb-loading[hidden]{display:none}.monsterdb-spinner{width:22px;height:22px;border:3px solid #dce7f5;border-top-color:var(--mdb-blue);border-radius:50%;animation:mdbspin .8s linear infinite}@keyframes mdbspin{to{transform:rotate(360deg)}}.monsterdb-error{color:#b4233b;background:#fff0f2;border:1px solid #ffcbd4}.monsterdb-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:25px}.monsterdb-pagination button{width:42px;height:42px;border:1px solid var(--mdb-line);border-radius:11px;background:#fff;color:var(--mdb-ink)}.monsterdb-pagination button.active{background:var(--mdb-blue);color:#fff;border-color:var(--mdb-blue)}.monsterdb-pagination button:disabled{opacity:.35}
.monster-detail-page{padding-top:92px}.monster-back{display:inline-flex;gap:8px;align-items:center;color:var(--mdb-blue);text-decoration:none;margin-bottom:16px}.detail-hero{display:grid;grid-template-columns:150px 1fr auto;gap:28px;align-items:center;padding:28px;border-radius:24px;color:#fff;background:linear-gradient(120deg,#11223e,#155da8)}.detail-sprite{width:140px;height:140px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:24px;background:rgba(255,255,255,.12)}.detail-sprite img{max-width:115px;max-height:115px}.detail-title h1{font-size:2.4rem;font-weight:700;margin:8px 0 0}.detail-title p{margin:0;color:#cfe2fb}.detail-title .monster-id{color:#a9c7ed}.detail-title .monster-tags span{background:rgba(255,255,255,.13);color:#fff}.detail-hp{text-align:center;padding:18px 28px;border-radius:18px;background:rgba(255,255,255,.1)}.detail-hp small,.detail-hp span{display:block;color:#bcd5f3}.detail-hp strong{display:block;font-size:2rem}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.detail-panel{padding:22px;border:1px solid var(--mdb-line);border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(28,50,80,.05)}.detail-panel h2{font-size:1.08rem;font-weight:700;margin:0 0 16px}.detail-panel h2 i{color:var(--mdb-blue);margin-right:7px}.detail-full{grid-column:1/-1}.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-fact{padding:12px;border-radius:12px;background:var(--mdb-soft)}.detail-fact small{display:block;color:var(--mdb-muted);font-size:.68rem}.detail-fact strong{font-size:1rem}.element-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.element-cell,.drop-row,.spawn-row{display:flex;align-items:center;justify-content:space-between;padding:11px;border-radius:11px;background:var(--mdb-soft)}.element-cell strong{color:var(--mdb-blue)}.detail-list{display:grid;gap:8px}.drop-row{gap:10px}.drop-row img{width:40px;height:40px;object-fit:contain}.drop-row div,.spawn-row div{margin-right:auto}.drop-row small,.spawn-row small{display:block;color:var(--mdb-muted)}.drop-row b{color:#b47400}.detail-empty{color:var(--mdb-muted);margin:0;padding:18px;text-align:center;background:var(--mdb-soft);border-radius:11px}
@media(max-width:1200px){.monsterdb-filters{grid-template-columns:repeat(4,1fr)}.filter-wide{grid-column:span 2}.monsterdb-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.monsterdb-grid{grid-template-columns:repeat(2,1fr)}.detail-facts{grid-template-columns:repeat(2,1fr)}.element-grid{grid-template-columns:repeat(2,1fr)}.detail-hero{grid-template-columns:110px 1fr}.detail-sprite{width:105px;height:105px}.detail-sprite img{max-width:90px;max-height:90px}.detail-hp{grid-column:1/-1}.detail-layout{grid-template-columns:1fr}.detail-full{grid-column:auto}}
@media(max-width:600px){.monsterdb-page,.monster-detail-page{padding:82px 12px 45px}.monsterdb-hero{padding:22px;align-items:flex-start}.monsterdb-total{min-width:90px;padding:10px}.monsterdb-filters{grid-template-columns:1fr 1fr;padding:11px}.filter-wide{grid-column:1/-1}.monsterdb-grid{grid-template-columns:1fr}.monster-card{min-height:285px}.detail-hero{grid-template-columns:1fr;text-align:center}.detail-sprite{margin:auto}.detail-title .monster-tags{justify-content:center}.detail-title h1{font-size:1.8rem}.detail-facts{grid-template-columns:repeat(2,1fr)}}

.monsterdb-pagination a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mdb-line);border-radius:11px;background:#fff;color:var(--mdb-ink);text-decoration:none}.monsterdb-pagination a.active{background:var(--mdb-blue);color:#fff;border-color:var(--mdb-blue)}.detail-panel p{color:#46566e;line-height:1.75}