@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&family=Oswald:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #0a0a0a;--grey-900: #111111;--grey-800: #1c1c1c;--grey-700: #2a2a2a;--grey-600: #3a3a3a;--grey-500: #555555;--grey-400: #777777;--grey-300: #aaaaaa;--grey-200: #cccccc;--grey-100: #e8e8e8;--white: #f0f0f0;--pure-white: #ffffff;--hp-green: #5a9c6a;--hp-yellow: #b8a030;--hp-red: #c03030;--border: #2a2a2a;--border-mid: #3a3a3a;--border-lt: #555555;--font-display: "Oswald", sans-serif;--font-mono: "Share Tech Mono", monospace;--font-ui: "Rajdhani", sans-serif;--nav-h: 52px}body{font-family:var(--font-ui);background:var(--black);color:var(--white);min-height:100vh;overflow-x:hidden;letter-spacing:.02em}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--grey-800)}::-webkit-scrollbar-thumb{background:var(--grey-500);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--grey-300)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFast{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes flash{0%,to{opacity:1}50%{opacity:.1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes hpAnim{0%{width:var(--hp-from)}to{width:var(--hp-to)}}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes loadingPulse{0%,to{width:15%}50%{width:85%}}.animate-fadeIn{animation:fadeIn .3s ease both}.animate-fadeInFast{animation:fadeInFast .15s ease both}.animate-popIn{animation:popIn .25s cubic-bezier(.34,1.2,.64,1) both}.animate-slideLeft{animation:slideInLeft .3s ease both}.animate-slideRight{animation:slideInRight .3s ease both}.animate-shake{animation:shake .4s ease}.animate-flash{animation:flash .3s ease 3}.animate-pulse{animation:pulse 1.2s ease-in-out infinite}.grid-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-5col{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.nav-hamburger{display:none;background:none;border:1px solid var(--border);color:var(--white);padding:6px 10px;cursor:pointer;font-size:18px;line-height:1;flex-shrink:0}.nav-drawer{display:none;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:var(--grey-900);border-top:1px solid var(--border);z-index:99;flex-direction:column;padding:16px;animation:fadeInFast .15s ease both;overflow-y:auto}.nav-drawer.open{display:flex}.page-content-box{width:100%;max-width:1100px}.home-welcome-row{display:flex;align-items:flex-end;gap:0;min-height:260px}.home-pikachu{flex-shrink:0;display:flex;align-items:flex-end;justify-content:center;padding:0 48px;border-left:1px solid var(--border)}.battle-builder-layout{flex:1;display:flex;overflow:hidden}.battle-builder-party{width:300px;min-width:300px;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.battle-builder-slots{width:260px;min-width:260px;border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;background:var(--grey-900)}.battle-bottom-grid{display:grid;grid-template-columns:1fr 1fr;height:200px;flex-shrink:0;overflow:hidden;gap:1px;background:var(--border)}.battle-console-wrap{display:contents}.pokemon-card:hover{filter:brightness(1.25)}.pokemon-card:hover button{background:#ffffff1f!important}.team-full .pokemon-card-add{opacity:.3;pointer-events:none}.battle-side-panel{width:clamp(0px,15vw,300px);flex-shrink:0;background:var(--grey-800)}.battle-side-left{border-right:2px solid var(--border-lt)}.battle-side-right{border-left:2px solid var(--border-lt)}.battle-sprite-img{width:clamp(120px,18vw,220px);height:clamp(120px,18vw,220px);image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.9));display:block}.battle-sprite-placeholder{width:clamp(120px,18vw,220px);height:clamp(120px,18vw,220px);background:var(--grey-800)}.battle-hp-card{background:var(--grey-800);border:1px solid var(--border-mid);padding:clamp(8px,1.2vw,14px) clamp(10px,1.5vw,18px);min-width:clamp(160px,22vw,280px);max-width:340px}.team-status-center{font-family:var(--font-display);font-size:12px;letter-spacing:.15em;color:var(--grey-300);text-transform:uppercase}.trainer-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.battle-party-strip{background:var(--grey-900);border-top:1px solid var(--border);padding:8px 12px;display:flex;gap:8px;align-items:center;flex-shrink:0;overflow-x:auto}.battle-viewport-field{flex:1;position:relative;overflow:hidden}.battle-viewport-mobile{display:none;flex-direction:column;flex:1;background:var(--grey-900);border:1px solid var(--border)}.battle-viewport-row{display:flex;align-items:center;gap:8px;padding:10px 12px;flex:1}.battle-viewport-row-ai{border-bottom:1px solid var(--border);justify-content:flex-end}.battle-viewport-row-pl{justify-content:flex-start}.battle-back-row{background:var(--grey-900);border-top:1px solid var(--border);padding:6px 12px;display:flex;justify-content:flex-start}@media(min-width:769px)and (max-width:1024px){.battle-hp-card .hp-name{font-size:14px!important}.battle-hp-card .hp-lv{font-size:10px!important}.battle-hp-card .hp-type{font-size:9px!important;padding:1px 5px!important}.battle-hp-card .hp-spd-val,.battle-hp-card .hp-nums{font-size:11px!important}.battle-viewport-desktop{height:clamp(220px,34vw,360px)!important}}@media(max-width:768px){.nav-links-desktop{display:none!important}.nav-hamburger{display:flex;align-items:center;justify-content:center}.page-content-box{max-width:100%}.grid-4col,.grid-3col{grid-template-columns:1fr}.grid-5col{grid-template-columns:repeat(4,1fr)}.home-welcome-row{flex-direction:column;min-height:unset}.home-pikachu{border-left:none;border-top:1px solid var(--border);padding:16px 0;justify-content:center}.battle-builder-layout{flex-direction:column;overflow:visible;height:auto}.battle-builder-party{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border);max-height:280px}.battle-builder-slots{width:100%;min-width:unset;border-left:none;border-top:1px solid var(--border)}.builder-page-scroll{height:auto!important;overflow:visible!important}.battle-bottom-grid{grid-template-columns:1fr;height:auto}.battle-bottom-grid>*:first-child{min-height:160px}.battle-console-wrap{display:block;height:140px;flex-shrink:0;overflow:hidden}.battle-viewport-desktop{display:none!important}.battle-viewport-mobile{display:flex}.battle-hp-card{min-width:0;max-width:none;padding:6px 8px;flex:1}.battle-hp-card .hp-name{font-size:13px!important}.battle-hp-card .hp-lv{font-size:10px!important}.battle-hp-card .hp-type{font-size:9px!important;padding:1px 5px!important}.battle-hp-card .hp-spd-val{font-size:11px!important}.battle-hp-card .hp-bar{height:7px!important}.battle-hp-card .hp-nums{font-size:10px!important}.battle-sprite-img,.battle-sprite-placeholder{width:110px;height:110px}.battle-viewport-row-ai,.battle-viewport-row-pl{flex-direction:row;justify-content:flex-start}.team-status-center{display:none}.battle-party-strip,.battle-back-row{justify-content:center}.trainer-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid-5col{grid-template-columns:repeat(3,1fr)}.battle-sprite-img,.battle-sprite-placeholder{width:72px;height:72px}.trainer-gallery-grid{grid-template-columns:1fr}}.wtp-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.wtp-game-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.9fr);gap:18px;align-items:start}.wtp-game-layout-full{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.wtp-mode-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:12px 16px;min-width:240px;flex:1 1 0}.wtp-setup-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;min-width:360px;flex:1 1 0}.wtp-info-bar{display:flex;align-items:stretch;gap:16px;flex-wrap:wrap;justify-content:flex-start;flex:1 1 0}@media(max-width:768px){.wtp-mode-grid{grid-template-columns:repeat(2,1fr)}.wtp-game-layout{grid-template-columns:1fr}.wtp-mode-card{min-width:0;width:100%}.wtp-setup-card{min-width:0;width:100%;flex-direction:column;align-items:flex-start}}@media(max-width:480px){.wtp-mode-grid{grid-template-columns:1fr}}.wtp-setup-grid{display:grid;gap:18px}@media(max-width:768px){.wtp-setup-grid{grid-template-columns:1fr!important}}@media(max-width:480px){.wtp-mode-card-inner{padding:20px 14px!important;min-height:180px!important;gap:10px!important}.wtp-mode-card-inner>div:nth-child(2)>div:first-child{font-size:20px!important}.wtp-mode-card-inner>div:nth-child(3){font-size:11px!important}}.pokedex-card{width:580px;display:flex;border:3px solid black;border-radius:12px;overflow:hidden;box-shadow:6px 6px #000}.pokedex-card-left{width:260px;flex-shrink:0}.pokedex-info-wrap{margin-top:24px;width:580px;display:flex;flex-direction:column;gap:16px}@media(max-width:640px){.pokedex-card{width:100%;flex-direction:column}.pokedex-card-left,.pokedex-info-wrap{width:100%}}.quiz-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quiz-sub-wrap{min-height:calc(100vh - var(--nav-h));padding:clamp(1rem,3vw,2rem)}.quiz-sub-container{max-width:700px;margin:0 auto;background:var(--grey-900);border:1px solid var(--border);padding:clamp(1rem,3vw,2rem)}.quiz-result-container{max-width:600px;width:100%;background:var(--grey-900);border:1px solid var(--border);padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2rem);text-align:center}.quiz-btn-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.personality-result-container{max-width:900px;margin:0 auto;background:var(--grey-900);border:1px solid var(--border);padding:clamp(1rem,3vw,2rem)}.home-main-gap{margin-top:3rem}@media(max-width:768px){.quiz-card-grid{grid-template-columns:1fr}.quiz-btn-row{flex-direction:column;align-items:stretch}.quiz-btn-row button{width:100%}}