.onboarding-page{position:relative;isolation:isolate;box-sizing:border-box;display:grid;height:100dvh;min-height:0;place-items:center;overflow:hidden;padding:28px 72px;background:linear-gradient(180deg,rgba(201,64,54,.09),transparent 30%),repeating-linear-gradient(0deg,transparent 0,transparent 7px,var(--color-scanline) 8px),var(--color-bg)}.onboarding-page:before{position:absolute;inset:0 0 auto;z-index:-1;height:12px;border-bottom:3px solid var(--color-outline);background:linear-gradient(90deg,#7c241f,var(--color-primary),#7c241f);content:""}.onboarding-background-mark{position:absolute;z-index:-1;width:260px;aspect-ratio:1;background:url(/pokeball-pixel.svg) 50%/contain no-repeat;image-rendering:pixelated;opacity:var(--color-orb-opacity)}.onboarding-background-mark--one{top:6%;left:max(-105px,calc(50% - 760px));transform:rotate(-14deg)}.onboarding-background-mark--two{right:max(-110px,calc(50% - 770px));bottom:3%;transform:rotate(17deg) scale(.86)}.onboarding-card{display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(100%,1180px);height:min(740px,calc(100dvh - 36px));overflow:hidden;border:3px solid var(--color-outline);background:var(--color-surface);box-shadow:8px 8px 0 var(--color-outline)}.onboarding-card__topline{display:flex;justify-content:space-between;padding:8px 14px;border-bottom:3px solid var(--color-outline);background:var(--color-primary);color:#fff;font-family:Press Start\ 2P,Courier New,monospace;font-size:8px;letter-spacing:.04em}.onboarding-card__header{display:grid;grid-template-columns:210px minmax(0,1fr) auto;align-items:center;gap:30px;padding:16px 28px;border-bottom:2px solid var(--color-border);background:var(--color-bg-alt)}.onboarding-brand{display:block;width:210px}.onboarding-brand img{display:block;width:100%;height:auto}.onboarding-heading{display:flex;flex-direction:column;gap:4px}.onboarding-eyebrow,.onboarding-kicker{display:inline-flex;align-items:center;gap:6px;font-family:Press Start\ 2P,Courier New,monospace;font-size:8px;letter-spacing:.04em;text-transform:uppercase}.onboarding-eyebrow{color:var(--color-primary-light)}.onboarding-heading h1{margin:0;font-family:Press Start\ 2P,Courier New,monospace;font-size:clamp(14px,1.6vw,19px);line-height:1.35}.onboarding-heading p{margin:0;color:var(--color-text-muted);font-size:11px}.onboarding-logout,.onboarding-text-button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;font:inherit;font-size:11px;font-weight:700;padding:0}.onboarding-logout:hover,.onboarding-text-button:hover{color:var(--color-primary-light)}.onboarding-card__content{min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 28px 18px}.onboarding-flow{display:flex;flex-direction:column;min-height:100%}.onboarding-flow>section{flex:1;width:100%;min-height:0}.onboarding-intro,.starter-selection{width:100%}.onboarding-progress{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);max-width:760px;align-items:center;-moz-column-gap:8px;column-gap:8px;margin:0 auto 12px}.onboarding-progress__step{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--color-text-muted);font-size:12px;font-weight:750}.onboarding-progress__step>span{display:grid;width:32px;height:32px;place-items:center;border:2px solid var(--color-border);background:var(--color-bg-alt);font-size:12px}.onboarding-progress__arrow{justify-self:center;color:var(--color-border)}.onboarding-progress__arrow.is-active{color:var(--color-primary-light)}.onboarding-progress__step.is-active{color:var(--color-text)}.onboarding-progress__step.is-active>span{border-color:var(--color-outline);background:var(--color-primary);color:#fff}.onboarding-intro{display:grid;grid-template-rows:minmax(175px,1fr) auto auto;height:100%;gap:14px}.onboarding-intro__lead{display:grid;grid-template-columns:minmax(0,.95fr) minmax(410px,1.05fr);align-items:stretch;gap:18px}.onboarding-intro__lead>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:20px 22px;border:3px solid var(--color-outline);background:var(--color-bg-alt);box-shadow:4px 4px 0 var(--color-outline)}.onboarding-intro h2,.starter-confirmation h2,.starter-selection h2,.starter-success h2{margin:8px 0 10px;font-family:Press Start\ 2P,Courier New,monospace;font-size:clamp(14px,1.55vw,19px);line-height:1.55}.onboarding-intro h2{font-size:clamp(14px,1.6vw,19px)}.onboarding-intro__lead p,.starter-confirmation__content>p,.starter-success__content>p{margin:0;color:var(--color-text-muted);font-size:13px;line-height:1.55}.onboarding-intro__lead p{font-size:13px}.onboarding-free-note{display:inline-flex;align-items:center;gap:9px;margin-top:15px;padding:9px 11px;border:2px solid var(--color-success-border);background:var(--color-success-bg);color:var(--color-success-text);font-size:12px}.onboarding-arena{flex-direction:column;min-height:190px;overflow:hidden;border:3px solid var(--color-outline);background-color:var(--color-bg-alt);background-image:radial-gradient(ellipse at 50% 120%,rgba(201,64,54,.2),transparent 70%),radial-gradient(circle at 12% 20%,rgba(99,203,208,.08),transparent 45%),radial-gradient(rgba(255,255,255,.05) 1px,transparent 0);background-size:100% 100%,100% 100%,14px 14px;box-shadow:4px 4px 0 var(--color-outline);padding:12px 14px 14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.onboarding-arena,.onboarding-showcase__header{position:relative;display:flex;justify-content:space-between}.onboarding-showcase__header{align-items:center;z-index:2}.onboarding-showcase__badge{display:inline-flex;align-items:center;gap:6px;font-family:Press Start\ 2P,monospace;font-size:8px;color:var(--color-primary-light);background:rgba(8,11,16,.7);border:1px solid rgba(201,64,54,.45);padding:4px 7px;letter-spacing:.5px;text-transform:uppercase}.onboarding-showcase__hint{font-size:11px;color:var(--color-text-muted);font-weight:500;opacity:.85}.onboarding-showcase__stage{flex:1;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;gap:8px;position:relative;z-index:1;padding-top:2px;padding-bottom:4px;transform:translateY(0)}.onboarding-showcase__slot{display:flex;flex-direction:column;align-items:center;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.onboarding-showcase__slot:nth-child(2){transform:translateY(-2px) scale(1.06);z-index:2}.onboarding-showcase__sprite-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center;transition:opacity .2s ease,transform .24s cubic-bezier(.34,1.56,.64,1),filter .2s ease;animation:starter-breathe 2.6s ease-in-out infinite;transform-origin:bottom center}.onboarding-showcase__slot:first-child .onboarding-showcase__sprite-wrapper{transition-delay:0s}.onboarding-showcase__slot:nth-child(2) .onboarding-showcase__sprite-wrapper{animation:starter-breathe 2.6s ease-in-out .7s infinite;transition-delay:35ms}.onboarding-showcase__slot:nth-child(3) .onboarding-showcase__sprite-wrapper{animation:starter-breathe 2.6s ease-in-out 1.4s infinite;transition-delay:70ms}.onboarding-showcase__sprite-wrapper.is-changing{opacity:0;transform:scale(.68) translateY(6px);filter:blur(1px)}.onboarding-showcase__pedestal{width:62px;height:9px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(8,11,16,.95) 0,rgba(8,11,16,.4) 60%,transparent 100%);margin-top:-18px;margin-bottom:6px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.onboarding-showcase__name{font-family:Press Start\ 2P,monospace;font-size:8px;color:var(--color-text);background:rgba(8,11,16,.8);border:1px solid var(--color-border);padding:3px 6px;border-radius:2px;white-space:nowrap;letter-spacing:.2px;transition:all .3s ease}.onboarding-showcase__shiny-badge{position:absolute;top:4px;right:2px;font-size:11px;color:#fbd38d;filter:drop-shadow(0 0 5px rgba(251,211,141,.9));animation:shiny-spin 2s linear infinite;z-index:5}@keyframes starter-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.02,.98)}}@keyframes shiny-spin{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.18) rotate(15deg)}}.onboarding-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.onboarding-feature{display:flex;align-items:flex-start;gap:12px;min-height:94px;padding:15px 14px;border:2px solid var(--color-border);background:var(--color-surface)}.onboarding-feature>svg{flex:0 0 auto}.onboarding-feature--campaign>svg{color:#4f8fb4}.onboarding-feature--training>svg{color:#8973c4}.onboarding-feature--team>svg{color:#4e9a69}.onboarding-feature--gacha>svg{color:#c58a33}.onboarding-feature h3{margin:0 0 8px;font-family:Press Start\ 2P,Courier New,monospace;font-size:8px;line-height:1.45}.onboarding-feature p{margin:0;color:var(--color-text-muted);font-size:11px;line-height:1.55}.onboarding-primary-button,.onboarding-secondary-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;border:3px solid var(--color-outline);box-shadow:4px 4px 0 var(--color-outline);cursor:pointer;font-family:Press Start\ 2P,Courier New,monospace;font-size:9px;line-height:1.5;padding:10px 16px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.onboarding-primary-button{background:var(--color-primary);color:#fff}.onboarding-secondary-button{background:var(--color-bg-alt);color:var(--color-text)}.onboarding-intro>.onboarding-primary-button{align-self:center;min-width:310px}.onboarding-primary-button:hover:not(:disabled),.onboarding-secondary-button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--color-outline)}.onboarding-primary-button:hover:not(:disabled){background:var(--color-primary-dark)}.onboarding-primary-button:disabled,.onboarding-secondary-button:disabled{cursor:wait;opacity:.65}.onboarding-logout:focus-visible,.onboarding-primary-button:focus-visible,.onboarding-secondary-button:focus-visible,.onboarding-text-button:focus-visible,.starter-nickname input:focus-visible,.starter-option:focus-visible,.starter-pagination button:focus-visible,.starter-toolbar input:focus-visible,.starter-toolbar select:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:3px}.starter-selection__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:8px}.starter-selection__heading h2{margin:0;font-size:clamp(13px,1.4vw,17px)}.starter-catalog-state{display:grid;min-height:340px;place-items:center;align-content:center;gap:12px;border:3px dashed var(--color-border);color:var(--color-text-muted);text-align:center}.starter-catalog-state p{margin:0}.starter-catalog-state button{padding:9px 14px;border:2px solid var(--color-outline);background:var(--color-primary);color:#fff;cursor:pointer;font-weight:750}.starter-catalog-state--error{border-color:var(--color-error-border);background:var(--color-error-bg);color:var(--color-error-text)}.starter-loading-icon{animation:onboarding-spin .7s linear infinite}@keyframes onboarding-spin{to{transform:rotate(1turn)}}.starter-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) 140px 140px auto;align-items:end;gap:8px;margin-bottom:8px}.starter-search{display:flex;min-height:38px;align-items:center;gap:8px;padding:0 10px;border:2px solid var(--color-outline);background:var(--color-input)}.starter-search svg{flex:0 0 auto;color:var(--color-text-muted)}.starter-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text);font:inherit;font-size:12px}.starter-filter{display:flex;flex-direction:column;gap:3px}.starter-filter>span{color:var(--color-text-muted);font-size:9px;font-weight:800;text-transform:uppercase}.starter-filter select{min-height:38px;border:2px solid var(--color-outline);background:var(--color-input);color:var(--color-text);font:inherit;font-size:12px;padding:0 8px}.starter-result-count{padding-bottom:9px;color:var(--color-text-muted);font-size:10px;font-weight:750;text-align:right}.starter-selection__workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:12px}.starter-browser{display:flex;min-width:0;flex-direction:column}.starter-selection__back{display:flex;width:-moz-fit-content;width:fit-content;margin-top:8px;padding:3px 0}.starter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.starter-option{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);min-width:0;min-height:76px;align-items:center;gap:5px;padding:5px 6px;border:2px solid var(--color-border);background:var(--color-bg-alt);color:var(--color-text);cursor:pointer;text-align:left}.starter-option:hover{border-color:var(--color-primary-light);background:var(--color-input-hover)}.starter-option.is-selected{border-color:var(--color-outline);background:var(--color-surface-raised);box-shadow:3px 3px 0 var(--color-primary)}.starter-option>div{grid-row:1/span 2;align-self:center}.starter-option__identity{display:flex;min-width:0;flex-direction:column;gap:3px}.starter-option__identity strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.starter-option__identity small{color:var(--color-text-muted);font-size:8px}.starter-detail__types,.starter-option__types{display:flex;min-width:0;flex-wrap:wrap;gap:3px}.starter-type{display:inline-flex;align-items:center;justify-content:center;min-height:16px;padding:2px 5px;border:1px solid color-mix(in srgb,var(--starter-type-color),#000 35%);background:var(--starter-type-color);color:#fff;font-size:7px;font-weight:850;line-height:1;text-shadow:1px 1px 0 rgba(0,0,0,.42);text-transform:uppercase}.starter-empty-state{display:grid;min-height:280px;place-items:center;align-content:center;gap:10px;border:2px dashed var(--color-border);color:var(--color-text-muted);text-align:center}.starter-empty-state p{margin:0;font-size:13px}.starter-pagination{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:8px;color:var(--color-text-muted);font-size:10px;font-weight:750}.starter-pagination button{display:grid;width:30px;height:28px;place-items:center;border:2px solid var(--color-outline);background:var(--color-bg-alt);color:var(--color-text);cursor:pointer}.starter-pagination button:disabled{cursor:not-allowed;opacity:.35}.starter-detail{display:flex;min-height:344px;align-self:stretch;flex-direction:column;padding:11px;border:3px solid var(--color-outline);background:var(--color-bg-alt);box-shadow:4px 4px 0 var(--color-outline)}.starter-detail__portrait{position:relative;display:grid;min-height:105px;place-items:center;overflow:hidden;border:2px solid var(--color-border);background:radial-gradient(circle at center,rgba(201,64,54,.18),transparent 58%),repeating-linear-gradient(0deg,transparent 0,transparent 7px,var(--color-scanline) 8px),var(--color-surface)}.starter-detail__portrait>div{transform:translateY(-13px)}.starter-detail__portrait>span{position:absolute;top:7px;left:8px;color:var(--color-text-muted);font-family:Press Start\ 2P,Courier New,monospace;font-size:7px}.starter-detail__title{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:8px 0}.starter-detail__title span,.starter-moves>span{color:var(--color-text-muted);font-size:7px;font-weight:850;text-transform:uppercase}.starter-detail__title h3{margin:3px 0 0;font-family:Press Start\ 2P,Courier New,monospace;font-size:11px;line-height:1.45}.starter-stats{display:grid;gap:3px;padding:7px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.starter-stat{display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:5px;font-size:7px}.starter-stat>span{color:var(--color-text-muted);font-weight:800}.starter-stat>div{height:5px;overflow:hidden;background:var(--color-border)}.starter-stat i{display:block;height:100%;background:var(--color-primary)}.starter-stat strong{text-align:right}.starter-moves{margin:7px 0}.starter-moves ul{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0 0;padding:0;list-style:none}.starter-moves li{display:inline-flex;align-items:center;gap:4px;padding:4px 5px;border:1px solid var(--color-border);background:var(--color-surface);font-size:8px}.starter-detail .onboarding-primary-button{width:100%;min-height:38px;margin-top:auto;padding:7px 9px;font-size:7px}.starter-detail__empty{margin:auto;color:var(--color-text-muted);font-size:12px;text-align:center}.starter-confirmation{display:grid;grid-template-columns:330px minmax(0,1fr);width:min(100%,820px);min-height:355px;margin:0 auto;overflow:hidden;border:3px solid var(--color-outline);background:var(--color-bg-alt);box-shadow:6px 6px 0 var(--color-outline)}.starter-confirmation__portrait{position:relative;display:grid;place-items:center;background:linear-gradient(rgba(8,11,16,.04),rgba(8,11,16,.24)),url(/battle-arena-background-v2.jpg) 50% /cover no-repeat}.starter-confirmation__portrait>svg{position:absolute;top:18px;right:18px;color:#ffd166}.starter-confirmation__portrait>div{filter:drop-shadow(0 9px 3px rgba(8,11,16,.4))}.starter-confirmation__content{display:flex;flex-direction:column;justify-content:center;padding:25px 28px}.starter-nickname{display:grid;gap:6px;margin:17px 0}.starter-nickname>span{font-size:12px;font-weight:800}.starter-nickname>span small{color:var(--color-text-muted);font-weight:500}.starter-nickname input{min-height:45px;padding:9px 11px;border:2px solid var(--color-outline);background:var(--color-input);color:var(--color-text);font:inherit}.starter-nickname>small{color:var(--color-text-muted);font-size:9px;text-align:right}.starter-claim-error{margin:0 0 12px;padding:9px 11px;border:2px solid var(--color-error-border);background:var(--color-error-bg);color:var(--color-error-text);font-size:11px;font-weight:700}.starter-confirmation__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.starter-success{position:relative;display:grid;grid-template-areas:"content visual";grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);width:min(100%,900px);min-height:330px;margin:0 auto;overflow:hidden;padding:0;border:3px solid var(--color-outline);background:var(--color-bg-alt);box-shadow:6px 6px 0 var(--color-outline)}.starter-success__visual{position:relative;grid-area:visual;display:grid;min-width:0;place-items:center;overflow:hidden;border-left:3px solid var(--color-outline);background:radial-gradient(circle at 50% 52%,rgba(85,201,139,.28),transparent 40%),linear-gradient(rgba(8,11,16,.03),rgba(8,11,16,.3)),url(/battle-arena-background-v2.jpg) 50% /cover no-repeat}.starter-success__content{display:flex;grid-area:content;min-width:0;align-items:flex-start;flex-direction:column;justify-content:center;padding:30px 34px;text-align:left}.starter-success__burst{position:absolute;top:18px;right:18px;z-index:2;display:grid;width:48px;height:48px;place-items:center;border:3px solid var(--color-outline);background:var(--color-success-bg);box-shadow:4px 4px 0 var(--color-outline);color:var(--color-success-text)}.starter-success h2{margin:10px 0 16px}.starter-success__pokemon{position:relative;z-index:1;filter:drop-shadow(0 10px 3px rgba(8,11,16,.42))}.starter-success__pokemon>span{position:absolute;right:50%;bottom:-18px;transform:translateX(50%);display:inline-flex;align-items:center;gap:5px;width:-moz-max-content;width:max-content;padding:6px 8px;border:2px solid #9c7114;background:#fff2b6;color:#644707;font-size:9px;font-weight:800}.starter-success .onboarding-primary-button{min-width:260px;margin-top:24px}@media (max-width:900px) and (min-width:768px){.starter-success{grid-template-columns:minmax(0,1fr) 240px}.starter-success__content{padding:24px}}@media (max-width:1120px) and (min-width:768px){.onboarding-page{padding-inline:32px}.onboarding-card__header{grid-template-columns:180px minmax(0,1fr) auto;gap:18px}.onboarding-brand{width:180px}.onboarding-intro__lead{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}.onboarding-feature{padding:9px}.onboarding-feature p{font-size:10px}.starter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px) and (max-height:800px){.onboarding-page{padding-block:16px}.onboarding-card{height:min(700px,calc(100dvh - 48px))}.onboarding-card__header{padding-block:14px}.onboarding-brand{width:175px}.onboarding-heading p{margin-top:7px}.onboarding-card__content{padding-block:16px 18px}.onboarding-progress{margin:3px auto 17px}.onboarding-progress__step{gap:7px;font-size:10px}.onboarding-progress__step>span{width:27px;height:27px;font-size:10px}.onboarding-progress__arrow{width:21px;height:21px}.onboarding-intro{grid-template-rows:minmax(150px,1fr) auto auto;gap:10px}.onboarding-intro__lead>div:first-child{padding-block:14px}.onboarding-intro h2{font-size:clamp(13px,1.45vw,17px)}.onboarding-intro__lead p{font-size:12px}.onboarding-free-note{margin-top:11px;padding-block:7px}.onboarding-arena{min-height:156px}.onboarding-features{gap:7px}.onboarding-feature{min-height:78px;padding-block:9px}.starter-option{min-height:77px}.starter-detail{min-height:326px}.starter-detail__portrait{height:86px;min-height:86px}.starter-detail__portrait>div{transform:translateY(-10px) scale(.76)}.starter-detail__title{margin-block:5px}.starter-stats{gap:2px;padding-block:4px}.starter-moves{margin-block:4px}.starter-moves ul{margin-top:3px}.starter-moves li{padding-block:2px}.starter-confirmation,.starter-success{min-height:330px}}@media (min-width:768px) and (max-width:1120px) and (max-height:800px){.starter-option{min-height:70px}}@media (min-width:768px) and (max-height:620px){.onboarding-page{height:auto;min-height:100dvh;place-items:start center;overflow-y:auto;padding-block:24px}.onboarding-card{height:650px}.onboarding-card__content{overflow-y:auto}}@media (prefers-reduced-motion:reduce){.starter-loading-icon{animation-duration:1.5s}.onboarding-primary-button,.onboarding-secondary-button{transition:none}}