/* 검 강화하기 - 티스토리용 스타일 (모든 규칙이 #sword-forge 안에서만 적용됩니다) */
#sword-forge{
  --sf-bg:#e4e7ec; --sf-panel:#f4f5f8; --sf-ink:#1f2430; --sf-muted:#5d6475; --sf-line:#c5cad4;
  --sf-ember:#d8561b; --sf-gold:#b98a12; --sf-good:#2f8a4e; --sf-bad:#b8322f; --sf-anvil:#2c303a;
  max-width:560px;margin:0 auto;padding:18px 16px 24px;border-radius:16px;
  background:var(--sf-bg);color:var(--sf-ink);
  font-family:"Gowun Dodum","Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.55;font-size:16px;text-align:left;
}
@media (prefers-color-scheme: dark){
  #sword-forge:not([data-theme="light"]){
    --sf-bg:#1b1d24; --sf-panel:#252833; --sf-ink:#eef0f4; --sf-muted:#9aa1b2; --sf-line:#3a3e4c;
    --sf-ember:#ff7a2e; --sf-gold:#f2c14e; --sf-good:#5fd08a; --sf-bad:#ff6a5f; --sf-anvil:#0f1116;
  }
}
#sword-forge[data-theme="dark"]{
  --sf-bg:#1b1d24; --sf-panel:#252833; --sf-ink:#eef0f4; --sf-muted:#9aa1b2; --sf-line:#3a3e4c;
  --sf-ember:#ff7a2e; --sf-gold:#f2c14e; --sf-good:#5fd08a; --sf-bad:#ff6a5f; --sf-anvil:#0f1116;
}
#sword-forge *,#sword-forge *::before,#sword-forge *::after{box-sizing:border-box}
#sword-forge p,#sword-forge ul,#sword-forge li{margin:0;padding:0}
#sword-forge .sf-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
#sword-forge .sf-title{font-family:"Black Han Sans","Apple SD Gothic Neo",sans-serif;font-size:2rem;line-height:1.2;color:var(--sf-ink)}
#sword-forge .sf-goldbox{font-family:"Black Han Sans",sans-serif;font-size:1.35rem;color:var(--sf-gold)}
#sword-forge .sf-goldbox small{font-family:"Gowun Dodum",sans-serif;font-size:.85rem;color:var(--sf-muted);margin-right:6px}

#sword-forge .sf-sound{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
#sword-forge .sf-sound button{padding:6px 12px;font-size:.88rem;border-radius:999px}
#sword-forge .sf-sound button[aria-pressed="false"]{opacity:.6}
#sword-forge .sf-vol{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--sf-muted);margin:0 0 0 auto}
#sword-forge .sf-vol input{width:110px;accent-color:var(--sf-ember);margin:0}
#sword-forge .sf-forge{position:relative;margin:14px 0 14px;height:390px;border-radius:14px;overflow:hidden;
  background:radial-gradient(120% 80% at 50% 110%, rgba(255,122,46,.35), transparent 60%), var(--sf-anvil)}
#sword-forge .sf-level{position:absolute;top:12px;left:0;right:0;text-align:center;font-family:"Black Han Sans",sans-serif;font-size:3.8rem;line-height:1;color:#fff;text-shadow:0 0 18px var(--sf-glow,transparent)}
#sword-forge .sf-name{position:absolute;top:76px;left:0;right:0;text-align:center;color:#fff;font-family:"Black Han Sans",sans-serif;font-size:1.25rem}
#sword-forge .sf-lore{position:absolute;top:104px;left:16px;right:16px;text-align:center;color:#aab1c0;font-size:.88rem}
#sword-forge .sf-sword{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);transition:filter .3s;max-width:none}
#sword-forge .sf-forge.striking .sf-sword{animation:sf-shake .12s linear infinite}
@keyframes sf-shake{0%,100%{transform:translateX(-50%)}25%{transform:translateX(calc(-50% - 4px)) rotate(-1deg)}75%{transform:translateX(calc(-50% + 4px)) rotate(1deg)}}
#sword-forge .sf-forge.newsword .sf-sword{animation:sf-reveal .8s ease-out}
@keyframes sf-reveal{0%{transform:translateX(-50%) scale(.85);opacity:.3}60%{transform:translateX(-50%) scale(1.06)}100%{transform:translateX(-50%) scale(1);opacity:1}}
#sword-forge .sf-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}
#sword-forge .sf-flash.ok{animation:sf-fl .7s ease-out;background:radial-gradient(circle at 50% 60%,rgba(255,230,140,.8),transparent 60%)}
#sword-forge .sf-flash.no{animation:sf-fl .7s ease-out;background:radial-gradient(circle at 50% 60%,rgba(255,60,60,.55),transparent 65%)}
@keyframes sf-fl{0%{opacity:1}100%{opacity:0}}
#sword-forge .sf-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffd27a;box-shadow:0 0 6px #ff9a3c;pointer-events:none}
#sword-forge .sf-result{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-family:"Black Han Sans",sans-serif;font-size:1.3rem;min-height:1.6em}
#sword-forge .sf-result.ok{color:#ffd66b}#sword-forge .sf-result.no{color:#ff7d73}#sword-forge .sf-result.keep{color:#cfd4de}
#sword-forge .flame{animation:sf-flick .5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:bottom}
@keyframes sf-flick{from{opacity:.45;transform:scaleY(.85)}to{opacity:.9;transform:scaleY(1.1)}}
#sword-forge .twinkle{animation:sf-tw 1.6s ease-in-out infinite alternate}
@keyframes sf-tw{from{opacity:.2}to{opacity:1}}

#sword-forge .sf-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
#sword-forge .sf-odds>div{background:var(--sf-panel);border:1px solid var(--sf-line);border-radius:10px;padding:8px 10px;text-align:center}
#sword-forge .sf-odds span{display:block;font-size:.8rem;color:var(--sf-muted)}
#sword-forge .sf-odds b{font-family:"Black Han Sans",sans-serif;font-weight:400;font-size:1.25rem}
#sword-forge .sf-odds .s b{color:var(--sf-good)}#sword-forge .sf-odds .d b{color:var(--sf-bad)}

#sword-forge .sf-actions{display:grid;grid-template-columns:2fr 1fr;gap:10px}
#sword-forge button{font:inherit;cursor:pointer;border-radius:12px;border:1px solid var(--sf-line);background:var(--sf-panel);color:var(--sf-ink);padding:12px;margin:0;line-height:1.4;box-shadow:none;text-shadow:none;width:auto;height:auto}
#sword-forge button:focus-visible,#sword-forge summary:focus-visible{outline:3px solid var(--sf-ember);outline-offset:2px}
#sword-forge button:disabled{opacity:.45;cursor:not-allowed}
#sword-forge .sf-enhance{background:var(--sf-ember);border-color:var(--sf-ember);color:#fff;font-family:"Black Han Sans",sans-serif;font-size:1.35rem;padding:16px}
#sword-forge .sf-enhance small{display:block;font-family:"Gowun Dodum",sans-serif;font-size:.85rem;opacity:.9}
#sword-forge .sf-sell small{display:block;font-size:.8rem;color:var(--sf-muted)}
#sword-forge .sf-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;background:var(--sf-panel);border:1px solid var(--sf-line);border-radius:12px;padding:10px 12px}
#sword-forge .sf-row p{font-size:.92rem}
#sword-forge .sf-row p small{color:var(--sf-muted)}
#sword-forge .sf-row-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
#sword-forge .sf-toggle{display:flex;align-items:center;gap:6px;font-size:.9rem;white-space:nowrap;margin:0}
#sword-forge .sf-row button{padding:8px 12px;white-space:nowrap}

#sword-forge details{margin-top:14px}
#sword-forge summary{cursor:pointer;color:var(--sf-muted);display:list-item}
#sword-forge .sf-dex{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-top:10px}
#sword-forge .sf-dex>div{background:var(--sf-anvil);border-radius:10px;padding:6px 4px;text-align:center;color:#cfd4de;font-size:.72rem;line-height:1.3}
#sword-forge .sf-dex>div.locked{color:#6d7383}
#sword-forge .sf-dex svg{display:block;margin:0 auto 2px;max-width:none}
#sword-forge .sf-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 16px;margin:10px 0;font-size:.92rem}
#sword-forge .sf-stats span{color:var(--sf-muted)}
#sword-forge .sf-log{list-style:none;margin:8px 0 0;padding:0;max-height:180px;overflow:auto;font-size:.88rem}
#sword-forge .sf-log li{padding:4px 0;border-bottom:1px dashed var(--sf-line);list-style:none}
#sword-forge .sf-table-wrap{overflow-x:auto}
#sword-forge table{border-collapse:collapse;width:100%;font-size:.85rem;margin-top:8px;border:0}
#sword-forge th,#sword-forge td{padding:4px 6px;border:0;border-bottom:1px solid var(--sf-line);text-align:right;white-space:nowrap;background:none;color:var(--sf-ink)}
#sword-forge th:first-child,#sword-forge td:first-child{text-align:left}
#sword-forge .sf-reset{margin-top:14px;background:transparent;color:var(--sf-muted);font-size:.85rem;padding:6px 10px}
@media (prefers-reduced-motion: reduce){#sword-forge .sf-forge.striking .sf-sword,#sword-forge .sf-forge.newsword .sf-sword,#sword-forge .sf-flash,#sword-forge .flame,#sword-forge .twinkle{animation:none!important}}

#sword-forge .sf-shine-row{border-color:#e0b340;background:linear-gradient(90deg,rgba(242,193,78,.14),transparent 70%),var(--sf-panel)}
#sword-forge .sf-enhance.shine{background:linear-gradient(135deg,#f2c14e,#ff7a2e 55%,#c040ff);border-color:#f2c14e;box-shadow:0 0 14px rgba(242,193,78,.5)}
#sword-forge .sf-ring{position:absolute;left:50%;top:58%;width:140px;height:140px;border-radius:50%;border:3px solid rgba(255,236,160,.9);box-shadow:0 0 24px rgba(255,220,120,.8);pointer-events:none}
#sword-forge .g-share{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:rgba(10,11,15,.78);display:flex;align-items:center;justify-content:center;padding:16px}
#sword-forge .g-share[hidden]{display:none}
#sword-forge .g-share-box{background:#22252f;color:#eef0f4;border-radius:16px;padding:14px;max-width:420px;width:100%;max-height:100%;overflow:auto;text-align:center}
#sword-forge .g-share-box img{display:block;width:100%;height:auto;border-radius:10px}
#sword-forge .g-share-box p{font-size:.85rem;color:#9aa1b2;margin:10px 0 6px}
#sword-forge .g-share-box textarea{width:100%;font:inherit;font-size:.85rem;border-radius:8px;border:1px solid #3a3e4c;background:#15171d;color:#eef0f4;padding:8px;resize:none}
#sword-forge .g-share-btns{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}
#sword-forge .g-share-btns button,#sword-forge .g-share-btns a{font:inherit;font-size:.9rem;padding:8px 14px;border-radius:10px;border:1px solid #3a3e4c;background:#2b2f3b;color:#eef0f4;text-decoration:none;cursor:pointer}
#sword-forge .g-share-btns [data-g="save"]{background:#f08c1a;border-color:#f08c1a;color:#fff}
#sword-forge .g-sharebtn{background:#3a7bff!important;border-color:#3a7bff!important;color:#fff!important}

#sword-forge .sf-sound .g-sharebtn{padding:6px 12px;font-size:.88rem;border-radius:999px}
