.evolution-controls784{grid-column:1/-1;display:grid;gap:8px;padding:10px;border:1px solid #b6c6c8;border-radius:10px}.evolution-controls784 label{display:flex!important;align-items:center;gap:10px;min-height:44px;cursor:pointer}.evolution-controls784 input[type=checkbox]{width:22px;height:22px;accent-color:#a42c44;flex:0 0 22px}.evolution-controls784 small{line-height:1.5}.evolution-controls784 button{min-height:44px;width:100%}.evolution-dialog784{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px;border:1px solid #d6be80;border-radius:18px;background:#122c39;color:#f4f2df;text-align:center}.evolution-dialog784::backdrop{background:#061019db}.evolution-dialog784 h2{margin:0 0 12px;font-size:24px;color:#f3dc9e}.evolution-dialog784 p{line-height:1.5}.evolution-stage784{position:relative;width:192px;height:192px;margin:auto;isolation:isolate}.evolution-stage784 canvas{position:absolute;inset:0;width:192px;height:192px;image-rendering:pixelated}.evolution-before784{animation:evolution-before784 2.4s ease-in-out infinite}.evolution-after784{animation:evolution-after784 2.4s ease-in-out infinite;opacity:0}.evolution-actions784{display:grid;gap:10px}.evolution-actions784 button{min-height:48px;padding:12px;border:1px solid #9bb3bf;border-radius:10px;color:#f4f2df;background:#284755;font:inherit;cursor:pointer}.evolution-actions784 button.primary{background:#ecd18f;color:#182c38;font-weight:800}.evolution-actions784 button:disabled{opacity:.6;cursor:wait}.evolution-actions784 button[hidden]{display:none}.evolution-dialog784 [role=alert]{color:#ffd4ca}.evolution-dialog784 [role=alert]:empty{display:none}.evolution-stopped784 canvas{animation:none;filter:none}.evolution-stopped784 .evolution-before784{opacity:0}.evolution-stopped784 .evolution-after784{opacity:1}.evolution-result784{grid-column:1/-1;border:1px solid #d6be80;border-radius:12px;padding:14px;color:#f4e9c6;background:#18333d}.evolution-result784 button{display:block;width:100%;min-height:44px;margin-top:8px;white-space:normal}@keyframes evolution-before784{0%,25%,100%{opacity:1;filter:none}45%,70%{opacity:.12;filter:brightness(1.5)}}@keyframes evolution-after784{0%,25%,100%{opacity:0}45%,70%{opacity:.85}}@media(prefers-reduced-motion:reduce){.evolution-stage784 canvas{animation:none;filter:none}.evolution-after784{opacity:0}.evolution-stopped784 .evolution-after784{opacity:1}}@media(max-width:360px){.evolution-dialog784{padding:16px}.evolution-dialog784 h2{font-size:21px}}

.evolution-item784{grid-column:1/-1;display:grid;gap:8px;border:1px solid #8c9c9b;border-radius:12px;padding:12px;background:#edf3ee;color:#243d3a}.evolution-item784[data-ready=true]{border-color:#a27423;background:#fff2d0}.evolution-item784 p{margin:0;line-height:1.5}.evolution-item784 small{display:block;color:#405953;line-height:1.5}.evolution-item784 button{min-height:44px;padding:10px 12px;border:1px solid #56736a;background:#244b3f;color:#fff;border-radius:9px;font:inherit;white-space:normal;cursor:pointer}.evolution-inventory784{display:grid;gap:10px;margin-bottom:16px}.evolution-inventory784:empty{display:none}

/*785: bounded mobile dialog, readable static comparison, visible decision controls. */
.evolution-actions784{position:sticky;bottom:-1px;background:#122c39;padding-top:10px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:2}.evolution-dialog784{overscroll-behavior:contain;scroll-padding-bottom:190px}.evolution-dialog784 button:focus-visible,.evolution-controls784 input:focus-visible,.evolution-inventory784 summary:focus-visible{outline:3px solid #dc9c34;outline-offset:3px}.evolution-item784{min-width:0;overflow-wrap:anywhere}.evolution-inventory784>summary{min-height:44px;box-sizing:border-box;padding:12px;font-weight:800;cursor:pointer;color:#243d3a;background:#edf3ee;border:1px solid #8c9c9b;border-radius:10px}.evolution-inventory784>.evolution-item784{margin-top:8px}.evolution-dialog784 h2,.evolution-dialog784 p{overflow-wrap:anywhere}@media(max-height:600px){.evolution-dialog784{padding:12px;max-height:calc(100dvh - 12px)}.evolution-stage784{height:112px;width:224px}.evolution-stage784 canvas{width:112px;height:112px;inset:0 auto auto 56px}.evolution-dialog784 p{margin:8px 0}.evolution-actions784{gap:6px}}@media(prefers-reduced-motion:reduce){.evolution-stage784{width:100%;height:144px;display:flex;justify-content:center;align-items:center}.evolution-stage784 canvas{position:static;opacity:1;width:50%;height:auto;max-width:144px;animation:none}.evolution-stopped784 .evolution-before784{display:none}.evolution-stopped784 .evolution-after784{width:144px;opacity:1}}

.battle-evolution837 .evolution-before784{animation:evo-before837 3s ease-in-out forwards}.battle-evolution837 .evolution-after784{animation:evo-after837 3s ease-in-out forwards}@keyframes evo-before837{0%,20%{opacity:1;filter:none}45%{opacity:1;filter:brightness(5)}75%,100%{opacity:0}}@keyframes evo-after837{0%,40%{opacity:0}65%{opacity:1;filter:brightness(5)}100%{opacity:1;filter:none}}@media(prefers-reduced-motion:reduce){.battle-evolution837 .evolution-before784{animation:none;opacity:1}.battle-evolution837 .evolution-after784{animation:none;opacity:0}}
.evolution-cinema838{width:min(540px,calc(100vw - 20px));padding:26px 18px;background:radial-gradient(ellipse at 50% 40%,#225b66 0%,#102b3c 42%,#081421 80%);border:2px solid #e7d38c;box-shadow:0 0 70px #70e8dc35;color:#fff7df}
.evolution-cinema838 .evolution-stage784{width:min(290px,70vw);height:290px;display:grid;place-items:center;margin:18px auto;overflow:hidden;border-radius:50%;background:radial-gradient(circle,#e5fff92b,transparent 65%)}
.evolution-cinema838 .evolution-stage784 canvas{width:256px;height:256px;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.evolution-aura838{position:absolute;inset:20px;border:2px solid #a6fff58a;border-radius:50%;box-shadow:0 0 25px #81fff766,inset 0 0 30px #b9fff12a;animation:aura838 3s ease-in-out infinite}
.evolution-aura838:before,.evolution-aura838:after{content:"";position:absolute;inset:20px;border:1px dashed #ffe6a1;border-radius:50%;animation:orbit838 9s linear infinite}.evolution-aura838:after{inset:45px;animation-direction:reverse}
.evolution-aura838 i{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff9cf;box-shadow:0 0 12px #a3fff0;transform:rotate(calc(var(--spark)*22.5deg)) translateX(112px);animation:spark838 1.4s ease-in-out infinite alternate;animation-delay:calc(var(--spark)*-.11s)}
.evolution-cinema838 .evolution-stopped784 .evolution-aura838{border-color:#ffe3a1;animation:none;box-shadow:0 0 50px #ffe39c60}
.stone-earned838{padding:24px 18px!important;margin:0 0 20px!important;border:2px solid #e4cd84;border-radius:18px;text-align:center;background:radial-gradient(ellipse at top,#39634b,#102c32 70%);color:#fff4cd!important;box-shadow:0 0 30px #d6bb5e22}.stone-earned838 h2{font-size:24px!important;line-height:1.25;color:#fff0b5!important;margin:12px 0}.stone-earned838 p{color:#edf6e9!important;font-size:14px!important;line-height:1.5}.stone-earned838 small{display:block;letter-spacing:.12em;color:#e7d395}.stone-gem838{display:block;font-size:64px;color:#b8f89d;filter:drop-shadow(0 0 15px #a4ec7e);animation:gem838 1s ease-out}
@keyframes aura838{50%{transform:scale(.91);opacity:.5}}@keyframes orbit838{to{transform:rotate(360deg)}}@keyframes spark838{to{opacity:.2;filter:blur(2px)}}@keyframes gem838{from{opacity:0;transform:scale(.4) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.evolution-aura838,.evolution-aura838:before,.evolution-aura838:after,.evolution-aura838 i,.stone-gem838{animation:none}}
