@charset "UTF-8";:root{--primary-color: #4715bb;--secondary-color: #F72585;--accent-color: #368ca7;--accent-2: #2CDEBF;--background-color: #FDFDFE;--color-surface: #FFFFFF;--color-surface-variant: #F3F5FA;--text-color-primary: #191C1B;--text-color-secondary: #5B6B79;--text-color-muted: #9AA7B3;--text-color-button: #FFFFFF;--button-color-primary: #006B59;--button-color-primary-hover: rgba(0, 107, 89, .9);--button-color-primary-disabled: rgba(31, 31, 31, .12);--button-text-primary-disabled: rgba(25, 28, 27, 1);--separator-color-primary: #3F4946;--separator-marker-color-primary: #006B59;--block-color: #FAFDFA;--block-color-secundary: #FAFDFA;--shadow-soft: 0 2px 10px rgba(0,0,0,.1);--shadow-strong: 0 8px 24px rgba(0,0,0,.18);--foil-border: conic-gradient( from 180deg, #3A0CA3, #F72585, #4CC9F0, #7209B7, #B5179E, #4895EF, #560BAD, #F72585, #3A0CA3 );--focus-ring: 0 0 0 3px rgba(255, 203, 5, .45);--correct: #22C55E;--wrong: #EF4444;--warning: #F59E0B;--xp-gradient: linear-gradient(90deg, #a09361 0%, #9397b6 100%);--type-normal: #A8A77A;--type-fire: #EE8130;--type-water: #6390F0;--type-electric: #F7D02C;--type-grass: #7AC74C;--type-ice: #96D9D6;--type-fighting: #C22E28;--type-poison: #A33EA1;--type-ground: #E2BF65;--type-flying: #A98FF3;--type-psychic: #F95587;--type-bug: #A6B91A;--type-rock: #B6A136;--type-ghost: #735797;--type-dragon: #6F35FC;--type-dark: #705746;--type-steel: #B7B7CE;--type-fairy: #D685AD}:root[data-theme=dark]{--background-color: #0B1022;--color-surface: #121733;--color-surface-variant: #0E1430;--text-color-primary: #E7EAF5;--text-color-secondary: #C5CEE0;--text-color-muted: #99A4C1;--shadow-soft: 0 2px 10px rgba(0,0,0,.35);--shadow-strong: 0 10px 28px rgba(0,0,0,.55)}body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:22px;background:linear-gradient(135deg,var(--accent-color) 0%,var(--primary-color) 100%);min-height:100vh;margin:0;color:var(--text-color-primary);display:flex;width:100%;justify-content:center;align-items:center}h1,h2{color:var(--text-color-primary);margin:2px 0}.global-silhouette{filter:contrast(0) sepia(100%) hue-rotate(190deg) saturate(2000%) brightness(100%);opacity:1;width:100%}.global-card{position:relative;background:rgba(255,255,255,.9);border-radius:24px;padding:24px;width:360px;margin:auto;box-shadow:var(--shadow-soft);border:2px solid transparent;background-clip:padding-box}.global-card:before{content:"";position:absolute;inset:-2px;border-radius:26px;background:var(--foil-border);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;filter:saturate(1.1);opacity:.9}.global-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-strong);transition:transform .2s ease,box-shadow .2s ease}.global-card-header{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.global-lineWrapper{display:flex;gap:8px;align-items:center}.global-elementCard{display:flex;border-radius:50px;padding:4px 8px;align-items:center;gap:8px}.global-elementCard .global-elementCard-outline{background-color:#fff;border-radius:50px;padding:4px 6px;display:flex}.global-elementCard .global-elementCard-outline svg{height:20px}.poke-option-wrapper{display:flex;flex-direction:column;gap:12px}.poke-option{border:none;border-radius:15px;display:flex;justify-content:center;padding:14px 16px;cursor:pointer;background:linear-gradient(135deg,var(--accent-color),var(--primary-color));color:var(--text-color-button);transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;box-shadow:var(--shadow-soft)}.poke-option:hover{transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-strong)}.poke-option:active{transform:translateY(0) scale(.98)}.poke-option.is-correct{background:linear-gradient(135deg,var(--correct),#16A34A)}.poke-option.is-wrong{background:linear-gradient(135deg,var(--wrong),#B91C1C)}@keyframes sparkle{0%{filter:brightness(1)}50%{filter:brightness(1.3)}to{filter:brightness(1)}}.poke-option.is-correct{animation:sparkle .6s ease-in-out}.grass{background-color:#63bc5a}.poison{background-color:#b567ce}.button-options{display:flex;flex-direction:column}.btn{-webkit-appearance:none;appearance:none;border:none;border-radius:14px;padding:12px 16px;font-weight:600;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 2px #0003}.btn:active{transform:translateY(2px) scale(.99);box-shadow:0 0 #0000}.btn-primary{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));color:var(--text-color-button)}.btn-ghost{background:var(--color-surface);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-danger{background:linear-gradient(135deg,#FF6B6B,#C81E1E);color:#fff}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.badge{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:6px 10px;border-radius:999px;color:#fff;box-shadow:var(--shadow-soft)}.chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;color:#fff;font-size:12px;opacity:.95}.type-grass{background:var(--type-grass)}.type-fire{background:var(--type-fire)}.type-water{background:var(--type-water)}.type-electric{background:var(--type-electric)}.type-poison{background:var(--type-poison)}.type-bug{background:var(--type-bug)}.type-psychic{background:var(--type-psychic)}.type-rock{background:var(--type-rock)}.type-ghost{background:var(--type-ghost)}.type-dragon{background:var(--type-dragon)}.type-ice{background:var(--type-ice)}.type-dark{background:var(--type-dark)}.type-steel{background:var(--type-steel)}.type-fairy{background:var(--type-fairy)}.type-ground{background:var(--type-ground)}.type-flying{background:var(--type-flying)}.type-normal{background:var(--type-normal)}.button-options button{margin:16px;padding:16px;background-color:var(--text-color-button)}.div-intro{display:flex;justify-content:space-between}.region-option{display:flex;align-items:center;width:100%;padding-left:16px}.region-option input{margin:8px;width:20px;height:20px}.nome-option{display:flex;align-items:center;width:100%;padding-left:16px}.nome-option input{margin:8px;width:100%;height:32px;border-radius:8px}