body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.pokedex{border-radius:20px;display:flex;max-width:100%;position:relative}.pokedex p{padding:25px}.pokedex:before{background:linear-gradient(45deg,#dc143c,#b71c1c 50%,#dc143c);border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.left-panel,.right-panel{padding:20px;position:relative;width:350px}.hinge{background:#8b0000;box-shadow:inset -5px 0 10px #0000004d;position:relative;width:20px}.top-lights{align-items:center;display:flex;margin-bottom:20px}.main-light{background:radial-gradient(circle at 30% 30%,#0ff,#0080ff);border:4px solid #fff;border-radius:50%;box-shadow:0 0 20px #00ffff80;height:60px;margin-right:15px;width:60px}.small-lights{display:flex;gap:8px}.small-light{border:2px solid #333;border-radius:50%;height:20px;width:20px}.red-light{background:radial-gradient(circle at 30% 30%,#ff6b6b,red)}.yellow-light{background:radial-gradient(circle at 30% 30%,#ffd93d,#ffb700)}.green-light{background:radial-gradient(circle at 30% 30%,#6bcf7f,#0f0)}.main-screen{background:#f0f0f0;border:4px solid #333;border-radius:10px;height:200px;margin-bottom:20px;padding:15px;position:relative}.screen-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.pokemon-image{image-rendering:pixelated;margin-bottom:10px;max-height:120px;max-width:120px}.pokemon-name{color:#333;font-size:18px;font-weight:700;text-transform:capitalize}.pokemon-id{color:#666;font-size:14px}.screen-indicators{display:flex;gap:5px;position:absolute;right:10px;top:10px}.indicator{background:red;border-radius:50%;height:8px;width:8px}.controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.reset-label{bottom:-18px;color:#000;font-size:10px;font-weight:700;left:50%;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.red-button-container{display:inline-block;position:relative}.speaker{display:flex;flex-direction:column;gap:3px}.speaker-line{background:#333;border-radius:2px;height:3px;width:40px}.red-button{background:radial-gradient(circle at 30% 30%,#ff6b6b,#dc143c);border:3px solid #8b0000;border-radius:50%;cursor:pointer;height:50px;transition:transform .1s;width:50px}.red-button:active{transform:scale(.95)}.bottom-controls{align-items:center;display:flex;justify-content:space-between}.dpad{height:80px;position:relative;width:80px}.dpad-button{background:#333;cursor:pointer;position:absolute;transition:background-color .1s}.dpad-button:hover{background:#555}.dpad-down,.dpad-up{height:25px;left:50%;transform:translateX(-50%);width:25px}.dpad-up{top:0}.dpad-down{bottom:0}.dpad-left,.dpad-right{height:25px;top:50%;transform:translateY(-50%);width:25px}.dpad-left{left:0}.dpad-right{right:0}.dpad-center{border-radius:50%;height:25px;left:50%;top:50%;transform:translate(-50%,-50%);width:25px}.action-buttons{display:flex;gap:10px}.action-button{background:#333;border:none;border-radius:10px;cursor:pointer;height:20px;transition:background-color .1s;width:40px}.action-button:hover{background:#555}.green-section{background:linear-gradient(135deg,#4caf50,#2e7d32);border:2px solid #1b5e20;border-radius:5px;height:40px;margin-bottom:10px;width:80px}.right-screen{background:#0d4f3c;border:4px solid #333;border-radius:10px;color:#0f0;font-family:Courier New,monospace;font-size:12px;height:220px;margin-bottom:20px;overflow-y:auto;padding:10px}.blue-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(5,1fr);height:60px;margin-bottom:20px}.grid-cell{background:linear-gradient(135deg,#2196f3,#0d47a1);border:1px solid #1565c0}.right-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.white-buttons{display:flex;gap:5px}.white-button{background:#fff;border:1px solid #ccc;cursor:pointer;height:15px;width:30px}.yellow-button{background:radial-gradient(circle at 30% 30%,#ffd93d,#ffb700);border:2px solid #333;border-radius:50%;cursor:pointer;height:25px;width:25px}.bottom-green-buttons{display:flex;gap:10px;margin-top:20px}.green-button{background:linear-gradient(135deg,#4caf50,#2e7d32);border:2px solid #1b5e20;border-radius:5px;cursor:pointer;height:30px;width:60px}.search-section{margin-bottom:20px}.search-input{border:2px solid #333;border-radius:5px;font-size:14px;padding:8px;width:100%}.search-button{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:5px;padding:8px;width:100%}.search-button:hover{background:linear-gradient(135deg,#5cbf60,#357a37)}.loading{color:#666;font-style:italic}.error{color:red;font-weight:700}header{align-items:center;display:flex;flex-direction:column;justify-content:center}.logo{margin:0 2rem 0 0;padding:25px}.search-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.search-box,.search-container{box-shadow:0 20px 30px #00000026}.search-box{border:2px solid #ccc;border-radius:5px;font-size:1.5em;height:50px;margin:40px 0;max-width:500px;padding:10px;text-align:center;width:100%}.pokemon-item{float:left;margin:10px}.pokemon-item a{color:#000;font-size:16px;text-decoration:none;text-transform:capitalize;transition:color .3s ease}.pokemon-item a:hover{color:#3b4cca}ul{border:1px solid #000;border-radius:25px;flex-wrap:nowrap;float:left;gap:5px;height:500px;justify-content:space-evenly;list-style:none;margin:20px;overflow-y:scroll;padding:10px}.pokemon-details,ul{display:flex;flex-direction:column}.pokemon-details{align-items:center;border:0 solid #000;border-radius:10px;box-shadow:0 20px 30px #00000026;color:#000;flex-wrap:wrap;justify-content:center;margin:20px auto;max-width:600px;padding:30px 20px;text-transform:capitalize;width:90%}.pokemon-details p{border:1px solid #000;border-radius:25px;display:block;margin:10px;padding:20px}.pokemon-details img{height:250px;width:250px}@media only screen and (max-width:768px){body{padding:10px}.pokedex{flex-direction:row;overflow-x:auto;width:100%}.left-panel,.right-panel{flex-shrink:0;width:280px}.hinge{width:15px}.pokemon-details{max-width:90%;padding:40px 20px}.search-box{font-size:1.2em;height:45px}ul{height:400px;margin:10px}}@media only screen and (max-width:600px){body{align-items:flex-start;display:flex;overflow-x:hidden;padding:10px}.pokedex{flex-direction:row;margin:0;width:100%}.left-panel,.right-panel{flex-shrink:0;padding:10px;width:calc(50% - 6px)}.hinge{flex-shrink:0;width:12px}.main-light{border:3px solid #fff;height:35px;margin-right:8px;width:35px}.small-light{height:12px;width:12px}.main-screen,.right-screen{height:140px;padding:8px}.right-screen{font-size:10px}.pokemon-image{max-height:80px;max-width:80px}.pokemon-name{font-size:14px}.pokemon-id{font-size:11px}.red-button{border:2px solid #8b0000;height:35px;width:35px}.reset-label{bottom:-15px;font-size:8px}.dpad{height:60px;width:60px}.dpad-center,.dpad-down,.dpad-left,.dpad-right,.dpad-up{height:18px;width:18px}.action-button{height:16px;width:30px}.speaker-line{height:2px;width:30px}.green-section{height:30px;width:60px}.pokemon-details{box-sizing:border-box;margin:10px 0;max-width:100%;padding:20px 10px;width:100%}.pokemon-details img{height:120px;width:120px}.pokemon-details p{box-sizing:border-box;font-size:12px;font-size:14px;margin:5px 0;margin:8px 0;padding:10px;padding:12px;width:100%}.search-box{font-size:1em;height:40px;margin:20px 0;padding:8px}ul{height:300px;margin:10px 5px;padding:8px}.pokemon-item{margin:5px;width:100%}.pokemon-item a{font-size:14px}.logo{margin:0;max-width:100%;padding:15px}header{padding:10px}.blue-grid{grid-template-columns:repeat(5,1fr);height:40px}.green-button{font-size:10px;height:22px;width:45px}.white-button{height:10px;width:20px}.yellow-button{height:18px;width:18px}.search-button,.search-input{font-size:12px;padding:6px}}@media only screen and (max-width:400px){body{padding:8px}.pokedex p{font-size:12px;padding:10px}.left-panel,.right-panel{padding:8px;width:calc(50% - 5px)}.hinge{width:10px}.main-screen,.right-screen{height:120px;padding:6px}.pokemon-image{max-height:70px;max-width:70px}.main-light{border:2px solid #fff;height:30px;width:30px}.small-light{height:10px;width:10px}.pokemon-name{font-size:12px}.pokemon-id{font-size:10px}.pokemon-details img{height:150px;width:150px}.search-box{font-size:.9em;height:35px}.dpad{height:50px;width:50px}.dpad-center,.dpad-down,.dpad-left,.dpad-right,.dpad-up{height:15px;width:15px}.red-button{height:30px;width:30px}.reset-label{bottom:-13px;font-size:7px}.right-screen{font-size:9px}}
/*# sourceMappingURL=main.302c5ef1.css.map*/