.guardian-flight{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;opacity:.6;contain:strict}.guardian-flight canvas{display:block;width:100%;height:100%}.guardian-flight[hidden]{display:none}main{background:transparent}.workspace{isolation:isolate}.workspace>.workshop-atmosphere{z-index:-2}.pet-skill-card{padding:15px;margin:14px 0;border:1px solid #57302a;border-radius:10px;background:#160e10}.pet-skill-card p{color:#cab9ab;font-size:13px}.talisman-fixed{padding:15px;border-left:2px solid #b85840;background:#251514}.power-seal img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 8px var(--power));position:relative;z-index:2}@media(max-width:700px){.guardian-flight{opacity:.3}}
.forge-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,1.2fr);align-items:center;gap:18px;min-height:380px;margin:0 -8px 18px}.forge-hero h3{font-size:clamp(22px,2vw,32px)}.smith-visual{width:100%;aspect-ratio:3/4;background-image:url(assets/blacksmith-frames.png);background-size:400% 200%;animation:smith-strike 2s steps(1,end) infinite;mask-image:radial-gradient(ellipse,#000 57%,transparent 76%);filter:drop-shadow(0 0 16px #ff4e1c28)}@keyframes smith-strike{0%,100%{background-position:0 0}14%{background-position:33.333% 0}29%{background-position:66.667% 0}44%{background-position:100% 0}55%{background-position:0 100%}61%{background-position:33.333% 100%}72%{background-position:66.667% 100%}88%{background-position:100% 100%}}.motion-paused .smith-visual{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.smith-visual{animation:none}}@media(max-width:600px){.forge-hero{grid-template-columns:1fr;min-height:0}.smith-visual{width:70%;max-width:280px;justify-self:center;grid-row:1}.forge-hero .forge-actions{text-align:center}}

.build-center-column{min-width:0}.guardian-habitat{position:relative;width:100%;height:600px;margin-top:22px;overflow:hidden;isolation:isolate;contain:paint;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#81351a18,transparent 68%)}.guardian-habitat canvas{display:block;width:100%;height:100%}.guardian-habitat[hidden]{display:none}.workspace>:not(.workshop-atmosphere){position:relative;z-index:1}@media(max-width:700px){.guardian-habitat{height:380px;margin-top:12px}}.character-panel>#generateBuild{grid-column:1/-1}

.build-recap details{padding:12px 0;border-bottom:1px solid #43262d}.build-recap summary{cursor:pointer;color:#e0b7aa}.build-recap ul{padding-left:20px;color:#c2b5b1;font-size:13px}.saved-card>div:first-child{min-width:0;flex:1}

.advisor-controls{padding:16px;border:1px solid #63402d;border-radius:12px;background:linear-gradient(140deg,#211411,#0b0909);margin:16px 0}.advisor-logo{display:block;max-width:180px;max-height:100px;object-fit:contain;margin:0 auto 14px}.advisor-buttons{display:grid;gap:10px}.advisor-buttons button{white-space:normal;line-height:1.4;min-height:52px}.recap-character,.recap-bonuses{padding:12px;border:1px solid #4c332b;border-radius:8px;margin:10px 0;background:#18100f}.recap-bonuses h4{color:#e6b88b;margin:0 0 10px}.build-recap li{font-size:14px;line-height:1.8}.recap-character p{line-height:1.7;margin:6px 0 12px}

.advisor-buttons .button{display:flex;align-items:center;justify-content:center;gap:9px}.advisor-logo{width:56px;height:56px}
.item-choice.with-shield-art{display:grid;grid-template-columns:44px minmax(0,1fr);align-content:center;column-gap:10px}
.item-choice .shield-thumbnail{grid-row:1 / span 2;align-self:center;width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 1px 2px #000)}
.workspace>.workshop-atmosphere{
 overflow:clip;
 background:none;
 mask-image:none;
}
.workshop-atmosphere::before{
 content:"";
 display:block;
 position:sticky;
 top:0;
 height:100vh;
 height:100svh;
 background:linear-gradient(180deg,#0a070a75,#10080955 48%,#0906089c),
  url('assets/entrance-dragon.png') center 42%/cover no-repeat;
 animation:workshop-dragon-breath 22s ease-in-out infinite alternate;
}
@keyframes workshop-dragon-breath{to{background-position:center,center 46%}}
.motion-paused .workshop-atmosphere::before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.workshop-atmosphere::before{animation:none}}
.stole-sheet{margin:16px 0}
.stole-sheet summary{cursor:pointer;color:#e8d6af;padding:.55rem 0;font-weight:600}
.stole-tooltip{position:relative;margin:.5rem auto;width:min(100%,300px);box-sizing:border-box;padding:16px 14px;text-align:center;color:#e2dfd4;border:3px double #857862;background:radial-gradient(ellipse at 50% 22%,#272522,#11100f 66%);box-shadow:inset 0 0 0 2px #100e0c,0 5px 15px #0008;font-size:14px;line-height:1.5}
.stole-tooltip h4{color:#eed888;margin:0 0 6px}.stole-tooltip p{margin:.4rem 0}
.stole-tooltip .abs-rate,.stole-tooltip .abs-rare{color:#ffda6a}
.stole-tooltip .abs-icon{display:grid;place-items:center;margin:10px auto}.abs-icon img{width:54px;height:54px;object-fit:contain}
.stole-tooltip ul{padding:0;margin:6px 0;list-style:none}.stole-tooltip li{margin:4px 0}
.stole-tooltip .abs-fixed{color:#8de2d3}.stole-tooltip .abs-standard{color:#b7e4b1}.stole-tooltip .abs-element{color:#9ecbff}
.stole-tooltip footer{position:static;display:block;background:none;border:0;padding:8px 0 0;font-size:inherit;color:#c9c4b7}
.alchemy-wheel.game-wheel{width:min(263px,100%);aspect-ratio:263/237;border-radius:4px}
.game-wheel .alchemy-wheel-art{display:block;opacity:1;object-fit:contain;image-rendering:pixelated}
.game-wheel .alchemy-stone{width:12.2%;aspect-ratio:1}
.game-wheel.lot-active{outline:none}
.game-wheel .alchemy-stone{background:transparent;border:0;box-shadow:none}
.game-wheel .alchemy-stone.equipped::before,.game-wheel .alchemy-stone.equipped::after{
 content:"";position:absolute;pointer-events:none;mix-blend-mode:screen
}
.game-wheel .alchemy-stone.equipped::before{
 inset:-18%;border-radius:50%;
 background:radial-gradient(ellipse,color-mix(in srgb,var(--gem) 62%,transparent) 4%,color-mix(in srgb,var(--gem) 34%,transparent) 32%,transparent 70%)
}
.game-wheel .alchemy-stone.equipped::after{
 inset:15%;clip-path:polygon(28% 0,72% 0,100% 43%,78% 82%,50% 100%,22% 82%,0 43%);
 background:linear-gradient(115deg,transparent 32%,#ffffffe0 48%,transparent 61%) 100% 0/300% 100%;
 animation:gem-facet-shine 4.8s ease-in-out infinite;
}
.game-wheel.lot-active .alchemy-stone.equipped::before{animation:gem-lot-light 3s ease-in-out infinite alternate}
@keyframes gem-facet-shine{0%,25%{background-position:100% 0;opacity:.14}55%{opacity:.85}78%,100%{background-position:0 0;opacity:.14}}
@keyframes gem-lot-light{from{opacity:.72}to{opacity:1}}
.motion-paused .game-wheel .alchemy-stone::before,.motion-paused .game-wheel .alchemy-stone::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.game-wheel .alchemy-stone.equipped::after,.game-wheel.lot-active .alchemy-stone.equipped::before{animation:none}}
.game-wheel .alchemy-stone:focus-visible{outline:2px solid #fff3bd;outline-offset:2px}
.costume-pair-art{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.costume-pair-art figure{margin:0;display:grid;justify-items:center;align-content:center;gap:5px;padding:10px;border:1px solid #47352e;border-radius:6px;background:#140e0f}
.costume-pair-art figure>div{height:64px;display:grid;place-items:center}
.costume-pair-art img{width:42px;height:64px;object-fit:contain}
.costume-pair-art svg{width:30px;height:30px;color:#af9673}
.costume-pair-art figcaption{color:#e7dac7;font-size:13px;text-align:center}
.potion-list{display:grid;gap:6px}.potion-row{display:flex;align-items:center;gap:12px;padding:6px 10px;background:#18100e;border:1px solid #4c352c;border-radius:5px}
.potion-row input{width:auto;accent-color:#bb683b}.potion-row img{width:32px;height:32px;object-fit:contain}.potion-row small{display:block;color:#ddc7ac}
.shop-equipped .button:disabled{opacity:.55;cursor:not-allowed}
.element-lightning{--element:#eacb75}
.element-lightning .element-orb svg{fill:#fff0ad55;animation:lightning-charge 3.2s ease-in-out infinite}
@keyframes lightning-charge{0%,100%{filter:drop-shadow(0 0 3px #dba94f)}55%{filter:drop-shadow(0 0 8px #ffe6a1);transform:translateY(-2px)}}
.motion-paused .element-lightning .element-orb svg{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.element-lightning .element-orb svg{animation:none}}