@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";.layout{background:var(--color-white);width:100%;max-width:500px;height:100%;box-shadow:var(--shadow-lg);flex-direction:column;margin:0 auto;display:flex;position:relative}@media (width>=768px){.layout{border-radius:0;max-width:430px;height:100vh}}.layout-content{flex:1;position:relative;overflow:hidden auto}.bottom-nav{padding:8px 0 env(safe-area-inset-bottom,8px);background:var(--color-white);border-top:2px solid var(--color-bg-dark);flex-shrink:0;justify-content:space-around;align-items:center;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--color-text-light);background:0 0;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;transition:all .2s;display:flex}.nav-item.active{color:var(--color-primary);background:#ee151514}.nav-icon{font-size:24px;line-height:1}.nav-label{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.dialog-box{background:var(--color-white);border:3px solid var(--color-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;gap:12px;min-height:100px;margin:12px;padding:16px;display:flex;position:relative}.dialog-avatar{border-radius:var(--radius-round);border:3px solid var(--color-secondary);background:var(--color-bg);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.dialog-avatar img{object-fit:cover;width:100%;height:100%}.dialog-content{flex:1;min-width:0}.dialog-name{color:var(--color-secondary);text-transform:uppercase;margin-bottom:4px;font-size:13px;font-weight:800}.dialog-text{color:var(--color-text);font-size:16px;font-weight:600;line-height:1.5}.dialog-cursor{animation:.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.dialog-continue{color:var(--color-text-light);text-align:right;margin-top:4px;font-size:12px}.poke-btn{border-radius:var(--radius-xl);letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--shadow-md);border:3px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:opacity .2s;display:inline-flex}.poke-btn:disabled{opacity:.5;pointer-events:none}.poke-btn-sm{padding:8px 16px;font-size:13px}.poke-btn-md{padding:12px 24px;font-size:16px}.poke-btn-lg{padding:16px 32px;font-size:20px}.poke-btn-full{width:100%}.poke-btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary-dark)}.poke-btn-secondary{background:var(--color-secondary);color:var(--color-white);border-color:#2d3aa0}.poke-btn-success{background:var(--color-success);color:var(--color-white);border-color:#009a7a}.poke-btn-danger{background:var(--color-error);color:var(--color-white);border-color:#c0392b}.poke-btn-accent{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent-dark)}.coin-display{align-items:center;display:inline-flex;position:relative}.coin-display-inner{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #ffc107;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-weight:700;display:flex;box-shadow:0 2px 8px #ffc1074d}.coin-icon{font-size:1.2rem}.coin-amount{color:#e65100;text-align:center;min-width:24px;font-family:Arial Rounded MT Bold,Nunito,sans-serif;font-size:1rem}.coin-delta{color:#ff9800;pointer-events:none;font-size:.9rem;font-weight:700;position:absolute;top:-8px;right:-4px}.home-page{flex-direction:column;height:100%;display:flex;position:relative;overflow-y:auto}.home-bg{opacity:.08;z-index:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:absolute;inset:0}.home-page>:not(.home-bg){z-index:1;position:relative}.home-title{text-align:center;color:var(--color-primary);text-shadow:2px 2px 0 var(--color-accent);padding:24px 16px 8px;font-size:28px;font-weight:800}.home-subtitle{text-align:center;color:var(--color-text-light);margin-bottom:16px;font-size:16px;font-weight:600}.name-input-area{flex-direction:column;gap:16px;padding:16px;display:flex}.name-input{border:3px solid var(--color-secondary);border-radius:var(--radius-lg);width:100%;font-family:var(--font-family);text-align:center;color:var(--color-text);outline:none;padding:16px;font-size:24px;font-weight:700}.name-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ee151533}.starter-grid{justify-content:center;gap:12px;padding:16px;display:flex}.starter-option{background:var(--color-white);border:3px solid var(--color-bg-dark);border-radius:var(--radius-lg);max-width:120px;box-shadow:var(--shadow-sm);flex-direction:column;flex:1;align-items:center;gap:4px;padding:16px 8px;transition:all .2s;display:flex}.starter-option.selected{border-color:var(--color-primary);box-shadow:var(--shadow-md);background:#fff5f5}.starter-option img{object-fit:contain;width:80px;height:80px}.starter-name-en{color:var(--color-text);font-size:13px;font-weight:800}.starter-name-zh{color:var(--color-text-light);font-size:11px}.confirm-pokemon{text-align:center;padding:24px}.confirm-img{object-fit:contain;width:160px;height:160px}.confirm-buttons{justify-content:center;gap:12px;padding:16px;display:flex}.home-ready{flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;display:flex}.pokeball-icon{font-size:80px}.home-ready h2{color:var(--color-primary);font-size:24px}.home-returning{flex-direction:column;height:100%;padding:24px 16px;display:flex}.home-greeting{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.home-starter-img{object-fit:contain;width:140px;height:140px;margin-bottom:12px}.home-greeting h1{color:var(--color-text);text-align:center;font-size:24px}.home-level{color:var(--color-secondary);font-size:16px;font-weight:700}.home-stats{color:var(--color-text-light);font-size:14px}.home-actions{flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.home-age{z-index:1;flex-direction:column;align-items:center;gap:20px;padding:20px;display:flex}.age-grid{justify-content:center;gap:16px;display:flex}.age-option{cursor:pointer;background:#fff;border:3px solid #e0e0e0;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:20px 24px;transition:border-color .2s;display:flex}.age-option:active{background:#e3f2fd;border-color:#2196f3}.age-emoji{font-size:3rem}.age-label{color:#555;font-size:1.2rem;font-weight:700}.rocket-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.rocket-modal{background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:var(--shadow-lg);border:3px solid var(--color-primary);text-align:center;padding:24px}.rocket-characters{justify-content:center;gap:16px;margin-bottom:16px;display:flex}.rocket-char{font-size:40px}.rocket-line{margin-bottom:16px}.rocket-line-en{color:var(--color-primary);margin-bottom:4px;font-size:18px;font-weight:800}.rocket-line-zh{color:var(--color-text-light);font-size:14px}.steal-text{color:var(--color-error);margin-bottom:12px;font-size:18px;font-weight:800}.stolen-pokemon{object-fit:contain;width:100px;height:100px;margin:12px 0}.steal-hint{color:var(--color-text-light);margin-bottom:16px;font-size:14px}.rocket-q-count{color:var(--color-text-light);margin-bottom:8px;font-size:12px;font-weight:700}.rocket-q-prompt{justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex}.listen-btn-sm{border-radius:var(--radius-round);background:var(--color-accent);border:2px solid var(--color-accent-dark);justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.rocket-q-word{color:var(--color-primary);font-size:26px;font-weight:800}.rocket-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rocket-option{border-radius:var(--radius-md);background:var(--color-bg);border:2px solid var(--color-bg-dark);padding:12px;font-size:16px;font-weight:700}.rocket-option.correct{border-color:var(--color-success);background:#d4edda}.rocket-option.wrong{border-color:var(--color-error);background:#f8d7da}.rocket-victory h2{color:var(--color-success);margin-bottom:8px;font-size:24px}.rocket-zh{color:var(--color-text-light);font-size:13px}.rescued-pokemon{object-fit:contain;width:80px;height:80px;margin:12px 0}.rocket-escape h2{color:var(--color-text);margin-bottom:8px;font-size:20px}.ground-spawn-layer{pointer-events:none;z-index:50;width:100%;height:100%;position:fixed;top:0;left:0}.spawn-item{pointer-events:auto;cursor:pointer;filter:drop-shadow(0 2px 6px #0003);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:8px;display:flex;position:absolute}.spawn-emoji{font-size:2rem}.spawn-amount{color:#e65100;background:#ffffffe6;border-radius:8px;padding:1px 5px;font-size:.7rem;font-weight:700}.worldmap-page{height:100%;padding-bottom:24px;overflow-y:auto}.worldmap-header{text-align:center;padding:20px 16px 8px}.worldmap-header h1{color:var(--color-primary);font-size:24px}.worldmap-header p{color:var(--color-text-light);font-size:14px}.worldmap-path{padding:8px 16px}.path-connector{justify-content:center;padding:4px 0;display:flex}.path-dots{flex-direction:column;align-items:center;gap:4px;display:flex}.path-dots span{border-radius:var(--radius-round);background:#ccc;width:6px;height:6px}.path-connector.active .path-dots span{background:var(--color-secondary)}.region-node{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);text-align:left;border:3px solid #0000;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex;position:relative}.region-node.region-unlocked,.region-node.region-in-progress{border-color:var(--color-secondary)}.region-node.region-complete{border-color:var(--color-accent)}.region-node.region-locked{opacity:.6;cursor:not-allowed}.region-icon{background:var(--color-white);border-radius:var(--radius-md);width:52px;height:52px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:36px;display:flex}.region-info{flex:1;min-width:0}.region-name{color:var(--color-text);font-size:16px;font-weight:800}.region-name-en{color:var(--color-text-light);margin-bottom:2px;font-size:12px;font-weight:600}.region-theme{color:var(--color-text-light);font-size:12px;line-height:1.3}.region-badge{flex-shrink:0;font-size:28px}.region-progress-dot{border-radius:var(--radius-round);background:var(--color-accent);width:12px;height:12px;box-shadow:0 0 6px var(--color-accent);flex-shrink:0;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.pokemon-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:3px solid var(--color-accent);text-align:center;margin:16px;padding:24px;overflow:hidden}.pokemon-card-image{justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 12px;display:flex}.pokemon-card-image img{object-fit:contain;width:100%;height:100%}.pokemon-card-name{color:var(--color-text-light);margin-bottom:8px;font-size:14px;font-weight:700}.pokemon-card-word{justify-content:center;align-items:center;gap:12px;margin-bottom:4px;display:flex}.word-english{color:var(--color-primary);font-size:32px;font-weight:800}.speak-btn{border-radius:var(--radius-round);background:var(--color-accent);width:44px;height:44px;box-shadow:var(--shadow-sm);border:2px solid var(--color-accent-dark);justify-content:center;align-items:center;font-size:22px;display:flex}.word-chinese{color:var(--color-text);margin-bottom:2px;font-size:20px;font-weight:700}.word-pronunciation{color:var(--color-text-light);margin-bottom:12px;font-size:14px;font-style:italic}.word-example{background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:16px;padding:12px}.example-en{color:var(--color-secondary);margin-bottom:4px;font-size:16px;font-weight:700}.example-zh{color:var(--color-text-light);font-size:13px}.pokemon-card-actions{justify-content:center;gap:12px;display:flex}.action-btn{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:12px 24px;font-size:16px;font-weight:800}.mic-btn{background:var(--color-success);color:var(--color-white);border:2px solid #009a7a}.next-btn{background:var(--color-secondary);color:var(--color-white);border:2px solid #2d3aa0}.region-page{flex-direction:column;height:100%;display:flex;position:relative;overflow-y:auto}.region-progress-bar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;align-items:center;gap:8px;height:28px;padding:0 12px;display:flex;position:sticky;top:0}.region-progress-fill{background:var(--color-bg-dark);border-radius:5px;flex:1;height:10px;position:relative;overflow:hidden}.region-progress-fill:after{content:"";background:var(--color-success);transform-origin:0;border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}.region-progress-text{color:var(--color-text-light);text-align:right;min-width:36px;font-size:12px;font-weight:800}.region-intro{padding:16px}.region-title-area{text-align:center;padding:20px 0 12px}.region-title-icon{margin-bottom:8px;font-size:48px;display:block}.region-title-area h1{color:var(--color-text);font-size:24px}.region-title-area h2{color:var(--color-text-light);font-size:14px;font-weight:600}.region-pokemon-preview{flex-wrap:wrap;justify-content:center;gap:8px;padding:16px;display:flex}.preview-pokemon{object-fit:contain;width:64px;height:64px}.region-learn{flex-direction:column;flex:1;display:flex}.listening-indicator{text-align:center;color:var(--color-success);padding:12px;font-size:18px;font-weight:700}.region-done{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.done-stars{margin-bottom:12px;font-size:48px}.region-done h2{color:var(--color-primary);font-size:28px}.region-done p{color:var(--color-text);font-size:18px;font-weight:600}.done-subtitle{color:var(--color-text-light)!important;font-size:14px!important}.done-actions{flex-direction:column;gap:12px;width:100%;max-width:300px;margin-top:24px;display:flex}.hp-bar-container{align-items:center;gap:8px;width:100%;display:flex}.hp-bar-label{color:var(--color-text);min-width:28px;font-size:12px;font-weight:800}.hp-bar-track{background:#ddd;border:2px solid #bbb;border-radius:6px;flex:1;height:12px;overflow:hidden}.hp-bar-fill{border-radius:4px;height:100%}.hp-bar-text{color:var(--color-text-light);text-align:right;min-width:40px;font-size:11px;font-weight:700}.battle-page{background:linear-gradient(#e8f5e9 0%,#c8e6c9 50%,#a5d6a7 100%);flex-direction:column;height:100%;display:flex;overflow:hidden}.battle-intro{flex-direction:column;flex:1;justify-content:center;padding:24px;display:flex}.battle-vs{justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.vs-pokemon{flex-direction:column;align-items:center;gap:8px;display:flex}.vs-pokemon img{object-fit:contain;width:100px;height:100px}.vs-pokemon span{font-size:14px;font-weight:800}.vs-text{color:var(--color-primary);text-shadow:2px 2px 0 var(--color-accent);font-size:32px;font-weight:800}.battle-arena{flex-direction:column;flex:1;display:flex}.battle-field{flex-shrink:0;min-height:200px;padding:12px 16px;position:relative}.battle-enemy-side{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.battle-enemy-side .battle-pokemon-info{flex:1}.battle-enemy-side .battle-pokemon-img{object-fit:contain;width:100px;height:100px}.battle-my-side{justify-content:flex-end;align-items:flex-end;gap:8px;display:flex}.battle-my-side .battle-pokemon-info{flex:1}.battle-my-side .battle-pokemon-img{object-fit:contain;width:90px;height:90px}.pokemon-battle-name{margin-bottom:4px;font-size:14px;font-weight:800;display:block}.battle-question-area{background:var(--color-white);border-top:3px solid var(--color-text);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.question-prompt{text-align:center}.listen-btn{background:var(--color-accent);border:3px solid var(--color-accent-dark);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:12px 28px;font-size:18px;font-weight:800}.prompt-word{color:var(--color-primary);font-size:28px;font-weight:800;display:block}.prompt-hint{color:var(--color-text-light);font-size:13px}.answer-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answer-option{border-radius:var(--radius-lg);background:var(--color-bg);border:3px solid var(--color-bg-dark);color:var(--color-text);padding:14px 12px;font-size:17px;font-weight:700;transition:all .15s}.answer-option:active{background:var(--color-bg-dark)}.answer-option.correct{border-color:var(--color-success);color:#155724;background:#d4edda}.answer-option.wrong{border-color:var(--color-error);color:#721c24;background:#f8d7da}.result-feedback{flex-direction:column;align-items:center;gap:12px;padding:8px;display:flex}.feedback-correct{color:var(--color-success);font-size:22px;font-weight:800}.feedback-wrong{color:var(--color-error);text-align:center;font-size:16px}.feedback-wrong strong{color:var(--color-success);font-size:20px}.battle-victory{text-align:center;background:linear-gradient(#fff9c4 0%,#fff 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.victory-pokeball{font-size:72px}.battle-victory h2{color:var(--color-primary);font-size:28px}.victory-badge{background:var(--color-white);border:3px solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex}.badge-icon{font-size:40px}.battle-defeat{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.battle-defeat h2{color:var(--color-text);font-size:24px}.defeat-actions{flex-direction:column;gap:12px;width:100%;max-width:280px;margin-top:16px;display:flex}.shiny-badge{filter:drop-shadow(0 0 4px #ffd700cc);animation:2s ease-in-out infinite shiny-rotate;display:inline-block}.shiny-badge-sm{font-size:.8rem}.shiny-badge-md{font-size:1.2rem}.shiny-badge-lg{font-size:1.8rem}@keyframes shiny-rotate{0%,to{opacity:1;transform:rotate(0)scale(1)}25%{opacity:.9;transform:rotate(15deg)scale(1.1)}50%{opacity:1;transform:rotate(0)scale(1.2)}75%{opacity:.9;transform:rotate(-15deg)scale(1.1)}}.pronunciation-guide{flex-direction:column;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.syllable-display{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.syllable-bubble{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:3px solid #e0e0e0;border-radius:24px;justify-content:center;align-items:center;min-width:60px;height:48px;padding:6px 14px;font-family:Arial Rounded MT Bold,Nunito,sans-serif;font-size:1.2rem;font-weight:700;transition:border-color .2s,color .2s;display:flex}.syllable-bubble.active{background:#00000008;box-shadow:0 2px 12px #0000001a}.syllable-bubble.done{background:#00000005}.syllable-dots{gap:6px;display:flex}.syl-dot{border-radius:50%;width:10px;height:10px;transition:background .3s}.pronunciation-actions{width:100%;max-width:320px}.pron-step{flex-direction:column;align-items:center;gap:8px;display:flex}.pron-step-label{color:#333;margin:0;font-size:1rem;font-weight:700}.pron-step-hint{color:#888;margin:0;font-size:.85rem}.pron-listen-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:20px;padding:12px 24px;font-size:1rem;font-weight:700;box-shadow:0 3px 12px #2196f34d}.pron-next-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:20px;padding:12px 24px;font-size:1rem;font-weight:700}.pron-mic-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:24px;padding:14px 28px;font-size:1rem;font-weight:700;box-shadow:0 3px 12px #f443364d}.pron-mic-btn.recording{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 3px 12px #4caf5066}.pron-result{text-align:center;margin:0;font-size:1rem;font-weight:700}.pron-result.success{color:#4caf50}.pron-result.tryagain{color:#ff9800}.pron-skip-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:12px;margin-top:4px;padding:6px 16px;font-size:.8rem}.pokedex-page{height:100%;padding:16px;overflow-y:auto}.pokedex-title{color:var(--color-primary);text-align:center;font-size:24px}.pokedex-count{text-align:center;color:var(--color-text-light);margin-bottom:16px;font-size:14px}.pokedex-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:24px;display:grid}.pokedex-cell{background:var(--color-white);border-radius:var(--radius-md);border:2px solid var(--color-bg-dark);flex-direction:column;align-items:center;gap:4px;padding:12px 4px;display:flex}.pokedex-cell.captured{border-color:var(--color-accent)}.pokedex-cell.unknown{opacity:.5}.pokedex-cell img{object-fit:contain;width:60px;height:60px}.pokedex-cell img.silhouette{filter:brightness(0)}.cell-name{color:var(--color-text);text-align:center;font-size:11px;font-weight:700}.pokedex-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pokedex-detail{background:var(--color-white);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:340px;box-shadow:var(--shadow-lg);max-height:85vh;padding:24px;position:relative;overflow-y:auto}.detail-close{border-radius:var(--radius-round);background:var(--color-bg);width:32px;height:32px;font-size:16px;font-weight:800;position:absolute;top:12px;right:12px}.detail-img{object-fit:contain;width:120px;height:120px;margin:0 auto}.pokedex-detail h2{color:var(--color-text);margin-top:8px;font-size:22px}.pokedex-detail h3{color:var(--color-text-light);font-size:14px;font-weight:600}.detail-types{justify-content:center;gap:6px;margin:8px 0;display:flex}.type-badge{color:#fff;text-transform:capitalize;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.type-normal{background:#a8a878}.type-fire{background:#f08030}.type-water{background:#6890f0}.type-grass{background:#78c850}.type-electric{color:#333;background:#f8d030}.type-ice{background:#98d8d8}.type-fighting{background:#c03028}.type-poison{background:#a040a0}.type-ground{background:#e0c068}.type-flying{background:#a890f0}.type-psychic{background:#f85888}.type-bug{background:#a8b820}.type-rock{background:#b8a038}.type-ghost{background:#705898}.type-dragon{background:#7038f8}.type-dark{background:#705848}.type-steel{background:#b8b8d0}.type-fairy{background:#ee99ac}.detail-stats{background:var(--color-bg);border-radius:var(--radius-md);margin:12px 0;padding:12px}.stat-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:14px;font-weight:600;display:flex}.stat-value{color:var(--color-secondary);font-weight:800}.evolve-hint{color:var(--color-text-light);justify-content:center;font-size:12px}.detail-vocab{margin-top:12px}.detail-vocab h4{color:var(--color-text-light);margin-bottom:8px;font-size:14px}.vocab-review-btn{background:var(--color-bg);border-radius:var(--radius-md);text-align:left;align-items:center;gap:8px;width:100%;margin-bottom:6px;padding:10px 12px;display:flex}.vocab-en{color:var(--color-primary);flex:1;font-weight:800}.vocab-zh{color:var(--color-text-light);font-size:13px}.vocab-speak{font-size:18px}.detail-habitat{text-align:center;margin-top:12px}.detail-habitat h4{color:#666;margin:0 0 8px;font-size:.9rem}.habitat-link-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:12px;padding:8px 16px;font-size:.85rem;font-weight:600}.pronunciation-text{color:#888;letter-spacing:1px;margin:0;font-size:.9rem;font-style:italic}.badges-page{height:100%;padding:16px;overflow-y:auto}.badges-title{text-align:center;color:var(--color-primary);font-size:24px}.badges-count{text-align:center;color:var(--color-text-light);margin-bottom:20px;font-size:14px}.badges-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.badge-card{background:var(--color-white);border-radius:var(--radius-lg);text-align:center;border:3px solid var(--color-bg-dark);box-shadow:var(--shadow-sm);padding:20px 12px}.badge-card.earned{border-color:var(--color-accent);background:linear-gradient(135deg,#fffde4 0%,#fff 100%)}.badge-card.locked{opacity:.5}.badge-emoji{margin-bottom:8px;font-size:40px}.badge-name{color:var(--color-text);font-size:14px;font-weight:800}.badge-leader{color:var(--color-secondary);margin-top:4px;font-size:12px;font-weight:600}.badge-leader-title{color:var(--color-text-light);font-size:11px}.badges-complete{text-align:center;color:var(--color-accent-dark);border-radius:var(--radius-lg);border:3px solid var(--color-accent);background:linear-gradient(135deg,#fff9c4 0%,#fff 100%);margin-top:24px;padding:16px;font-size:24px;font-weight:800}.profile-page{height:100%;padding:16px 16px 32px;overflow-y:auto}.profile-header{text-align:center;padding:16px 0}.profile-avatar{object-fit:contain;width:100px;height:100px}.profile-name{color:var(--color-text);margin-top:8px;font-size:24px}.profile-level{color:var(--color-secondary);font-size:16px;font-weight:700}.profile-exp{margin-bottom:20px;padding:0 16px}.profile-stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.stat-card{background:var(--color-white);border-radius:var(--radius-md);text-align:center;border:2px solid var(--color-bg-dark);padding:12px 4px}.stat-number{color:var(--color-primary);font-size:24px;font-weight:800;display:block}.stat-label{color:var(--color-text-light);text-transform:uppercase;font-size:11px;font-weight:700}.profile-section{background:var(--color-white);border-radius:var(--radius-lg);border:2px solid var(--color-bg-dark);margin-bottom:16px;padding:16px}.profile-section h3{color:var(--color-text);margin-bottom:12px;font-size:16px}.region-stat{border-bottom:1px solid var(--color-bg);align-items:center;gap:8px;padding:6px 0;display:flex}.region-stat:last-child{border-bottom:none}.region-stat-icon{text-align:center;width:28px;font-size:20px}.region-stat-name{flex:1;font-size:14px;font-weight:600}.region-stat-progress{color:var(--color-text-light);font-size:13px;font-weight:700}.profile-actions{text-align:center;padding:16px 0}.habitat-list-page{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);min-height:100vh;padding:16px 16px 80px}.habitat-list-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.habitat-list-header h1{margin:0;font-size:1.5rem}.habitat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.habitat-card{cursor:pointer;background:#fff;border:3px solid #e0e0e0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-height:100px;padding:12px 8px;display:flex;position:relative}.habitat-card.complete{background:#f1f8e9;border-color:#4caf50}.habitat-card.started{background:#fff8e1;border-color:#ff9800}.habitat-card.locked{opacity:.7}.habitat-card-emoji{font-size:2rem}.habitat-card-name{color:#333;text-align:center;font-size:.75rem;font-weight:600}.habitat-card-name-zh{color:#888;font-size:.65rem}.habitat-progress-bar{background:#eee;border-radius:4px;width:100%;height:8px;margin-top:4px;position:relative}.habitat-progress-fill{background:#ff9800;border-radius:4px;height:100%;transition:width .3s}.habitat-progress-text{color:#888;font-size:.6rem;position:absolute;top:-14px;right:0}.habitat-complete-badge{font-size:1.2rem;position:absolute;top:-6px;right:-6px}.habitat-list-subtitle{color:#888;text-align:center;margin:0 0 12px;font-size:.85rem}.habitat-card.unlocked{background:#e3f2fd;border-color:#2196f3}.habitat-card-pokemon{object-fit:contain;filter:drop-shadow(0 1px 3px #0003);width:36px;height:36px;position:absolute;top:-8px;right:-8px}.habitat-new-badge{color:#fff;background:#f44336;border-radius:8px;padding:2px 6px;font-size:.55rem;font-weight:700;position:absolute;top:-6px;left:-6px}.habitat-task{flex-direction:column;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.task-instruction{background:#fffffff2;border-radius:16px;align-items:center;gap:12px;width:100%;max-width:400px;padding:12px 20px;display:flex;box-shadow:0 2px 12px #0000001a}.task-instruction-text{color:#333;flex:1;font-size:1.1rem;line-height:1.4}.listen-again-btn{cursor:pointer;background:#e3f2fd;border:2px solid #2196f3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.find-item-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:360px;display:grid}.find-item-option{cursor:pointer;background:#fff;border:3px solid #e0e0e0;border-radius:16px;flex-direction:column;align-items:center;gap:6px;min-height:80px;padding:16px 8px;transition:border-color .2s;display:flex}.find-item-option.correct{background:#e8f5e9;border-color:#4caf50}.find-item-emoji{font-size:2.5rem}.find-item-label{color:#555;font-size:.9rem;font-weight:600}.listen-find-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:360px;display:grid}.listen-find-option{cursor:pointer;background:#fff;border:3px solid #e0e0e0;border-radius:16px;justify-content:center;align-items:center;min-height:90px;padding:20px;display:flex}.listen-find-option.correct{background:#e8f5e9;border-color:#4caf50}.listen-find-emoji{font-size:3rem}.spell-target{background:#9c27b00d;border:4px dashed #9c27b0;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.spell-target.spell-success{background:#4caf501a;border-style:solid;border-color:#4caf50}.spell-emoji{font-size:3.5rem}.spell-controls{flex-direction:column;align-items:center;gap:12px;display:flex}.mic-button{cursor:pointer;background:#ffebee;border:3px solid #f44336;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;display:flex}.mic-button.listening{background:#e8f5e9;border-color:#4caf50}.tap-spell-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;border-radius:24px;padding:12px 24px;font-size:1rem;font-weight:700}.drag-scene{background:#00000008;border:2px dashed #ccc;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:360px;height:200px;display:flex}.drag-target{border:3px dashed #ff9800;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;display:flex}.drag-target-filled{background:#4caf501a;border-style:solid;border-color:#4caf50}.drag-placeholder{color:#ccc;font-size:2rem}.drag-item{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #2196f3;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;display:flex;box-shadow:0 4px 12px #00000026}.drag-emoji{font-size:2.5rem}.drag-label{font-size:.9rem;font-weight:600}.paint-target{background:#fff;border:3px solid #e0e0e0;border-radius:16px;justify-content:center;align-items:center;width:120px;height:120px;transition:filter .5s;display:flex}.paint-emoji{font-size:4rem}.color-palette{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.color-swatch{cursor:pointer;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 2px 8px #0003}.color-label{color:#fff;text-shadow:0 1px 2px #00000080;font-size:.65rem;font-weight:700}.count-progress{align-items:baseline;gap:4px;font-weight:700;display:flex}.count-current{color:#ff9800;font-size:2rem}.count-divider{color:#999;font-size:1.5rem}.count-target{color:#666;font-size:1.5rem}.count-scene{background:#00000008;border-radius:16px;width:100%;max-width:360px;height:200px;position:relative}.count-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:4px;font-size:2.5rem;position:absolute}.bubble-field{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;width:100%;max-width:400px;min-height:220px;padding:16px 0;display:flex}.bubble-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 30% 30%,#c8e6fff2,#64b4ff4d);border:3px solid #64b4ff80;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 4px 15px #64b4ff4d}.bubble-inner{flex-direction:column;align-items:center;gap:2px;display:flex}.bubble-emoji{font-size:2rem}.bubble-label{color:#333;font-size:.7rem;font-weight:600}.bubble-pop-particle{justify-content:center;align-items:center;width:100px;height:100px;font-size:2.5rem;display:flex}.trace-word-hint{color:#bbb;letter-spacing:4px;text-transform:uppercase;font-size:1.2rem;font-weight:600}.trace-letter-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.trace-letter-box{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:3px dashed #ccc;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.trace-letter-box.next{background:#fff8e1;border-color:#ff9800}.trace-letter-box.traced{background:#e8f5e9;border-style:solid;border-color:#4caf50}.trace-letter{color:#ddd;-webkit-user-select:none;user-select:none;font-size:2rem;font-weight:700}.trace-letter.filled{color:#4caf50}.trace-progress{gap:8px;margin-top:8px;display:flex}.trace-dot{background:#e0e0e0;border-radius:50%;width:12px;height:12px;transition:background .3s}.trace-dot.active{background:#4caf50}.word-builder-hint{color:#ccc;letter-spacing:6px;text-transform:uppercase;font-size:1.3rem;font-weight:600}.word-builder-slots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.word-builder-slot{color:#333;text-transform:uppercase;border-bottom:3px solid #ccc;justify-content:center;align-items:center;width:48px;height:52px;font-size:1.6rem;font-weight:700;display:flex}.word-builder-slot.filled{color:#4caf50;border-color:#4caf50}.word-builder-letters{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.word-builder-block{color:#2196f3;cursor:pointer;text-transform:uppercase;-webkit-tap-highlight-color:transparent;background:#fff;border:3px solid #2196f3;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:700;display:flex;box-shadow:0 3px 8px #2196f333}.word-builder-block.used{opacity:.25;color:#ccc;cursor:default;box-shadow:none;border-color:#ccc}.memory-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:360px;display:grid}.memory-card{aspect-ratio:1;cursor:pointer;perspective:600px;-webkit-tap-highlight-color:transparent;background:#fff;border:3px solid #e0e0e0;border-radius:12px;width:100%;min-height:72px;position:relative}.memory-card.matched{border-color:#4caf50;box-shadow:0 0 12px #4caf5066}.memory-card-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.memory-card-front,.memory-card-back{backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.memory-card-front{transform:rotateY(0)}.memory-card-back{transform:rotateY(180deg)}.memory-card-question{font-size:1.8rem}.memory-card-emoji{font-size:2rem}.memory-card-word{color:#333;font-size:.85rem;font-weight:700}.shadow-match-layout{justify-content:center;align-items:center;gap:24px;width:100%;max-width:400px;display:flex}.shadow-silhouette{filter:brightness(0);background:#0000000d;border-radius:16px;justify-content:center;align-items:center;width:120px;height:120px;transition:filter .6s;display:flex}.shadow-emoji{font-size:4rem}.shadow-options{flex-direction:column;gap:10px;display:flex}.shadow-option-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:3px solid #e0e0e0;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;transition:border-color .2s;display:flex}.shadow-option-btn.correct{background:#e8f5e9;border-color:#4caf50}.shadow-option-emoji{font-size:2.5rem}.sort-progress-text{color:#999;font-size:1rem;font-weight:600}.sort-item-area{justify-content:center;align-items:center;min-height:120px;display:flex}.sort-current-item{background:#fff;border:3px solid #ff9800;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;display:flex;box-shadow:0 4px 16px #ff980033}.sort-item-emoji{font-size:2.5rem}.sort-item-word{color:#333;font-size:1rem;font-weight:700}.sort-bins{justify-content:center;gap:12px;width:100%;max-width:400px;display:flex}.sort-bin{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f5f5f5;border:3px dashed #bbb;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:4px;min-height:100px;padding:16px 8px;transition:border-color .2s,background .2s;display:flex}.sort-bin.receiving{background:#e8f5e9;border-style:solid;border-color:#4caf50}.sort-bin-emoji{font-size:2rem}.sort-bin-label{color:#555;font-size:.85rem;font-weight:700}.sort-bin-count{color:#999;font-size:.8rem}.size-order-slots{justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:400px;min-height:120px;display:flex}.size-order-slot{background:#00000005;border:2px dashed #e0e0e0;border-radius:12px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-height:90px;padding:8px 4px;display:flex}.size-order-slot.filled{background:#e8f5e9;border-style:solid;border-color:#4caf50}.size-slot-number{color:#ccc;font-size:1.2rem;font-weight:700}.size-order-placed{flex-direction:column;align-items:center;gap:2px;display:flex}.size-placed-emoji{line-height:1}.size-placed-label{color:#333;font-size:.7rem;font-weight:600}.size-order-items{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.size-order-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:3px solid #2196f3;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:80px;min-height:64px;padding:12px 16px;display:flex;box-shadow:0 3px 8px #2196f326}.size-item-emoji{line-height:1}.size-item-label{color:#555;font-size:.75rem;font-weight:600}.habitat-build-page{background:linear-gradient(135deg,#e3f2fd,#e8f5e9);flex-direction:column;min-height:100vh;display:flex}.build-header{background:#ffffffe6;border-bottom:1px solid #eee;align-items:center;gap:12px;padding:12px 16px;display:flex}.back-btn{cursor:pointer;background:0 0;border:2px solid #999;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.build-title{flex:1;font-size:1rem;font-weight:700}.habitat-preview{background:#fffc;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.preview-materials{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.preview-material{font-size:2rem;transition:filter .3s}.preview-material.pending{filter:grayscale()opacity(.3)}.preview-material.placed{filter:none}.step-indicators{gap:8px;display:flex}.step-dot{background:#e0e0e0;border-radius:50%;width:12px;height:12px;transition:background .3s}.step-dot.done{background:#4caf50}.step-dot.current{background:#ff9800;animation:1s infinite pulse-dot}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.phase-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:16px;display:flex}.intro-scene{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.intro-pokemon{object-fit:contain;filter:drop-shadow(0 4px 12px #0003);width:120px;height:120px}.intro-text{margin:0;font-size:1.3rem;font-weight:700}.intro-subtext{color:#666;margin:0;font-size:1rem}.build-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:24px;padding:16px 32px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 16px #ff980066}.step-preview-content{flex-direction:column;align-items:center;gap:12px;display:flex}.step-number{color:#888;margin:0;font-size:.9rem}.step-preview-emoji{font-size:4rem}.step-preview-word{margin:0;font-size:1.5rem;font-weight:700}.step-preview-word-zh{color:#888;margin:0;font-size:1rem}.step-go-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:20px;padding:12px 28px;font-size:1.1rem;font-weight:700}.step-celebration{flex-direction:column;align-items:center;gap:12px;display:flex}.celebration-emoji{font-size:4rem}.celebration-text{margin:0;font-size:1.3rem;font-weight:700}.celebration-word{color:#4caf50;margin:0;font-size:1.1rem;font-weight:600}.next-step-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:20px;margin-top:8px;padding:12px 28px;font-size:1.1rem;font-weight:700}.habitat-done-scene{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.done-pokemon{object-fit:contain;width:140px;height:140px}.done-title{margin:0;font-size:1.5rem}.done-text{color:#555;margin:0;font-size:1rem}.done-materials{gap:6px;font-size:1.8rem;display:flex}.done-material{animation:.5s ease-out backwards done-pop}.done-material:first-child{animation-delay:.1s}.done-material:nth-child(2){animation-delay:.2s}.done-material:nth-child(3){animation-delay:.3s}.done-material:nth-child(4){animation-delay:.4s}.done-material:nth-child(5){animation-delay:.5s}@keyframes done-pop{0%{transform:scale(0)}to{transform:scale(1)}}.explore-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;border-radius:24px;padding:14px 32px;font-size:1.1rem;font-weight:700}.back-to-list-btn{cursor:pointer;color:#666;background:0 0;border:2px solid #999;border-radius:16px;padding:8px 16px;font-size:.9rem}.build-locked{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.build-locked-icon{font-size:4rem}.build-locked h2{color:#555;margin:0}.build-locked p{color:#888;max-width:280px;margin:0}.hidden-pokemon-peek{cursor:pointer;z-index:60;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:80px;height:80px;padding:0;position:absolute}.hidden-pokemon-img{object-fit:contain;filter:drop-shadow(0 2px 8px #0000004d);width:100%;height:100%}.hidden-pokemon-hint{font-size:1.2rem;animation:1s ease-in-out infinite hint-bounce;position:absolute;top:-8px;right:-8px}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.habitat-explore-page{background:linear-gradient(135deg,#c8e6c9,#e8f5e9);flex-direction:column;min-height:100vh;display:flex}.explore-header{background:#ffffffe6;border-bottom:1px solid #eee;align-items:center;gap:12px;padding:12px 16px;display:flex}.explore-title{flex:1;font-size:1rem;font-weight:700}.habitat-scene{flex-direction:column;flex:1;align-items:center;gap:24px;min-height:400px;padding:24px;display:flex;position:relative}.scene-materials{flex-wrap:wrap;justify-content:center;gap:8px;font-size:2.5rem;display:flex}.scene-material{filter:drop-shadow(0 2px 4px #00000026)}.scene-pokemon{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.scene-pokemon-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex;position:relative}.scene-pokemon-img{object-fit:contain;filter:drop-shadow(0 4px 8px #0003);width:80px;height:80px}.scene-pokemon-name{color:#333;background:#fffc;border-radius:8px;padding:2px 8px;font-size:.75rem;font-weight:600}.explore-info{text-align:center;padding:16px 16px 80px}.explore-hint{color:#666;background:#ffffffb3;border-radius:12px;margin:0;padding:12px;font-size:.9rem}.daily-wheel{text-align:center;padding:8px 0}.daily-wheel h3{color:gold;text-shadow:0 2px 8px #ffd7004d;margin-bottom:16px;font-size:20px}.wheel-shard-display{border-radius:var(--radius-lg);background:#ffffff14;align-items:center;gap:10px;margin-bottom:20px;padding:10px 24px;display:inline-flex}.wheel-shard-icon{font-size:28px}.wheel-shard-info{text-align:left}.wheel-shard-count{color:#a29bfe;font-size:22px;font-weight:800}.wheel-shard-label{color:#ffffff80;font-size:11px;font-weight:600}.wheel-container{width:260px;height:260px;margin:0 auto 20px;position:relative}.wheel-outer-ring{background:conic-gradient(#e74c3c 0deg 45deg,#e67e22 45deg 90deg,#f1c40f 90deg 135deg,#2ecc71 135deg 180deg,#3498db 180deg 225deg,#9b59b6 225deg 270deg,#e91e63 270deg 315deg,#00bcd4 315deg 360deg);border:6px solid gold;border-radius:50%;width:260px;height:260px;transition:transform 4s cubic-bezier(.17,.67,.12,.99);position:relative;overflow:hidden;box-shadow:0 0 20px #ffd7004d,inset 0 0 20px #ffd7001a}.wheel-inner-circle{z-index:2;background:linear-gradient(135deg,#1a1a2e,#2d1b4e);border:3px solid gold;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #00000080}.wheel-segment-label{transform-origin:0 0;z-index:1;pointer-events:none;font-size:18px;position:absolute;top:50%;left:50%}.wheel-pointer{z-index:3;filter:drop-shadow(0 2px 4px #00000080);font-size:28px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.wheel-spin-btn{color:#1a1a2e;border-radius:var(--radius-xl);cursor:pointer;background:linear-gradient(135deg,gold,#f39c12);border:none;margin-bottom:20px;padding:16px 48px;font-size:20px;font-weight:800;transition:all .2s;box-shadow:0 4px 16px #ffd70066}.wheel-spin-btn:active{transform:scale(.95)}.wheel-spin-btn:disabled{opacity:.5;cursor:not-allowed}.wheel-task-card{border-radius:var(--radius-lg);text-align:left;background:#ffffff14;border:2px solid #ffffff1a;max-width:320px;margin:0 auto 20px;padding:20px}.wheel-task-card.completed{border-color:var(--color-success);background:#00b8941a}.wheel-task-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.wheel-task-icon{font-size:32px}.wheel-task-title{color:#fff;font-size:14px;font-weight:700}.wheel-task-desc{color:gold;margin-bottom:10px;font-size:16px;font-weight:800}.wheel-task-reward{color:#a29bfe;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.wheel-task-completed{text-align:center;padding:12px}.wheel-task-completed-text{color:var(--color-success);font-size:18px;font-weight:800}.wheel-task-completed-shards{color:#a29bfe;margin-top:4px;font-size:14px}.shard-reward-popup{z-index:200;text-align:center;pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.shard-reward-icon{margin-bottom:8px;font-size:64px;display:block}.shard-reward-text{color:#a29bfe;text-shadow:0 2px 8px #a29bfe80;font-size:24px;font-weight:800}.wheel-reveal-overlay{z-index:150;text-align:center;background:#000c;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.wheel-reveal-icon{margin-bottom:16px;font-size:56px}.wheel-reveal-title{color:gold;margin-bottom:8px;font-size:22px;font-weight:800}.wheel-reveal-desc{color:#fffc;margin-bottom:8px;font-size:16px}.wheel-reveal-reward{color:#a29bfe;margin-bottom:20px;font-size:14px;font-weight:700}.wheel-reveal-btn{color:#1a1a2e;border-radius:var(--radius-xl);cursor:pointer;background:linear-gradient(135deg,gold,#f39c12);border:none;padding:14px 36px;font-size:18px;font-weight:800}.legend-shop{margin-top:24px}.legend-shop h4{color:gold;text-align:center;margin-bottom:12px;font-size:16px}.legend-shop-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.legend-shop-item{border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#ffffff0f;border:2px solid #ffffff14;padding:10px 6px;transition:all .2s}.legend-shop-item:active{transform:scale(.95)}.legend-shop-item.affordable{border-color:#a29bfe80;box-shadow:0 0 10px #a29bfe33}.legend-shop-item.owned{border-color:var(--color-success);opacity:.7}.legend-shop-img{object-fit:contain;width:48px;height:48px;margin:0 auto 4px;display:block}.legend-shop-img.silhouette{filter:brightness(0)opacity(.4)}.legend-shop-name{color:#fff;margin-bottom:4px;font-size:11px;font-weight:700}.legend-shop-cost{color:#a29bfe;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:800;display:flex}.legend-shop-owned-badge{color:var(--color-success);font-size:11px;font-weight:700}.shop-confirm-overlay{z-index:200;text-align:center;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.shop-confirm-img{object-fit:contain;width:120px;height:120px;margin-bottom:16px}.shop-confirm-title{color:gold;margin-bottom:8px;font-size:20px;font-weight:800}.shop-confirm-cost{color:#a29bfe;margin-bottom:20px;font-size:16px;font-weight:700}.shop-confirm-buttons{gap:12px;display:flex}.shop-confirm-buy{color:#fff;border-radius:var(--radius-xl);cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;padding:14px 32px;font-size:16px;font-weight:800}.shop-confirm-cancel{color:#fff;border-radius:var(--radius-xl);cursor:pointer;background:#ffffff26;border:none;padding:14px 24px;font-size:16px;font-weight:700}.legendary-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 40%,#0f3460 100%);flex-direction:column;min-height:100%;padding-bottom:70px;display:flex}.legendary-header{justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.legendary-header h1{color:gold;text-shadow:0 2px 8px #ffd70066;align-items:center;gap:8px;font-size:22px;display:flex}.legendary-back-btn{color:#fff;border-radius:var(--radius-md);background:#ffffff26;border:none;padding:8px 14px;font-size:16px;font-weight:700}.legendary-tabs{scrollbar-width:none;gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.legendary-tabs::-webkit-scrollbar{display:none}.legend-tab{border-radius:var(--radius-md);color:#fff9;text-align:center;white-space:nowrap;background:#ffffff1a;border:2px solid #0000;flex:1;min-width:0;padding:10px 6px;font-size:12px;font-weight:700;transition:all .25s}.legend-tab.active{color:gold;background:#ffd70033;border-color:gold;box-shadow:0 0 12px #ffd7004d}.legend-tab-icon{margin-bottom:2px;font-size:20px;display:block}.legendary-content{flex:1;padding:8px 16px 16px;overflow-y:auto}.starmap-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.starmap-card{border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:#ffffff14;border:2px solid #ffffff1a;padding:14px;transition:all .2s;position:relative;overflow:hidden}.starmap-card:active{transform:scale(.96)}.starmap-card.captured{border-color:gold;box-shadow:0 0 16px #ffd70033}.starmap-pokemon-img{object-fit:contain;width:80px;height:80px;margin:0 auto 6px;display:block}.starmap-pokemon-img.silhouette{filter:brightness(0)opacity(.4)}.starmap-pokemon-name{color:#fff;margin-bottom:6px;font-size:14px;font-weight:800}.starmap-pokemon-name.unknown{color:#fff6}.starmap-stars{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.starmap-star{font-size:14px;transition:all .3s}.starmap-star.lit{filter:drop-shadow(0 0 4px gold)}.starmap-star.unlit{opacity:.3;filter:grayscale()}.starmap-captured-badge{font-size:18px;position:absolute;top:8px;right:8px}.eggs-row{flex-direction:column;gap:12px;display:flex}.egg-card{border-radius:var(--radius-lg);cursor:pointer;background:#ffffff14;border:2px solid #ffffff1a;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.egg-card:active{transform:scale(.97)}.egg-card.hatched{border-color:var(--color-success);background:#00b89426}.egg-visual{flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:48px;display:flex;position:relative}.egg-crack{text-align:center;width:100%;font-size:14px;position:absolute;bottom:-2px}.egg-info{flex:1;min-width:0}.egg-name{color:#fff;margin-bottom:4px;font-size:16px;font-weight:700}.egg-name.unknown{color:#ffffff80}.egg-energy-bar{background:#ffffff26;border-radius:10px;height:14px;margin-bottom:4px;overflow:hidden}.egg-energy-fill{background:linear-gradient(90deg,#f39c12,gold);border-radius:10px;height:100%;transition:width .5s}.egg-energy-text{color:#fff9;font-size:12px}.egg-hatched-text{color:var(--color-success);font-size:14px;font-weight:700}.egg-hatched-pokemon{object-fit:contain;flex-shrink:0;width:48px;height:48px}.adventures-list{flex-direction:column;gap:12px;display:flex}.adventure-card{border-radius:var(--radius-lg);cursor:pointer;background:#ffffff14;border:2px solid #ffffff1a;padding:16px;transition:all .2s}.adventure-card:active{transform:scale(.97)}.adventure-card.completed{border-color:gold}.adventure-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.adventure-pokemon-img{object-fit:contain;flex-shrink:0;width:56px;height:56px}.adventure-pokemon-img.silhouette{filter:brightness(0)opacity(.4)}.adventure-title{color:#fff;font-size:16px;font-weight:800}.adventure-subtitle{color:#ffffff80;margin-top:2px;font-size:12px}.adventure-progress-bar{background:#ffffff26;border-radius:10px;height:10px;margin-bottom:6px;overflow:hidden}.adventure-progress-fill{background:linear-gradient(90deg,#6c5ce7,#a29bfe);border-radius:10px;height:100%;transition:width .5s}.adventure-chapter-info{color:#fff9;font-size:12px}.daily-wheel-preview{text-align:center;padding:16px 0}.daily-wheel-preview h3{color:gold;margin-bottom:12px;font-size:18px}.shard-display{border-radius:var(--radius-lg);background:#ffffff1a;align-items:center;gap:8px;margin-bottom:16px;padding:10px 20px;display:inline-flex}.shard-display .shard-icon{font-size:24px}.shard-display .shard-count{color:#a29bfe;font-size:20px;font-weight:800}.shard-display .shard-label{color:#ffffff80;font-size:12px}.starmap-detail-page{background:linear-gradient(135deg,#0d0d2b 0%,#1a1a3e 50%,#0f3460 100%);min-height:100%;padding:16px 16px 80px}.starmap-detail-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.starmap-detail-back{color:#fff;border-radius:var(--radius-round);background:#ffffff26;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.starmap-detail-title{color:gold;font-size:20px;font-weight:800}.starmap-detail-pokemon{text-align:center;margin-bottom:20px}.starmap-detail-pokemon img{object-fit:contain;width:140px;height:140px}.starmap-detail-pokemon img.silhouette{filter:brightness(0)opacity(.4)}.starmap-detail-pokemon-name{color:#fff;margin-top:8px;font-size:24px;font-weight:800}.constellation-container{min-height:300px;margin-bottom:20px;position:relative}.constellation-star{cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:4px;width:100px;transition:all .3s;display:flex;position:absolute}.constellation-star-icon{font-size:36px;line-height:1;transition:all .3s}.constellation-star-icon.lit{filter:drop-shadow(0 0 8px gold)drop-shadow(0 0 16px gold)}.constellation-star-icon.unlit{opacity:.35;filter:grayscale()}.constellation-star-desc{color:#ffffffb3;font-size:10px;font-weight:600;line-height:1.2}.constellation-star-progress{color:gold;font-size:11px;font-weight:800}.constellation-line{transform-origin:0;pointer-events:none;background:#ffd70026;height:2px;position:absolute}.constellation-line.lit{background:#ffd70080;box-shadow:0 0 6px #ffd7004d}.boss-challenge-section{text-align:center;margin-top:16px}.boss-challenge-btn{color:#fff;border-radius:var(--radius-xl);cursor:pointer;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;padding:16px 32px;font-size:18px;font-weight:800;box-shadow:0 4px 16px #e74c3c66}.boss-challenge-btn:active{transform:scale(.95)}.boss-not-ready{color:#fff6;text-align:center;padding:12px;font-size:14px}.boss-battle-overlay{z-index:100;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.boss-battle-pokemon{object-fit:contain;width:120px;height:120px;margin-bottom:16px}.boss-battle-hp-bar{background:#ffffff26;border-radius:10px;width:80%;max-width:260px;height:16px;margin-bottom:20px;overflow:hidden}.boss-battle-hp-fill{background:linear-gradient(90deg,#e74c3c,#e67e22);border-radius:10px;height:100%;transition:width .5s}.boss-question-text{color:#fff;text-align:center;margin-bottom:16px;font-size:20px;font-weight:800}.boss-options{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:320px;display:grid}.boss-option-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#ffffff1f;border:2px solid #fff3;padding:14px 10px;font-size:16px;font-weight:700;transition:all .2s}.boss-option-btn:active{transform:scale(.95)}.boss-option-btn.correct{border-color:var(--color-success);background:#00b89466}.boss-option-btn.wrong{border-color:var(--color-error);background:#e74c3c66}.capture-celebration{z-index:200;text-align:center;background:radial-gradient(circle,#1a1a2e 0%,#000 100%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.capture-celebration img{object-fit:contain;width:180px;height:180px;margin-bottom:16px}.capture-celebration h2{color:gold;text-shadow:0 2px 12px #ffd70080;margin-bottom:8px;font-size:26px}.capture-celebration p{color:#ffffffb3;margin-bottom:24px;font-size:16px}.capture-celebration-btn{color:#1a1a2e;border-radius:var(--radius-xl);cursor:pointer;background:linear-gradient(135deg,gold,#f39c12);border:none;padding:14px 40px;font-size:18px;font-weight:800}.sparkle-particle{pointer-events:none;background:gold;border-radius:50%;width:6px;height:6px;position:absolute}.adventure-detail-page{background:linear-gradient(135deg,#1a1a2e 0%,#2d1b4e 50%,#1a1a2e 100%);min-height:100%;padding:16px 16px 80px}.adventure-detail-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.adventure-detail-back{color:#fff;border-radius:var(--radius-round);background:#ffffff26;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.adventure-detail-title{color:#a29bfe;font-size:18px;font-weight:800}.adventure-detail-subtitle{color:#ffffff80;font-size:12px}.adventure-timeline{flex-direction:column;gap:0;padding-left:40px;display:flex;position:relative}.timeline-line{background:#ffffff1a;border-radius:2px;width:3px;position:absolute;top:20px;bottom:20px;left:19px}.timeline-line-fill{background:linear-gradient(#6c5ce7,#a29bfe);border-radius:2px;width:100%;transition:height .5s}.timeline-node{border-radius:var(--radius-md);cursor:pointer;margin-bottom:4px;padding:12px 16px;transition:all .2s;position:relative}.timeline-node:active{transform:scale(.97)}.timeline-node.current{background:#6c5ce733;border:2px solid #6c5ce780}.timeline-node.completed{background:#00b8941a}.timeline-node.locked{opacity:.4}.timeline-circle{color:#fff;background:#ffffff26;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex;position:absolute;top:14px;left:-33px}.timeline-circle.completed{background:var(--color-success);border-color:var(--color-success)}.timeline-circle.current{background:#6c5ce7;border-color:#a29bfe;box-shadow:0 0 10px #6c5ce780}.timeline-chapter-title{color:#fff;margin-bottom:2px;font-size:14px;font-weight:700}.timeline-chapter-subtitle{color:#ffffff80;font-size:11px}.chapter-detail{border-radius:var(--radius-lg);background:#ffffff14;border:2px solid #6c5ce74d;margin-top:20px;padding:20px}.chapter-detail h3{color:#a29bfe;margin-bottom:12px;font-size:18px;font-weight:800}.chapter-story-box{border-radius:var(--radius-md);background:#0000004d;margin-bottom:12px;padding:14px;position:relative}.chapter-story-text{color:#ffffffd9;font-size:15px;line-height:1.6}.chapter-listen-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#6c5ce74d;border:none;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.chapter-task-info{border-radius:var(--radius-md);background:#ffffff0d;align-items:center;gap:8px;margin-bottom:16px;padding:10px;display:flex}.chapter-task-icon{font-size:24px}.chapter-task-label{color:#fff9;font-size:13px;font-weight:600}.chapter-start-btn{color:#fff;border-radius:var(--radius-xl);cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;width:100%;padding:16px;font-size:18px;font-weight:800;box-shadow:0 4px 16px #6c5ce766}.chapter-start-btn:active{transform:scale(.96)}.chapter-completed-text{text-align:center;color:var(--color-success);padding:12px;font-size:16px;font-weight:700}.chapter-celebration{z-index:100;text-align:center;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.chapter-celebration h2{color:gold;margin-bottom:8px;font-size:24px}.chapter-celebration .reward-text{color:#fff;margin-bottom:4px;font-size:18px}.chapter-celebration .continue-btn{color:#fff;border-radius:var(--radius-xl);cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;margin-top:20px;padding:14px 40px;font-size:18px;font-weight:800}.quest-complete-banner{text-align:center;margin-top:16px;padding:24px}.quest-complete-banner h2{color:gold;margin-bottom:8px;font-size:22px}.quest-complete-banner p{color:#fff9;font-size:14px}.quest-complete-banner img{object-fit:contain;width:120px;height:120px;margin-bottom:12px}:root{--color-primary:#ee1515;--color-primary-dark:#c41212;--color-secondary:#3b4cca;--color-accent:#ffde00;--color-accent-dark:#b3a125;--color-bg:#f0f4ff;--color-bg-dark:#d8e2f3;--color-text:#2d3436;--color-text-light:#636e72;--color-white:#fff;--color-success:#00b894;--color-error:#e17055;--color-hp-green:#78c850;--color-hp-yellow:#f8d030;--color-hp-red:#f03030;--font-family:"Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-round:50%;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px #0003}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font-family:var(--font-family);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;outline:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}