#app .trainer-selection{padding:6px 8px;gap:5px;background:radial-gradient(ellipse at 25% 70%,var(--slate),transparent 70%),var(--void)}#app .trainer-selection .pick-head{justify-content:flex-start;text-align:left;gap:6px;padding:0 1px;width:100%;max-width:326px;justify-self:center;box-sizing:border-box}#app .trainer-selection .pick-body{grid-template-columns:186px minmax(0,1fr);gap:8px;animation:none;width:100%;max-width:326px;justify-self:center;align-items:center}#app .trainer-selection .pick-roster{position:relative;isolation:isolate;gap:0;padding:0;align-items:stretch;height:145px;align-self:center}#app .trainer-selection .pick-roster:before{content:"";position:absolute;inset:0 0 21px;z-index:-1;background:url(./art/screens/trainer-hall.webp) center/100% auto no-repeat;border-radius:3px 3px 0 0}#app .trainer-selection .pick-tile{display:grid;grid-template-rows:minmax(0,1fr) 21px;align-content:stretch;gap:0;padding:0 2px;height:100%;min-width:0;overflow:hidden;border:0;border-radius:2px;background:transparent;box-shadow:none;opacity:1;transform:none;transition:none;isolation:isolate}#app .trainer-selection .pick-tile:active{transform:none;filter:none}@media(hover:hover){#app .trainer-selection .pick-tile:hover{transform:none;filter:none}}#app .trainer-selection .pick-stage-light{position:absolute;inset:0 0 21px;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--pick) 22%,transparent),transparent 65%);transition:opacity .18s ease-out}#app .trainer-selection .pick-tile.on .pick-stage-light{opacity:1}#app .trainer-selection .pick-tile .pick-figure{align-self:end;justify-self:center;margin-bottom:23px;transform:translate(calc(var(--stance-x,0px) + var(--portrait-center,0px))) scale(1.2);transform-origin:50% 100%;animation:none;transition:none;will-change:auto;z-index:1}#app .trainer-selection .pick-tile:first-child{--stance-x:1.4px}#app .trainer-selection .pick-tile:last-child{--stance-x:-1.4px}#app .trainer-selection .pick-tile[data-id=keeper]{--portrait-center:5.01px}#app .trainer-selection .pick-tile[data-id=scout]{--portrait-center:6.32px}#app .trainer-selection .pick-tile[data-id=warden]{--portrait-center:4.38px}#app .trainer-selection .pick-tile[data-id=chef]{--portrait-center:4.09px}#app .trainer-selection .pick-tile[data-id=scavenger]{--portrait-center:3.03px}#app .trainer-selection .pick-tile[data-id=gambler]{--portrait-center:3.12px}#app .trainer-selection .pick-tile[data-id=hermit]{--portrait-center:-1.34px}#app .trainer-selection .pick-tile .pick-name.trainer-signature{display:flex;align-items:center;justify-content:center;width:100%;height:21px;border:1px solid var(--stone);border-radius:0 0 2px 2px;background:var(--void);color:var(--pick);font-size:7px;margin:0;padding:0 2px 2px}#app .trainer-selection .pick-tile.on .pick-name.trainer-signature{color:var(--pick);border-color:var(--pick);background:linear-gradient(180deg,color-mix(in srgb,var(--pick) 18%,var(--void)),var(--void))}#app .trainer-selection .pick-name.trainer-signature:after{display:block;bottom:3px;width:8px;left:calc(50% - 4px);opacity:.65}html.kb #app .trainer-selection .pick-tile:focus-visible{outline:1px solid var(--chalk);outline-offset:-2px}@media(hover:hover){#app .trainer-selection .pick-tile:hover:not(.on) .pick-name{border-color:var(--silver);color:var(--chalk)}}#app .trainer-selection .pick-detail{position:relative;padding:7px;gap:6px;border:1px solid var(--stone);border-top:2px solid var(--pick);height:auto;min-height:0;align-self:center;box-sizing:border-box;border-radius:2px;background:var(--void);box-shadow:none;animation:none;overflow:hidden}#app .trainer-selection .pick-detail:before{display:none}#app .trainer-selection .pick-detail .pick-title{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:3px;align-items:center}#app .trainer-selection .pick-detail .trainer-signature{font-size:16px;line-height:1.12;min-width:0;overflow-wrap:normal}#app .trainer-selection .pick-tag{grid-column:1/-1;color:var(--silver);font-size:6px;line-height:1.3}#app .trainer-selection .pick-desc{font-size:7px;line-height:1.45;margin:0}#app .trainer-selection .pick-perks{display:flex;flex-direction:column;gap:4px;padding:5px 0 0;border-top:1px solid var(--slate)}#app .trainer-selection .pick-perks li{display:flex;gap:3px;white-space:normal;align-items:center;padding:0}#app .trainer-selection .pick-perks i{flex:0 0 8px}#app .trainer-selection .pick-perks b{font-weight:650;white-space:nowrap}#app .trainer-selection .pick-perks small{color:var(--silver)}#app .trainer-selection .pick-perks:empty{display:none}#app .trainer-selection .pick-detail button.pick-go{align-self:stretch;width:100%;max-width:none;min-height:18px;margin:4px 0 0}#app .trainer-selection.swap .pick-detail>*{animation:none}@media(prefers-reduced-motion:reduce){#app .trainer-selection .pick-stage-light{transition:none}}#app .trainer-selection .pick-detail{background:linear-gradient(135deg,color-mix(in srgb,var(--pick) 9%,var(--void)),var(--void) 65%);border-color:color-mix(in srgb,var(--pick) 45%,var(--stone));box-shadow:0 0 7px color-mix(in srgb,var(--pick) 18%,transparent),inset 0 0 6px color-mix(in srgb,var(--pick) 5%,transparent)}#app .trainer-selection .pick-detail .trainer-signature{color:var(--pick);text-shadow:0 0 3px color-mix(in srgb,var(--pick) 35%,transparent)}#app .trainer-selection .pick-tile:not(.on) .pick-name{color:color-mix(in srgb,var(--pick) 80%,var(--silver))}#app .trainer-selection{position:relative;padding:0;gap:0;isolation:isolate;background:#071327 url(./art/screens/trainer-terrace.webp) center/cover no-repeat}#app .trainer-selection .pick-head{position:absolute;top:7px;left:12px;width:auto;max-width:none;z-index:2;padding:0}#app .trainer-selection .pick-body{grid-template-columns:minmax(0,1.82fr) minmax(0,1fr);gap:10px;width:100%;max-width:none;height:100%;padding:0 10px 0 17px;box-sizing:border-box}#app .trainer-selection .pick-roster{height:100%;width:100%;align-self:stretch;overflow:visible}#app .trainer-selection .pick-roster:before{display:none}#app .trainer-selection .pick-tile{position:relative;display:block;border-radius:0;overflow:visible;padding:0}#app .trainer-selection .pick-tile:first-child,#app .trainer-selection .pick-tile:last-child{--stance-x:0px}#app .trainer-selection .pick-tile .pick-figure{position:absolute;left:50%;bottom:44px;margin:0;transform:translate(calc(-50% + var(--portrait-center,0px))) scale(1.2)}#app .trainer-selection .pick-stage-light{inset:auto -4px 40px;height:10px;background:radial-gradient(ellipse,var(--pick),transparent 65%);opacity:0}#app .trainer-selection .pick-tile.on .pick-stage-light{opacity:.28}#app .trainer-selection .pick-tile .pick-name.trainer-signature{position:absolute;bottom:25px;height:18px;padding:0 0 3px;border:0;border-radius:0;background:transparent;color:var(--pick);font-size:7px;text-shadow:0 1px 2px #071327}#app .trainer-selection .pick-tile.on .pick-name.trainer-signature{border:0;background:transparent}#app .trainer-selection .pick-name.trainer-signature:after{bottom:0;opacity:0;width:14px;left:calc(50% - 7px)}#app .trainer-selection .pick-tile.on .pick-name.trainer-signature:after{opacity:.85}html.kb #app .trainer-selection .pick-tile:focus-visible{outline-offset:0;border-radius:2px}#app .trainer-selection .pick-detail{padding:7px 6px;gap:5px;border:0;border-radius:2px;background:linear-gradient(135deg,color-mix(in srgb,var(--pick) 5%,#091329),#091329ed 70%);box-shadow:0 0 8px #091329b3,inset 1px 0 color-mix(in srgb,var(--pick) 22%,transparent)}#app .trainer-selection .pick-detail .trainer-signature{font-size:15px}#app .trainer-selection .pick-tag{font-size:6px}#app .trainer-selection .pick-perks{gap:3px;padding-top:4px}#app .trainer-selection .pick-detail button.pick-go{margin-top:3px}#app .trainer-selection .pick-detail{margin-top:calc(var(--report-size) + 4px)}#app .trainer-selection .pick-body{position:absolute;inset:0}#app .trainer-selection .pick-tile .pick-figure{bottom:calc(87px - var(--lw,320px) * .1428)}#app .trainer-selection .pick-tile .pick-name.trainer-signature{bottom:calc(67px - var(--lw,320px) * .1428)}#app .trainer-selection .pick-stage-light{bottom:calc(83px - var(--lw,320px) * .1428)}#app .trainer-selection .pick-tile:before{content:"";position:absolute;z-index:0;pointer-events:none;left:50%;width:26px;height:6px;bottom:calc(84px - var(--lw,320px) * .1428);transform:translate(calc(-50% + var(--portrait-center,0px)));background:url(./art/env/fighter-shadow.png) center/100% 100% no-repeat;opacity:.8}#app .trainer-selection .pick-tile{height:140px;align-self:end}#app .trainer-selection,#app .trainer-selection *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#app .trainer-selection .pick-tile{touch-action:manipulation}#app .trainer-selection .pick-tile img{-webkit-user-drag:none;pointer-events:none}#app .trainer-selection>.pick-back{position:absolute;left:4px;top:4px;z-index:6;min-height:13px;padding:1px 5px;font-size:6px}html:is(:lang(zh),:lang(ja)) #app .trainer-selection .pick-detail .trainer-signature{font-size:12px;white-space:nowrap}#app .trainer-selection .pick-tile[data-id=keeper]{--pick-light:#2fe0b0}#app .trainer-selection .pick-tile[data-id=scout]{--pick-light:#ffae2a}#app .trainer-selection .pick-tile[data-id=warden]{--pick-light:#4aa6ff}#app .trainer-selection .pick-tile[data-id=chef]{--pick-light:#ff5a2e}#app .trainer-selection .pick-tile[data-id=scavenger]{--pick-light:#a6e03c}#app .trainer-selection .pick-tile[data-id=gambler]{--pick-light:#e04cff}#app .trainer-selection .pick-tile[data-id=hermit]{--pick-light:#9466ff}#app .trainer-selection .pick-stage-light{background:radial-gradient(ellipse,var(--pick-light,var(--pick)),transparent 65%)}#app .trainer-selection .pick-tile.on .pick-stage-light{opacity:.6;height:12px;animation:pickPool .5s ease-out both}@keyframes pickPool{0%{opacity:0;transform:scaleX(.3)}40%{opacity:.85;transform:scaleX(1.15)}to{opacity:.6;transform:none}}#app .trainer-selection .pick-beam,#app .trainer-selection .pick-rings{position:absolute;left:50%;z-index:0;pointer-events:none;bottom:calc(84px - var(--lw,320px) * .1428)}#app .trainer-selection .pick-beam{width:56px;height:150px;margin-left:-28px;translate:var(--portrait-center,0px) 0;transform-origin:50% 100%;opacity:0;background:linear-gradient(to top,color-mix(in srgb,var(--pick-light) 55%,transparent),color-mix(in srgb,var(--pick-light) 18%,transparent) 50%,transparent);clip-path:polygon(33% 0,67% 0,100% 100%,0 100%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}#app .trainer-selection .pick-tile.on .pick-beam{opacity:.8;animation:pickBeam .6s ease-out both}@keyframes pickBeam{0%{opacity:0;transform:scaleY(.15)}40%{opacity:1;transform:none}to{opacity:.8;transform:none}}#app .trainer-selection .pick-rings{width:0;height:0;translate:var(--portrait-center,0px) 0}#app .trainer-selection .pick-rings.front{z-index:2}#app .trainer-selection .pick-rings i{position:absolute;left:-23px;top:-5px;width:46px;height:10px;box-sizing:border-box;border-radius:50%;border:1px solid transparent;opacity:0;animation:pickRing 1.2s cubic-bezier(.2,.6,.35,1) both}#app .trainer-selection .pick-rings:not(.front) i{border-top-color:color-mix(in srgb,var(--pick-light) 55%,transparent)}#app .trainer-selection .pick-rings.front i{border-bottom-color:color-mix(in srgb,var(--pick-light) 85%,transparent)}#app .trainer-selection .pick-rings i:nth-child(2){animation-delay:.25s}@keyframes pickRing{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:.75}to{opacity:0;transform:translateY(-52px) scale(.9)}}@media(prefers-reduced-motion:reduce){#app .trainer-selection .pick-tile.on :is(.pick-stage-light,.pick-beam){animation:none}#app .trainer-selection .pick-rings{display:none}}#app .trainer-selection .pick-tile .pick-name.trainer-signature{bottom:calc(79.1px - var(--lw,320px) * .16);left:0;right:0;width:auto;translate:var(--portrait-center,0px) 0}#app .trainer-selection .pick-name.trainer-signature:after,#app .trainer-selection .pick-tile.on .pick-name.trainer-signature:after{display:none}#app .trainer-selection .pick-tile.on .pick-name.trainer-signature{text-shadow:0 0 3px color-mix(in srgb,var(--pick-light) 70%,transparent),0 1px 2px #071327}#app .trainer-selection .pick-tile:before{bottom:calc(87px - var(--lw,320px) * .1379)}#app .trainer-selection .pick-beam{bottom:calc(90px - var(--lw,320px) * .1391)}#app .trainer-selection .pick-rings{bottom:calc(90px - var(--lw,320px) * .1373)}#app .trainer-selection .pick-stage-light,#app .trainer-selection .pick-tile.on .pick-stage-light{inset:auto auto calc(90px - var(--lw,320px) * .1881) 50%;width:60px;margin-left:-30px;height:calc(var(--lw,320px) * .0526);translate:var(--portrait-center,0px) 0;transform-origin:50% 0;background:linear-gradient(to bottom,color-mix(in srgb,var(--pick-light) 70%,transparent),color-mix(in srgb,var(--pick-light) 42%,transparent) 14%,color-mix(in srgb,var(--pick-light) 24%,transparent) 65%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent)}#app .trainer-selection .pick-tile.on .pick-stage-light{opacity:.9;animation:pickSpill .5s ease-out both}@keyframes pickSpill{0%{opacity:0;transform:scaleY(.2)}to{opacity:.9;transform:none}}