:root{--color-blue-50:#f2f7fe;--color-blue-100:#eef4fd;--color-blue-150:#e2ebfc;--color-blue-200:#d9e6fb;--color-blue-300:#d5e3fb;--color-blue-400:#c0cce2;--color-blue-500:#c0cce2;--color-blue-600:#aab6c9;--color-blue-700:#959fb0;--color-blue-800:#808897;--color-blue-900:#808897;--color-violet-50:#d3c3de;--color-violet-100:#b69cc8;--color-violet-150:#a788bd;--color-violet-200:#8960a7;--color-violet-300:#7b4c9c;--color-violet-400:#6c3891;--color-violet-500:#613283;--color-violet-600:#562d74;--color-violet-700:#4c2766;--color-violet-800:#412257;--color-violet-900:#361c49;--color-cyan-50:#a8d5e5;--color-cyan-100:#92cbdf;--color-cyan-150:#7cc0d8;--color-cyan-200:#66b6d2;--color-cyan-300:#51abcb;--color-cyan-400:#3ba1c5;--color-cyan-500:#2596be;--color-cyan-600:#2187ab;--color-cyan-700:#1e7898;--color-cyan-800:#1a6985;--color-cyan-900:#165a72;--color-green-50:#cafcb5;--color-green-100:#bdfca3;--color-green-150:#a3fa7e;--color-green-200:#95f96b;--color-green-300:#88f959;--color-green-400:#7bf846;--color-green-500:#6fdf3f;--color-green-600:#62c638;--color-green-700:#56ae31;--color-green-800:#4a952a;--color-green-900:#3e7c23;--color-sandal-50:#f7dac6;--color-sandal-100:#f5d1b8;--color-sandal-150:#f3c8aa;--color-sandal-200:#f1bf9c;--color-sandal-300:#efb58d;--color-sandal-400:#edac7f;--color-sandal-500:#eba371;--color-sandal-600:#d49366;--color-sandal-700:#bc825a;--color-sandal-800:#a5724f;--color-sandal-900:#8d6244;--color-saffron-50:#ffceb6;--color-saffron-100:#ffad86;--color-saffron-150:#ff9c6d;--color-saffron-200:#ff8c55;--color-saffron-300:#ff7b3d;--color-saffron-400:#ff6b24;--color-saffron-500:#ff5a0c;--color-saffron-600:#e6510b;--color-saffron-700:#cc480a;--color-saffron-800:#b33f08;--color-saffron-900:#993607;--color-purple-50:#f5f3ff;--color-purple-100:#ede9fe;--color-purple-150:#e0d8fd;--color-purple-200:#ddd6fe;--color-purple-300:#c4b5fd;--color-purple-400:#a78bfa;--color-purple-500:#8b5cf6;--color-purple-600:#7c3aed;--color-purple-700:#6d28d9;--color-purple-800:#5b21b6;--color-purple-900:#4c1d95;--color-yellow-50:#fffbeb;--color-yellow-100:#fef3c7;--color-yellow-150:#fde8a5;--color-yellow-200:#fde68a;--color-yellow-300:#fcd34d;--color-yellow-400:#fbbf24;--color-yellow-500:#f59e0b;--color-yellow-600:#d97706;--color-yellow-700:#b45309;--color-yellow-800:#92400e;--color-yellow-900:#78350f;--color-navy-50:#f8fafc;--color-navy-100:#f1f5f9;--color-navy-150:#e4e9f0;--color-navy-200:#e2e8f0;--color-navy-300:#cbd5e1;--color-navy-400:#94a3b8;--color-navy-500:#64748b;--color-navy-600:#475569;--color-navy-700:#334155;--color-navy-800:#1e293b;--color-navy-900:#0f172a;--color-grey-50:#f9fafb;--color-grey-100:#f3f4f6;--color-grey-150:#e9ecef;--color-grey-200:#e5e7eb;--color-grey-300:#d1d5db;--color-grey-400:#9ca3af;--color-grey-500:#6b7280;--color-grey-600:#4b5563;--color-grey-700:#374151;--color-grey-800:#1f2937;--color-grey-900:#111827;--color-colorless-50:#f5f5f0;--color-colorless-100:#e8e7de;--color-colorless-150:#dddcc8;--color-colorless-200:#d1d0b8;--color-colorless-300:#c6c4a8;--color-colorless-400:#bab898;--color-colorless-500:#a8a77a;--color-colorless-600:#979687;--color-colorless-700:#86856e;--color-colorless-800:#747455;--color-colorless-900:#63633c;--color-darkness-50:#e9e5e1;--color-darkness-100:#d4cdc6;--color-darkness-150:#bfb5ab;--color-darkness-200:#aa9d90;--color-darkness-300:#958575;--color-darkness-400:#806d5a;--color-darkness-500:#705746;--color-darkness-600:#644e3f;--color-darkness-700:#584538;--color-darkness-800:#4c3c31;--color-darkness-900:#40332a;--color-dragon-50:#ede8ff;--color-dragon-100:#dbd1ff;--color-dragon-150:#c9baff;--color-dragon-200:#b7a3ff;--color-dragon-300:#a58cff;--color-dragon-400:#9375ff;--color-dragon-500:#6f35fc;--color-dragon-600:#6430e3;--color-dragon-700:#592bca;--color-dragon-800:#4e26b1;--color-dragon-900:#432198;--color-fairy-50:#fceef7;--color-fairy-100:#f9ddef;--color-fairy-150:#f6cce7;--color-fairy-200:#f3bbdf;--color-fairy-300:#f0aad7;--color-fairy-400:#ed99cf;--color-fairy-500:#d685ad;--color-fairy-600:#c1789c;--color-fairy-700:#ac6b8b;--color-fairy-800:#975e7a;--color-fairy-900:#825169;--color-fighting-50:#f9e4e3;--color-fighting-100:#f3c9c7;--color-fighting-150:#edaeab;--color-fighting-200:#e7938f;--color-fighting-300:#e17873;--color-fighting-400:#db5d57;--color-fighting-500:#c22e28;--color-fighting-600:#ae2924;--color-fighting-700:#9a2420;--color-fighting-800:#861f1c;--color-fighting-900:#721a18;--color-fire-50:#fef4ec;--color-fire-100:#fde9d9;--color-fire-150:#fcdec6;--color-fire-200:#fbd3b3;--color-fire-300:#fac8a0;--color-fire-400:#f9bd8d;--color-fire-500:#ee8130;--color-fire-600:#d6742b;--color-fire-700:#be6726;--color-fire-800:#a65a21;--color-fire-900:#8e4d1c;--color-grass-50:#f0fbe9;--color-grass-100:#e1f7d3;--color-grass-150:#d2f3bd;--color-grass-200:#c3efa7;--color-grass-300:#b4eb91;--color-grass-400:#a5e77b;--color-grass-500:#7ac74c;--color-grass-600:#6eb344;--color-grass-700:#629f3c;--color-grass-800:#568b34;--color-grass-900:#4a772c;--color-lightning-50:#fffceb;--color-lightning-100:#fff9d7;--color-lightning-150:#fff6c3;--color-lightning-200:#fff3af;--color-lightning-300:#fff09b;--color-lightning-400:#ffed87;--color-lightning-500:#f7d02c;--color-lightning-600:#debb28;--color-lightning-700:#c5a624;--color-lightning-800:#ac9120;--color-lightning-900:#937c1c;--color-metal-50:#fafafe;--color-metal-100:#f5f5fd;--color-metal-150:#f0f0fc;--color-metal-200:#ebebfb;--color-metal-300:#e6e6fa;--color-metal-400:#e1e1f9;--color-metal-500:#b7b7ce;--color-metal-600:#a5a5b9;--color-metal-700:#9393a4;--color-metal-800:#81818f;--color-metal-900:#6f6f7a;--color-psychic-50:#feeef5;--color-psychic-100:#fdddeb;--color-psychic-150:#fccce1;--color-psychic-200:#fbbbd7;--color-psychic-300:#faaacd;--color-psychic-400:#f999c3;--color-psychic-500:#f95587;--color-psychic-600:#e04d79;--color-psychic-700:#c7456b;--color-psychic-800:#ae3d5d;--color-psychic-900:#95354f;--color-water-50:#eff6fd;--color-water-100:#dfedfb;--color-water-150:#cfe4f9;--color-water-200:#bfdbf7;--color-water-300:#afd2f5;--color-water-400:#9fc9f3;--color-water-500:#6390f0;--color-water-600:#5982d8;--color-water-700:#4f74c0;--color-water-800:#4566a8;--color-water-900:#3b5890;--primary-background:var(--color-grey-50);--primary-text-color:var(--color-grey-900);--secondary-background:var(--color-navy-900);--secondary-text-color:var(--color-navy-50);--tertiary-background:var(--color-purple-900);--tertiary-text-color:white;--text-off-white:var(--color-grey-400);--text-off-white-secondary:var(--color-grey-600);--border-color:var(--color-grey-200);--border-radius:12px;--button-background:var(--color-yellow-400);--button-text-color:var(--color-navy-900);--button-hover-background:var(--color-yellow-500);--button-hover-text-color:var(--color-navy-900);--highlight-background:var(--color-yellow-600);--highlight-text-color:white;--accent-color:var(--color-purple-500);--accent-text-color:white;--category-background:var(--color-blue-100);--type-background-colorless:var(--color-colorless-100);--type-background-dark:var(--color-darkness-100);--type-background-dragon:var(--color-dragon-50);--type-background-fairy:var(--color-fairy-50);--type-background-fight:var(--color-fighting-50);--type-background-fire:var(--color-fire-50);--type-background-grass:var(--color-grass-50);--type-background-light:var(--color-lightning-50);--type-background-metal:var(--color-metal-50);--type-background-psychic:var(--color-psychic-50);--type-background-water:var(--color-water-50);--type-background-pokemon:var(--color-navy-100);--type-background-trainer:var(--color-sandal-100);--type-background-energy:var(--color-yellow-100);--type-background-item:var(--color-navy-200);--type-text-colorless:var(--color-colorless-800);--type-text-dark:var(--color-darkness-800);--type-text-dragon:var(--color-dragon-800);--type-text-fairy:var(--color-fairy-700);--type-text-fight:var(--color-fighting-800);--type-text-fire:var(--color-fire-800);--type-text-grass:var(--color-grass-800);--type-text-light:#b77718;--type-text-metal:var(--color-metal-800);--type-text-psychic:var(--color-psychic-800);--type-text-water:var(--color-water-800);--type-text-pokemon:var(--color-navy-800);--type-text-trainer:var(--color-sandal-800);--type-text-energy:var(--color-yellow-700);--type-text-item:var(--color-navy-700);--trend-up-background:var(--color-green-300);--trend-up-border:var(--color-green-500);--trend-up-text:black;--trend-down-background:var(--color-saffron-500);--trend-down-border:var(--color-saffron-400);--trend-down-text:white;--trend-neutral-background:var(--color-grey-700);--trend-neutral-border:var(--color-grey-500);--trend-neutral-text:var(--color-grey-100);--box-shadow:0 3px 15px #0000000d}[data-theme=dark]{--primary-background:var(--color-navy-900);--primary-text-color:var(--color-navy-50);--secondary-background:var(--color-navy-800);--secondary-text-color:var(--color-navy-100);--border-color:var(--color-navy-700);--border-radius:12px;--button-background:var(--color-yellow-500);--button-text-color:var(--color-navy-900);--button-hover-background:var(--color-yellow-400);--button-hover-text-color:var(--color-navy-900);--highlight-background:var(--color-yellow-500);--highlight-text-color:var(--color-navy-900);--box-shadow:0 3px 15px #0006}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--primary-background);color:var(--primary-text-color);font-family:Roboto,sans-serif;font-size:62.5%}body{background-color:var(--primary-background);color:var(--primary-text-color);scrollbar-width:thin;scrollbar-color:var(--border-color)transparent}::-webkit-scrollbar-button{display:none}.btn{border-radius:var(--border-radius);background:var(--secondary-background);color:var(--secondary-text-color);letter-spacing:1px;text-align:center;cursor:pointer;border:none;outline:none;padding:1rem 2rem;font-family:inherit;font-size:1em;transition:all .3s}.btn:hover{background:var(--accent-color);color:var(--accent-text-color);scale:101%}.btn.full{width:100%;padding:1.4rem 0;font-weight:700}.btn.outline{background-color:var(--primary-background);border:2px solid var(--border-color);color:var(--text-off-white-secondary)}.btn.outline:hover{background:var(--secondary-background);color:var(--secondary-text-color)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.user-avatar{background:var(--border-color);border-radius:50%;padding:1.4rem}.user-avatar .user-avatar-icon,.user-avatar .icon{font-size:1.6rem}.select-container{flex-direction:column;justify-content:start;align-items:start;gap:1rem;width:100%;font-size:1.2em;display:flex}.select-container .select-field-container{width:100%;position:relative}.select-container .select-field-container .icon{color:var(--text-off-white);font-size:1.2em;position:absolute;top:30%;left:5%}.select-container select,.select-container .select-field{border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;font-size:inherit;outline:none;padding:1rem 2rem 1rem 5rem}.select-container .select-field:focus,.select-container .select-field:focus-visible{border:1px solid var(--accent-color)}.select-container .select-field:focus+.icon,.select-container select:focus+.icon{color:var(--accent-color)}.error-container{border-radius:var(--border-radius);background:var(--color-fighting-50);color:var(--color-fighting-500);gap:1rem;margin-top:1rem;padding:1rem 2rem;display:flex}.card{border-radius:var(--border-radius);min-height:100px;box-shadow:0 3px 15px #0003}.heading{font-weight:700}.title{align-items:center;gap:1rem;display:flex}.sub-title{letter-spacing:.4px;width:100%;color:var(--text-off-white);justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.icon{cursor:pointer;font-size:1.6rem}.designation{border-radius:5px;padding:.4rem;font-weight:700}.designation.pro{background-color:var(--accent-color);color:var(--accent-text-color)}.designation.normal{color:#8a2be2}.badge{border-radius:var(--border-radius);align-items:center;gap:.6rem;padding:.6rem 1rem;font-weight:700;display:flex}.badge .icon{cursor:default;font-size:1.4rem}.types .type-Colorless{background:var(--type-background-colorless);color:var(--type-text-colorless)}.types .type-Darkness{background:var(--type-background-dark);color:var(--type-text-dark)}.types .type-Dragon{background:var(--type-background-dragon);color:var(--type-text-dragon)}.types .type-Fairy{background:var(--type-background-fairy);color:var(--type-text-fairy)}.types .type-Fighting{background:var(--type-background-fight);color:var(--type-text-fight)}.types .type-Fire{background:var(--type-background-fire);color:var(--type-text-fire)}.types .type-Grass{background:var(--type-background-grass);color:var(--type-text-grass)}.types .type-Lightning{background:var(--type-background-light);color:var(--type-text-light)}.types .type-Metal{background:var(--type-background-metal);color:var(--type-text-metal)}.types .type-Psychic{background:var(--type-background-psychic);color:var(--type-text-psychic)}.types .type-Water{background:var(--type-background-water);color:var(--type-text-water)}.types .type-Pokemon{background:var(--type-background-pokemon);color:var(--type-text-pokemon)}.types .type-Trainer{background:var(--type-background-trainer);color:var(--type-text-trainer)}.types .type-Energy{background:var(--type-background-energy);color:var(--type-text-energy)}.types .type-Item{background:var(--type-background-item);color:var(--type-text-item)}.trend{letter-spacing:.04em;border:1px solid #0000;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:700;display:inline-flex}.trend .up{background:var(--trend-up-background);border-color:var(--trend-up-border);color:var(--trend-up-text);border-radius:5px;padding:.6rem 1.2rem}.trend .down{background:var(--trend-down-background);border-color:var(--trend-down-border);color:var(--trend-down-text);border-radius:5px;padding:.6rem 1.2rem}.trend .neutral{background:var(--trend-neutral-background);border-color:var(--trend-neutral-border);color:var(--trend-neutral-text);border-radius:5px;padding:.6rem 1.2rem}.trend .icon{justify-content:center;align-items:center;font-size:1.2rem;display:flex}.trend .value{white-space:nowrap}.ranks-container.rank .rank-1{border:1px solid var(--color-yellow-400);background:var(--color-yellow-50)}.ranks-container.rank .rank-1 .icon{color:var(--color-yellow-400)}.ranks-container.rank .rank-2{border:1px solid var(--color-navy-800);background:var(--color-navy-100)}.ranks-container.rank .rank-2 .icon{color:var(--color-navy-500)}.ranks-container.rank .rank-3{border:1px solid var(--color-saffron-500);background:var(--color-fire-100)}.ranks-container.rank .rank-3 .icon{color:var(--color-saffron-200)}.ranks-container.rank .user-rank{border:1px solid var(--color-cyan-150);background:var(--color-water-100)}.ranks-container.rank .other-rank{color:var(--text-off-white);font-weight:700}.ranks-container.rank .icon{background:0 0;border:none}.color-palette-linear{color:var(--secondary-text-color)}.color-palette-linear.order-1{background:linear-gradient(135deg,var(--color-fighting-500),var(--color-fighting-800))}.color-palette-linear.order-2{background:linear-gradient(135deg,var(--color-psychic-500),var(--color-psychic-800))}.color-palette-linear.order-3{background:linear-gradient(135deg,var(--color-saffron-500),var(--color-saffron-800))}.color-palette-linear.order-4{background:linear-gradient(135deg,var(--color-lightning-500),var(--color-lightning-800))}.color-palette-linear.order-5{background:linear-gradient(135deg,var(--color-grass-500),var(--color-grass-800))}.color-palette-linear.order-6{background:linear-gradient(135deg,var(--color-water-500),var(--color-water-800))}.color-palette-conic{--progress:65%}.color-palette-conic.order-1{background:conic-gradient(var(--color-fighting-500)var(--progress),var(--border-color)0)}.color-palette-conic.order-2{background:conic-gradient(var(--color-psychic-500)var(--progress),var(--border-color)0)}.color-palette-conic.order-3{background:conic-gradient(var(--color-saffron-500)var(--progress),var(--border-color)0)}.color-palette-conic.order-4{background:conic-gradient(var(--color-lightning-500)var(--progress),var(--border-color)0)}.color-palette-conic.order-5{background:conic-gradient(var(--color-grass-500)var(--progress),var(--border-color)0)}.color-palette-conic.order-6{background:conic-gradient(var(--color-water-500)var(--progress),var(--border-color)0)}.slider-container{border-radius:var(--border-radius);background-color:var(--color-water-200);width:100%;height:5px}.slider-container .slider{border-radius:var(--border-radius);background-color:var(--accent-color);height:100%}.user-level{border-radius:var(--border-radius);padding:.2rem 0;font-size:1rem;font-weight:700}.user-level.level-1{background:var(--color-grey-100);color:var(--color-grey-800)}.user-level.level-2{background:var(--color-grass-50);color:var(--color-green-800)}.user-level.level-3{background:var(--color-blue-100);color:var(--color-blue-800)}.user-level.level-4{background:var(--color-purple-100);color:var(--color-purple-800)}.user-level.level-5{background:var(--color-yellow-100);color:var(--color-yellow-800)}.user-level.level-6{background:var(--color-fire-100);color:var(--color-fire-800)}.user-level.level-7{background:var(--color-dragon-100);color:var(--color-dragon-800)}.user-level.level-8{background:var(--color-psychic-100);color:var(--color-psychic-800)}.user-level.level-9{background:var(--color-violet-50);color:var(--color-violet-600)}.user-level.level-10{background:var(--color-fighting-100);color:var(--color-fighting-800)}@media (max-width:1000px){html{font-size:50%}}@media (max-width:700px){html{font-size:43.75%}.user-avatar{padding:1.2rem}.user-avatar .user-avatar-icon,.user-avatar .icon{font-size:1.4rem}}@media (max-width:500px){html{font-size:37.5%}.user-avatar{padding:1rem!important}.user-avatar .user-avatar-icon,.user-avatar .icon{font-size:1.2rem}}@media (max-width:400px){html{font-size:31.25%}}