/* KyUcMaple Cam Nang R8. Extends the site's original white + forest-green catalog, no third-party theme. */
@import url('./catalog.css');
.catalog-site-page .catalog-app{gap:22px;grid-template-columns:240px minmax(0,1fr)}
.catalog-site-page .catalog-sidebar{border:1px solid #e5eee8;box-shadow:0 8px 28px rgba(38,79,53,.04);border-radius:20px;padding:23px 17px}
.catalog-site-page .catalog-sidebar nav a{border-radius:12px;min-height:50px;gap:12px}
.catalog-site-page .catalog-sidebar nav a.active{background:#e9f5ed;color:#276c48}
.catalog-site-page .catalog-content{border:1px solid #e2ede6;box-shadow:0 14px 40px rgba(24,82,50,.045);border-radius:20px;padding:26px}
.catalog-site-page .catalog-content-top h2{font-size:27px}
.catalog-site-page .catalog-detail{padding:0;background:transparent;border:0;border-radius:0}
.catalog-site-page .catalog-detail-head{background:linear-gradient(120deg,#eff8f0,#f7faf4 83%);border:1px solid #e3efe4;padding:24px;border-radius:18px}
.catalog-site-page .catalog-detail-image{width:134px;height:134px;border-radius:17px;box-shadow:0 6px 16px rgba(47,92,58,.035)}
.catalog-site-page .catalog-detail-identity h3{font-size:31px;margin:4px 0 12px;color:#20573a}
.catalog-site-page .catalog-back-link{font-size:12px;margin-bottom:18px}
.catalog-site-page .catalog-detail-chips span{font-size:12px;border-radius:9px;padding:8px 11px}
.catalog-site-page .catalog-player-panel{border:1px solid #e4eee7;border-radius:16px;padding:22px;margin-bottom:15px}
.catalog-site-page .catalog-player-panel h4{font-size:18px;color:#245e3d;margin:0 0 17px;line-height:1.5}
.catalog-site-page .catalog-player-facts{gap:10px}
.catalog-site-page .catalog-player-facts>div{padding:15px 17px;border-radius:12px;background:#f6faf6;border-color:#ebf1eb}
.catalog-site-page .catalog-player-facts dt{font-size:12px;margin-bottom:6px;color:#788d80}
.catalog-site-page .catalog-player-facts dd{font-size:14px}
.catalog-site-page .catalog-result{border-radius:14px}
.catalog-site-page .catalog-result-body strong{font-size:14px}
.catalog-site-page .catalog-result-body small{font-size:11px}
.catalog-site-page .catalog-filters label{font-size:12px}
.catalog-site-page .catalog-filters input,.catalog-site-page .catalog-filters select{font-size:13px}
.catalog-site-page .catalog-filters button{font-size:13px}
/* Player acquisition guide. A compact informative layout; no empty massive rows. */
.catalog-site-page .kr8-acquisition{padding:25px;background:linear-gradient(180deg,#fff,#fcfefb)}
.catalog-site-page .kr8-panel-title{display:flex;justify-content:space-between;align-items:start;gap:20px;margin:0 0 20px}
.catalog-site-page .kr8-kicker{display:inline-block;color:#4e9268;font-size:10px;font-weight:900;letter-spacing:.09em;margin-bottom:6px}
.catalog-site-page .kr8-panel-title h4{margin:0 0 5px;font-size:19px}
.catalog-site-page .kr8-panel-title p{font-size:12px;color:#7c9180;margin:0;line-height:1.7}
.catalog-site-page .kr8-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.catalog-site-page .kr8-source-column{min-width:0;border:1px solid #e1ece2;background:#f9fcf8;border-radius:15px;padding:15px}
.catalog-site-page .kr8-column-head{display:flex;gap:11px;align-items:center;margin:0 0 14px;min-height:42px}
.catalog-site-page .kr8-column-symbol{display:grid;place-items:center;border-radius:12px;width:40px;height:40px;background:#dcefe2;color:#2f7b51;font-weight:900;font-size:20px;flex-shrink:0}
.catalog-site-page .kr8-column-symbol.kr8-monster{color:#98723d;background:#faf1db}
.catalog-site-page .kr8-column-head>div{flex:1;min-width:0}
.catalog-site-page .kr8-column-head h5{font-size:14px;margin:0;color:#2b6343;line-height:1.45}
.catalog-site-page .kr8-column-head span:not(.kr8-quantity):not(.kr8-column-symbol){font-size:10px;color:#85988b;line-height:1.5}
.catalog-site-page .kr8-quantity{background:#e4f2e7;color:#3a8657;border-radius:12px;padding:4px 9px;font-weight:800;font-size:11px}
.catalog-site-page .kr8-source-list{display:flex;flex-direction:column;gap:8px}
.catalog-site-page .kr8-source-card{background:#fff;border:1px solid #e7efe8;border-radius:12px;padding:10px;display:flex;align-items:center;gap:11px;min-width:0;min-height:76px;transition:border-color .15s,box-shadow .15s}
.catalog-site-page .kr8-source-card:hover{border-color:#c5e3cf;box-shadow:0 4px 14px rgba(36,96,58,.05)}
.catalog-site-page .kr8-entity-avatar{display:grid;place-items:center;width:55px;height:55px;flex:0 0 55px;background:#f0f7f0;border:1px solid #e6efe5;border-radius:11px;overflow:hidden}
.catalog-site-page .kr8-entity-avatar img{max-width:53px;max-height:53px;width:auto;height:auto;object-fit:contain;image-rendering:pixelated}
.catalog-site-page .kr8-avatar-fallback{font-family:'Baloo 2','Be Vietnam Pro',sans-serif;color:#548368;font-size:24px;font-weight:800}
.catalog-site-page .kr8-source-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.catalog-site-page .kr8-source-info .kr8-entity-name{display:block;font-size:12px;line-height:1.5;color:#2b6140;font-weight:800;overflow-wrap:anywhere;text-decoration:none}
.catalog-site-page .kr8-source-info a.kr8-entity-name:hover{color:#1a8a4e;text-decoration:underline}
.catalog-site-page .kr8-source-info .kr8-entity-name span{font-size:10px;font-weight:500;color:#8caa95}
.catalog-site-page .kr8-source-info>span{font-size:10px;color:#9baa9b}
.catalog-site-page .kr8-price{margin-left:auto;text-align:right;display:flex;flex-direction:column;line-height:1.25;flex-shrink:0;gap:3px;padding-left:6px}
.catalog-site-page .kr8-price strong{color:#27774b;font-size:14px;font-weight:900;white-space:nowrap}
.catalog-site-page .kr8-price span{color:#8ba18f;font-size:10px}
.catalog-site-page .kr8-extra{border-top:1px dashed #d5e7d9;margin-top:5px;padding-top:6px}
.catalog-site-page .kr8-extra summary{cursor:pointer;color:#397750;font-weight:800;font-size:12px;padding:8px;list-style-position:inside}
.catalog-site-page .kr8-source-mini{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;font-size:12px;border-top:1px solid #e8f0ea}
.catalog-site-page .kr8-source-mini .kr8-entity-name{color:#336b46;text-decoration:none}
.catalog-site-page .kr8-source-mini b{font-weight:800;color:#397d56;font-size:11px;white-space:nowrap}
.catalog-site-page .kr8-guide-addendum{margin-top:22px;padding:18px;background:#f4faf4;border:1px solid #e3eee5;border-radius:13px}
.catalog-site-page .kr8-guide-addendum h5{font-size:14px;margin:0 0 12px;color:#2d6a48}
.catalog-site-page .kr8-no-source{background:#f6faf6;border:1px dashed #d9e8dc;padding:17px;border-radius:12px;color:#728877;font-size:12px;line-height:1.7}
@media(max-width:1120px){.catalog-site-page .kr8-source-grid{grid-template-columns:1fr}}
@media(max-width:900px){.catalog-site-page .catalog-app{grid-template-columns:185px minmax(0,1fr)}.catalog-site-page .catalog-content{padding:19px}}
@media(max-width:620px){.catalog-site-page .catalog-app{grid-template-columns:1fr}.catalog-site-page .catalog-content{padding:15px}.catalog-site-page .catalog-detail-head{padding:13px}.catalog-site-page .catalog-detail-image{width:90px;height:90px}.catalog-site-page .catalog-player-panel{padding:16px}.catalog-site-page .kr8-acquisition{padding:17px}.catalog-site-page .kr8-source-grid{grid-template-columns:1fr}.catalog-site-page .kr8-source-card{min-height:68px}.catalog-site-page .kr8-entity-avatar{width:49px;height:49px;flex-basis:49px}}
/* Condense requirements and stats into one readable panel. */
.catalog-site-page .kr8-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;padding:20px 23px}
.catalog-site-page .kr8-spec-col{min-width:0}
.catalog-site-page .kr8-spec-col+.kr8-spec-col{border-left:1px solid #e5eee7;padding-left:23px}
.catalog-site-page .kr8-spec-col h4{font-size:14px;margin:0 0 12px}
.catalog-site-page .kr8-spec-list{margin:0;display:grid;gap:0}
.catalog-site-page .kr8-spec-list>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid #edf2ed;padding:9px 0}
.catalog-site-page .kr8-spec-list>div:last-child{border-bottom:0}
.catalog-site-page .kr8-spec-list dt{font-size:12px;color:#77907d;line-height:1.5}
.catalog-site-page .kr8-spec-list dd{margin:0;color:#2b5d40;text-align:right;font-weight:800;font-size:12px;line-height:1.5}
.catalog-site-page .kr8-spec-list dd.kr8-stat-up{color:#218050}
@media(max-width:760px){.catalog-site-page .kr8-specs{grid-template-columns:1fr;gap:13px}.catalog-site-page .kr8-spec-col+.kr8-spec-col{border-left:0;border-top:1px solid #e5eee7;padding:16px 0 0}}