.starter-choice-page{padding:25px 28px 20px;min-height:100%;background:radial-gradient(ellipse at 50% 42%,#e4ecd14d,transparent 65%)}
.dex-card.uncaught>.sprite{filter:grayscale(.9);opacity:.5}.dex-card.caught{background:#f2f5e4}.dex-card.caught .discovered-dot{box-shadow:0 0 0 2px #76a2581a}
.starter-intro{position:relative;margin-bottom:20px;padding-left:2px}.starter-intro h1{font:700 34px/1.02 Space,sans-serif;letter-spacing:-1.5px;margin:10px 0 10px}.starter-intro h1 br{display:none}.starter-intro h1 em{font-style:normal;color:#b5384b}.starter-intro p{font-size:11px;color:#657559;line-height:1.8;margin:0;max-width:510px}
.starter-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.starter-option{position:relative;display:flex;flex-direction:column;align-items:center;padding:15px 12px 16px;border:1px solid #d6dec5;border-radius:9px;background:#fffdf3;color:#2a4639;min-width:0;box-shadow:0 3px 0 #a5b88a10;animation:tile-in .5s both;animation-delay:calc(var(--i)*90ms)}
.starter-option:hover{background:#f8f8e9;border-color:#9cba89;transform:translateY(-3px)}.starter-option.selected{border:2px solid #be4755;background:#fff9e7;padding:14px 11px 15px;box-shadow:0 4px 0 #c34b5833}.starter-option.selected:hover{transform:translateY(-3px)}
.starter-number{font:6px Plex,monospace;position:absolute;top:12px;left:12px;color:#78876a}.starter-check{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:18px;height:18px;font-size:11px;border:1px solid #d9dec5;border-radius:50%;color:#a3ae8b;background:#f5f6e7}.starter-option.selected .starter-check{background:#ba3c50;color:#fff6e2;border-color:#ba3c50}
.starter-art{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:142px;margin:4px 0 7px}.starter-art:before{content:'';position:absolute;width:103px;height:103px;border-radius:50%;background:color-mix(in srgb,var(--starter-color) 30%,#f5f6df);border:1px solid color-mix(in srgb,var(--starter-color) 45%,#c4cba9);z-index:-1;box-shadow:0 0 0 9px color-mix(in srgb,var(--starter-color) 9%,transparent)}.starter-art>.sprite.official-art{width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 7px 0 #4b654a10);animation:companion-bob 3.5s ease-in-out infinite;animation-delay:calc(var(--i)*-.8s)}.starter-option.selected .starter-art>.sprite{animation:starter-partner 3.3s ease-in-out infinite}
.starter-ball{position:absolute;right:10%;bottom:1px;width:21px;height:21px;border:2px solid #3b4e45;border-radius:50%;background:linear-gradient(#dc696a 0 44%,#3b4e45 44% 56%,#ffefcf 56%);box-shadow:0 3px 0 #31473713;transform:rotate(-15deg)}.starter-ball:after{content:'';position:absolute;inset:calc(50% - 4px);border-radius:50%;border:2px solid #3b4e45;background:#fff4d7}
.starter-option>b{font:700 18px Space,sans-serif;letter-spacing:-.5px;margin-bottom:8px}.starter-option .type-tag{font-size:6px;padding:4px 6px}.starter-description{font-size:9px;color:#697b59;line-height:1.6;margin-top:10px;text-align:center}
.starter-confirm{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 1px 14px}.starter-confirm .stat-label{font-size:6px;letter-spacing:.09em;color:#866d42}.starter-confirm p{font-size:10px;color:#68775a;margin:6px 0 0}.starter-confirm .primary{min-width:194px;padding:13px 18px;font-size:12px;gap:20px;box-shadow:0 3px 0 #872c3d22}.starter-confirm .primary:hover{box-shadow:0 3px 0 #70223555}.starter-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dae1c9;padding-top:11px;color:#6e7c5d;font:6px/1.7 Plex,monospace}.starter-bottom .text-button{font:7px Plex,monospace;color:#6c7a5a;text-align:right;white-space:nowrap}.previous-save-button{font-size:9px;margin-top:14px;color:#79704e}
@keyframes starter-partner{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
@media(max-width:1150px){.starter-choice-page{padding:23px 21px 19px}.starter-intro h1{font-size:29px}.starter-options{gap:10px}.starter-option{padding:13px 8px 14px}.starter-option.selected{padding:12px 7px 13px}.starter-art{height:123px}.starter-art>.sprite.official-art{width:113px;height:113px}.starter-art:before{width:89px;height:89px}.starter-option>b{font-size:16px}.starter-description{font-size:8px}.starter-intro p{font-size:10px}.starter-ball{right:6%}.starter-confirm .primary{min-width:178px;font-size:11px}.starter-bottom{font-size:5px}.starter-bottom .text-button{font-size:6px}}
@media(max-width:700px){.starter-choice-page{padding:24px 14px 20px}.starter-intro{margin-bottom:20px}.starter-intro h1{font-size:31px;letter-spacing:-1.3px;line-height:1.05;margin-top:13px}.starter-intro h1 br{display:block}.starter-intro .eyebrow{font-size:6px}.starter-intro p{font-size:10px;max-width:260px;margin-top:11px;line-height:1.9}.starter-options{gap:7px}.starter-option{padding:12px 4px 14px;border-radius:7px}.starter-option.selected{padding:11px 3px 13px}.starter-number{top:8px;left:7px;font-size:5px}.starter-check{height:14px;width:14px;right:6px;top:6px;font-size:8px}.starter-art{height:107px;margin:9px 0 4px}.starter-art>.sprite.official-art{width:86px;height:86px;max-width:115%}.starter-art:before{height:64px;width:64px;box-shadow:0 0 0 6px color-mix(in srgb,var(--starter-color) 9%,transparent)}.starter-option>b{font-size:12px;letter-spacing:-.4px;margin-bottom:9px}.starter-option .type-tag{font-size:5px;padding:4px;gap:3px}.starter-option .type-tag i{width:3px;height:3px}.starter-description{font-size:7px;max-width:75px;margin-top:10px;line-height:1.6;min-height:23px}.starter-ball{height:15px;width:15px;border-width:1.5px;right:3%;bottom:3px}.starter-ball:after{inset:calc(50% - 3px);border-width:1px}.starter-confirm{padding:20px 0 16px;display:flex;flex-direction:column;align-items:stretch;gap:13px}.starter-confirm>div{display:flex;align-items:center;justify-content:space-between;gap:9px}.starter-confirm .stat-label{font-size:5px;white-space:nowrap}.starter-confirm p{margin:0;font-size:8px;text-align:right;max-width:130px;line-height:1.7}.starter-confirm .primary{font-size:12px;padding:14px 16px;justify-content:space-between;min-width:0}.starter-bottom{gap:10px;align-items:flex-start;font-size:5px;line-height:1.8}.starter-bottom>span{max-width:132px}.starter-bottom .text-button{font-size:5px;white-space:normal;max-width:120px;line-height:1.8;padding-top:0}.starter-option.selected{box-shadow:0 3px 0 #c34b5833}}
@media(max-width:370px){.starter-choice-page{padding-left:11px;padding-right:11px}.starter-options{gap:5px}.starter-art>.sprite.official-art{width:77px;height:77px}.starter-option>b{font-size:10px}.starter-description{font-size:6px}.starter-intro h1{font-size:29px}}