*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--pokered: #E3350D;--pokered-dk: #B02A0A;--pokewhite: #F8F8F8;--pokeyellow: #FFCB05;--pokeblue: #3D7DCA;--pokegray: #AAB0B6;--pokedark: #2B2B2B;--pokeborder: #1a1a1a;--radius: 16px;--shadow: 0 8px 40px rgba(0,0,0,.35);--shadow-sm: 0 2px 12px rgba(0,0,0,.2)}body{font-family:Nunito,sans-serif;background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;color:var(--pokedark)}.pixel{font-family:"Press Start 2P",monospace;-webkit-font-smoothing:none}.pixel-sm{font-family:"Press Start 2P",monospace;font-size:.75rem;-webkit-font-smoothing:none}.pixel-xs{font-family:"Press Start 2P",monospace;font-size:.65rem;-webkit-font-smoothing:none}.screen{display:none;width:88vw;max-width:480px;animation:fadeIn .3s ease}.screen.active{display:flex;justify-content:center}@media (max-width: 480px){.screen{width:96vw}body{padding:8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--pokewhite);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;overflow:hidden;border:3px solid var(--pokeborder)}.card-banner{background:linear-gradient(135deg,var(--pokered) 0%,var(--pokered-dk) 100%);padding:28px 32px 24px;text-align:center;color:#fff}.card-body{padding:28px 32px}.hidden{display:none!important}.title{font-size:1.6rem;color:#fff;margin-bottom:4px;letter-spacing:2px}.subtitle{font-size:.55rem;color:#ffffffd9;font-family:"Press Start 2P",monospace;margin-top:8px}.btn-primary{display:block;width:100%;padding:14px 24px;background:var(--pokered);color:#fff;border:3px solid var(--pokeborder);border-radius:50px;font-family:"Press Start 2P",monospace;font-size:.65rem;cursor:pointer;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 0 var(--pokeborder);margin-top:16px;letter-spacing:1px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--pokeborder)}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--pokeborder)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 0 var(--pokeborder)}.btn-secondary{display:block;width:100%;padding:12px 24px;background:var(--pokewhite);color:var(--pokedark);border:3px solid var(--pokeborder);border-radius:50px;font-family:"Press Start 2P",monospace;font-size:.6rem;cursor:pointer;transition:transform .1s;box-shadow:0 4px 0 var(--pokeborder);margin-top:10px}.btn-secondary:hover{transform:translateY(-2px)}.btn-secondary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--pokeborder)}.btn-ghost{background:none;border:none;font-family:"Press Start 2P",monospace;font-size:.5rem;color:#ffffffb3;cursor:pointer;padding:8px 12px}.btn-ghost:hover{color:#fff}.btn-ghost-sm{background:none;border:1px solid rgba(255,255,255,.3);border-radius:20px;font-family:"Press Start 2P",monospace;font-size:.45rem;color:#ffffffb3;cursor:pointer;padding:6px 10px}.btn-large{font-size:.75rem;padding:18px 24px;margin-top:24px}.field{margin-bottom:16px}.field-label{display:block;font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--pokedark);margin-bottom:8px}.field-input{width:100%;padding:12px 16px;border:3px solid var(--pokeborder);border-radius:12px;font-family:"Press Start 2P",monospace;font-size:.6rem;background:#fff;outline:none;transition:border-color .2s}.field-input:focus{border-color:var(--pokered)}.auth-error{font-family:"Press Start 2P",monospace;font-size:.45rem;color:var(--pokered);margin-bottom:12px;line-height:1.6}.login-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:3px solid var(--pokeborder)}.tab-btn{flex:1;padding:10px;background:none;border:none;font-family:"Press Start 2P",monospace;font-size:.5rem;cursor:pointer;color:var(--pokegray);border-bottom:3px solid transparent;margin-bottom:-3px}.tab-btn.active{color:var(--pokered);border-bottom-color:var(--pokered)}.tab-panel.hidden{display:none}.banner-pokeball{width:48px;height:48px;border-radius:50%;background:linear-gradient(180deg,#fff 0%,#fff 48%,var(--pokeborder) 48%,var(--pokeborder) 52%,var(--pokered) 52%,var(--pokered) 100%);border:3px solid var(--pokeborder);margin:0 auto 12px;position:relative}.banner-pokeball:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--pokeborder)}.welcome-text{font-size:.5rem;color:#fffc;margin-bottom:4px}.username{font-size:1rem;color:#fff;letter-spacing:1px}.section-label{font-size:.5rem;color:var(--pokegray);margin-bottom:12px;margin-top:20px}.section-label:first-child{margin-top:0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:#fff;border:3px solid var(--pokeborder);border-radius:12px;cursor:pointer;transition:transform .1s,border-color .2s;box-shadow:0 3px 0 var(--pokeborder)}.mode-btn:hover{transform:translateY(-2px)}.mode-btn:active{transform:translateY(1px);box-shadow:0 1px 0 var(--pokeborder)}.mode-btn.active{border-color:var(--pokered);background:#fff5f4;box-shadow:0 3px 0 var(--pokered)}.mode-icon{font-size:1.4rem}.mode-name{display:block;font-size:.42rem;color:var(--pokedark)}.mode-desc{display:block;font-size:.5rem;color:var(--pokegray);font-family:Nunito,sans-serif;font-weight:700;text-align:center;line-height:1.3}.timer-toggle{display:flex;gap:8px}.timer-btn{flex:1;padding:10px;background:#fff;border:3px solid var(--pokeborder);border-radius:50px;font-family:"Press Start 2P",monospace;font-size:.55rem;cursor:pointer;transition:.15s;box-shadow:0 3px 0 var(--pokeborder)}.timer-btn.active{background:var(--pokeyellow);border-color:var(--pokeborder);color:var(--pokedark)}.config-footer{display:flex;justify-content:space-between;margin-top:16px}.config-footer .btn-ghost{color:var(--pokegray);font-size:.45rem}.config-footer .btn-ghost:hover{color:var(--pokedark)}.game-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.game-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 4px;color:#fff}.game-header .pixel-sm{font-size:.55rem}.flip-card{width:100%;max-width:660px;height:clamp(500px,72svh,760px);perspective:1200px;cursor:pointer;border-radius:var(--radius)}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1);border-radius:var(--radius)}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--radius);overflow:hidden;border:4px solid var(--pokeborder);box-shadow:var(--shadow);display:flex;flex-direction:column}.flip-card-back{transform:rotateY(180deg)}.card-banner-red{flex:1;background:linear-gradient(160deg,var(--pokered) 0%,var(--pokered-dk) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;position:relative;overflow:hidden}.who-label{font-size:.7rem;color:#ffffffe6;letter-spacing:1px;margin-bottom:8px;z-index:2;position:relative}.pokemon-silhouette{width:240px;height:240px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0);z-index:2}.card-banner-white{flex:1;background:var(--pokewhite);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.pokemon-revealed{width:240px;height:240px;background-size:contain;background-repeat:no-repeat;background-position:center}.pokemon-name{font-size:.75rem;color:var(--pokedark);margin-top:8px;text-transform:uppercase}.pokeball-stripe{height:28px;background:var(--pokeborder);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.pokeball-btn{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--pokeborder);z-index:2}.card-body-white{height:190px;background:var(--pokewhite);display:flex;align-items:center;justify-content:center;gap:16px;padding:0 24px}.card-body-red{height:190px;background:var(--pokered);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.question{font-size:2.6rem;color:var(--pokedark);letter-spacing:4px}.answer{font-size:2.6rem;color:#fff;letter-spacing:4px}.timer-track-v{width:10px;height:110px;background:#0000001a;border-radius:5px;overflow:hidden;border:2px solid rgba(0,0,0,.1);flex-shrink:0}.timer-bar-v{width:100%;height:100%;background:var(--pokeyellow);border-radius:3px;transform-origin:top center;transition:none}.btn-next-card{padding:10px 28px;background:#fff;color:var(--pokered);border:3px solid var(--pokeborder);border-radius:50px;font-family:"Press Start 2P",monospace;font-size:.6rem;cursor:pointer;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 0 var(--pokeborder);letter-spacing:1px}.btn-next-card:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--pokeborder)}.btn-next-card:active{transform:translateY(2px);box-shadow:0 2px 0 var(--pokeborder)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100;animation:fadeIn .25s ease}.overlay.hidden{display:none!important}.summary-card{max-width:380px;width:100%}.summary-pokemon-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.summary-pokemon-item{display:flex;flex-direction:column;align-items:center;gap:4px}.summary-sprite{width:64px;height:64px;background-size:contain;background-repeat:no-repeat;background-position:center}.summary-sprite.missed{filter:brightness(0) opacity(.5)}.summary-catch-label{font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--pokered)}.summary-catch-label.caught{color:#22c55e}.summary-buttons{display:flex;flex-direction:column;gap:4px}.history-card{max-width:480px}.history-list{max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.history-item{border:2px solid var(--pokeborder);border-radius:12px;padding:12px 14px;background:#fff}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.history-mode{font-family:"Press Start 2P",monospace;font-size:.45rem;color:var(--pokered);text-transform:uppercase}.history-date{font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--pokegray)}.history-score{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--pokedark);margin-bottom:8px}.history-sprites{display:flex;flex-wrap:wrap;gap:4px}.history-sprite{width:32px;height:32px;background-size:contain;background-repeat:no-repeat;background-position:center}.history-sprite.missed{filter:brightness(0) opacity(.4)}.loading{font-size:.5rem;color:var(--pokegray);text-align:center;padding:24px}#screen-game{max-width:760px}#screen-login{max-width:960px}#screen-login .card-banner{padding:56px 64px 48px}#screen-login .card-body{padding:56px 64px}#screen-login .banner-pokeball{width:96px;height:96px;margin-bottom:24px}#screen-login .banner-pokeball:after{width:28px;height:28px;border-width:5px}#screen-login .title{font-size:3.2rem}#screen-login .subtitle{font-size:1.1rem;margin-top:16px}#screen-login .login-tabs{margin-bottom:40px}#screen-login .tab-btn{font-size:1rem;padding:20px}#screen-login .field{margin-bottom:28px}#screen-login .field-label{font-size:1rem;margin-bottom:14px}#screen-login .field-input{font-size:1.2rem;padding:20px 24px;border-radius:20px;border-width:4px}#screen-login .auth-error{font-size:.9rem;margin-bottom:20px}#screen-login .btn-primary{font-size:1.3rem;padding:28px 24px;margin-top:28px}#screen-history{max-width:960px}#screen-history .card-banner{padding:56px 64px 48px}#screen-history .card-body{padding:56px 64px}#screen-history .history-list{gap:20px;margin-bottom:40px;max-height:65vh}#screen-history .history-item{padding:24px 28px;border-radius:20px;border-width:3px}#screen-history .history-mode{font-size:.9rem}#screen-history .history-date{font-size:.8rem}#screen-history .history-score{font-size:1rem;margin-bottom:16px}#screen-history .history-item-header{margin-bottom:16px}#screen-history .history-sprites{gap:8px}#screen-history .history-sprite{width:64px;height:64px}#screen-config{max-width:960px}#screen-config .card-banner{padding:56px 64px 48px}#screen-config .card-body{padding:56px 64px}#screen-config .welcome-text{font-size:1rem}#screen-config .username{font-size:2rem}#screen-config .section-label{font-size:1rem;margin-bottom:20px;margin-top:36px}#screen-config .section-label:first-child{margin-top:0}#screen-config .mode-grid{gap:20px}#screen-config .mode-btn{padding:28px 16px;gap:12px;border-radius:20px}#screen-config .mode-icon{font-size:2.8rem}#screen-config .mode-name{font-size:.84rem}#screen-config .mode-desc{font-size:1rem}#screen-config .timer-toggle{gap:16px}#screen-config .timer-btn{padding:20px;font-size:1.1rem;border-radius:50px}#screen-config .btn-large{font-size:1.4rem;padding:32px 48px;margin-top:40px}#screen-config .config-footer{margin-top:32px}#screen-config .btn-ghost{font-size:.9rem}