:root{color:#333;font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#f2f5fb;min-height:100vh}#root{min-height:100vh}a{color:inherit}button{font-family:inherit}img{-webkit-user-drag:none}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__header{color:#fff;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));background:linear-gradient(90deg,#e3350d,#ff6b4a);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex;box-shadow:0 2px 8px #00000026}.layout__logo{color:#fff;align-items:center;gap:8px;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.layout__ball{background:linear-gradient(#fff 0 50%,#333 50% 100%);border:2px solid #333;border-radius:50%;width:22px;height:22px;display:inline-block;position:relative}.layout__nav{flex-wrap:wrap;gap:8px;display:flex}.layout__link{color:#fff;background:#ffffff26;border-radius:999px;padding:7px 14px;font-weight:700;text-decoration:none;transition:background .15s}.layout__link:hover{background:#ffffff4d}.layout__link--active{color:#e3350d;background:#fff}.layout__main{box-sizing:border-box;flex:1;width:100%;max-width:960px;margin:0 auto;padding:20px 16px 40px}.layout__footer{text-align:center;color:#888;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));font-size:.8rem}@media (width<=560px){.layout__header{flex-direction:column;align-items:stretch;gap:8px}.layout__logo{justify-content:center;font-size:1rem}.layout__nav{justify-content:center}.layout__link{padding:6px 12px;font-size:.9rem}.layout__main{padding:14px 12px 32px}}.home{text-align:center}.home__title{margin:12px 0 4px;font-size:1.8rem}.home__lead{color:#666;margin-bottom:24px}.home__random{color:#fff;cursor:pointer;background:linear-gradient(90deg,#8e44ad,#c0392b);border:none;border-radius:999px;margin-bottom:22px;padding:14px 28px;font-size:1.1rem;font-weight:800;transition:transform .1s;box-shadow:0 4px #6c2f86}.home__random:active{transform:translateY(3px);box-shadow:0 1px #6c2f86}.home__menu{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.home__strip{text-align:left;margin-top:30px}.home__strip-head{justify-content:space-between;align-items:baseline;display:flex}.home__strip-title{border-left:6px solid #ffcb05;margin:0 0 12px;padding-left:10px;font-size:1.15rem}.home__strip-more{color:#2a7fff;font-size:.85rem;font-weight:700;text-decoration:none}.home__strip-row{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.home__strip-item{color:#333;flex-direction:column;flex:none;align-items:center;width:84px;font-size:.8rem;font-weight:700;text-decoration:none;display:flex}.home__strip-item img{object-fit:contain;background:#fff;border:2px solid #f0f0f0;border-radius:14px;width:72px;height:72px}.home__strip-item:hover img{border-color:#ffcb05}.home__card{background:#fff;border:4px solid #ddd;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:26px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.home__card:hover{transform:translateY(-5px);box-shadow:0 10px 24px #0000001f}.home__emoji{font-size:3rem}.home__card-title{font-size:1.25rem;font-weight:800}.home__card-desc{color:#666;font-size:.9rem;line-height:1.5}.fav-btn{color:#ccc;cursor:pointer;background:#ffffffd9;border:2px solid #eee;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1.1rem;line-height:1;transition:transform .1s,color .1s;display:inline-flex}.fav-btn:hover{border-color:#ffcb05;transform:scale(1.15)}.fav-btn--on{color:#ffcb05;border-color:#ffcb05}.fav-btn--large{width:48px;height:48px;font-size:1.6rem}.pimg{justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.pimg:before{content:"";background:radial-gradient(circle at 50% 45%,#f1f1f1,#e2e2e2);border-radius:50%;animation:1.2s ease-in-out infinite pimg-pulse;position:absolute;inset:12%}.pimg--loaded:before{display:none}.pimg__img{object-fit:contain;opacity:0;z-index:1;width:100%;height:100%;transition:opacity .35s;position:relative}.pimg--loaded .pimg__img{opacity:1}.pimg__fallback{color:#bbb;font-size:2rem;font-weight:800}@keyframes pimg-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.pimg:before{animation:none}.pimg__img{transition:none}}.poke-card{color:#333;background:#fff;border:3px solid #f0f0f0;border-radius:18px;flex-direction:column;align-items:center;padding:10px 6px 12px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.poke-card:hover{border-color:#ffcb05;transform:translateY(-4px);box-shadow:0 8px 18px #0000001f}.poke-card__top{justify-content:space-between;align-items:center;width:100%;display:flex}.poke-card__no{color:#aaa;font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}.poke-card .fav-btn{width:30px;height:30px;font-size:1rem}.poke-card__img{object-fit:contain;width:96px;height:96px}.poke-card__name{text-align:center;margin-top:4px;font-size:1rem;font-weight:700}.pokedex__title{margin:4px 0 16px;font-size:1.6rem}.pokedex__searchbar{z-index:5;background:#f2f5fb;align-items:center;gap:8px;padding:8px 0 12px;display:flex;position:sticky;top:0}.pokedex__search{box-sizing:border-box;border:3px solid #ddd;border-radius:14px;flex:1;padding:12px 16px;font-size:1rem}.pokedex__search:focus{border-color:#ffcb05;outline:none}.pokedex__clear{color:#888;cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:50%;flex:none;width:40px;height:40px;font-size:1rem}.pokedex__clear:hover{color:#e3350d;border-color:#e3350d}.pokedex__loading{text-align:center;padding:30px 0}.pokedex__spinner{border:5px solid #eee;border-top-color:#e3350d;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite pokedex-spin;display:inline-block}@keyframes pokedex-spin{to{transform:rotate(360deg)}}.pokedex__top{z-index:20;color:#fff;cursor:pointer;opacity:.9;background:#333;border:none;border-radius:999px;padding:12px 18px;font-size:.9rem;font-weight:800;position:fixed;bottom:18px;right:18px;box-shadow:0 4px 12px #00000040}.pokedex__top:hover{opacity:1}.pokedex__favtoggle{color:#b8860b;cursor:pointer;background:#fff;border:2px solid #ffcb05;border-radius:999px;align-items:center;gap:4px;margin-bottom:14px;padding:8px 16px;font-size:.9rem;font-weight:800;display:inline-flex}.pokedex__favtoggle--on{color:#fff;background:#ffcb05}.pokedex__favcount{font-weight:700}.pokedex__types{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.pokedex__type{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:999px;padding:5px 12px;font-size:.85rem;font-weight:700;transition:all .12s}.pokedex__type:hover{border-color:#bbb}.pokedex__type--on{color:#fff;background:#333;border-color:#0000}.pokedex__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.pokedex__msg{text-align:center;color:#777;padding:24px 0;font-weight:700}.pokedex__msg--error{color:#e3350d}.pokedex__count{color:#777;margin:0 0 10px;font-size:.9rem;font-weight:700}.pokedex__more{color:#fff;cursor:pointer;background:#2a7fff;border:none;border-radius:999px;margin:20px auto 0;padding:12px 28px;font-size:1rem;font-weight:800;transition:transform .1s;display:block;box-shadow:0 4px #1a5fd0}.pokedex__more:active{transform:translateY(3px);box-shadow:0 1px #1a5fd0}.type-badge{color:#fff;text-shadow:0 1px 2px #00000040;border-radius:999px;padding:4px 12px;font-size:.95rem;font-weight:700;line-height:1.4;display:inline-block}.type-badge--small{padding:2px 9px;font-size:.8rem}.stat-bar{grid-template-columns:84px 44px 1fr;align-items:center;gap:8px;margin:6px 0;display:grid}.stat-bar__label{color:#555;font-size:.9rem;font-weight:700}.stat-bar__value{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.stat-bar__track{background:#eee;border-radius:999px;height:14px;overflow:hidden}.stat-bar__fill{border-radius:999px;height:100%;transition:width .4s;display:block}.detail__msg{text-align:center;color:#777;padding:8px 0;font-weight:700}.detail__loading{text-align:center;padding:40px 0}.detail__spinner{border:5px solid #eee;border-top-color:#e3350d;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite detail-spin;display:inline-block}@keyframes detail-spin{to{transform:rotate(360deg)}}.detail__errorbox{text-align:center;color:#555;background:#fff;border:3px solid #ffd5cc;border-radius:18px;margin-top:16px;padding:30px 18px;font-weight:700}.detail__error-emoji{margin:0 0 6px;font-size:2.4rem}.detail__error-link{color:#2a7fff;margin-top:12px;font-weight:800;text-decoration:none;display:inline-block}.detail__back{color:#2a7fff;margin-bottom:12px;font-weight:700;text-decoration:none;display:inline-block}.detail__head{background:#fff;border-radius:20px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 4px 14px #0000000f}.detail__img{object-fit:contain;width:180px;height:180px}.detail__no-row{align-items:center;gap:12px;display:flex}.detail__no{color:#aaa;font-weight:700}.detail__name{margin:2px 0;font-size:1.8rem}.detail__genus{color:#666;margin:0 0 8px}.detail__types{gap:8px;margin-bottom:8px;display:flex}.detail__size{color:#555;margin:0}.detail__section{background:#fff;border-radius:20px;margin-top:16px;padding:16px 18px;box-shadow:0 4px 14px #0000000f}.detail__h2{border-left:6px solid #ffcb05;margin:0 0 12px;padding-left:10px;font-size:1.15rem}.detail__flavor{color:#444;margin:0;line-height:1.8}.detail__chips{flex-wrap:wrap;gap:8px;display:flex}.detail__chip{color:#2a5bd7;background:#eef3ff;border-radius:999px;padding:6px 14px;font-weight:700}.detail__total{color:#555;border-top:2px dashed #eee;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;padding-top:10px;font-weight:700;display:flex}.detail__total strong{color:#e3350d;font-size:1.4rem}.detail__matchup-help{color:#888;margin:0 0 12px;font-size:.85rem}.detail__matchup-none{color:#999}.detail__mg{background:#fafafa;border-left:8px solid #ccc;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;padding:10px 12px;display:flex}.detail__mg-label{color:#444;min-width:190px;font-weight:700}.detail__mg-label strong{margin-right:4px;font-size:1.2rem}.detail__mg-types{flex-wrap:wrap;gap:6px;display:flex}.detail__mg--great{background:#fdecec;border-left-color:#b71c1c}.detail__mg--great strong{color:#b71c1c}.detail__mg--weak{background:#fef0ec;border-left-color:#e3350d}.detail__mg--weak strong{color:#e3350d}.detail__mg--resist{background:#eef7ee;border-left-color:#2e7d32}.detail__mg--resist strong{color:#2e7d32}.detail__mg--strong{background:#e8f3e9;border-left-color:#1b5e20}.detail__mg--strong strong{color:#1b5e20}.detail__mg--none{background:#f0f0f0;border-left-color:#555}.detail__mg--none strong{color:#555}.detail__evo{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.detail__evo-item{align-items:center;gap:8px;display:flex}.detail__evo-arrow{color:#ffcb05;font-size:1.2rem}.detail__evo-card{color:#333;background:#fff;border:3px solid #f0f0f0;border-radius:16px;flex-direction:column;align-items:center;padding:8px 10px 10px;font-weight:700;text-decoration:none;transition:transform .12s,border-color .12s;display:flex}.detail__evo-card:hover{border-color:#ffcb05;transform:translateY(-3px)}.detail__evo-card--current{background:#eef5ff;border-color:#2a7fff}.detail__evo-no{color:#aaa;font-size:.72rem}.detail__evo-card img{object-fit:contain;width:84px;height:84px}.detail__evo-name{font-size:.9rem}.detail__moves{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.detail__move{background:#f7f7f7;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}.detail__move-lv{color:#e3350d;min-width:48px;font-size:.85rem;font-weight:700}.detail__move-name{font-weight:600}.matchup__title{margin:4px 0 16px;font-size:1.6rem}.matchup__card{background:#fff;border-radius:20px;margin-bottom:18px;padding:16px 18px;box-shadow:0 4px 14px #0000000f}.matchup__h2{margin:0 0 4px;font-size:1.2rem}.matchup__hint{color:#777;margin:0 0 12px;font-size:.9rem}.matchup__types{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.matchup__type{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:999px;padding:6px 13px;font-size:.88rem;font-weight:700}.matchup__row{border-bottom:1px dashed #eee;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;padding-bottom:10px;display:flex}.matchup__row:last-child{border-bottom:none}.matchup__row-title{min-width:170px;font-weight:800}.matchup__row-types{flex-wrap:wrap;gap:6px;display:flex}.matchup__none{color:#aaa}.dmg__title{margin:4px 0 8px;font-size:1.6rem}.dmg__intro{color:#355;background:#eef5ff;border-radius:12px;margin:0 0 18px;padding:12px 14px;font-size:.92rem;line-height:1.7}.dmg__hint{color:#999;font-size:.75rem}.dmg__msg{text-align:center;color:#777;padding:16px 0;font-weight:700}.dmg__msg--error{color:#e3350d}.dmg__panels{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.dmg__panel{background:#fff;border-top:6px solid #ccc;border-radius:18px;padding:16px;box-shadow:0 4px 14px #0000000f}.dmg__panel--atk{border-top-color:#e3350d}.dmg__panel--def{border-top-color:#2a7fff}.dmg__panel-title{margin:0 0 12px;font-size:1.1rem}.dmg__field,.picker{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.dmg__field>span,.picker__label{color:#555;font-size:.9rem;font-weight:700}.dmg__field select,.dmg__field input,.picker__select{border:2px solid #ddd;border-radius:10px;padding:9px 12px;font-size:1rem}.dmg__field select:focus,.dmg__field input:focus,.picker__select:focus{border-color:#ffcb05;outline:none}.dmg__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;display:flex}.dmg__crit{color:#444;align-items:center;gap:8px;font-weight:700;display:flex}.dmg__crit input{width:20px;height:20px}.dmg__button{color:#fff;cursor:pointer;background:#e3350d;border:none;border-radius:999px;padding:14px 28px;font-size:1.1rem;font-weight:800;transition:transform .1s;box-shadow:0 4px #a8260a}.dmg__button:active{transform:translateY(3px);box-shadow:0 1px #a8260a}.dmg__result{text-align:center;background:#fffbe9;border:3px solid #ffcb05;border-radius:18px;padding:18px}.dmg__result-title{margin:0 0 8px;font-size:1.2rem}.dmg__damage{color:#e3350d;margin:4px 0;font-size:2rem;font-weight:900}.dmg__damage span{color:#555;font-size:1rem}.dmg__percent{color:#444;margin:4px 0;font-weight:700}.dmg__hp{color:#888;font-size:.9rem;font-weight:400}.dmg__bar{background:#eee;border-radius:999px;max-width:420px;height:18px;margin:12px auto;overflow:hidden}.dmg__bar-fill{background:linear-gradient(90deg,#ffcb05,#e3350d);border-radius:999px;height:100%;transition:width .5s}.dmg__ko{color:#2e7d32;margin:8px 0 4px;font-size:1.2rem;font-weight:800}.dmg__effect{color:#fff;border-radius:999px;margin:0 0 6px;padding:6px 18px;font-size:1.25rem;font-weight:900;display:inline-block}.dmg__effect--great{background:#b71c1c}.dmg__effect--good{background:#2e7d32}.dmg__effect--normal{background:#888}.dmg__effect--bad{background:#e67e22}.dmg__effect--none{background:#555}.dmg__detailbox{text-align:left;margin-top:10px}.dmg__detailbox summary{cursor:pointer;color:#888;font-size:.85rem;font-weight:700}.dmg__desc{color:#999;word-break:break-word;margin:6px 0 0;font-size:.8rem}.favorites__title{margin:4px 0 16px;font-size:1.6rem}.favorites__msg{text-align:center;color:#777;padding:24px 0;font-weight:700}.favorites__msg--error{color:#e3350d}.favorites__empty{text-align:center;color:#555;background:#fff;border:3px dashed #ffcb05;border-radius:18px;padding:28px 18px;line-height:1.9}.favorites__link{color:#2a7fff;font-weight:800;text-decoration:none}.favorites__count{color:#777;margin:0 0 10px;font-size:.9rem;font-weight:700}.favorites__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}