/* Illustrated starter choices sourced from the existing native select. */
.registration-dialog .entry-starters{margin:0 0 17px;min-width:0;text-align:start}
.entry-starters-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;min-width:0}
.registration-dialog .entry-starters-heading h3{font-size:18px;line-height:1.45;color:#fff1b6;margin:0;font-weight:850;letter-spacing:0}
.entry-starters-current-region{font-size:10px;color:#9bd9d2;white-space:nowrap;border:1px solid #91d9cd3b;border-radius:20px;padding:4px 9px;background:#163e4e}
.entry-starters-regions{display:flex;gap:6px;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:3px 3px 9px;margin:0 -3px 10px;scrollbar-width:thin;scrollbar-color:#85baaa77 #09253780;scroll-padding-inline:3px;-webkit-overflow-scrolling:touch}
.registration-dialog .entry-starters-region{flex:0 0 auto;min-width:44px;min-height:44px;padding:8px 13px;border:1px solid #87c9be40;border-radius:12px;background:linear-gradient(155deg,#244b599e,#113044);color:#b7d6d8;box-shadow:inset 0 1px #d2fff415;font:inherit;font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.registration-dialog .entry-starters-region[aria-pressed=true]{background:linear-gradient(145deg,#d8f3c5,#8fd7be);border-color:#deffd6;color:#193f42;box-shadow:0 3px 0 #476d62,inset 0 1px #fff8;font-weight:850}
.entry-starters-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;min-width:0}
.registration-dialog .entry-starter-card{--starter-light:#a4f4b5;--starter-glow:133 255 184;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;min-height:213px;padding:7px 9px 12px;overflow:hidden;isolation:isolate;border:1px solid #8fd8c650;border-radius:18px;background:radial-gradient(ellipse at 50% 23%,rgb(var(--starter-glow) / .18),transparent 69%),linear-gradient(150deg,#204957,#0b293e);box-shadow:inset 0 1px #dafff233,0 5px 0 #041d2ec7,0 9px 20px #03182340;color:#f3fff9;text-align:center;font:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.registration-dialog .entry-starter-card[data-starter-tone="1"]{--starter-light:#ffd490;--starter-glow:255 191 107}
.registration-dialog .entry-starter-card[data-starter-tone="2"]{--starter-light:#a0e2ff;--starter-glow:109 212 255}
.entry-starter-card:before{content:"";position:absolute;z-index:-1;inset:5px;border:1px solid rgb(var(--starter-glow) / .12);border-radius:13px;pointer-events:none}
.entry-starter-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 33%,#fff5 49%,transparent 63%);translate:-170% 0;opacity:0}
.entry-starter-art{position:relative;display:grid;place-items:center;width:100%;height:144px;min-width:0;isolation:isolate;pointer-events:none}
.entry-starter-art>img{position:relative;z-index:2;display:block;width:min(100%,158px);height:150px;object-fit:contain;filter:drop-shadow(0 9px 6px #011e356e);transform:translateY(1px);transition:transform .3s ease-out}
.entry-starter-orbit{position:absolute;z-index:0;inset:auto 7% 9%;height:28%;border:1px solid rgb(var(--starter-glow) / .58);border-radius:50%;background:radial-gradient(rgb(var(--starter-glow) / .17),transparent 70%);box-shadow:0 0 0 6px rgb(var(--starter-glow) / .055),0 0 22px rgb(var(--starter-glow) / .1);transform:rotate(-7deg)}
.entry-starter-glow{position:absolute;inset:0 5% 12%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgb(var(--starter-glow) / .2),transparent 68%)}
.registration-dialog .entry-starter-name{display:block;position:relative;z-index:2;max-width:100%;font-size:16px;line-height:1.45;font-weight:850;overflow-wrap:anywhere;text-wrap:balance;color:#f4fff9;text-shadow:0 2px 2px #072334;min-height:23px}
.entry-starter-state{display:flex;justify-content:center;align-items:center;gap:5px;min-height:20px;font-size:10px;line-height:1.4;color:#a8c9d1;margin-top:4px}
.entry-starter-state:before{content:"+";font-size:13px;line-height:1;color:var(--starter-light)}
.registration-dialog .entry-starter-card[aria-pressed=true]{border-color:var(--starter-light);background:radial-gradient(ellipse at 50% 20%,rgb(var(--starter-glow) / .29),transparent 70%),linear-gradient(150deg,#35615a,#183b47);box-shadow:inset 0 1px #f3ffd7aa,0 0 0 2px rgb(var(--starter-glow) / .2),0 5px 0 #395f4d,0 10px 24px rgb(var(--starter-glow) / .1)}
.entry-starter-card[aria-pressed=true] .entry-starter-art>img{transform:translateY(-5px) scale(1.035)}
.entry-starter-card[aria-pressed=true] .entry-starter-state{color:var(--starter-light);font-weight:800}
.entry-starter-card[aria-pressed=true] .entry-starter-state:before{content:"✓";font-size:12px}
.entry-starter-card.is-recently-selected:after{animation:entry-starter-shine .65s ease-out both}
.entry-starter-art.art-unavailable>img{visibility:hidden}
.entry-starter-art.art-unavailable:after{content:"✦";color:var(--starter-light);font-size:38px;text-shadow:0 0 20px rgb(var(--starter-glow) / .5)}
.registration-dialog .has-entry-starters>label[for=reg-starter]{font-size:11px;color:#aad2d1;font-weight:650;margin-bottom:6px}
.registration-dialog .has-entry-starters>#reg-starter{height:44px;min-height:44px;font-size:13px;border-color:#8ac4bd4a;background:#0a2538}
.registration-dialog .entry-starters button:disabled{cursor:default;opacity:.52}
.registration-dialog .entry-starters button:focus-visible{outline:3px solid #ffec9b;outline-offset:3px}
@keyframes entry-starter-shine{0%{translate:-170% 0;opacity:0}20%{opacity:.7}85%{opacity:.35}100%{translate:170% 0;opacity:0}}
@media(hover:hover) and (pointer:fine){.registration-dialog .entry-starters-region:not(:disabled):hover{border-color:#c5f9da;color:#fff4b8}.registration-dialog .entry-starters-region[aria-pressed=true]:not(:disabled):hover{color:#163a3d}.registration-dialog .entry-starter-card:not(:disabled):hover{border-color:var(--starter-light)}.entry-starter-card:not(:disabled):hover .entry-starter-art>img{transform:translateY(-6px) scale(1.05)}}
@media(max-width:600px){.registration-dialog .entry-starters-heading h3{font-size:16px}.entry-starters-current-region{font-size:9px;padding:4px 7px}.entry-starters-heading{gap:7px;margin-bottom:8px}.entry-starters-regions{gap:5px;margin-bottom:8px}.registration-dialog .entry-starters-region{font-size:10px;padding-inline:10px}.entry-starters-grid{gap:7px}.registration-dialog .entry-starter-card{min-height:166px;border-radius:13px;padding:5px 5px 9px}.entry-starter-card:before{inset:4px;border-radius:9px}.entry-starter-art{height:106px}.entry-starter-art>img{height:110px;width:110px;max-width:125%}.registration-dialog .entry-starter-name{font-size:12px;min-height:19px;line-height:1.5}.entry-starter-state{font-size:8px;gap:3px;min-height:18px}.entry-starter-state:before{font-size:11px}.entry-starter-orbit{inset-inline:5%;bottom:9%;height:25%}.registration-dialog .has-entry-starters>#reg-starter{font-size:16px}.registration-dialog .entry-starters{margin-bottom:15px}}
@media(max-width:350px){.entry-starters-grid{gap:5px}.registration-dialog .entry-starter-card{min-height:149px;padding-inline:3px}.entry-starter-art{height:92px}.entry-starter-art>img{height:96px;width:96px}.registration-dialog .entry-starter-name{font-size:10px;min-height:17px}.entry-starter-state{font-size:8px;gap:2px}.registration-dialog .entry-starters-heading h3{font-size:14px}.entry-starters-current-region{font-size:8px;padding-inline:5px}}
html[lang=he] .registration-dialog .entry-starters-heading h3{font-size:21px}
html[lang=he] .registration-dialog .entry-starters-region{font-size:14px}
html[lang=he] .registration-dialog .entry-starter-name{font-size:19px}
html[lang=he] .entry-starter-state{font-size:12px}
html[lang=he] .entry-starters-current-region{font-size:12px}
@media(max-width:600px){html[lang=he] .registration-dialog .entry-starters-heading h3{font-size:18px}html[lang=he] .registration-dialog .entry-starters-region{font-size:12px}html[lang=he] .registration-dialog .entry-starter-name{font-size:14px}html[lang=he] .entry-starter-state{font-size:10px}html[lang=he] .entry-starters-current-region{font-size:10px}}
@media(max-width:350px){html[lang=he] .registration-dialog .entry-starter-name{font-size:12px}html[lang=he] .entry-starter-state{font-size:9px}html[lang=he] .registration-dialog .entry-starters-heading h3{font-size:16px}}
body[data-motion=paused] .entry-starter-card:after,body[data-cinematic-motion=off] .entry-starter-card:after{animation:none!important}
body[data-motion=paused] .entry-starter-art>img,body[data-cinematic-motion=off] .entry-starter-art>img{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.entry-starters *,.entry-starters *:before,.entry-starters *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.entry-starter-art>img{transform:none!important}}

.entry-polished #modal-reg .entry-starters-region{min-width:44px}