.monster-book{--card-gold:#c99537;--card-ink:#352b22}.monster-book-hero{display:grid;gap:24px;padding:28px;border:1px solid #d9c9ad;border-radius:14px;background:linear-gradient(135deg,#fffdf7,#f4ead7);color:var(--card-ink);box-shadow:0 8px 28px rgba(92,67,29,.08)}.dark .monster-book-hero{border-color:#4a4032;background:linear-gradient(135deg,#25221d,#171614);color:#f3eadc}.monster-book-kicker{font-size:12px;font-weight:800;letter-spacing:.22em;color:#9b6b20}.monster-book-hero h1{margin:5px 0 8px;font-size:36px;line-height:1.1}.monster-book-hero p{max-width:680px;color:#756758}.dark .monster-book-hero p{color:#bfb2a3}.monster-book-summary{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(151,111,49,.25);border-radius:10px;background:rgba(255,255,255,.6)}.dark .monster-book-summary{background:rgba(0,0,0,.18)}.monster-book-summary div{min-width:110px;padding:14px;border-right:1px solid rgba(151,111,49,.18)}.monster-book-summary div:last-child{border:0}.monster-book-summary strong,.monster-book-summary span{display:block}.monster-book-summary strong{font-size:24px;color:#9b671d}.monster-book-summary span{margin-top:2px;font-size:12px;color:#776b5e}.monster-book-notice{display:flex;gap:10px;margin:14px 0;padding:12px 14px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#334155;font-size:13px;line-height:1.7}.dark .monster-book-notice{border-color:#1e3a5f;background:#111d2c;color:#cbd5e1}.monster-book-notice>span{margin-top:3px;font-size:20px;color:#2563eb}.monster-book-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 150px 150px auto auto;gap:8px;margin-bottom:14px}.monster-book-toolbar input,.monster-book-toolbar select,.monster-book-toolbar button{height:42px;border:1px solid #d5d8df;border-radius:8px;background:#fff;padding:0 12px;color:inherit}.dark .monster-book-toolbar input,.dark .monster-book-toolbar select,.dark .monster-book-toolbar button{border-color:#3b3b3b;background:#202020}.monster-book-toolbar button{display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.monster-book-search{position:relative}.monster-book-search span{position:absolute;left:12px;top:11px;color:#7b8490}.monster-book-search input{width:100%;padding-left:38px}.monster-book-status{margin:10px 0;color:#697386;font-size:13px}.monster-book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:13px}.monster-card{position:relative;overflow:hidden;border:1px solid #ddd4c6;border-radius:11px;background:#fff;box-shadow:0 3px 12px rgba(55,45,30,.05)}.dark .monster-card{border-color:#403a32;background:#1e1d1a}.monster-card.is-complete{border-color:#d2a74d;box-shadow:inset 0 0 0 1px rgba(210,167,77,.2),0 5px 18px rgba(133,94,29,.12)}.monster-card-head{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;padding:14px}.monster-card-image{display:flex;width:70px;height:70px;align-items:center;justify-content:center;border:1px solid #e5dccd;border-radius:9px;background:radial-gradient(circle,#fff,#f1eadf)}.dark .monster-card-image{border-color:#494136;background:radial-gradient(circle,#302c25,#171613)}.monster-card-image img{max-width:64px;max-height:64px;image-rendering:auto}.monster-card-image span{font-size:34px;color:#a99572}.monster-card-title{min-width:0}.monster-card-title h2{overflow:hidden;margin:2px 0 5px;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.monster-card-title h2 a{color:inherit}.monster-card-meta{display:flex;flex-wrap:wrap;gap:5px;font-size:11px;color:#766a5b}.monster-card-meta span{padding:2px 6px;border-radius:4px;background:#f3eee6}.dark .monster-card-meta span{background:#302c26}.monster-card-progress{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:7px;padding:0 14px 13px}.monster-card-progress button{width:36px;height:32px;border:1px solid #d8cbb7;border-radius:7px;background:#fbf8f1;font-size:20px;cursor:pointer}.dark .monster-card-progress button{border-color:#4c4336;background:#29251f}.monster-card-pips{display:flex;justify-content:center;gap:6px}.monster-card-pips button{width:17px;height:17px;border:2px solid #c5b79e;border-radius:50%;background:transparent;padding:0}.monster-card-pips button.is-on{border-color:#b87c23;background:#e7ae4e;box-shadow:inset 0 0 0 2px #fff3cf}.monster-card-details{border-top:1px solid #ece5da}.dark .monster-card-details{border-color:#38342e}.monster-card-details summary{padding:9px 14px;color:#8d672b;font-size:12px;cursor:pointer}.monster-card-body{padding:0 14px 14px;font-size:12px;line-height:1.65;color:#655e56}.dark .monster-card-body{color:#c4bcb2}.monster-card-body h3{margin:12px 0 5px;font-size:12px;color:inherit}.monster-card-links{display:flex;flex-wrap:wrap;gap:5px}.monster-card-links a{max-width:100%;overflow:hidden;padding:3px 7px;border-radius:5px;background:#f3f5f8;color:#42628a;text-overflow:ellipsis;white-space:nowrap}.dark .monster-card-links a{background:#292929;color:#9ac5f6}.monster-book-pagination{display:flex;justify-content:center;gap:6px;margin-top:18px}.monster-book-pagination button{min-width:38px;height:36px;border:1px solid #d8dce3;border-radius:7px;background:#fff;cursor:pointer}.dark .monster-book-pagination button{border-color:#3b3b3b;background:#202020}.monster-book-pagination button.is-active{border-color:#b8812d;background:#b8812d;color:#fff}@media(min-width:980px){.monster-book-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end}}@media(max-width:760px){.monster-book-hero{padding:20px}.monster-book-hero h1{font-size:30px}.monster-book-summary{grid-template-columns:repeat(2,1fr)}.monster-book-summary div:nth-child(2){border-right:0}.monster-book-summary div:nth-child(-n+2){border-bottom:1px solid rgba(151,111,49,.18)}.monster-book-toolbar{grid-template-columns:1fr 1fr}.monster-book-search{grid-column:1/-1}.monster-book-grid{grid-template-columns:1fr}}