#forge-panel{box-sizing:border-box;width:min(580px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:16px;border:2px solid var(--ui-panel-forge-forge-panel-border);border-radius:16px;background:var(--ui-panel-forge-forge-panel-background);color:var(--ui-panel-forge-forge-panel-text);overflow:hidden}
#forge-panel[open]{display:flex;flex-direction:column;gap:10px}
#forge-panel::backdrop{background:var(--ui-panel-forge-forge-panel-background-2)}
#forge-panel button{min-height:44px;border:1px solid var(--ui-panel-forge-forge-panel-border-2);border-radius:9px;background:var(--ui-panel-forge-forge-panel-background-3);color:var(--ui-panel-forge-forge-panel-text);padding:8px 12px;font:inherit;touch-action:manipulation}
#forge-panel button:disabled{opacity:.55}
#forge-panel button:focus-visible,#forge-panel summary:focus-visible{outline:3px solid var(--ui-panel-forge-forge-panel-forge-panel-focus);outline-offset:2px}
.forge-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.forge-heading h2{margin:0;font-size:20px}
.forge-slots{display:flex;gap:8px;flex-shrink:0}
.forge-slots button{flex:1}
.forge-slots button[aria-pressed="true"]{background:var(--ui-panel-forge-forge-slots-true-background)!important;color:var(--ui-panel-forge-forge-slots-true-text)!important;font-weight:800}
.forge-body{overflow:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.forge-body p{margin:6px 0;line-height:1.4;overflow-wrap:anywhere}
.forge-gear{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.forge-gear strong{flex:1;min-width:100px}
.forge-gear .item-icon,.forge-costs .item-icon{width:32px;height:32px;flex-shrink:0;vertical-align:middle;margin-right:6px}
.forge-comparison{font-size:14px;margin:8px 0}
.forge-comparison .gain,.forge-result.success{color:var(--c-success-forge-forge-comparison-gain-forge-result-text)}
.forge-comparison .loss,.forge-result.drop,.forge-error,.forge-costs .missing{color:var(--c-danger-forge-forge-comparison-loss-forge-result-text)}
.forge-result{font-weight:bold;padding:8px;border:1px solid currentColor;border-radius:8px}
.forge-result.fail{color:var(--c-danger-forge-forge-result-fail-text)}
.forge-chance{display:block;font-size:30px;line-height:1.2;margin:8px 0;color:var(--ui-panel-forge-forge-chance-text)}
.forge-odds,.forge-costs{font-size:14px}
.forge-locked{font-weight:bold;color:var(--c-warning-forge-forge-locked-text)}
.forge-table{margin-top:8px;font-size:12px;overflow:auto}
.forge-table summary{min-height:36px;display:list-item;cursor:pointer;padding-top:8px}
.forge-table table{border-collapse:collapse;width:100%}
.forge-table th,.forge-table td{padding:5px;text-align:left;border-bottom:1px solid var(--ui-panel-forge-forge-table-forge-table-border-bottom);overflow-wrap:anywhere}
.forge-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;border-top:1px solid var(--ui-panel-forge-forge-actions-border-top);padding-top:10px}
.forge-actions small{color:inherit;max-width:none;white-space:normal;flex:1;font-size:12px;line-height:1.4}
#forge-raise{background:var(--ui-panel-forge-forge-raise-background)!important;color:var(--ui-panel-forge-forge-raise-text)!important;min-width:100px}
@media(orientation:landscape) and (max-height:500px){#forge-panel{width:min(780px,calc(100vw - 24px));padding:10px;gap:6px}.forge-heading h2{font-size:18px}.forge-slots button{min-height:36px;padding:4px}.forge-body{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.forge-gear,.forge-result,.forge-error,.forge-table{grid-column:1/-1}.forge-chance{font-size:26px;margin:0}.forge-chance{grid-column:2}.forge-odds{grid-column:1}.forge-costs{grid-column:2}.forge-comparison{grid-column:1}.forge-actions{padding-top:6px}}

@media(orientation:portrait){#forge-panel{margin:auto auto max(12px,env(safe-area-inset-bottom))}}

#bag-items .item-slot[data-forge-stage] .item-name{display:flex;gap:3px;align-items:baseline}
#bag-items .item-slot[data-forge-stage] .item-name>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#bag-items .item-slot[data-forge-stage] .item-name>b{flex-shrink:0;font:inherit;font-weight:bold}
/* F227: 밑글 끝 한 글자만 다음 줄로 가지 않게(지원 안 하는 브라우저는 그대로) */
.forge-actions small{text-wrap:pretty}