*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5;display:flex;align-items:center;height:100%;overflow-y:hidden;font-family:pokefont;background:linear-gradient(to bottom,rgba(var(--color-400-red-rgb),.9) 0%,rgba(var(--color-400-red-rgb),.9) 100%),url(/noise.svg)}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@font-face{font-family:pokefont;src:url(/pokefont.ttf)format("truetype");font-display:swap}:root{--height-keyboard:192px;--height-input:56px;--height-button:56px;--max-width-game:480px;--color-100-red:#ec6d6c;--color-200-red:#e05959;--color-300-red:#d94a4a;--color-400-red:#bc4343;--color-400-red-rgb:188, 67, 67;--color-500-red:#aa3535;--color-100-blue:#7bd0de;--color-200-blue:#23b1c9;--color-200-blue-rgb:35, 177, 201;--color-300-blue:#309daf;--color-300-blue-rgb:48, 157, 175;--color-400-blue:#348997;--color-100-green:#92dbcb;--color-200-green:#21b698;--color-200-green-rgb:33, 182, 152;--color-300-green:#2ba188;--color-300-green-rgb:3, 161, 136;--color-400-green:#227b68;--color-100-gray:#eae7e7;--color-200-gray:#d2d0d0;--color-300-gray:#b6b4b4;--color-400-gray:#858585;--color-500-gray:#666666;--color-500-gray-rgb:102, 102, 102;--color-600-gray:#5c5c5c;--color-700-gray:#4d4d4d;--color-100-yellow:#fbf5ab;--color-200-yellow:#feee6a;--color-300-yellow:#e6d442;--color-400-yellow:#cfbd2b;--border-radius:4px}html,poke-dex{height:100%}poke-dex{width:100%;max-width:var(--max-width-game);max-height:712px;margin:0 auto;display:flex;flex-direction:column}poke-display{--color-display-lite:var(--color-100-gray);--color-display-base:var(--color-200-gray);--color-display-dark:var(--color-300-gray);--color-screen-base:var(--color-100-green);--color-screen-dark:var(--color-200-green);--color-signal-hint:var(--color-300-gray);--color-signal-dark:var(--color-600-gray);--color-signal-deep:var(--color-700-gray);height:312px;margin:8px;padding:36px 36px 64px;overflow:visible;transition:all .2s ease}poke-display[poke-signal=pending]{--color-signal-lite:var(--color-display-base);--color-signal-base:var(--color-display-dark);--color-signal-light:transparent}poke-display[poke-signal=success]{--color-signal-lite:var(--color-100-green);--color-signal-base:var(--color-200-green);--color-signal-light:var(--color-400-green)}poke-display[poke-signal=error]{--color-signal-lite:var(--color-100-red);--color-signal-base:var(--color-200-red);--color-signal-light:var(--color-300-red)}poke-display .signal{transform:translate(-50%);top:calc(100% - 62px);left:58px;transition:all .2s ease}poke-display .signal-light{width:176px;height:176px;left:-30px;top:calc(100% - 128px);z-index:666;position:absolute;mix-blend-mode:multiply;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle,transparent 21px,var(--color-signal-light) 21px,transparent 64px),url(/noise.svg);filter:contrast(150%) brightness(160%);transition:all .2s ease}poke-display,poke-display .signal svg{position:relative}poke-display .screen{height:100%;min-height:128px;display:flex;flex-direction:column;padding:16px;position:relative;transition:all .2s ease}poke-display .output{display:flex;flex-grow:1;justify-content:center;align-items:center}poke-display svg{position:absolute;inset:0;z-index:-1}poke-display img{opacity:.7;height:100%;image-rendering:pixelated;object-fit:contain}poke-input,poke-keyboard button{font-weight:700;user-select:none;display:flex;align-items:center}poke-input{display:block;margin-top:auto;font-size:16px;text-transform:capitalize;color:var(--color-200-green)}poke-keyboard{display:block;height:var(--height-keyboard);margin:auto 8px 0;user-select:none;touch-action:manipulation}poke-keyboard .row{display:flex;width:100%;margin:0 auto 8px;overflow:hidden}poke-keyboard button{font-family:inherit;font-size:14px;border:0;padding:0;margin:0 6px 0 0;height:48px;border-radius:var(--border-radius);cursor:pointer;color:var(--color-100-gray);background-color:transparent;text-transform:uppercase;position:relative;flex:1;justify-content:center;background:linear-gradient(to bottom,rgba(var(--color-button-base),.8) 0%,rgba(var(--color-button-base),.7) 100%),url(/noise.svg);box-shadow:inset -6px -6px 0 0 var(--color-button-dark);transition:all .1s ease}poke-keyboard button[data-type=key]{--color-button-lite:var(--color-100-blue);--color-button-base:var(--color-200-blue-rgb);--color-button-dark:var(--color-300-blue)}poke-keyboard button[data-type=enter]{--color-button-lite:var(--color-100-green);--color-button-base:var(--color-200-green-rgb);--color-button-dark:var(--color-300-green)}poke-keyboard button[data-type=backspace]{--color-button-lite:var(--color-400-gray);--color-button-base:var(--color-500-gray-rgb);--color-button-dark:var(--color-600-gray)}poke-keyboard button.is-down{transform:translate(1px,1px);box-shadow:inset 2px 2px 0 0 var(--color-button-dark),inset -2px -2px 0 0 var(--color-button-dark)}poke-keyboard button:last-of-type{margin:0}poke-keyboard button:focus-visible{outline:0}poke-keyboard button>svg{position:absolute}poke-keyboard .small{flex:.5}poke-keyboard .big{flex:1.5;font-size:6px}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (min-width:440px){poke-display{height:384px;padding:56px 56px 96px;margin-top:16px}poke-display .signal{top:calc(100% - 88px);left:78px}poke-display .signal-light{top:calc(100% - 154px);left:-10px}poke-keyboard button{height:56px;font-size:16px}poke-keyboard .big{font-size:8px}}