body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:radial-gradient(ellipse at top,#3d1828,#1a0a15,#0a0510);background-attachment:fixed;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,0,110,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,109,0,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(0,217,255,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.container.svelte-1uha8ag{max-width:1400px;margin:0 auto;padding:1.5rem;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}header.svelte-1uha8ag{text-align:center;color:#fff;margin-bottom:1.5rem}header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2.5rem;margin:0 0 .25rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,#ff006e,#ff6d00,#ffb700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,0,110,.5));animation:svelte-1uha8ag-glow 2s ease-in-out infinite alternate}@keyframes svelte-1uha8ag-glow{0%{filter:drop-shadow(0 0 20px rgba(255,0,110,.5))}to{filter:drop-shadow(0 0 30px rgba(255,109,0,.8))}}header.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;font-size:1rem;color:#ffa5d8;text-shadow:0 0 10px rgba(255,0,110,.5)}.main-content.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;flex:1}.ball-selection-panel.svelte-1uha8ag{background:#140a19cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.25rem;box-shadow:0 0 30px #ff006e4d,0 8px 32px #00000080;border:1px solid rgba(255,0,110,.3);display:flex;flex-direction:column;max-height:calc(100vh - 200px)}.selected-compact.svelte-1uha8ag{margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,0,110,.3)}.selected-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.selected-count.svelte-1uha8ag{font-weight:700;color:#ff006e;font-size:.95rem;text-shadow:0 0 10px rgba(255,0,110,.5)}.clear-btn-sm.svelte-1uha8ag{background:linear-gradient(135deg,#ff006e,#ff3d85);color:#fff;border:none;padding:.4rem .9rem;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s;box-shadow:0 0 15px #ff006e66;text-transform:uppercase;letter-spacing:.05em}.clear-btn-sm.svelte-1uha8ag:hover{background:linear-gradient(135deg,#ff3d85,#ff006e);box-shadow:0 0 25px #ff006e99;transform:translateY(-1px)}.selected-balls-compact.svelte-1uha8ag{display:flex;gap:.5rem;flex-wrap:wrap}.selected-ball-chip.svelte-1uha8ag{position:relative;width:52px;height:52px;border-radius:10px;background:#1e0f2399;border:2px solid #ff006e;cursor:pointer;transition:all .3s;overflow:hidden;box-shadow:0 0 15px #ff006e66}.selected-ball-chip.svelte-1uha8ag:hover{transform:scale(.95);border-color:#ff6d00;box-shadow:0 0 20px #ff6d0099}.chip-img.svelte-1uha8ag{width:100%;height:100%;object-fit:cover}.chip-close.svelte-1uha8ag{position:absolute;top:0;right:0;background:#ff006ef2;color:#fff;font-size:11px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:0 8px 0 6px;opacity:0;transition:opacity .3s;box-shadow:0 0 10px #ff006e99}.selected-ball-chip.svelte-1uha8ag:hover .chip-close:where(.svelte-1uha8ag){opacity:1}.ball-grid-compact.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem;overflow-y:auto;padding-right:.5rem}.section-header.svelte-1uha8ag{grid-column:1 / -1;color:#ff006e;font-weight:700;font-size:1.1rem;padding:.75rem 0 .5rem;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 15px rgba(255,0,110,.5);border-bottom:2px solid rgba(255,0,110,.3);margin-top:.5rem}.section-header.svelte-1uha8ag:first-child{margin-top:0}.ball-grid-compact.svelte-1uha8ag::-webkit-scrollbar{width:10px}.ball-grid-compact.svelte-1uha8ag::-webkit-scrollbar-track{background:#140a1980;border-radius:5px}.ball-grid-compact.svelte-1uha8ag::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff006e,#ff6d00);border-radius:5px;border:2px solid rgba(20,10,25,.5)}.ball-grid-compact.svelte-1uha8ag::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff3d85,#ff8c33);box-shadow:0 0 10px #ff006e80}.ball-card.svelte-1uha8ag{background:#1e0f2399;border:2px solid rgba(255,0,110,.3);border-radius:10px;padding:.6rem;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:.3rem;position:relative}.ball-card.svelte-1uha8ag:hover:not(:disabled){border-color:#ff006e;transform:translateY(-3px);box-shadow:0 0 20px #ff006e80,0 8px 16px #0000004d}.ball-card.selected.svelte-1uha8ag{background:#ff006e33;border-color:#ff006e;box-shadow:0 0 25px #ff006e99}.ball-card.selected.svelte-1uha8ag .ball-name:where(.svelte-1uha8ag){color:#fff;font-weight:700;text-shadow:0 0 10px rgba(255,0,110,.8)}.ball-card.evolved.svelte-1uha8ag{background:#2d191499;border-color:#ff6d0066}.ball-card.evolved.svelte-1uha8ag:hover:not(:disabled){border-color:#ff6d00;box-shadow:0 0 20px #ff6d0080,0 8px 16px #0000004d}.ball-card.evolved.selected.svelte-1uha8ag{background:#ff6d0040;border-color:#ff6d00;box-shadow:0 0 25px #ff6d0099}.ball-card.evolved.evolvable.svelte-1uha8ag{border-color:#0f8;box-shadow:0 0 15px #0f86}.ball-card.evolved.evolvable.svelte-1uha8ag:hover:not(:disabled){border-color:#0f8;box-shadow:0 0 25px #0f89}.ball-card.evolved.unevolvable.svelte-1uha8ag{border-color:#ff6d0066}.ball-card.evolved.unevolvable.svelte-1uha8ag:hover:not(:disabled){border-color:#ff6d00;box-shadow:0 0 20px #ff6d0080}.ball-card.svelte-1uha8ag:disabled{opacity:.25;cursor:not-allowed;filter:grayscale(.5)}.section-header.evolvable-header.svelte-1uha8ag{color:#0f8;border-bottom-color:#0f86;text-shadow:0 0 15px rgba(0,255,136,.6)}.section-header.unevolvable-header.svelte-1uha8ag{color:#ff6d00;border-bottom-color:#ff6d0066;text-shadow:0 0 15px rgba(255,109,0,.6)}.info-icon.svelte-1uha8ag{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#00d9ff4d;border:1px solid #00d9ff;color:#00d9ff;font-size:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:10;padding:0;pointer-events:auto}.info-icon.svelte-1uha8ag:hover{background:#00d9ff99;transform:scale(1.15);box-shadow:0 0 10px #00d9ff99}.info-icon.svelte-1uha8ag:active{transform:scale(1.05)}.ball-img.svelte-1uha8ag{width:48px;height:48px;object-fit:contain}.ball-name.svelte-1uha8ag{font-size:.7rem;text-align:center;color:#ffa5d8;font-weight:600;line-height:1.1;word-break:break-word;text-shadow:0 0 5px rgba(255,165,216,.3)}.evolved-star.svelte-1uha8ag{position:absolute;top:5px;right:5px;font-size:.8rem;color:#ffb700;filter:drop-shadow(0 0 5px rgba(255,183,0,.8))}.ball-card.evolved.selected.svelte-1uha8ag .evolved-star:where(.svelte-1uha8ag){color:#fff;filter:drop-shadow(0 0 8px rgba(255,183,0,1))}.suggestions-panel.svelte-1uha8ag{background:#140a19cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.25rem;box-shadow:0 0 30px #ff6d0040,0 8px 32px #00000080;border:1px solid rgba(255,109,0,.3);overflow-y:auto;max-height:calc(100vh - 200px)}.suggestions-panel.svelte-1uha8ag::-webkit-scrollbar{width:10px}.suggestions-panel.svelte-1uha8ag::-webkit-scrollbar-track{background:#140a1980;border-radius:5px}.suggestions-panel.svelte-1uha8ag::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6d00,#ffb700);border-radius:5px;border:2px solid rgba(20,10,25,.5)}.suggestions-panel.svelte-1uha8ag::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8c33,#ffd633);box-shadow:0 0 10px #ff6d0080}.results-section.svelte-1uha8ag{margin-bottom:1.5rem}.results-section.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0 0 .75rem;font-size:1.2rem;color:#ffa5d8;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 15px rgba(255,165,216,.5)}.results-section.complete.svelte-1uha8ag h3:where(.svelte-1uha8ag){color:#0f8;text-shadow:0 0 15px rgba(0,255,136,.6)}.evolution-cards.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.evolution-card-compact.svelte-1uha8ag{background:#1e0f2399;border:2px solid rgba(255,109,0,.3);border-radius:10px;padding:.85rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;transition:all .3s}.evolution-card-compact.complete.svelte-1uha8ag{background:#00ff8826;border-color:#0f8;box-shadow:0 0 20px #0f86}.evolution-card-compact.svelte-1uha8ag:hover{transform:translateY(-3px);box-shadow:0 0 25px #ff6d0080,0 8px 16px #0000004d}.evolution-card-compact.complete.svelte-1uha8ag:hover{box-shadow:0 0 30px #0f89,0 8px 16px #0000004d}.evolution-img.svelte-1uha8ag{width:56px;height:56px;object-fit:contain}.evolution-name-compact.svelte-1uha8ag{font-size:.8rem;text-align:center;font-weight:700;color:#ffa5d8;line-height:1.1;text-shadow:0 0 8px rgba(255,165,216,.5)}.suggestion-list-compact.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}@media(max-width:640px){.suggestion-list-compact.svelte-1uha8ag{grid-template-columns:1fr}}.suggestion-item.svelte-1uha8ag{background:#1e0f2380;border:2px solid rgba(255,109,0,.3);border-radius:10px;padding:.85rem;transition:all .3s}.suggestion-item.svelte-1uha8ag:hover{border-color:#ff6d0080;box-shadow:0 0 15px #ff6d004d;transform:translate(3px)}.suggestion-title.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.suggestion-img.svelte-1uha8ag{width:32px;height:32px;object-fit:contain}.suggestion-name.svelte-1uha8ag{font-weight:700;color:#ffa5d8;font-size:.95rem;text-shadow:0 0 5px rgba(255,165,216,.3)}.ingredients-compact.svelte-1uha8ag{display:flex;gap:.5rem;flex-wrap:wrap}.ingredient-tag.svelte-1uha8ag{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid}.ingredient-tag.have.svelte-1uha8ag{background:#00ff8826;border-color:#0f8;color:#0f8;box-shadow:0 0 8px #00ff884d}.ingredient-tag.need.svelte-1uha8ag{background:#00d9ff26;border-color:#00d9ff;color:#00d9ff;box-shadow:0 0 8px #00d9ff4d}.ingredient-img.svelte-1uha8ag{width:20px;height:20px;border-radius:4px;object-fit:cover}.empty-state.svelte-1uha8ag,.no-results.svelte-1uha8ag{text-align:center;padding:3rem 1rem;color:#ffa5d8}.empty-icon.svelte-1uha8ag{font-size:4rem;margin-bottom:1rem}.empty-state.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0 0 .5rem;color:#ff006e;font-weight:700;text-shadow:0 0 15px rgba(255,0,110,.5)}.empty-state.svelte-1uha8ag p:where(.svelte-1uha8ag),.no-results.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:.25rem 0;font-size:.95rem;color:#ffa5d8}.hint.svelte-1uha8ag{font-size:.85rem!important;opacity:.7;color:#d896ba}.modal-backdrop.svelte-1uha8ag{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:svelte-1uha8ag-fadeIn .2s ease-out}@keyframes svelte-1uha8ag-fadeIn{0%{opacity:0}to{opacity:1}}.modal-card.svelte-1uha8ag{background:#1e0f23f2;border:2px solid #ff006e;border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 0 40px #ff006e99;position:relative;animation:svelte-1uha8ag-modalSlideIn .3s ease-out}@keyframes svelte-1uha8ag-modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close.svelte-1uha8ag{position:absolute;top:1rem;right:1rem;background:#ff006e4d;border:1px solid #ff006e;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s;display:flex;align-items:center;justify-content:center;padding:0}.modal-close.svelte-1uha8ag:hover{background:#ff006e99;transform:scale(1.1);box-shadow:0 0 15px #ff006e99}.modal-img.svelte-1uha8ag{width:120px;height:120px;margin:0 auto 1rem;display:block;object-fit:contain}.modal-title.svelte-1uha8ag{color:#ffa5d8;text-align:center;margin:0 0 1rem;font-size:1.5rem;font-weight:700;text-shadow:0 0 15px rgba(255,165,216,.5)}.modal-description.svelte-1uha8ag{color:#ffa5d8;line-height:1.6;margin-bottom:1rem;text-align:center;font-size:.95rem}@media(max-width:968px){.main-content.svelte-1uha8ag{grid-template-columns:1fr}.ball-selection-panel.svelte-1uha8ag,.suggestions-panel.svelte-1uha8ag{max-height:none}.ball-grid-compact.svelte-1uha8ag{max-height:400px}header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:1.75rem}}@media(max-width:640px){.container.svelte-1uha8ag{padding:1rem}.ball-grid-compact.svelte-1uha8ag{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:.5rem}.ball-img.svelte-1uha8ag{width:40px;height:40px}.ball-name.svelte-1uha8ag{font-size:.65rem}}