:root{--primary: #ef5350;--primary-dark: #c62828;--bg: #f5f5f5;--card-bg: #ffffff;--text: #333333;--text-light: #777777;--success: #4caf50;--error: #f44336;--border: #e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans,Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-text-size-adjust:100%}#root,.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--primary);color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:100}.header-title{font-size:1.3rem;font-weight:700;white-space:nowrap}.nav{display:flex;gap:8px}.nav-btn{background:#fff3;color:#fff;border:none;padding:8px 20px;border-radius:20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.nav-btn:hover{background:#ffffff59}.nav-btn.active{background:#fff;color:var(--primary)}.main{flex:1;padding:20px;max-width:800px;margin:0 auto;width:100%}@media(max-width:480px){.header{padding:10px 14px}.header-title{font-size:1.1rem}.nav-btn{padding:6px 14px;font-size:.85rem}.main{padding:12px}}.quiz-card{background:var(--card-bg);border-radius:16px;padding:32px;box-shadow:0 2px 12px #00000014;text-align:center;max-width:480px;margin:0 auto}.quiz-loading{color:var(--text-light);font-size:1.1rem;padding:40px 0}.quiz-error{color:var(--error);font-size:1rem;padding:30px 0 20px;line-height:1.6}.quiz-image-wrapper{background:#f8f8f8;border-radius:12px;padding:20px;margin-bottom:16px}.quiz-image{width:200px;height:200px;object-fit:contain}.quiz-number{color:var(--text-light);font-size:.95rem;margin-bottom:20px;font-weight:600}.quiz-meta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:20px}.quiz-genus{font-size:.9rem;color:var(--text-light);font-weight:500}.quiz-types{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.quiz-type{display:inline-block;padding:3px 14px;border-radius:14px;font-size:.8rem;font-weight:700;color:#fff;background:#999}.type-ノーマル{background:#a8a878}.type-ほのお{background:#f08030}.type-みず{background:#6890f0}.type-でんき{background:#f8d030;color:#735f13}.type-くさ{background:#78c850}.type-こおり{background:#98d8d8;color:#3a7a7a}.type-かくとう{background:#c03028}.type-どく{background:#a040a0}.type-じめん{background:#e0c068;color:#6b5a2e}.type-ひこう{background:#a890f0}.type-エスパー{background:#f85888}.type-むし{background:#a8b820}.type-いわ{background:#b8a038}.type-ゴースト{background:#705898}.type-ドラゴン{background:#7038f8}.type-あく{background:#705848}.type-はがね{background:#b8b8d0;color:#4a4a5e}.type-フェアリー{background:#ee99ac}.quiz-form{display:flex;gap:10px;margin-bottom:16px}.quiz-input{flex:1;min-width:0;padding:12px 16px;border:2px solid var(--border);border-radius:10px;font-size:1rem;outline:none;transition:border-color .2s}.quiz-input:focus{border-color:var(--primary)}.quiz-input:disabled{background:#f5f5f5;color:var(--text-light)}.quiz-btn{padding:12px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s;background:var(--primary);color:#fff}.quiz-btn:hover{opacity:.9}.quiz-actions{display:flex;gap:8px}.quiz-btn-submit{white-space:nowrap;flex:1}.quiz-btn-skip{white-space:nowrap;background:var(--text-light)}.quiz-result{margin-top:8px}.quiz-result-text{font-size:1.1rem;font-weight:700;margin-bottom:16px;padding:12px;border-radius:10px}.quiz-result-text.correct{color:var(--success);background:#e8f5e9}.quiz-result-text.wrong{color:var(--error);background:#ffebee}.quiz-result-text.skip{color:#f57c00;background:#fff3e0}.quiz-complete-stats{font-size:1.2rem;margin:20px 0;font-weight:600}.evolution-section{background:#f0f7ff;border-radius:12px;padding:16px;margin-bottom:16px}.evolution-title{font-size:.9rem;font-weight:700;color:#1565c0;margin-bottom:12px}.evolution-branch-note{font-size:.75rem;font-weight:500;color:#5e92c7;margin-left:6px}.evolution-loading{color:var(--text-light);font-size:.9rem;margin-bottom:12px}.evolution-chain{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}.evolution-step{display:flex;align-items:center;gap:4px}.evolution-arrow{color:#90a4ae;font-size:1.2rem;font-weight:700}.evolution-member{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:10px;transition:background .2s}.evolution-member.current{background:#1565c01f;border:2px solid #1565c0}.evolution-img{width:56px;height:56px;object-fit:contain}.evolution-name{font-size:.75rem;font-weight:600;color:var(--text)}@media(max-width:480px){.quiz-card{padding:20px 16px;border-radius:12px}.quiz-image{width:160px;height:160px}.quiz-form{flex-direction:column}.quiz-btn{padding:12px 20px;width:100%}.quiz-actions{flex-direction:column}.quiz-btn-submit{width:100%}.quiz-result-text{font-size:1rem}.evolution-img{width:48px;height:48px}.evolution-name{font-size:.7rem}}.pokedex-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:8px}.pokedex-header h2{font-size:1.4rem}.pokedex-header-right{display:flex;align-items:center;gap:8px}.pokedex-count{background:var(--primary);color:#fff;padding:6px 16px;border-radius:20px;font-weight:600;font-size:.95rem}.pokedex-clear-btn{background:none;border:1px solid var(--text-light);color:var(--text-light);padding:5px 12px;border-radius:16px;font-size:.8rem;cursor:pointer;transition:all .2s}.pokedex-clear-btn:hover{border-color:var(--error);color:var(--error)}.pokedex-status{text-align:center;padding:40px 0;color:var(--text-light);font-size:1.1rem;line-height:1.8}.pokedex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.pokedex-item{background:var(--card-bg);border-radius:12px;padding:10px 6px;text-align:center;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .15s}.pokedex-item.discovered:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.pokedex-item.unknown{opacity:.4;background:#eee}.pokedex-img{width:72px;height:72px;object-fit:contain}.pokedex-img-placeholder{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#bbb;font-weight:700}.pokedex-name{font-size:.8rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.unknown-text{color:#bbb}.pokedex-id{font-size:.7rem;color:var(--text-light)}@media(max-width:480px){.pokedex-grid{grid-template-columns:repeat(3,1fr);gap:8px}.pokedex-img{width:60px;height:60px}.pokedex-img-placeholder{width:60px;height:60px;font-size:1.5rem}.pokedex-name{font-size:.72rem}.pokedex-id{font-size:.65rem}.pokedex-header h2{font-size:1.2rem}}.static-page{background:var(--card-bg);border-radius:16px;padding:32px;box-shadow:0 2px 12px #00000014;max-width:640px;margin:0 auto}.static-page h2{font-size:1.4rem;margin-bottom:8px;color:var(--text)}.static-page-updated{font-size:.8rem;color:var(--text-light);margin-bottom:24px}.static-page section{margin-bottom:24px}.static-page section:last-child{margin-bottom:0}.static-page h3{font-size:1.05rem;margin-bottom:8px;color:var(--text);padding-bottom:4px;border-bottom:1px solid var(--border)}.static-page p{font-size:.92rem;line-height:1.8;color:var(--text);margin-bottom:8px}.static-page p:last-child{margin-bottom:0}.static-page ul{padding-left:20px;margin-top:4px}.static-page li{font-size:.92rem;line-height:1.8;color:var(--text);margin-bottom:4px}.static-page a{color:var(--primary);text-decoration:none;font-weight:500}.static-page a:hover{text-decoration:underline}@media(max-width:480px){.static-page{padding:20px 16px;border-radius:12px}.static-page h2{font-size:1.2rem}.static-page h3{font-size:.95rem}}.footer{background:#f0f0f0;border-top:1px solid var(--border);padding:24px 20px;margin-top:auto}.footer-inner{max-width:800px;margin:0 auto;text-align:center}.footer-disclaimer{font-size:.75rem;color:var(--text-light);line-height:1.7;margin-bottom:16px}.footer-disclaimer a{color:var(--text-light);text-decoration:underline}.footer-links{display:flex;justify-content:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.footer-links button{background:none;border:none;color:var(--text-light);font-size:.8rem;cursor:pointer;padding:0;text-decoration:underline}.footer-links button:hover{color:var(--primary)}.footer-copy{font-size:.75rem;color:var(--text-light)}@media(max-width:480px){.footer{padding:20px 14px}.footer-disclaimer{font-size:.7rem}.footer-links{gap:12px}}