@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600&display=swap";/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{color-scheme:light;color:#212529de;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}html,body{background-color:#fff;width:100%;height:100%;min-height:100vh;margin:0;padding:0;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}@media (max-width:768px){html,body{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;position:fixed;overflow:hidden}*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}p,span,div[contenteditable]{-webkit-user-select:text;-moz-user-select:text;user-select:text}}#root{background-color:#fff;width:100%;height:100%;min-height:100vh;overflow:hidden}.page-content{flex-direction:column!important;height:100%!important;display:flex!important}.stf__parent{overflow:visible!important}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}*{box-sizing:border-box;margin:0;padding:0;font-family:Bricolage Grotesque,sans-serif}body,html{height:100dvh;width:100dvw;background:#0e1a26;overflow:hidden;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;margin:0;padding:0}@media (max-width: 768px){body,html{overflow:hidden;position:fixed;-webkit-overflow-scrolling:touch;background:#fff}}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0;margin:0}@media (max-width: 768px){#root{padding:0;margin:0;overflow:hidden}}.container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin:0;padding:0}.pokemon-logo{width:80%;max-width:300px;margin-bottom:20px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.page{background:linear-gradient(145deg,#fff,#f5f5f5);border-radius:5px;box-shadow:0 4px 8px #0000001a}.page-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center}.cover{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-weight:700}.pokemon-container{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:0 5px}.pokemon-container img{width:70%;max-height:200px;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.pokemon-container img:hover{transform:scale(1.05)}.pokemon-info{width:100%}.pokemon-name{font-size:clamp(1rem,3vw,1.8rem);font-weight:600;color:#2c3e50;margin-bottom:5px}.pokemon-number{font-size:clamp(.7rem,2vw,1rem);color:#7f8c8d;margin-bottom:10px}.pokemon-type{display:inline-block;padding:3px 10px;border-radius:20px;font-size:clamp(.6rem,1.5vw,.9rem);font-weight:500;color:#fff;margin:0 3px 5px}.type-electric{background-color:#f1c40f}.type-ground{background-color:#e67e22}.type-poison{background-color:#9b59b6}.type-fire{background-color:#e74c3c}.type-flying{background-color:#3498db}.type-water{background-color:#2980b9}.type-dark{background-color:#34495e}.type-fighting{background-color:#d35400}.type-steel{background-color:#7f8c8d}.type-rock{background-color:#9a7b4f}.pokemon-description{font-size:14px;color:#34495e;margin-top:8px;line-height:1.4}.demoPage{background:#fff;color:#000}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){body,html{margin:0!important;padding:0!important}.flip-book-container{transform:translateZ(0);backface-visibility:hidden;will-change:transform;margin:0 auto!important;padding:0!important}.stf__wrapper,.stf__parent{margin:0 auto!important;padding:0!important}.page-content{width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}.page-content img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;margin:0!important;padding:0!important;display:block!important}.stf__block{margin:0 auto!important}.mobile-nav-bar{position:fixed;bottom:0;left:0;right:0;background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -2px 10px #0000001a;z-index:1000;border-top:1px solid rgba(0,0,0,.05)}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-nav-bar{padding-bottom:env(safe-area-inset-bottom)}}.stf__item,.stf__block{transform:translateZ(0);backface-visibility:hidden}.stf__wrapper{touch-action:pan-x pan-y}.stf__parent{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}button{min-width:44px;min-height:44px;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.flip-book-container[style*=transform]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.flip-book-container *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-content img{-webkit-touch-callout:none;pointer-events:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.flip-book-container::-webkit-scrollbar{display:none}input,select,textarea{font-size:16px!important}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}}@media (max-width: 768px) and (orientation: landscape){.flip-book-container{max-height:80vh}header img{height:35px!important}}@media (max-width: 375px){.flip-book-container{margin:0 5px}button{font-size:14px}}@media (min-resolution: 192dpi){.page-content img{image-rendering:-webkit-optimize-contrast}}