.craft-overlay{--craft-light:#ffd17c;position:absolute;inset:0;z-index:110;container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:radial-gradient(ellipse at center,#29190dcc,#080c12e8);color:#f1e6cf;overflow:hidden;outline:none}
.craft-overlay.craft-magic{--craft-light:#9dd7ff}
.craft-heading{font-size:clamp(16px,3cqw,26px);text-align:center;margin:0;flex:none}
.craft-arena{position:relative;flex:1;min-height:80px;width:100%;max-height:490px}
.craft-visual{pointer-events:none;aspect-ratio:9/16}
.craft-visual .card{position:relative;width:100%!important;height:100%!important;min-height:0!important;min-width:0!important;max-width:none!important;padding:0!important;margin:0;border:0;background:none;box-shadow:none;overflow:hidden}
.craft-visual .card-desc,.craft-visual .card-lock{display:none}
.craft-visual .card::before,.craft-visual .card::after{display:none}
.craft-visual img,.craft-visual .localized-card-face{width:100%;height:100%;object-fit:contain}
.craft-material,.craft-result,.craft-die{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.craft-material{width:clamp(40px,12cqw,90px)}
.craft-result{height:min(330px,calc(100cqh - 150px));max-width:65cqw;filter:drop-shadow(0 0 15px #edac4555)}
.craft-die{font:52px/1 Georgia,serif;color:var(--craft-light);text-shadow:0 0 8px #bb7d23}
.craft-die img{display:block;width:52px;height:52px;object-fit:contain}
.craft-take{flex:none;min-height:44px;padding:8px 30px;background:#b99040;border:1px solid #eed18a;color:#20170b;font-size:17px;font-weight:700}
.craft-take:disabled{visibility:hidden}
.craft-rune,.craft-burst{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.craft-rune{width:min(240px,55cqw);aspect-ratio:1;border:1px solid #e3b65755;box-shadow:0 0 30px #d3912744,inset 0 0 24px #d3912733;opacity:0}
.craft-spinning .craft-rune{animation:craft-rune 1.85s ease-in-out both}
.craft-burst{width:16px;height:16px;background:var(--craft-light);opacity:0}
.craft-revealing .craft-burst{animation:craft-burst .65s ease-out both}
.craft-spark{position:absolute;left:50%;top:50%;width:4px;height:4px;background:var(--craft-light);border-radius:50%;box-shadow:0 0 7px var(--craft-light);pointer-events:none}
.craft-flyer{position:fixed;z-index:3000;transform-origin:top left;pointer-events:none}
.craft-pending{visibility:hidden!important;pointer-events:none!important}
body.craft-presenting :is(.story-tutorial,.story-play,.guide-hint,.tutorial-script-callout){visibility:hidden!important}
body.craft-presenting :is(#sheet,.topbar,#characters,#characterDice,.action-rail){pointer-events:none}
.craft-arrived{animation:craft-arrived .7s ease-out}
@keyframes craft-rune{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(.12)}}
@keyframes craft-burst{0%{opacity:1;box-shadow:0 0 25px 20px var(--craft-light)}100%{opacity:0;transform:translate(-50%,-50%) scale(12)}}
@keyframes craft-arrived{from{filter:brightness(1.7);box-shadow:0 0 18px #ffd17c}to{filter:brightness(1);box-shadow:none}}
@media(max-height:450px){.craft-overlay{gap:6px;padding:8px}.craft-heading{font-size:16px}.craft-result{height:calc(100cqh - 102px)}.craft-die{font-size:34px}}
@media(prefers-reduced-motion:reduce){.craft-spinning .craft-rune,.craft-revealing .craft-burst,.craft-arrived{animation:none}}