:root{--color-primary:#ff1f1f;--color-secondary:#36e;--color-accent:#fc0;--color-white:#fff;--color-dark:#1c1f2a;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-400:#9ca3af;--color-border:var(--color-gray-200);--color-surface:var(--color-white);--max-width:1200px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{min-height:100vh;color:var(--color-dark);background-color:var(--color-gray-100);flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.page-content{flex:1}.hidden{display:none}.container{width:min(100%, var(--max-width));padding:var(--space-lg);margin-inline:auto}.card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.panel{padding:var(--space-md)}.section-title{margin-bottom:var(--space-md)}.pokemon-detail{gap:var(--space-md);flex-direction:column;max-width:1100px;margin:0 auto;display:flex}.pokemon-detail-overview{gap:var(--space-xl);grid-template-columns:60% 40%;align-items:center;display:grid}.pokemon-detail-header{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.pokemon-detail-sprite{object-fit:contain;width:300px;height:300px}.pokemon-detail-info{gap:var(--space-xs);flex-direction:column;display:flex}.pokemon-detail-sections{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.pokemon-team-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;order:999;align-items:flex-start;display:flex}.pokemon-team-actions select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;min-width:320px;padding:.75rem 1rem;font-size:1rem}.pokemon-team-actions button{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;cursor:pointer;border:none;min-width:320px;padding:.75rem 1rem;font-weight:600;transition:opacity .2s}.pokemon-team-actions button:hover{opacity:.9}.evolution-chain{justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.evolution-item{align-items:center;gap:var(--space-md);display:flex}.evolution-link{flex-direction:column;align-items:center;text-decoration:none;display:flex}.evolution-link img{width:96px;height:96px}.evolution-arrow{font-size:1.5rem;font-weight:700}.pokemon-slot{justify-content:center;align-items:center;display:flex}.pokemon-roster-slot{border:2px dashed var(--color-secondary);border-radius:var(--radius-sm);background-color:var(--color-white);justify-content:center;align-items:center;width:8rem;min-height:8rem;display:flex}.toast{color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:0;z-index:1000;padding:1rem 1.25rem;transition:opacity .3s,transform .3s;position:fixed;bottom:1rem;right:1rem;transform:translateY(20px)}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background-color:#16a34a}.toast-warning{color:#000;background-color:#eab308}.toast-error{background-color:#dc2626}.site-header{background-color:var(--color-white);box-shadow:var(--shadow-sm)}.header-container{justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.logo-link{align-items:center;gap:.75rem;display:flex}.logo{width:100px}.logo-text{flex-direction:column;font-weight:700;line-height:1.1;display:flex}.logo-text small{font-weight:500}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;display:none}.menu-toggle span{background-color:var(--color-dark);border-radius:999px;width:24px;height:3px;transition:all .3s}.menu-toggle.active span:first-child{transform:translateY(8px)rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.main-nav ul{gap:var(--space-lg);display:flex}.main-nav a{border-radius:999px;padding:.5rem .75rem;font-weight:600;transition:background-color .2s,color .2s,transform .2s;position:relative}.main-nav a:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.main-nav a.active{background-color:var(--color-primary);color:var(--color-white)}.main-nav a.active:after{content:"";background-image:url(/images/pokeball.svg);background-repeat:no-repeat;background-size:contain;width:14px;height:14px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.team-preview{gap:var(--space-xs);flex-direction:column;display:flex}.team-label{font-size:.875rem;font-weight:700}.team-slots{gap:.5rem;display:flex}.team-preview .pokemon-slot{border:2px dashed var(--color-secondary);background-color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.team-preview .pokemon-slot img{object-fit:contain;width:20px;height:20px}.dashboard{padding:var(--space-xl) var(--space-sm)}.hero{justify-content:center;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);display:flex}.hero-logo{flex-shrink:0;width:120px}.hero-content{max-width:550px}.hero-content h1{margin-bottom:var(--space-sm)}.hero-content p{line-height:1.6}.dashboard-grid{gap:var(--space-lg);flex-direction:column;display:flex}.dashboard-button{border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-white);cursor:pointer;border:none;padding:.75rem 1rem;font-weight:600}.dashboard-button:hover{opacity:.9}.teams-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.teams-help{opacity:.75;margin-top:-.5rem}.teams-carousel{gap:var(--space-md);scroll-behavior:smooth;scroll-snap-type:x proximity;padding-bottom:1rem;display:flex;overflow-x:auto}.teams-carousel::-webkit-scrollbar{height:8px}.teams-carousel::-webkit-scrollbar-track{background:var(--color-gray-200);border-radius:999px}.teams-carousel::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:999px}.team-card{background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-sm);scroll-snap-align:start;flex:0 0 300px}.team-card-header{margin-bottom:var(--space-sm);align-items:center;gap:.5rem;display:flex}.team-card-header h3{font-size:1rem}.team-selector-header{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.team-star{cursor:pointer;background:0 0;border:none;font-size:1.25rem}.team-star.active{color:var(--color-accent)}.team-delete{cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1rem}.team-delete:hover{opacity:.7}.team-pokemon-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.team-page{gap:var(--space-md);flex-direction:column;display:flex}.team-management-header{margin-bottom:var(--space-lg)}.team-management-header h1{margin-bottom:var(--space-xs)}.team-management-header p{color:var(--color-gray-400)}.team-selector-grid{grid-template-columns:auto auto;justify-content:start;align-items:end;gap:5rem;display:grid}.team-selector-control{gap:var(--space-sm);flex-direction:column;display:flex}.team-selector-label{color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.team-badge{color:#b8860b;background-color:#ffcc0026;border-radius:999px;align-items:center;gap:.35rem;min-height:36px;padding:.5rem 1rem;font-size:.9rem;font-weight:700;display:inline-flex}.team-badge-main{color:#b8860b;cursor:default;background-color:#ffcc0026;border:2px solid #0000}.team-badge-action{border:2px solid var(--color-gray-200);color:var(--color-dark);cursor:pointer;background-color:#0000}.team-badge-action:hover{border-color:var(--color-accent);background-color:#ffcc001a}#teamSelect,#pokemonSearchInput,.pokemon-search-input{border:2px solid var(--color-gray-200);border-radius:var(--radius-sm);background-color:var(--color-white);cursor:pointer;width:280px;padding:.85rem 1rem;font-size:1rem;font-weight:600;transition:border-color .2s,box-shadow .2s}#teamSelect:hover{border-color:var(--color-secondary)}#teamSelect:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #ff1f1f26}.team-summary{margin-top:var(--space-sm);flex-direction:column;gap:.25rem;display:flex}.team-summary-label{color:var(--color-gray-400);text-transform:uppercase;font-size:.85rem;font-weight:700}.team-summary-value{font-size:1.1rem;font-weight:700}.pokemon-roster-card{flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.pokemon-remove{cursor:pointer;opacity:0;border:none;border-radius:50%;width:1.5rem;height:1.5rem;font-weight:700;transition:opacity .2s;position:absolute;top:.25rem;right:.25rem}.pokemon-roster-card:hover .pokemon-remove{opacity:1}.pokemon-roster-sprite{width:64px;height:64px}.pokemon-roster-name{text-align:center;margin:0;font-size:.85rem;font-weight:600}.team-editor-layout{grid-template-columns:1fr 350px;gap:1rem;display:grid}#pokemonEditor{border-left:1px solid var(--color-border);padding-left:1rem}.editor-placeholder{text-align:center}.pokemon-search-results{flex-direction:column;gap:.5rem;margin-top:1rem;padding:0;list-style:none;display:flex}.pokemon-search-result{text-align:left;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:8px;width:100%;padding:.75rem 1rem;transition:all .15s}.pokemon-search-result:hover{transform:translateY(-1px)}.pokemon-preview{flex-direction:column;align-items:center;display:flex}.pokemon-preview img{object-fit:contain;width:120px;height:120px}.pokemon-preview h4{text-transform:capitalize;margin:.75rem 0}.pokemon-roster-slot.selected{border:3px solid var(--color-primary)}.pokemon-search{gap:var(--space-xs);flex-direction:column;display:flex}.pokemon-results{margin-top:var(--space-md)}.pokemon-result{text-align:left;border:1px solid var(--color-gray-200);background-color:var(--color-white);cursor:pointer;width:100%;padding:.75rem 1rem}.pokemon-result:hover{background-color:var(--color-gray-100)}.popular-pokemon-grid{flex-wrap:wrap;gap:.75rem;display:flex}.popular-pokemon{border:1px solid var(--color-gray-200);background-color:var(--color-white);cursor:pointer;border-radius:999px;padding:.5rem 1rem}.popular-pokemon:hover{border-color:var(--color-primary)}.analysis-help{margin-bottom:var(--space-md);opacity:.75}.analysis-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.analysis-card{min-height:120px;padding:var(--space-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background-color:var(--color-gray-100)}.analysis-card h3{margin-bottom:.5rem;font-size:1rem}.site-footer{background-color:var(--color-dark);color:var(--color-white);margin-top:auto}.footer-container{text-align:center}.footer-container a{color:var(--color-accent)}.footer-pokeball{vertical-align:middle;width:22px;height:22px;margin-left:.35rem;transition:transform .3s;display:inline-block}.footer-pokeball:hover{transform:rotate(180deg)}@media (width<=768px){.container{padding:var(--space-sm)}.header-container{flex-wrap:wrap}.menu-toggle{display:flex}.main-nav{width:100%;display:none}.main-nav.open{display:block}.main-nav ul{align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);flex-direction:column}.main-nav a.active:after{bottom:50%;left:-22px;transform:translateY(50%)}.team-preview{display:none}.dashboard{padding:var(--space-md) 0}.hero{text-align:center;flex-direction:column}.hero-logo{width:100px}.team-card{flex:0 0 85%}.pokemon-slot{width:48px;height:48px}.analysis-grid{grid-template-columns:1fr}.team-selector-grid{gap:var(--space-md);grid-template-columns:1fr}.pokemon-detail-overview{text-align:center;grid-template-columns:1fr}.pokemon-detail-sections{grid-template-columns:1fr}.pokemon-team-actions button{align-self:stretch;width:100%}.evolution-chain{flex-direction:column}.evolution-arrow{transform:rotate(90deg)}.pokemon-team-actions{align-items:stretch;width:100%}#teamSelect{width:100%;min-width:0}.pokemon-team-actions button{width:100%;min-width:auto}.team-editor-layout{grid-template-columns:1fr}#pokemonEditor{border-left:none;border-top:1px solid var(--color-border);padding-top:1rem;padding-left:0}}
