.combine-recipes{display:grid;gap:14px;max-width:1120px;margin:0 auto 40px;color:#d5e2eb}.combine-recipe{border:1px solid #5996bb66;border-radius:10px;overflow:hidden;background:linear-gradient(125deg,#15202a,#101a22);box-shadow:0 12px 28px #0004}.combine-recipe[open]{border-color:#7ebad7a6}.combine-recipe>summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;padding:13px 18px;background:linear-gradient(100deg,#122538,#193d5c 55%,#101d2c);border-bottom:1px solid transparent}.combine-recipe>summary::-webkit-details-marker{display:none}.combine-recipe[open]>summary{border-bottom-color:#76afd833}.combine-number{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;color:#e4d29d;border:1px solid #a9946066;border-radius:5px;background:#101921;font:700 13px Georgia,serif}.combine-title{font:700 clamp(15px,1.8vw,20px)/1.4 Georgia,serif;color:#f0f5f8;flex:1}.combine-category{font:600 9px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#9ac5e0}.combine-chevron{font:20px Arial;color:#a8dfff;transition:transform .2s}.combine-recipe[open] .combine-chevron{transform:rotate(180deg)}.combine-recipe summary:focus-visible,.combine-action:focus-visible{outline:2px solid #93ddff;outline-offset:-3px}.combine-recipe-content{padding:18px}.combine-notice{margin:0 0 16px;font:11px/1.5 Arial,sans-serif;color:#8fbdcf}.combine-workbench{display:grid;grid-template-columns:230px 38px minmax(0,1fr);align-items:center;gap:14px}.combine-result{padding:12px;border:1px solid #c2b17a55;border-radius:7px;background:linear-gradient(#1b2832,#172026);text-align:center;min-width:0}.combine-overline{display:block;font:600 9px/1.5 Arial,sans-serif;letter-spacing:2.6px;color:#c6c5ad;margin-bottom:12px}.combine-result-art{height:165px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#12425d44,#080e14 75%);border:1px solid #839ba436;border-radius:5px;margin-bottom:10px}.combine-result-art img{height:145px;width:145px;object-fit:contain;filter:drop-shadow(0 0 13px #45baff33)}.combine-result>strong{font:600 13px/1.5 Arial,sans-serif;color:#e1e8e8}.combine-grade{position:absolute;right:7px;bottom:6px;min-width:20px;padding:0 2px;color:#f7d16f;border:2px solid #bca244;line-height:19px;font:700 17px/19px Arial,sans-serif;border-radius:2px;background:#15202ae6}.combine-arrow{font-size:30px;text-align:center;color:#b7d8ed;filter:drop-shadow(0 0 7px #5ec6ff66)}.combine-materials{min-width:0;align-self:stretch;padding-top:3px}.combine-material-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.combine-material{min-width:0;padding:8px 7px 12px;background:linear-gradient(150deg,#1b2a33,#141d25);border:1px solid #95afbb26;border-radius:6px;text-align:center;display:flex;align-items:center;flex-direction:column}.combine-material-art{width:100%;height:105px;position:relative;background:radial-gradient(ellipse,#15405a44,#090f15 80%);border:1px solid #869faf27;border-radius:4px;display:grid;place-items:center;margin-bottom:8px}.combine-material-art img{width:92%;height:92%;max-height:95px;object-fit:contain}.combine-quantity{color:#dfc886;font:700 17px/1.4 Georgia,serif;margin-bottom:4px}.combine-material-name{font:600 11px/1.5 Arial,sans-serif;color:#d1dde3;overflow-wrap:anywhere}.combine-material small{font:10px/1.6 Arial,sans-serif;color:#95a9b8}.combine-empty-icon{font-size:38px;color:#62899e}.combine-no-material{font:13px/1.6 Arial,sans-serif;color:#aabccc}.combine-recipe-footer{display:flex;align-items:center;gap:24px;border-top:1px solid #8eb8d224;margin-top:18px;padding:17px 0 0}.combine-metric{display:flex;align-items:center;gap:10px;min-height:32px;font:11px/1.5 Arial,sans-serif;color:#8fa6b8}.combine-metric+ .combine-metric{border-left:1px solid #7ea5bd29;padding-left:24px}.combine-metric strong{font:700 19px Georgia,serif;color:#e2ca88;margin-left:8px}.combine-metric-icon{color:#d7c186;font-size:22px}.combine-check{color:#142b25;background:#90c7a4;border-radius:50%;font-size:13px;font-weight:bold;width:19px;height:19px;text-align:center;line-height:19px}.combine-action{margin-left:auto;border:1px solid #779ec3;border-radius:5px;background:linear-gradient(#4e96c8,#21577e);color:#f3f8fe;font:700 12px Arial,sans-serif;padding:13px 20px;min-width:190px;cursor:pointer;box-shadow:inset 0 1px #abd9f544}.combine-action:hover{background:linear-gradient(#67afd9,#2c668d)}.combine-action span{font-size:19px;margin-left:18px}.combine-how{margin-top:16px;padding:14px 16px;border-left:2px solid #64acd3;background:#112333;color:#bdd5e5;font:12px/1.7 Arial,sans-serif;white-space:pre-line}.combine-how[hidden]{display:none}.combine-how b{color:#a6dcf7}.combine-how p{margin:6px 0 0}.combine-legacy{padding:8px 0;color:#c4d4df}.combine-workbench~.combine-legacy{border-top:1px solid #86b6d322;margin-top:18px;padding-top:18px}.combine-legacy img{max-width:100%;height:auto}.combine-legacy table{width:100%;border-collapse:collapse}.combine-legacy td,.combine-legacy th{padding:10px;border-bottom:1px solid #b3c6d22b;text-align:left}@media(max-width:1000px){.combine-workbench{grid-template-columns:180px 24px minmax(0,1fr);gap:10px}.combine-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.combine-result-art{height:150px}.combine-recipe-footer{gap:14px;flex-wrap:wrap}.combine-metric+ .combine-metric{padding-left:14px}.combine-action{min-width:160px}}@media(max-width:600px){.combine-recipe>summary{padding:12px;gap:10px}.combine-category{display:none}.combine-recipe-content{padding:14px}.combine-workbench{grid-template-columns:1fr;gap:14px}.combine-result{max-width:240px;width:100%;justify-self:center}.combine-arrow{transform:rotate(90deg);font-size:24px;line-height:1}.combine-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.combine-material-art{height:110px}.combine-recipe-footer{gap:12px}.combine-metric{flex:1;gap:6px;flex-wrap:wrap}.combine-metric strong{margin-left:0;font-size:17px}.combine-metric+ .combine-metric{padding-left:12px}.combine-action{width:100%;margin:4px 0 0;min-height:44px}.combine-number{width:30px;height:30px}}

/* Combine page: direct recipe list, readable translucent backdrop. */
.page-main:has(.combine-recipes)>.page-banner{display:none}
.page-main:has(.combine-recipes){padding-top:104px}
.page-main:has(.combine-recipes)>.page-content{padding-top:28px}
.combine-recipes{padding:24px;background:rgba(0,0,0,.68);border:1px solid rgba(132,179,209,.17);border-radius:12px;box-shadow:0 12px 36px #0004}
.combine-number{display:none}
@media(max-width:600px){.page-main:has(.combine-recipes){padding-top:76px}.page-main:has(.combine-recipes)>.page-content{padding-top:18px}.combine-recipes{padding:12px;gap:12px}}

/* Item hover: subtle upward lift and blue-gold glow. */
html body :is(.reward-card,.reward-box-preview,.combine-material,.combine-result){transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
html body :is(.reward-card,.reward-box-preview,.combine-material,.combine-result) img{transition:filter .2s ease}
@media(hover:hover) and (pointer:fine){
html body :is(.reward-card,.reward-box-preview,.combine-material,.combine-result):hover{transform:translateY(-4px)!important;border-color:#8ddcff!important;box-shadow:0 0 18px #53bdff40,inset 0 0 16px #61caff12!important}
html body :is(.reward-card,.reward-box-preview,.combine-material,.combine-result):hover img{filter:brightness(1.12) drop-shadow(0 0 8px #78d8ff99)!important}
}
@media(prefers-reduced-motion:reduce){html body :is(.reward-card,.reward-box-preview,.combine-material,.combine-result){transition:none}html body :is(.reward-card,.reward-box-preview,.combine-material,.combine-result):hover{transform:none!important}}