@font-face{font-family:MPlus;src:url('/game-assets/fonts/mplus-1m-regular.woff') format('woff');font-display:swap}
@font-face{font-family:MPlus;src:url('/game-assets/fonts/mplus-2p-bold-sub.woff') format('woff');font-weight:800;font-display:swap}
:root{--ink:#07121f;--navy:#0b2133;--navy-2:#102c42;--panel:#112638;--gold:#e0a929;--gold-light:#f5cf68;--cream:#fff4d1;--text:#e8eef3;--muted:#9aacb9;--line:rgba(224,169,41,.32);--green:#54c58a;--danger:#f16868;--shadow:0 22px 55px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:MPlus,Arial,sans-serif;line-height:1.55}button,input{font:inherit}button,a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}a{color:inherit;text-decoration:none}.site-header{height:74px;padding:0 clamp(22px,5vw,84px);display:flex;align-items:center;gap:44px;position:fixed;inset:0 0 auto;z-index:50;background:rgba(5,16,27,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(13px)}.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:16px;letter-spacing:.08em;color:var(--cream)}.brand small{font-size:10px;letter-spacing:.34em;margin-top:5px;color:var(--gold-light)}.brand-ball{width:32px;height:32px;border-radius:50%;display:block;position:relative;background:linear-gradient(#ed4d43 0 44%,#15212c 44% 56%,#e9eef1 56%);border:2px solid #e6b642;box-shadow:0 0 0 3px rgba(224,169,41,.12)}.brand-ball:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#f7f7f7;border:3px solid #17222c;left:8px;top:9px}.desktop-nav{display:flex;align-items:center;gap:30px;flex:1}.desktop-nav a{font-size:13px;color:#b8c5ce}.desktop-nav a:hover{color:var(--gold-light)}.header-actions{display:flex;gap:9px}.button{border:1px solid var(--line);min-height:42px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;color:var(--cream);font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:var(--navy);border-radius:3px}.button:hover{transform:translateY(-2px)}.button-gold{color:#1b180b;background:linear-gradient(180deg,var(--gold-light),var(--gold));border-color:#f2d27a;box-shadow:inset 0 -2px rgba(113,72,0,.25),0 7px 24px rgba(224,169,41,.18)}.button-gold:hover{background:linear-gradient(180deg,#ffe18c,#ecb72f)}.button-ghost{background:rgba(11,33,51,.65)}.button-ghost:hover{border-color:var(--gold);color:var(--gold-light)}.button-large{min-height:50px;padding-inline:27px}.mobile-menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:770px;padding:150px clamp(25px,7vw,120px) 80px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,24,.98) 0%,rgba(4,14,24,.91) 38%,rgba(4,14,24,.4) 70%,rgba(4,14,24,.76) 100%),linear-gradient(0deg,var(--ink),transparent 30%),url('/game-assets/img/titles1/Town2.png') center/cover}.hero-backdrop:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-content{width:min(690px,58vw);position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:800;color:var(--gold-light)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-.035em;color:var(--cream);margin:17px 0 25px;text-shadow:0 4px 25px rgba(0,0,0,.55)}.hero h1 em{font-weight:400;color:var(--gold-light)}.hero-content>p{font-size:18px;color:#c6d1d9;max-width:630px}.hero-actions{display:flex;gap:12px;margin:33px 0 26px}.hero-notes{display:flex;gap:25px;flex-wrap:wrap;color:#aebbc5;font-size:12px}.hero-notes span{display:flex;align-items:center;gap:7px}.hero-notes b{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green)}.hero-pokemon{position:absolute;z-index:2;right:5vw;bottom:80px;width:min(470px,38vw);height:380px;display:flex;align-items:flex-end;justify-content:center;gap:5px;filter:drop-shadow(0 22px 20px rgba(0,0,0,.65))}.pokemon-sprite{width:96px;height:96px;flex:0 0 96px;background-repeat:no-repeat;background-size:288px 384px;background-position:-96px 0;image-rendering:pixelated}.sprite-bulbasaur{background-image:url('/game-assets/img/characters/bulbasaur.png')}.sprite-charmander{background-image:url('/game-assets/img/characters/charmander.png')}.sprite-squirtle{background-image:url('/game-assets/img/characters/squirtle.png')}.sprite-pikachu{background-image:url('/game-assets/img/characters/pikachu.png')}.hero-pokemon .pokemon-sprite{transform:scale(1.5);transform-origin:bottom}.hero-pokemon .hero-main-sprite{transform:scale(2.35);margin:0 55px 5px;filter:drop-shadow(0 0 30px rgba(255,129,45,.38))}.world-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:1120px;margin:-38px auto 0;position:relative;z-index:5;background:#0b1d2d;border:1px solid var(--line);box-shadow:var(--shadow)}.world-strip article{padding:22px 30px;display:flex;align-items:center;gap:13px;border-right:1px solid rgba(224,169,41,.18)}.world-strip article:last-child{border:0}.world-strip strong{font-family:Georgia,serif;font-size:27px;color:var(--gold-light)}.world-strip span{font-size:12px;color:#9eb0bc}.section{padding:110px clamp(24px,6vw,100px);max-width:1400px;margin:auto}.section-heading{text-align:center;max-width:720px;margin:0 auto 48px}.section-heading h2,.systems h2,.cta-section h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,52px);line-height:1.1;color:var(--cream);margin:13px 0 15px}.section-heading p,.systems-copy>p,.cta-section p{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{background:linear-gradient(145deg,rgba(18,43,63,.9),rgba(10,27,42,.96));border:1px solid rgba(117,155,180,.22);border-bottom:2px solid var(--gold);padding:29px 25px;min-height:310px;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-60px;top:-60px;background:rgba(224,169,41,.06)}.feature-card:hover{transform:translateY(-5px);border-color:rgba(224,169,41,.65)}.feature-card img{width:48px;height:48px;image-rendering:pixelated;object-fit:contain;margin-bottom:19px}.feature-card h3{font-family:Georgia,serif;color:var(--cream);font-size:20px}.feature-card p{font-size:13px;color:#9eb0bd}.feature-card span{position:absolute;bottom:23px;font-size:10px;letter-spacing:.18em;color:var(--gold-light);font-weight:800}.starter-section{padding:105px 7vw;background:linear-gradient(180deg,#0a1926,#0e2638 45%,#081622);border-block:1px solid rgba(224,169,41,.15)}.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,310px));justify-content:center;gap:22px}.starter-card{background:#0c1c2b;border:1px solid rgba(130,160,180,.28);text-align:center;padding:28px 25px 30px;position:relative}.starter-card.featured{transform:translateY(-12px)}.starter-card.grass{--type:#69bd65}.starter-card.fire{--type:#ef7d3c}.starter-card.water{--type:#4f9bda}.starter-card:hover{border-color:var(--type);transform:translateY(-7px)}.starter-card.featured:hover{transform:translateY(-17px)}.starter-aura{height:154px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 61%);border-bottom:1px solid color-mix(in srgb,var(--type) 45%,transparent);margin-bottom:19px}.starter-aura .pokemon-sprite{transform:scale(1.55);filter:drop-shadow(0 0 16px var(--type))}.starter-card>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--type)}.starter-card h3{font-family:Georgia,serif;font-size:26px;color:var(--cream);margin:7px 0}.starter-card p{font-size:13px;color:var(--muted)}.systems{display:grid;grid-template-columns:1.1fr .8fr;align-items:center;gap:8vw}.systems-copy ul{list-style:none;padding:0;margin:33px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.systems-copy li{display:flex;gap:13px;padding:15px;background:rgba(15,37,54,.62);border:1px solid rgba(116,150,172,.2)}.systems-copy li img{width:35px;height:35px;object-fit:contain;image-rendering:pixelated}.systems-copy li span{font-size:12px;color:#9cabb5}.systems-copy li strong{display:block;color:#e8edf1;font-size:13px}.systems-panel{background:linear-gradient(145deg,#132e43,#091724);border:1px solid var(--line);box-shadow:var(--shadow);padding:27px;position:relative}.systems-panel:before,.systems-panel:after{content:"";position:absolute;width:10px;height:10px;background:var(--gold);transform:rotate(45deg)}.systems-panel:before{left:-5px;top:-5px}.systems-panel:after{right:-5px;bottom:-5px}.panel-top{display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:var(--gold-light);letter-spacing:.11em}.panel-top b{color:var(--green)}.progress-ring{width:140px;height:140px;border-radius:50%;border:8px solid rgba(224,169,41,.15);border-top-color:var(--gold);margin:30px auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring span{font-family:Georgia,serif;font-size:44px;color:var(--cream);line-height:1}.progress-ring small{color:var(--gold-light)}.mini-stat{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;color:#9faebb}.mini-stat strong{color:#e8edf1}.panel-progress{height:6px;background:#06111b;margin:27px 0 8px}.panel-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light))}.systems-panel>small{font-size:9px;color:#91a0aa;letter-spacing:.1em}.cta-section{padding:70px max(7vw,30px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(90deg,rgba(224,169,41,.13),transparent),#102638;border-block:1px solid var(--line)}.cta-section h2{margin-bottom:9px}.cta-section p{margin:0}footer{min-height:145px;display:flex;align-items:center;justify-content:space-between;padding:30px max(5vw,30px);gap:30px;color:#778b99;font-size:11px}footer p{max-width:560px;margin:0;text-align:center}footer>div{display:flex;gap:20px}footer button{background:none;border:0;color:inherit;cursor:pointer;padding:0}.auth-overlay{position:fixed;inset:0;z-index:100;background:rgba(2,8,14,.8);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s}.auth-overlay.open{opacity:1;visibility:visible}.auth-modal{width:min(900px,100%);min-height:590px;background:#0c1d2d;border:1px solid var(--line);box-shadow:0 35px 90px rgba(0,0,0,.7);display:grid;grid-template-columns:.82fr 1.18fr;position:relative;transform:translateY(15px) scale(.985);transition:transform .25s ease}.auth-overlay.open .auth-modal{transform:none}.modal-close{position:absolute;right:15px;top:14px;width:35px;height:35px;border:1px solid rgba(255,255,255,.12);background:#122b40;color:#cbd5dc;font-size:23px;z-index:2;cursor:pointer}.modal-close:hover{color:white;border-color:var(--gold)}.auth-art{padding:50px 38px;background:linear-gradient(180deg,rgba(7,20,31,.55),#07121f),url('/game-assets/img/parallaxes/Forest.png') center/cover;border-right:1px solid var(--line);overflow:hidden}.auth-art h2{font-family:Georgia,serif;color:var(--cream);font-size:37px;line-height:1.05;margin:15px 0}.auth-art p{font-size:13px;color:#a8b7c1}.auth-art .pokemon-sprite{transform:scale(2.2);margin:90px auto 0;filter:drop-shadow(0 0 25px rgba(245,207,104,.35))}.auth-content{padding:44px 48px}.auth-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:30px}.auth-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:12px;color:#8598a6;font-weight:800;cursor:pointer}.auth-tabs button.active{color:var(--gold-light);border-color:var(--gold)}.auth-content h2{font-family:Georgia,serif;color:var(--cream);font-size:28px;margin-bottom:5px}.auth-subtitle{font-size:13px;color:var(--muted)}.auth-message{display:none;padding:10px 12px;margin:14px 0;font-size:12px;border:1px solid}.auth-message.error{display:block;color:#ffc1c1;background:rgba(154,37,37,.18);border-color:rgba(241,104,104,.5)}.auth-message.success{display:block;color:#bdf3d4;background:rgba(34,129,78,.16);border-color:rgba(84,197,138,.45)}.auth-form{display:grid;gap:14px}.auth-form.hidden{display:none}.auth-form label{font-size:11px;color:#b7c4cc;font-weight:800}.auth-form input{width:100%;height:46px;margin-top:6px;padding:0 13px;color:white;background:#071521;border:1px solid #29465a;outline:none;border-radius:2px}.auth-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(224,169,41,.1)}.auth-form .button{width:100%;margin-top:6px}.auth-form .button[disabled]{opacity:.6;cursor:wait}.auth-divider{display:flex;align-items:center;gap:10px;color:#6f8392;font-size:10px;margin:22px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.1)}.google-button{height:46px;display:flex;align-items:center;justify-content:center;gap:11px;background:#f5f7f9;color:#25313b;font-size:13px;font-weight:800;border-radius:2px}.google-button:hover{background:white;transform:translateY(-1px)}.google-button span{font-family:Arial;font-size:19px;font-weight:700;color:#4285f4}.auth-security{display:block;color:#6e8391;text-align:center;font-size:9px;margin-top:14px}.loading-dot:after{content:"";display:inline-block;width:12px;text-align:left;animation:dots 1s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%,100%{content:"..."}}
@media(max-width:1000px){.desktop-nav{display:none}.site-header{gap:15px}.header-actions{margin-left:auto}.hero{min-height:700px}.hero-content{width:70vw}.hero-pokemon{opacity:.45;right:-70px}.feature-grid{grid-template-columns:1fr 1fr}.systems{grid-template-columns:1fr}.world-strip{margin-inline:20px}.world-strip{grid-template-columns:1fr 1fr}.world-strip article:nth-child(2){border-right:0}.world-strip article:nth-child(-n+2){border-bottom:1px solid rgba(224,169,41,.18)}}
@media(max-width:700px){.site-header{height:64px;padding-inline:15px}.header-actions .button-ghost{display:none}.header-actions .button{padding-inline:12px}.brand strong{font-size:13px}.brand small{font-size:8px}.brand-ball{width:28px;height:28px}.hero{padding:120px 22px 60px;min-height:680px}.hero-content{width:100%}.hero h1{font-size:46px}.hero-content>p{font-size:15px}.hero-pokemon{width:100%;height:180px;bottom:10px;right:0;opacity:.28}.hero-actions{flex-direction:column;align-items:stretch}.hero-notes{gap:9px;flex-direction:column}.world-strip article{padding:15px}.world-strip strong{font-size:21px}.world-strip span{font-size:10px}.section,.starter-section{padding:75px 18px}.feature-grid,.starter-grid{grid-template-columns:1fr}.starter-card.featured{transform:none}.systems-copy ul{grid-template-columns:1fr}.cta-section{align-items:flex-start;flex-direction:column}footer{flex-direction:column;text-align:center}.auth-modal{grid-template-columns:1fr;min-height:0;max-height:94vh;overflow:auto}.auth-art{display:none}.auth-content{padding:36px 24px}.auth-overlay{padding:12px}}

/* Pokepixel Idle official brand */
.brand{gap:0}
.brand-logo{display:block;width:clamp(154px,14vw,220px);height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}
.brand-logo--footer{width:190px}
.hero{min-height:810px;padding-top:138px}
.hero-brand-logo{display:block;width:min(590px,56vw);height:auto;margin:0 0 18px -12px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.5))}
@media(max-width:1000px){.hero-brand-logo{width:min(560px,72vw)}}
@media(max-width:700px){.brand-logo{width:145px}.hero{padding-top:104px;min-height:720px}.hero-brand-logo{width:min(420px,94vw);margin:0 0 12px -5px}.brand-logo--footer{width:180px}}