.forge-particles{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none}
.fracture-art{display:block;overflow:hidden;filter:drop-shadow(0 12px 8px #0009)}
.fracture-art>i{position:absolute;inset:0;background-image:var(--fracture-atlas);background-size:400% 400%;background-position:var(--fx) var(--fy);background-repeat:no-repeat;filter:var(--material-filter,none)}
.scene-item.fracture-art{width:252px;height:252px;top:42%}
.awaiting-fracture{visibility:hidden}
.break-before,.fracture-piece{pointer-events:none;z-index:4}
.empty-anvil{display:none}
.impact-label{position:absolute;left:50%;top:13%;transform:translateX(-50%);z-index:9;text-align:center;width:max-content;max-width:92%;pointer-events:none;color:var(--impact-color);text-shadow:0 2px 14px #000,0 1px 3px #000;animation:impact-text 1.25s ease-out both}
.impact-label strong{display:block;font-size:22px;letter-spacing:3px;font-weight:750}.impact-label span{display:block;font-size:13px;margin-top:7px;letter-spacing:1px;color:#fff5de}
.impact-label.perfect strong{font-size:29px;text-shadow:0 0 18px #79c4ff88,0 2px 8px #000}.impact-label.fail strong{font-size:18px}.impact-label.break strong{font-size:23px;color:#ffa68d}
.perfect-focus{position:absolute;left:50%;top:39%;width:130px;height:130px;margin:-65px;border:1px solid #f1ebe7;box-shadow:0 0 30px #77cfff66,inset 0 0 18px #77cfff44;border-radius:50%;pointer-events:none;z-index:5;animation:focus-in .176s ease-in both}
.sound-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #ffffff0a;margin-top:12px;font-size:11px;color:#a49991}
.sound-strip button{display:flex;align-items:center;gap:7px;border:0;background:none;font:inherit;color:#c7b58c;cursor:pointer;padding:4px 0}.sound-strip .icon{width:15px;height:15px}.sound-strip button[aria-pressed=false]{color:#9c9088}
.sound-volume{accent-color:#caa873;max-width:150px;width:38%;cursor:pointer}.settings-grid .audio-credit{font-size:11px;line-height:1.6;display:block;margin-top:6px;color:#a69c95}.audio-credit a{color:#c5bfba;text-decoration:underline}
@keyframes impact-text{0%{opacity:0;translate:0 9px;scale:.9}12%{opacity:1;translate:0 0;scale:1.03}22%,65%{opacity:1;scale:1}100%{opacity:0;translate:0 -17px}}
@keyframes focus-in{from{transform:scale(1.6);opacity:0}to{transform:scale(.3);opacity:.9}}
@media(max-width:600px){.scene-item.fracture-art{width:220px;height:220px}.impact-label{top:17%}.impact-label strong{font-size:18px}.impact-label.perfect strong{font-size:23px}.impact-label span{font-size:11px}.sound-strip{font-size:10px}.sound-strip>span{max-width:50%;text-align:right}}
@media(prefers-reduced-motion:reduce){.impact-label{animation:none;opacity:1}.perfect-focus{display:none}}