:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1920px;margin:0 auto;text-align:center}.pokedex-shell{position:relative;width:800px;height:700px;background-image:url(/pokedex-bg.png);background-size:cover;background-position:center;margin:0 auto}.pokedex-shell .search-input{position:absolute;top:475px;left:457.5px;width:279px;height:55.5px;border-radius:8px;background-color:#242424}.pokedex-shell .search-button{position:absolute;top:561.5px;left:467px;width:73px;height:39px;background-color:transparent;border-radius:20px;padding:0}.search-container{display:flex;gap:8px;align-items:center}.search-container input{height:30px;border-radius:5px;width:150px;padding-left:8px;font-size:25px}.search-container button{width:80px;height:35px;color:#fff;font-size:16px;border:none;cursor:pointer}.pokemon-display{position:absolute;top:196px;left:105px;width:230px;height:146.5px;text-align:center;color:#000;border-radius:8px}.sprite-wrapper{width:150px;height:150px;margin:0}.pokemon-sprite{position:relative;width:200px;height:200px;object-fit:contain;left:11%;bottom:18%}.info-text{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start;margin-top:2px}.pokemon-name,.pokemon-id{float:left;margin:0;font-size:18px;font-weight:700}.pokemon-types{position:absolute;top:100px;left:460px;display:flex;flex-direction:column;gap:3px}.type-badge{padding:3px 8px;margin:0;border-radius:4px;font-size:12px;font-weight:700;color:#1e2219;text-align:center;box-shadow:inset 0 1px 4px #ffffff75,0 2px 4px #0000004d;text-shadow:1px 1px 2px rgba(255,255,255,.3)}.type-badge.water{background-color:#318ae5}.type-badge.bug{background-color:#88970b}.type-badge.dark{background-color:#3c2e25;color:#fff}.type-badge.dragon{background-color:#6651d1}.type-badge.electric{background-color:#db950b}.type-badge.fairy{background-color:#d99ee1}.type-badge.fighting{background-color:#702c17}.type-badge.fire{background-color:#c02309}.type-badge.flying{background-color:#5d77d9}.type-badge.ghost{background-color:#704170;color:#fff}.type-badge.grass{background-color:#41961a}.type-badge.ground{background-color:#b58644}.type-badge.ice{background-color:#76cbf5}.type-badge.normal{background-color:#aca690}.type-badge.poison{background-color:#a133a2;color:#fff}.type-badge.psychic{background-color:#da3166}.type-badge.rock{background-color:#9c883a}.type-badge.steel{background-color:#8e8d9c}.stats-table-wrapper{position:absolute;top:218px;left:613px;width:300px}.stats-table{width:138px;height:233px;border-collapse:collapse;background-color:transparent;color:#dfc9ad;font-weight:700;text-shadow:#000 1px 1px 2px}.stats-table th,.stats-table td{font-size:23.8px;text-align:end;padding-right:15px}.stats-table th{background-color:#eee;font-weight:700}.dpad-container{position:relative;width:120px;height:120px;perspective:400px}.dpad-button{position:absolute;border-radius:4px;background-color:transparent;color:#131313b6;font-size:1.2rem;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out;transform-style:preserve-3d;box-shadow:0 4px 6px #0000004d g}.dpad-button.up:active{box-shadow:inset 0 6px 8px #00000080}.dpad-button.down:active{transform:translateY(4px) rotate(-3deg);box-shadow:inset 0 -4px 6px #0006}.dpad-button.left:active{transform:translate(-4px) rotate(-3deg);box-shadow:inset 4px 0 6px #0006}.dpad-button.right:active{transform:translate(4px) rotate(3deg);box-shadow:inset -4px 0 6px #0006}.dpad-button.up:active{transform:translateZ(-10px) rotateX(15deg)}.dpad-button.down:active{transform:translateZ(-10px) rotateX(-15deg)}.dpad-button.left:active{transform:translateZ(-10px) rotateY(-15deg)}.dpad-button.right:active{transform:translateZ(-10px) rotateY(15deg)}.dpad-button.mute:active{transform:translateZ(-4px)}.dpad-button .dpad-button:disabled{opacity:.3;cursor:not-allowed}.dpad-button.up{padding:0;width:34px;height:36px;bottom:236px;left:280px}.dpad-button.left{padding:0;width:36px;height:34px;bottom:204px;left:246px}.dpad-button.right{padding:0;width:36px;height:34px;bottom:204px;left:312px}.dpad-button.down{padding:0;width:34px;height:36px;bottom:169px;left:280px}.dpad-button.mute{bottom:112px;left:276px;width:43px;height:20px;background-color:transparent;font-size:15px;padding:0;border-radius:5px}.dpad-button.mute.muted{background-color:#800}.lights-panel{position:absolute;top:20px;left:60px;pointer-events:none}.light.big.blue{position:absolute;top:4px;left:1px;width:81px;height:81px;border-radius:50%;background-color:#0009;mix-blend-mode:multiply;transition:background-color 1s ease-in-out}.light.big.blue.on{background:radial-gradient(circle at center,#1276b4 100%,#04252e);mix-blend-mode:screen}.light.small{position:absolute;width:22px;height:22px;border-radius:50%;mix-blend-mode:screen;opacity:0}.light.small.red{top:6px;left:113px;background:radial-gradient(circle at center,#9b190d 100%,#fff0 60%)}.light.small.orange{top:6px;left:157px;background:radial-gradient(circle at center,#c38901 100%,#fff0 60%)}.light.small.green{top:6px;left:202px;background:radial-gradient(circle at center,#55e331c2 100%,#fff0 60%)}@keyframes blink-light{0%,to{opacity:0}50%{opacity:1}}.light.small.red.blink{animation:blink-light 1s infinite}.light.small.orange.blink{animation:blink-light 1s infinite .2s}.light.small.green.blink{animation:blink-light 1s infinite .4s}.power-button{position:absolute;top:562px;left:679px;width:55px;height:38px;padding:0;background:transparent;border-radius:17px;cursor:pointer;transition:;color:#000;box-shadow:inset 0 1px 1px #22080999,inset 0 -2px 4px #0006,0 4px 6px #0006;transition:background .3s ease,box-shadow .3s ease,color .3s,border-color .3s}.power-icon{padding-top:5px;padding-left:.5px;width:24px;height:24px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke:currentColor}.power-button.off{color:#000}.power-button.on{color:#49b804}.power-button:active{box-shadow:inset 0 1px 2px #0009,0 2px 3px #0000004d;transform:translateY(1px)}