#limit-break-window{width:min(720px,94vw);max-height:88vh;overflow:auto;color:#d9d5cd;background:#171613}
.limit-break-tabs{display:flex;gap:6px;margin:12px 0}.limit-break-tabs button{flex:1;padding:9px 4px}
.limit-break-tabs [aria-pressed=true]{border-color:#9c8863;background:#3b352c;color:#eee4d0}
.limit-break-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.limit-break-columns:has(#limit-break-material-section[hidden]){grid-template-columns:1fr}
.limit-break-items{max-height:190px;overflow:auto;display:grid;gap:5px}.limit-break-item{display:flex;align-items:center;gap:9px;padding:7px;text-align:left;width:100%}
.limit-break-item>span{display:grid;gap:3px}.limit-break-item small{color:#aaa69e}.limit-break-item.chosen{border-color:#ba9b62;background:#39342b}
.limit-break-empty{color:#aaa69e;padding:12px}.limit-break-details{margin-top:14px;padding:12px;border:1px solid #534a3a;background:#211f1c}
#limit-break-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0}.limit-break-slot{min-height:96px;display:flex;flex-direction:column;gap:7px;border:1px solid #796646;padding:7px;background:#302a22;overflow-wrap:anywhere}
.limit-break-slot strong{font-size:12px;line-height:1.5}.limit-break-slot small{color:#b6a381}.limit-break-slot.sealed{border-color:#494743;background:#252421;color:#87847d}.limit-break-slot.locked{border-color:#b09b6f}
.limit-break-lock{margin-top:auto;padding:5px;font-size:12px}.limit-break-values{display:flex;flex-wrap:wrap;gap:8px 24px;margin:12px 0}.limit-break-values div{display:grid;gap:4px}.limit-break-values dt{color:#aaa69e}.limit-break-values dd{margin:0}
#limit-break-rates,#limit-break-lock-cost{font-size:13px;color:#c9b488}#limit-break-reason{min-height:2.8em;line-height:1.5}#limit-break-result{min-height:1.5em;color:#c0d2a7}#limit-break-result[data-outcome=broken]{color:#d48778}
#limit-break-action{width:100%;padding:11px}.limit-break-guide{font-size:12px;line-height:1.6;color:#aaa69e;margin-top:12px}
.item-slot.broken::after,.equipment-slot.broken::after{content:'파괴';position:absolute;bottom:3px;left:2px;right:2px;background:#692e29;color:#f2d4ce;font-size:10px;text-align:center;pointer-events:none}
@media(max-width:600px){#limit-break-window{width:94vw;max-height:82vh}.limit-break-columns{grid-template-columns:1fr}.limit-break-items{max-height:125px}#limit-break-slots{grid-template-columns:1fr}.limit-break-slot{min-height:48px;display:grid;grid-template-columns:68px 1fr auto;align-items:center}.limit-break-lock{margin:0}.limit-break-details{padding:8px}}

#limit-break-slots.limit-break-effects{display:block;min-height:112px;margin:14px 0;padding:12px 6px;background:radial-gradient(ellipse at center,#37312799,transparent 72%);border-top:1px solid #584b37;border-bottom:1px solid #584b37}
.limit-break-effect-slots{display:flex;justify-content:center;align-items:flex-start;gap:10px;flex-wrap:wrap}
.limit-break-effect-cell{width:100px;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}
[data-mode=expand] .limit-break-effect-cell{width:72px}
.limit-break-effect-face{--effect-slot-size:64px;width:var(--effect-slot-size);height:auto;aspect-ratio:.8660254038;position:relative;display:grid;place-items:center;isolation:isolate}
.limit-break-effect-art{position:absolute;width:88px;height:88px;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.limit-break-effect-art.effect-burst{width:140px;height:140px;opacity:0;z-index:3}
.limit-break-effects .item-tooltip-runes{padding:0;margin:0;border:0;opacity:1}
.limit-break-effects .item-tooltip-rune-heading{display:none}
.limit-break-effects .item-tooltip-rune-list{margin:0;gap:0}
.limit-break-effects .item-tooltip-rune-slot{--rune-size:var(--effect-slot-size)}
.limit-break-effects .limit-break-sealed-slot{--rune-color:#ad8953}
.limit-break-sealed-slot>.effect-sealed{width:144%;height:auto;aspect-ratio:1}
.limit-break-effects .item-tooltip-rune-tier{font-size:18px}
.limit-break-effect-index{color:#bda67d;font-size:11px}
.limit-break-option-name{font-size:12px;line-height:1.35;overflow-wrap:anywhere;font-weight:500;min-height:2.7em}
.limit-break-option-value{font-size:13px;color:#cbbb9b;font-variant-numeric:tabular-nums}
.limit-break-effect-cell[data-group=attack] .limit-break-option-value{color:#ee8b81}
.limit-break-effect-cell[data-group=defense] .limit-break-option-value{color:#e3c862}
.limit-break-effect-cell[data-group=resource] .limit-break-option-value{color:#91bdee}
.limit-break-effect-cell[data-group=utility] .limit-break-option-value{color:#8ed29d}
.limit-break-effect-cell .limit-break-lock{width:100%;margin-top:2px}
.limit-break-effect-hint{text-align:center;color:#c4b48e;font-size:12px;line-height:1.5;margin:12px 0 2px;min-height:1.5em}
.limit-break-effects[data-phase=working][data-mode=expand] .sealed .limit-break-effect-face{animation:limit-break-seal-shake .17s linear infinite}
.limit-break-effects[data-phase=working][data-mode=options] .limit-break-effect-cell:not(.locked) .limit-break-effect-face{animation:limit-break-charge .65s ease-in-out infinite alternate}
.limit-break-effect-cell.opening .effect-cracked{animation:limit-break-fracture .65s ease-out both}
.limit-break-effect-cell.resealing .effect-cracked{animation:limit-break-fracture .65s ease-out both}
.limit-break-effect-cell.resealing .limit-break-sealed-slot{animation:limit-break-reseal .65s ease-out both}
.limit-break-effect-cell.opening .effect-burst,.limit-break-effect-cell.reroll .effect-burst{animation:limit-break-flash .65s ease-out both}
.limit-break-effects[data-outcome=broken]{border-color:#9d4a3d;background:radial-gradient(ellipse at center,#622e2b99,transparent 75%)}
.limit-break-effects[data-outcome=broken] .limit-break-effect-hint{color:#ed9688}
.limit-break-restore-arena{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:100px;max-width:430px;min-height:150px;margin:0 auto;container-type:inline-size;--merge-quarter-gap:25px;--merge-mid-gap:11.25px}
.limit-break-selected-item{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;min-width:0}
.limit-break-selected-item small{font-size:11px;color:#b4a283}
.limit-break-selected-item strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.limit-break-selected-icon{width:64px;height:74px;display:grid;place-items:center;border:1px solid #776342;background:#322a21;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.limit-break-selected-icon>canvas{width:48px;height:48px}
.limit-break-covered-result{position:absolute;left:50%;top:24px;transform:translateX(-50%);width:70px;height:80px;padding:0;background:#29231d;border:1px solid #a58854;isolation:isolate;display:grid;place-items:center;opacity:0;pointer-events:none}
.limit-break-covered-result b{font-size:27px;color:#e5d6ac;z-index:2;text-shadow:0 2px 4px #000}
.limit-break-covered-result>strong{position:absolute;bottom:1px;font-size:13px;color:#d9cb92;background:#1f1c16cf;width:100%}
.limit-break-covered-result>canvas:not(.limit-break-effect-art){width:48px;height:48px}
.limit-break-covered-result[data-outcome=failure]{border-color:#c27268}.limit-break-covered-result[data-outcome=failure]>strong{color:#e79d94}
.limit-break-covered-result:not(:disabled){cursor:pointer;box-shadow:0 0 16px #ceac5655}
.limit-break-effects[data-mode=restore][data-phase=working] .restore-target .limit-break-selected-icon{animation:limit-break-merge-left 1.25s ease-in-out both}
.limit-break-effects[data-mode=restore][data-phase=working] .restore-material .limit-break-selected-icon{animation:limit-break-merge-right 1.25s ease-in-out both}
.limit-break-effects[data-mode=restore][data-phase=covered] .limit-break-selected-icon,.limit-break-effects[data-mode=restore][data-phase=revealed] .limit-break-selected-icon{opacity:0}
.limit-break-effects[data-phase=covered] .limit-break-covered-result,.limit-break-effects[data-phase=revealed] .limit-break-covered-result{opacity:1;pointer-events:auto}
.limit-break-effects[data-mode=restore][data-phase=covered] .limit-break-covered-result:not(:disabled){animation:limit-break-result-pulse 1.1s ease-in-out infinite alternate}
.limit-break-effects[data-mode=restore][data-phase=covered] .limit-break-restore-arena>.effect-burst{top:64px;animation:limit-break-flash .65s ease-out both}
#limit-break-action{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap}.limit-break-button-cost{font-size:13px}.limit-break-button-separator{color:#a49578}
.limit-break-button-core{display:inline-flex;align-items:center;gap:5px;font-size:13px}.limit-break-button-core>canvas{width:20px;height:20px}.limit-break-button-core[hidden],#limit-break-core-value[hidden]{display:none}
#limit-break-core-value dd{display:flex;align-items:center;gap:7px}#limit-break-core-icon{display:inline-flex}#limit-break-core-icon>canvas{width:24px;height:24px}#limit-break-core-value.insufficient dd{color:#e79d94}
@keyframes limit-break-seal-shake{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-2px,1px) rotate(-3deg)}75%{transform:translate(2px,-1px) rotate(3deg)}}
@keyframes limit-break-charge{from{filter:brightness(.8);transform:scale(.97)}to{filter:brightness(1.6) drop-shadow(0 0 9px #e8d292);transform:scale(1.04)}}
@keyframes limit-break-fracture{0%{transform:translate(-50%,-50%) scale(.92);opacity:1}50%{opacity:1}100%{transform:translate(-50%,-50%) scale(1.65) rotate(12deg);opacity:0}}
@keyframes limit-break-reseal{0%,35%{opacity:0;transform:scale(.65)}100%{opacity:1;transform:scale(1)}}
@keyframes limit-break-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}22%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}
@keyframes limit-break-merge-left{0%,60%{transform:translate(0,0) scale(1);opacity:1}8%,40%{transform:translate(-3px,2px)}16%,48%{transform:translate(3px,-2px)}24%{transform:translate(-4px,-1px)}32%{transform:translate(4px,2px)}56%{transform:translate(-2px,1px)}75%{transform:translateX(calc(11.25cqi + var(--merge-mid-gap))) scale(.75);opacity:1}100%{transform:translateX(calc(25cqi + var(--merge-quarter-gap))) scale(.08);opacity:0}}
@keyframes limit-break-merge-right{0%,60%{transform:translate(0,0) scale(1);opacity:1}8%,40%{transform:translate(3px,-2px)}16%,48%{transform:translate(-3px,2px)}24%{transform:translate(4px,1px)}32%{transform:translate(-4px,-2px)}56%{transform:translate(2px,-1px)}75%{transform:translateX(calc(-11.25cqi - var(--merge-mid-gap))) scale(.75);opacity:1}100%{transform:translateX(calc(-25cqi - var(--merge-quarter-gap))) scale(.08);opacity:0}}
@keyframes limit-break-result-pulse{from{filter:brightness(.9);box-shadow:0 0 8px #ceac5666}to{filter:brightness(1.35);box-shadow:0 0 24px #eed280aa}}
@media(max-width:600px){.limit-break-effect-slots{gap:6px}.limit-break-effect-cell{width:calc((100% - 12px)/3)}[data-mode=expand] .limit-break-effect-cell{width:calc((100% - 24px)/5)}.limit-break-effect-face{--effect-slot-size:48px}.limit-break-effect-art{width:68px;height:68px}.limit-break-effect-art.effect-burst{width:110px;height:110px}.limit-break-restore-arena{gap:80px;--merge-quarter-gap:20px;--merge-mid-gap:9px}.limit-break-selected-item strong{font-size:11px}.limit-break-covered-result{width:60px;height:72px}.limit-break-effects .item-tooltip-rune-tier{font-size:16px}}
@media(prefers-reduced-motion:reduce){.limit-break-effects *{animation:none!important;transition:none!important}}
