*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:linear-gradient(135deg,#1a1612,#2b2419);border:1px solid #5c4033;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#5c4033,#8b7355,#5c4033);border-radius:6px;border:2px solid #3d2f20;box-shadow:inset 0 0 6px #00000080}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8b7355,#b8860b,#8b7355);box-shadow:inset 0 0 8px #daa5204d}::-webkit-scrollbar-corner{background:#1a1612}*{scrollbar-width:thin;scrollbar-color:#5c4033 #1a1612}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1a1612;color:#d4c4a8;min-height:100vh;padding:20px}.container{display:flex;gap:20px;max-width:1600px;margin:0 auto;height:calc(100vh - 40px)}@media (max-width: 1200px){.container{max-width:100%}}.left-panel{flex:0 0 50%;background:linear-gradient(135deg,#2b2419,#1a1612);border:3px solid #5c4033;border-radius:8px;padding:20px;overflow-y:auto;box-shadow:inset 0 0 20px #00000080,0 4px 8px #0000004d;position:relative}.left-panel:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(180deg,#b8860b,#5c4033,#b8860b);border-left:1px solid #daa520}.left-panel h2{color:#daa520;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-size:24px}.right-panel{flex:0 0 50%;background:linear-gradient(135deg,#2b2419,#1a1612);border:3px solid #5c4033;border-radius:8px;padding:20px;overflow-y:auto;box-shadow:inset 0 0 20px #00000080,0 4px 8px #0000004d;position:relative}.right-panel:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#b8860b,#5c4033,#b8860b);border-right:1px solid #daa520}.default-message{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.default-message p{font-size:20px;color:#8b7355;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.evolution-content{height:100%}.evolution-content h2{color:#daa520;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-size:24px}.evolutions-list{display:flex;flex-direction:column;gap:20px}.evolution-item{background:linear-gradient(135deg,#3d2f20,#2b2419);border:2px solid #5c4033;border-radius:8px;padding:15px;box-shadow:inset 0 0 15px #0006,0 2px 4px #0000004d;position:relative}.evolution-item:before,.evolution-item:after{content:"";position:absolute;width:20px;height:20px;border:2px solid #b8860b}.evolution-item:before{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:8px 0 0}.evolution-item:after{bottom:-2px;right:-2px;border-left:none;border-top:none;border-radius:0 0 8px}.evolution-recipe{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.ball-image-container{position:relative;display:inline-block}.ball-image{width:80px;height:80px;object-fit:contain;background:linear-gradient(135deg,#3d2f20,#2b2419);border:2px solid #5c4033;border-radius:8px;padding:5px;box-shadow:inset 0 0 10px #0000004d,0 2px 4px #0006;transition:all .3s ease}.ball-image:hover{border-color:#daa520;box-shadow:inset 0 0 10px #daa52033,0 0 10px #daa52066;transform:scale(1.05)}.ball-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:11px;color:#d4c4a8;white-space:nowrap;text-shadow:1px 1px 2px rgba(0,0,0,.8);background:#1a1612cc;padding:2px 6px;border-radius:4px;border:1px solid #5c4033}.evolution-operator{font-size:24px;color:#daa520;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.evolution-arrow{font-size:32px;color:#b8860b;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.ball-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;row-gap:20px;padding:10px 0}.ball-item{position:relative;cursor:pointer;transition:all .3s ease}.ball-item .ball-image{width:100%;height:100px;object-fit:contain;background:linear-gradient(135deg,#3d2f20,#2b2419);border:2px solid #5c4033;border-radius:8px;padding:8px;box-shadow:inset 0 0 10px #0000004d,0 2px 4px #0006;transition:all .3s ease}.ball-item:hover .ball-image{border-color:#daa520;box-shadow:inset 0 0 10px #daa52033,0 0 15px #daa52080;transform:translateY(-3px)}.ball-item.selected .ball-image{border-color:#daa520;border-width:3px;box-shadow:inset 0 0 15px #daa5204d,0 0 20px #daa52099;background:linear-gradient(135deg,#4a3a28,#3d2f20)}.ball-item .ball-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:10px;color:#d4c4a8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100px;text-shadow:1px 1px 2px rgba(0,0,0,.8);background:#1a1612e6;padding:2px 4px;border-radius:3px;border:1px solid #5c4033}.no-evolutions{text-align:center;color:#8b7355;font-size:18px;padding:40px 20px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (max-width: 1024px){body{padding:15px}.container{gap:15px;height:calc(100vh - 30px)}.ball-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;row-gap:18px}.ball-item .ball-image{height:90px}.left-panel h2,.evolution-content h2{font-size:20px}}@media (max-width: 768px){body{padding:15px;font-size:16px}.container{flex-direction:column;height:auto;gap:15px}.left-panel,.right-panel{flex:1 1 auto;min-height:300px;padding:20px}.left-panel,.right-panel{max-height:50vh}.ball-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:15px;row-gap:22px;padding:15px 0}.ball-item .ball-image{height:90px;padding:8px}.ball-item .ball-label{font-size:12px;max-width:90px;padding:3px 6px;bottom:-20px}.evolution-recipe{gap:12px}.ball-image{width:70px;height:70px;padding:6px}.ball-label{font-size:13px;padding:3px 6px}.evolution-operator{font-size:22px}.evolution-arrow{font-size:28px}.left-panel h2,.evolution-content h2{font-size:22px;margin-bottom:20px}.default-message p{font-size:18px;padding:20px}.evolution-item{padding:18px}.no-evolutions{font-size:17px;padding:40px 20px}}@media (max-width: 480px){body{padding:12px;font-size:15px}.container{gap:12px}.left-panel,.right-panel{padding:18px;border-width:2px}.ball-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;row-gap:20px;padding:12px 0}.ball-item .ball-image{height:80px;padding:6px}.ball-item .ball-label{font-size:11px;max-width:80px;bottom:-18px;padding:3px 5px}.ball-image{width:65px;height:65px;padding:5px}.ball-label{font-size:12px;padding:3px 5px}.evolution-operator{font-size:20px}.evolution-arrow{font-size:26px}.left-panel h2,.evolution-content h2{font-size:20px;margin-bottom:18px}.default-message p{font-size:17px;padding:20px}.evolution-item{padding:16px}.no-evolutions{font-size:16px;padding:35px 18px}}.github-fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:linear-gradient(135deg,#5c4033,#8b7355,#5c4033);border:2px solid #daa520;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d4c4a8;text-decoration:none;box-shadow:0 4px 12px #0009,inset 0 0 15px #daa52033;transition:all .3s ease;z-index:1000}.github-fab:after{content:"View on GitHub";position:absolute;right:70px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#3d2f20,#2b2419);color:#d4c4a8;padding:8px 12px;border-radius:6px;border:2px solid #5c4033;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;box-shadow:0 4px 12px #0009,inset 0 0 10px #0000004d}.github-fab:hover:after{opacity:1}.github-fab:hover{background:linear-gradient(135deg,#8b7355,#b8860b,#8b7355);box-shadow:0 6px 20px #daa52080,inset 0 0 20px #daa5204d;transform:translateY(-2px)}.github-fab:active{transform:translateY(0);box-shadow:0 3px 10px #daa52066,inset 0 0 15px #daa52033}.github-fab svg{width:28px;height:28px}@media (max-width: 768px){.github-fab{width:48px;height:48px;bottom:15px;right:15px}.github-fab svg{width:24px;height:24px}.github-fab:after{display:none}}@media (max-width: 480px){.github-fab{width:44px;height:44px;bottom:10px;right:10px}.github-fab svg{width:22px;height:22px}}