.smithy-page{display:grid;gap:22px;color:#e9edf5}
.smithy-heading{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:170px;padding:28px 30px;border:1px solid #5a4932;border-radius:16px;background:radial-gradient(circle at 88% 48%,rgba(235,113,35,.28),transparent 25%),linear-gradient(125deg,#162338,#0a111d 58%,#26150f);box-shadow:0 20px 45px rgba(0,0,0,.28)}
.smithy-heading:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,#d88735,#f6c866,transparent)}
.smithy-heading h1{margin:4px 0 8px;font:700 clamp(2rem,5vw,3.35rem) Georgia,serif;color:#ffd485;text-shadow:0 2px 18px rgba(231,118,39,.3)}
.smithy-heading p{max-width:680px;margin:0;color:#aeb9c8;line-height:1.6}
.smithy-fire{position:relative;display:grid;place-items:center;width:105px;height:105px;margin-right:3vw;border:1px solid #80522d;border-radius:50%;background:radial-gradient(circle,#ffcc72 0 10%,#d86829 11% 28%,#4c2015 29% 50%,#111826 51%);box-shadow:0 0 38px rgba(226,103,34,.27);color:#fff5cf;font-size:2rem}
.smithy-fire i{position:absolute;inset:15px;border:1px dashed rgba(255,224,151,.5);border-radius:50%;animation:smithy-spin 18s linear infinite}
.forge-panel{overflow:hidden;border:1px solid #344960;border-radius:14px;background:linear-gradient(145deg,rgba(17,30,48,.98),rgba(8,15,26,.99));box-shadow:0 15px 34px rgba(0,0,0,.24)}
.forge-panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #3a4c60;background:linear-gradient(180deg,#263b50,#172638)}
.forge-panel-title>div{display:flex;align-items:center;gap:11px}
.forge-panel-title>div>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b57a3e;border-radius:50%;background:#101a26;color:#f1b95f}
.forge-panel-title h2{margin:0;font:700 1.05rem Georgia,serif;letter-spacing:.08em;text-transform:uppercase;color:#f5c875}
.forge-panel-title p{margin:3px 0 0;font-size:.76rem;color:#9dabbc}
.forge-panel-title>b{font-size:.72rem;color:#cfdbeb}
.forge-combination{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:15px;padding:24px}
.forge-arrow{grid-column:1/-1;transform:rotate(90deg)}
.forge-result{grid-column:1/-1}
.forge-choice{text-align:center}
.forge-slot{width:100%;min-height:230px;padding:16px;border:1px solid #41556b;border-radius:20px;background:linear-gradient(150deg,#192a3f,#0c1624);color:#dfe7f1;cursor:pointer;transition:.2s ease}
.forge-slot:hover,.forge-slot.is-active{transform:translateY(-2px);border-color:#e0a14f;box-shadow:0 0 0 2px rgba(224,161,79,.13),inset 0 0 28px rgba(224,120,45,.08)}
.forge-slot-art,.forge-result-art{display:grid;place-items:center;width:96px;height:96px;margin:0 auto 15px;overflow:hidden;border:1px solid #5b6d80;border-radius:18px;background:radial-gradient(circle,#263f5b,#0b1420 70%);color:#e8ad57;font-size:2.25rem}
.forge-slot-art img,.forge-result-art img{width:100%;height:100%;object-fit:cover}
.forge-slot-copy{display:grid;gap:4px}
.forge-slot-copy small,.forge-result small{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#8e9daf}
.forge-slot-copy strong{color:#f3ddb6;font-size:.95rem}
.forge-slot-copy em{font-size:.68rem;font-style:normal;color:#8190a3}
.forge-clear{margin-top:8px;padding:4px 8px;border:0;background:transparent;color:#bd8c7e;font-size:.68rem;cursor:pointer}
.forge-operator,.forge-arrow{text-align:center;color:#db9f52;font:700 1.65rem Georgia,serif}
.forge-result{min-height:230px;padding:17px;border:1px dashed #536273;border-radius:16px;background:rgba(5,11,20,.42);text-align:center;transition:.2s ease}
.forge-result.is-known{border-style:solid;border-color:#d18b3e;background:radial-gradient(circle at 50% 15%,rgba(221,119,44,.17),transparent 42%),#0b1421;box-shadow:inset 0 0 30px rgba(211,113,38,.08)}
.forge-result-art{width:80px;height:80px;margin-bottom:11px}
.forge-result h3{margin:4px 0 5px;color:#efd8aa}
.forge-result p{margin:0;color:#8f9daf;font-size:.72rem;line-height:1.45}
.forge-result-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:10px}
.forge-result-stats span{padding:4px 7px;border-radius:6px;background:#121f30;color:#aebccd;font-size:.66rem}
.forge-result-stats b{color:#7de2a7}
.durability-preview{display:flex;justify-content:space-between;gap:10px;margin-top:11px;padding-top:9px;border-top:1px solid #29394b;color:#9eabb9;font-size:.7rem}
.durability-preview b{color:#efb65e}
.forge-action{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;border-top:1px solid #2d4055;background:#0b1522}
.forge-action p{margin:0;color:#9aa8ba;font-size:.8rem}
.forge-action button{min-width:190px;background:linear-gradient(180deg,#d28a3b,#9d5528);border-color:#f0b65d;color:#fff7e3;box-shadow:0 6px 18px rgba(194,91,28,.22)}
.forge-action button:disabled{filter:grayscale(.75);box-shadow:none}
.material-toolbar{display:flex;gap:8px;padding:14px 17px;border-bottom:1px solid #293b50}
.material-toolbar button{padding:8px 13px;border:1px solid #3b4f66;border-radius:8px;background:#101c2b;color:#aeb9c8;cursor:pointer}
.material-toolbar button.is-active{border-color:#d08a3f;background:#402719;color:#ffd690}
.forge-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:16px}
.forge-material{position:relative;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;min-width:0;padding:11px;text-align:left;border:1px solid #2d4259;border-radius:11px;background:linear-gradient(145deg,#17263a,#0b1523);color:#e4ebf3;cursor:pointer;transition:.18s ease}
.forge-material:hover,.forge-material.is-selected{transform:translateY(-2px);border-color:#d09248;background:linear-gradient(145deg,#273448,#151b26)}
.material-art{display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border:1px solid #53677d;border-radius:11px;background:radial-gradient(circle,#2d4762,#0b1420);color:#e5ad57;font-size:1.35rem}
.material-art.monster{color:#b98cec;background:radial-gradient(circle,#44335c,#101421)}
.material-art img{width:100%;height:100%;object-fit:cover}
.forge-material>span:nth-child(2){display:grid;min-width:0;gap:2px}
.forge-material small{font-size:.59rem;letter-spacing:.08em;text-transform:uppercase;color:#7f8fa2}
.forge-material strong{overflow:hidden;color:#eee0c1;font-size:.82rem;white-space:nowrap;text-overflow:ellipsis}
.forge-material em{font-size:.63rem;font-style:normal;color:#a685bb}
.forge-material>i{align-self:start;padding:3px 6px;border-radius:8px;background:#24384e;color:#d7e1ec;font-size:.66rem;font-style:normal}
.forge-empty{padding:45px 20px;text-align:center;color:#8d9aac}
.forge-empty>span{font-size:2rem;color:#d4984d}
.forge-empty h3{color:#e5d3ad}
.smithy-rule{padding:16px 19px;border:1px solid #594a35;border-radius:12px;background:linear-gradient(90deg,rgba(112,66,29,.25),rgba(14,23,36,.9));color:#abb6c5}
.smithy-rule strong{display:block;margin-bottom:4px;color:#efc376}
.smithy-rule p{margin:0;font-size:.78rem;line-height:1.55}
@keyframes smithy-spin{to{transform:rotate(360deg)}
}
@media(max-width:1150px){.forge-combination{grid-template-columns:1fr 34px 1fr}
.forge-arrow{grid-column:1/-1;transform:rotate(90deg)}
.forge-result{grid-column:1/-1}
.forge-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){.smithy-heading{padding:22px}
.smithy-fire{display:none}
.forge-panel-title{align-items:flex-start}
.forge-panel-title>b{display:none}
.forge-combination{grid-template-columns:1fr;padding:15px}
.forge-operator{transform:none}
.forge-arrow{grid-column:auto}
.forge-slot{min-height:200px}
.forge-action{align-items:stretch;flex-direction:column}
.forge-action button{width:100%}
.forge-material-grid{grid-template-columns:1fr;padding:11px}
.material-toolbar{overflow-x:auto}
}