@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+Thai:wght@400;700&display=swap";
html{scroll-behavior:smooth}:root{--background:#000;--foreground:#f5f5f7;--primary:#2997ff;--primary-hover:#0071e3;--glass-bg:#1c1c1eb8;--glass-border:#ffffff1a;--card-shadow:0 4px 24px #ffffff0a;--pokemon-red:#ff3b30;--pokemon-blue:#007aff;--pokemon-yellow:#fc0;--radius-sm:8px;--radius-md:18px;--radius-lg:32px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Lato,Noto Sans Thai,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:700}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.title-large{letter-spacing:-.015em;margin-bottom:16px;font-size:56px;font-weight:700;line-height:1.1}.subtitle{color:#86868b;margin-bottom:32px;font-size:24px;font-weight:400}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-lg);padding:12px 24px;font-size:17px;font-weight:400;transition:all .2s}.btn-primary:hover{background-color:var(--primary-hover);transform:scale(1.02)}.btn-secondary{color:var(--primary);border-radius:var(--radius-lg);background-color:#0000;padding:12px 24px;font-size:17px;font-weight:400;transition:all .2s}.btn-secondary:hover{text-decoration:underline}.main-content{flex:1;padding-top:48px}@media (max-width:768px){.title-large{font-size:32px;line-height:1.2}.subtitle{margin-bottom:24px;font-size:18px}.container{padding:0 20px}.nav-links{gap:16px;font-size:11px}.main-content{padding-top:64px}.nav-container{padding:0 16px}}@media (max-width:480px){.nav-links{gap:10px}.btn-primary,.btn-secondary{padding:10px 20px;font-size:15px}}@media (max-width:768px){.mobile-flex-col{flex-direction:column!important;display:flex!important}.mobile-contents{display:contents!important}.order-mo-1{order:1}.order-mo-2{order:2}.order-mo-3{order:3}.order-mo-4{order:4}.order-mo-5{order:5}.order-mo-6{order:6}.order-mo-7{order:7}.order-mo-8{order:8}.order-mo-9{order:9}.nav-back-container{justify-content:flex-start;width:100%;margin-bottom:24px;display:flex;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.nav-action-wrapper{position:relative!important;top:auto!important;right:auto!important;transform:none!important}}.nav-action-wrapper{align-items:center;gap:12px;display:flex;position:relative}.search-expand-container{cursor:pointer;background-color:#ffffff14;border:1px solid #ffffff1a;border-radius:50px;align-items:center;width:44px;height:44px;padding:0 4px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.search-expand-container.open{cursor:default;background-color:#ffffff1f;width:240px;padding:0 16px}.search-expand-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.search-expand-container.open .search-expand-icon{width:24px;margin-right:8px}.search-expand-input{color:#fff;opacity:0;background:0 0;border:none;outline:none;width:0;padding:0;font-size:14px;transition:all .3s}.search-expand-container.open .search-expand-input{opacity:1;width:100%;padding:0 8px}@media (max-width:768px){.nav-header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.nav-back-container{width:auto!important;margin-bottom:0!important}.search-expand-container.open{width:180px}}.search-suggestions-container{-webkit-backdrop-filter:blur(20px);z-index:10000;background-color:#1c1c1ef2;border:1px solid #ffffff1a;border-radius:12px;max-height:280px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{cursor:pointer;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px 16px;transition:background .2s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#ffffff1a}.suggestion-img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.suggestion-info{flex-direction:column;flex:1;min-width:0;display:flex}.suggestion-name-th{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:Noto Sans Thai,sans-serif;font-size:14px;overflow:hidden}.suggestion-name-en{color:#86868b;text-transform:capitalize;font-family:Lato,sans-serif;font-size:11px}.search-suggestions-container::-webkit-scrollbar{width:6px}.search-suggestions-container::-webkit-scrollbar-track{background:0 0}.search-suggestions-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.search-suggestions-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.search-expand-input{font-family:Lato,Noto Sans Thai,sans-serif!important}@keyframes pokeball-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pokeball-loader{filter:drop-shadow(0 0 10px #fff3);width:80px;height:80px;animation:1s cubic-bezier(.4,0,.2,1) infinite pokeball-spin}.loading-container{background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100vh;display:flex}.loading-text{color:#fff;letter-spacing:.05em;opacity:.8;font-family:Noto Sans Thai,Lato,sans-serif;font-size:18px;font-weight:500}@keyframes slideUpCard{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-card{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) forwards slideUpCard}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}.delay-3{animation-delay:.36s}.delay-4{animation-delay:.48s}.delay-5{animation-delay:.6s}.delay-6{animation-delay:.72s}.delay-7{animation-delay:.84s}.delay-8{animation-delay:.96s}.delay-9{animation-delay:1.08s}.loading-container{z-index:10000;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.pokeball-loader{filter:drop-shadow(0 0 15px #ffffff4d);width:80px;height:80px;margin-bottom:24px;animation:1.5s cubic-bezier(.45,.05,.55,.95) infinite rotateLoader}@keyframes rotateLoader{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}.loading-text{color:#fff;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(90deg,#fff,#5cb8ff,#fff) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:600;animation:2s linear infinite shine}@keyframes shine{to{background-position:200%}}.loading-progress-bar{background:#ffffff1a;border-radius:10px;width:200px;height:4px;margin-top:16px;position:relative;overflow:hidden}.loading-progress-fill{background:linear-gradient(90deg,#007aff,#5cb8ff);border-radius:10px;width:50%;height:100%;animation:1.5s ease-in-out infinite progressMove;position:absolute;top:0;left:0}@keyframes progressMove{0%{width:30%;left:-50%}50%{width:50%;left:25%}to{width:30%;left:100%}}.apple-nav{-webkit-backdrop-filter:blur(24px);z-index:10000;will-change:transform, backdrop-filter;background-color:#08080ae0;border-bottom:1px solid #ffffff0f;height:48px;transition:background-color .5s cubic-bezier(.28,.11,.32,1);position:fixed;top:0;left:0;right:0;transform:translateZ(0);box-shadow:0 4px 30px #00000080}.apple-nav-container{max-width:1000px;height:48px;margin:0 auto;padding:0 22px}.apple-nav-header{z-index:10002;justify-content:space-between;align-items:center;height:48px;display:flex;position:relative}.apple-nav-logo{color:#ffffffe6;letter-spacing:-.01em;font-size:14px;font-weight:700;transition:opacity .2s}.apple-nav-desktop-links{align-items:center;gap:32px;font-size:12px;display:flex}.apple-nav-desktop-links a{color:#ffffffb3;transition:color .2s}.apple-nav-desktop-links a:hover{color:#fff}.apple-nav-mobile-controls{align-items:center;gap:12px;display:none}.apple-nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:30px;height:30px;display:flex}.toggle-line{background-color:#fff;width:18px;height:1.2px;transition:transform .3s cubic-bezier(.4,.01,.165,.99)}.menu-open .toggle-line.top{transform:translateY(3.6px)rotate(45deg)}.menu-open .toggle-line.bottom{transform:translateY(-3.6px)rotate(-45deg)}.apple-nav-overlay{-webkit-backdrop-filter:saturate(200%)blur(40px);z-index:10001;visibility:hidden;opacity:0;transform-origin:100% 0;background-color:#1c1c1eb3;border:1px solid #ffffff26;border-radius:20px;width:250px;padding:8px;transition:all .4s cubic-bezier(.25,1,.5,1);position:absolute;top:60px;right:16px;transform:scale(.9)translateY(-15px);box-shadow:0 24px 48px #00000080,inset 0 0 0 1px #ffffff0d}.apple-nav-overlay.open{visibility:visible;opacity:1;transform:scale(1)translateY(0)}.apple-nav-overlay-content{flex-direction:column;gap:4px;display:flex}.apple-nav-overlay-link{color:#ffffffd9;opacity:0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-family:Noto Sans Thai,Lato,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.apple-nav-overlay-link:hover{color:#fff;background-color:#ffffff1a}.apple-nav-overlay-link:active{background-color:#ffffff26;transform:scale(.97)}.open .apple-nav-overlay-link{opacity:1}.apple-nav-overlay-link .arrow{color:#ffffff4d;align-items:center;transition:transform .2s,color .2s;display:flex}.apple-nav-overlay-link:hover .arrow{color:#ffffffb3;transform:translate(4px)}@media (max-width:768px){.apple-nav-desktop-links{display:none}.apple-nav-mobile-controls{display:flex}.apple-nav-container{padding:0 16px}.mobile-switcher-wrapper{transform-origin:100%;transform:scale(.85)}}