@import url(https://fonts.googleapis.com/css2?family=Orbitron&display=swap);@import url(https://fonts.googleapis.com/css?family=VT323);@import url(https://rsms.me/inter/inter.css);@import url(https://fonts.googleapis.com/css2?family=Bangers&display=swap);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}Canvas,body{-webkit-overflow-scrolling:touch;bottom:0;height:100%;left:0;overflow-y:hidden;position:fixed;right:0;top:0}.ControlsIntroduction{align-items:center;bottom:0;display:flex;flex-flow:column;height:130px;position:fixed;width:100%}.KeyboardGFX{height:40px;width:61px}.ControlsWrapper{position:relative}.ControlsWrapper span{display:inline-block;position:absolute}.ControlsTextForward{top:-8px}.ControlsTextBackward,.ControlsTextForward{font-size:.8rem;left:0;text-align:center;transform:translate3d(0,-100%,0);width:100%}.ControlsTextBackward{bottom:-35px}.ControlsTextLeft{left:-35px}.ControlsTextLeft,.ControlsTextRight{font-size:.8rem;top:15px;transform:translate3d(0,-50%,0)}.ControlsTextRight{left:65px}.logo-container{align-items:center;display:flex;justify-content:center;margin:20px 0}.pokeworld-logo{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));max-height:80px;max-width:200px;object-fit:contain}.KeyboardDescription{margin-top:20px;max-width:500px;text-align:center}body{background-color:#cddc39}.loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.progress-text{font-size:2em;line-height:2em;top:-35%}.intro-text,.progress-text{color:#fff;font-family:Orbitron,sans-serif;font-weight:800;position:absolute;text-align:center;width:100%}.intro-text{font-size:1.2em;line-height:6em;top:100%}.one{-webkit-animation:dot 1.3s infinite;-webkit-animation-delay:0s;animation:dot 1.3s infinite;animation-delay:0s;opacity:0}.two{-webkit-animation:dot 1.3s infinite;-webkit-animation-delay:.2s;animation:dot 1.3s infinite;animation-delay:.2s;opacity:0}.three{-webkit-animation:dot 1.3s infinite;-webkit-animation-delay:.3s;animation:dot 1.3s infinite;animation-delay:.3s;opacity:0}@keyframes dot{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes blur{0%{filter:blur(0)}50%{filter:blur(1px)}to{filter:blur(0)}}#top1{animation:move_top1 1.2s ease-out;animation-iteration-count:infinite;transform-origin:bottom center}@keyframes move_top1{0%{transform:translate(0) scale(1) rotate(0deg)}50%{transform:translate(-1.5%,-25%) scale(1.3) rotate(-.5deg)}to{transform:translate(0) scale(1) rotate(0deg)}}#top2{animation:move_top2 1.2s ease-out;animation-iteration-count:infinite;transform-origin:bottom left}@keyframes move_top2{0%{transform:translate(0) scale(1) rotate(0deg)}50%{transform:translate(-10%,1%) scale(1.1) rotate(-2.1deg)}to{transform:translate(0) scale(1) rotate(0deg)}}#bottom1{animation:move_bottom1 1.2s ease-out;animation-iteration-count:infinite;transform-origin:top center}@keyframes move_bottom1{0%{transform:translate(0) scale(1) rotate(0deg)}50%{transform:translateY(45%) scale(1.3) rotate(0deg)}to{transform:translate(0) scale(1) rotate(0deg)}}#bottom2{animation:move_bottom2 1.2s ease-out;animation-iteration-count:infinite;transform-origin:top left}@keyframes move_bottom2{0%{transform:translate(0) scale(1) rotate(0deg)}50%{transform:translate(38%,1%) scale(1.3) rotate(-3.5deg)}to{transform:translate(0) scale(1) rotate(0deg)}}#bottom3{animation:move_bottom3 1.2s ease-out;animation-iteration-count:infinite;transform-origin:top right}@keyframes move_bottom3{0%{transform:translate(0) scale(1) rotate(0deg)}50%{transform:translate(12%,5%) scale(1.1) rotate(-1deg)}to{transform:translate(0) scale(1) rotate(0deg)}}#bottom4{animation:move_bottom4 1.2s ease-out;animation-iteration-count:infinite;transform-origin:top left}@keyframes move_bottom4{0%{transform:translate(0) scale(1) rotate(0deg)}50%{transform:translate(-12%,5%) scale(1.1) rotate(0deg)}to{transform:translate(0) scale(1) rotate(0deg)}}#Ebene_1{animation:animationFrames 1.2s ease-in-out;animation-delay:.05s;animation-iteration-count:infinite;transform-origin:50% 50%;width:250px}@keyframes animationFrames{0%{transform:rotate(0deg)}to{transform:rotate(-2turn)}}.game-page{height:100vh;text-align:center;width:100%}.scoreboard{color:#4159e4;font-family:VT323;font-size:2em}.gameover{animation:gameoveranim .85s linear infinite;color:#e44141;font-family:VT323;font-size:6em;text-align:center}@keyframes gameoveranim{0%{opacity:1}40%{opacity:1}to{opacity:0}}.Pages{font-feature-settings:"tnum";-webkit-font-smoothing:auto;-webkit-font-smoothing:antialiased;color:#000;font-family:Inter var,sans-serif;font-variant-numeric:tabular-nums;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1}.skills-page-container{display:flex;flex-direction:row-reverse;padding:24px 12px}.about-page-container{display:flex;flex-direction:row-reverse;padding:24px 12px 24px 24px}.page{width:50%}@media only screen and (max-width:600px){.page{width:100%}}.jumbo{font-size:3.4em;font-weight:800;text-decoration:underline}.jumbo,.jumbo-2{color:#212121;font-family:Bangers,cursive}.jumbo-2{font-size:2.4em;font-weight:400}.featured-text{color:#212121;font-family:Bangers,cursive;font-size:1em;padding-left:1.4em}.trailsText{color:#000;letter-spacing:-.05em;position:relative;width:100%;will-change:transform,opacity}.trailsText>div{overflow:hidden}.card-container{display:flex}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff8c,#ffffff12);border-radius:10px;margin:.4em;min-height:80px;padding:.8em 1.2em;position:relative;width:240px}.card:before{background-size:contain;border-radius:50px;content:"";-webkit-filter:blur(20px);-moz-filter:blur(20px);-o-filter:blur(20px);-ms-filter:blur(20px);inset:0;position:absolute;z-index:-1}.card .title{font-size:1rem}.card .text{font-size:.8rem}.card .text a{color:inherit;font-weight:700;text-decoration:none}.card .text a:hover{text-decoration:underline}.card .label{border:1px solid #212121;display:inline-block;font-size:.8em;margin:0 .2em;padding:.1em}.analog-control{bottom:0;display:flex;flex-flow:column;height:30vh;position:fixed;width:100%;z-index:2}.mobile-logo-container{align-items:center;display:flex;justify-content:center;padding:10px 0}.mobile-pokeworld-logo{filter:drop-shadow(0 0 8px rgba(255,255,255,.4));max-height:50px;max-width:150px;object-fit:contain}.joystick{align-items:center;display:flex;flex-flow:column;width:100vw}.activity-keys-container{margin-top:24px}.activity-keys{display:flex;flex-flow:row;justify-content:space-around}.activity-key img{width:52px}.analog-control.preview-disabled{opacity:.5;pointer-events:none}.preview-disabled-overlay{background:#000c;border-radius:20px;color:#fff;font-size:.9rem;left:50%;padding:10px 20px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.preview-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;color:#fff;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.preview-content{animation:fadeInUp 1s ease-out;max-width:600px;padding:2rem;text-align:center}.preview-logo{margin-bottom:2rem}.preview-logo-img{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(255,255,255,.3));height:auto;width:120px}.preview-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffeb3b,#ff9800,#e91e63);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:1rem;text-shadow:0 2px 4px #00000080}.preview-description{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.preview-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.feature{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:1rem;transition:transform .3s ease,background .3s ease}.feature:hover{background:#ffffff26;transform:translateY(-5px)}.preview-controls{margin-top:2rem}.enter-world-btn{background:linear-gradient(45deg,#4caf50,#8bc34a);border:none;border-radius:50px;box-shadow:0 4px 15px #4caf5066;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;letter-spacing:1px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.enter-world-btn:hover{background:linear-gradient(45deg,#66bb6a,#9ccc65);box-shadow:0 6px 20px #4caf5099;transform:translateY(-3px)}.enter-world-btn:active{transform:translateY(-1px)}.preview-hint{font-size:.9rem;margin-top:1rem;opacity:.7}.dev-toggle{cursor:pointer;height:50px;opacity:0;position:absolute;right:0;top:0;width:50px;z-index:1001}.dev-toggle:hover{background:#ffffff1a;opacity:.3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.preview-content{max-width:90vw;padding:1rem}.preview-title{font-size:2rem}.preview-description{font-size:1rem}.preview-features{gap:.5rem;grid-template-columns:1fr}.feature{font-size:.9rem;padding:.8rem}.enter-world-btn{font-size:1.1rem;padding:12px 30px}}.twitter-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:25px;box-shadow:0 4px 15px #0000004d;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 16px;position:fixed;right:20px;text-decoration:none;top:20px;transition:all .3s ease;z-index:1000}.twitter-link:hover{background:#1da1f2e6;border-color:#1da1f280;box-shadow:0 6px 20px #1da1f266;color:#fff;transform:translateY(-2px)}.twitter-icon{align-items:center;display:flex;height:20px;justify-content:center;transition:transform .3s ease;width:20px}.twitter-link:hover .twitter-icon{transform:scale(1.1)}.twitter-text{transition:opacity .3s ease;white-space:nowrap}@media (max-width:768px){.twitter-link{font-size:.8rem;padding:10px 14px;right:10px;top:10px}.twitter-text{display:none}.twitter-link{border-radius:50%;height:44px;justify-content:center;padding:0;width:44px}.twitter-icon{height:18px;width:18px}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.twitter-link{animation:slideInFromRight .8s ease-out 1s both}