:root{--bg-color-1: purple}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f2f2f2;color:#1a1a1a}a{color:#000}h1,h2{font-weight:900;color:#2a75bb;text-transform:uppercase;letter-spacing:.03em;text-shadow:0 2px 0 #ffffff}h1{font-size:2.4rem;margin-bottom:1rem;margin-top:.5rem;text-align:center}h2{margin-top:2rem;margin-bottom:.5rem}.site-header{top:0;left:0;width:100%;background:#2a75bb;color:#fff;padding:.75rem 1.5rem;box-shadow:0 2px 6px #00000040;z-index:99}.nav-container{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.2rem;font-weight:700;color:#facc15;text-decoration:none;letter-spacing:.5px}.nav-links a{margin-left:.5rem;padding-top:.5rem;text-decoration:none;color:#fff;font-size:1rem;transition:color .2s ease;display:inline-block}.nav-links a:hover{color:#facc15}.account-link{margin-left:.5rem;padding-top:.5rem;text-decoration:none;color:#fff;font-size:1rem;transition:color .2s ease,border .2s ease;display:inline-block;border:2px solid white;border-radius:5px;padding:.5rem}.account-link:hover{border:2px solid #facc15;color:#facc15}form{background:#fff;padding:1.5rem;border-radius:18px;border:4px solid #2a75bb;box-shadow:0 6px #1b4f7a;margin-top:1.5rem}.analyticForm{display:flex;justify-content:center;flex-direction:column}.analyticForm label+*{margin-bottom:2rem!important}label{font-weight:700;display:inline;margin-top:.25rem}input[type=text],input[type=number],input[type=email],input[type=password],textarea,select{padding:.35rem;border-radius:10px;border:2px solid #cccccc;font-size:1rem;margin-bottom:.25rem;background:#fff;text-align:center}input[type=text],input[type=email],input[type=password],textarea{width:fit-content;min-width:120px;max-width:100%;white-space:nowrap}input:disabled,select:disabled{background:#e6e6e6;cursor:not-allowed}.fill-out{border:2px solid #2a75bb!important;box-shadow:0 0 7px #2a75bb}button,input[type=submit]{background:#ffcb05;color:#1b4f7a;border:3px solid #1b4f7a;padding:.6rem 1.4rem;border-radius:999px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 4px #1b4f7a;transition:transform .1s ease,box-shadow .1s ease}input[type=submit]{padding:1.2rem 2.8rem;font-weight:1000;font-size:larger}.calculate{width:100%;text-align:center;margin-bottom:2rem}.addPokemonBtn{margin-bottom:4rem;margin-top:1rem}button:hover,input[type=submit]:hover,.accordion-label:hover{transform:translateY(-2px);box-shadow:0 6px #1b4f7a}button:active,input[type=submit]:active,.accordion-label:active{transform:translateY(1px);box-shadow:0 2px #1b4f7a}.removeBtn{padding:.6rem .9rem}#scroll-top{display:none;position:sticky;bottom:20px;left:50%;transform:translate(-50%);width:fit-content;margin-bottom:20px}#feedbackDiv{width:100%;display:flex;justify-content:flex-end}#feedbackSpan{background-color:#2a75bb;color:#fff;padding:.3rem;border-radius:0 0 5px 5px;right:1.5rem;position:relative;display:flex;align-items:center;gap:10px}.thumbs{stroke:#fff;stroke-width:3;fill:none;cursor:pointer}#thumbs-down{transform:rotate(180deg)}.thumbs path{transition:stroke-width .2s ease}.thumbs:hover path{stroke-width:5}.table-container{overflow-x:auto;margin-top:1rem;width:100%;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;border:3px solid #2a75bb}th{background:#2a75bb;color:#fff;padding:.75rem;font-size:1rem;text-align:center;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-right:1px solid #ffcb05;border-left:1px solid #ffcb05}td{padding:.75rem;border:1px solid #dddddd;vertical-align:center;white-space:nowrap}tr:nth-child(2n){background:#f8f8f8}.txt-center{text-align:center}.search-container{position:relative;display:inline}.results-list{position:fixed;z-index:9999;top:100%;left:0;right:0;margin:0;padding:0;background:#fff;border:2px solid #2a75bb;border-top:none;max-height:300px;overflow-y:auto;list-style:none;display:none;border-radius:0 0 10px 10px;-webkit-overflow-scrolling:touch;touch-action:pan-y}.results-list li{padding:.5rem;cursor:pointer;font-weight:600}.results-list li:hover,.highlight:hover,.highlighted{background:#ffcb05;color:#1b4f7a;cursor:pointer}.headspace{margin-top:2rem}#short-win-table{display:none}.w75{width:75px;display:inline-block}.w82{width:82.61px;display:inline-block}.fixed-width{width:95px;display:inline-block}.hidden{display:none!important}.block{display:block}.smaller-txt{font-size:small}#wordX{display:none}.star{color:gold;text-shadow:2px 2px 2px black}.warning{font-size:smaller;color:red;display:none}.warn{font-size:smaller;color:red}.warnBtn{color:red;background-color:#fff;border-color:red;box-shadow:0 2px #f08080}.center-content{display:flex;flex-direction:column;align-items:center}.anti-bottom{margin-bottom:0;border-bottom:0;padding-bottom:0}.anti-top{margin-top:0;border-top:0;padding-top:0}#matchup-details{display:flex}.strengths{border:2px solid green;border-radius:10px;width:30%;background-color:#baf1ba;margin:1rem}.neutrals{border:2px solid rgb(78,78,78);border-radius:10px;width:30%;background-color:#e3e3e3;margin:1rem}.weaknesses{border:2px solid red;border-radius:10px;width:30%;background-color:#ffe4e1;margin:1rem}.strengths p,.weaknesses p,.neutrals p{margin:.5rem;padding:0 1rem}.strengths h4,.weaknesses h4,.neutrals h4{margin:1rem;text-align:center}footer{text-align:center;padding:1rem;background:#2a75bb;color:#fff;border-top:4px solid #ffcb05;border-radius:12px;font-weight:700;margin-top:2rem}footer *{display:inline-block}#loadingOverlay{position:fixed;inset:0;background:#0000001a;backdrop-filter:blur(1px);display:none;align-items:center;justify-content:center;z-index:9999}.loading-dots{display:flex;gap:10px}.loading-dots span{width:14px;height:14px;background:#ffcb05;border-radius:50%;animation:bounce .6s infinite alternate}#loadingProgress{font-size:larger;font-weight:600;text-shadow:2px 2px 2px #ffcb05}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}input[type=checkbox]{display:none}.accordion-label{display:none;background:#ffcb05;color:#1b4f7a;border:3px solid #1b4f7a;padding:.6rem 1.4rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 2px #1b4f7a;transition:transform .1s ease,box-shadow .1s ease}.collapse-symbol{display:none}input[type=checkbox]:checked+.accordion-label .expand-symbol,input[type=checkbox]:checked+.accordion-label-stay .expand-symbol{display:none}input[type=checkbox]:checked+.accordion-label .collapse-symbol,input[type=checkbox]:checked+.accordion-label-stay .collapse-symbol{display:block}.close-bottom{display:none;text-align:center}.accordion-label-stay{display:flex;justify-content:space-between;background:#ffcb05;color:#1b4f7a;border:3px solid #1b4f7a;padding:.6rem 1.4rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 2px #1b4f7a;transition:transform .1s ease,box-shadow .1s ease}.accordion-content-stay{display:none}input[type=checkbox]:checked+label+.accordion-content-stay{display:block;background-color:#fff;border:1px solid #1b4f7a;border-radius:0 0 10px 10px;padding:1rem}nav{text-align:center}nav a{cursor:pointer;text-decoration:underline;padding:10px}footer a{color:#fff}.side-nav{position:sticky;top:1rem;align-self:flex-start;width:220px;padding:1rem;background:#2a75bb;border-radius:8px;color:#fff;height:fit-content;flex-shrink:0;margin:1rem}.side-nav h3{margin-bottom:.75rem;font-size:1.1rem;color:#facc15;letter-spacing:.5px}.side-nav a{display:block;margin:.4rem 0;color:#fff;text-decoration:none;font-size:1rem;padding:.25rem 0;transition:color .2s ease}.side-nav a:hover{color:#facc15}.page-container{display:flex;padding-right:5rem}.page-container-single{padding:1rem 5rem;min-height:90vh}.content{flex:1;min-width:0}.htu-steps{counter-reset:step-counter;list-style:none;padding-left:0}.htu-steps li{margin-bottom:1.5rem;padding-left:.5rem;font-size:1.05rem;line-height:1.6;position:relative}.htu-steps li:before{counter-increment:step-counter;content:counter(step-counter) ".";top:0;font-weight:700;color:#2a75bb}.htu-img{margin-top:.6rem;background:#1e293b;padding:.75rem;border-radius:6px;text-align:center}.htu-img img{max-width:100%;border-radius:4px;opacity:.85}#vs-imgs{display:flex;align-items:center}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltiptext{visibility:hidden;background-color:#333;color:#fff;padding:6px 10px;border-radius:4px;position:absolute;z-index:1;bottom:105%;left:50%;transform:translate(-50%);white-space:nowrap}.tooltip:hover .tooltiptext{visibility:visible}@media(max-width:1200px){#short-win-table{display:block;width:min-content}#long-win-table{display:none}#matchup-details{flex-direction:column}.strengths,.neutrals,.weaknesses{width:100%}}@media(max-width:768px){form{padding:1rem}.page-container{padding-right:.5rem;padding-left:.5rem}.page-container-single{padding:1rem .5rem}.smaller-txt{display:none}#yourTeam td,#oppTeam td,label,.fixed-width,#wordX,.warning,#scroll-top{display:block}td,.fixed-width{width:100%;text-align:center}#X{display:none}#yourTeam,#oppTeam{border-collapse:separate;border-spacing:0 2rem;border:1px solid #2a75bb}th{font-size:.75rem}.results-list{position:static;justify-self:center}footer *{display:block}.site-header{position:relative}body{padding-top:0}.side-nav{display:none}.strengths{margin:0}.neutrals{margin:1rem 0}.weaknesses{margin:0}.accordion-content{display:none;transition:display .3s ease}.accordion-label{display:flex;justify-content:space-between}input[type=checkbox]:checked+label+.accordion-content{display:block}.close-bottom{display:block}}