.character-pill{display:flex;align-items:center;gap:8px;border:1px solid #e7d5e6;background:#fffaf5;border-radius:24px;padding:10px 14px;color:#8b6599;font-size:10px;min-height:40px;box-shadow:0 2px 0 #eee2eb}.character-pill>span:first-child{color:#dbb469;font-size:17px}.character-pill b{font-size:9px;font-weight:900;margin-left:8px}.character-pill:hover{background:#f5eaf5}.hero-cta+.character-pill{margin-top:16px}.welcome-caption strong #hero-character-name{display:inline;font-size:16px;font-weight:900;color:var(--ink);margin:0}.mission-character{margin:0 0 16px;width:100%;justify-content:space-between}.play-character{margin:16px 0 4px;width:100%;justify-content:space-between}.character-dialog{max-width:1040px;width:calc(100% - 48px);max-height:90dvh;overflow:auto;border:2px solid white;border-radius:30px;background:radial-gradient(ellipse at 50% 0,#f3e3fa,transparent 60%),#fffaf4;color:var(--ink);padding:35px 30px 23px;box-shadow:0 10px 0 #8b6e8d55,0 30px 100px #4b2c6755;overscroll-behavior:contain}.character-dialog::backdrop{background:#392d4f70;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.character-close{position:absolute;top:14px;right:15px;width:38px;height:38px;border:1px solid #e8d9e9;border-radius:50%;background:#fffaf8;color:#a482ad;font-size:25px;line-height:1;display:grid;place-items:center}.crew-heading{text-align:center;padding:5px 25px 24px}.crew-heading h2{font-size:34px;letter-spacing:-1.2px;line-height:1.15;margin:10px 0 12px}.crew-heading h2 span{color:var(--pink)}.crew-heading>p:last-child{font-size:12px;color:#9a80a0;line-height:1.6}.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;align-items:stretch}.character-card{--crew-color:#dd5183;--crew-light:#fff0e6;position:relative;display:flex;flex-direction:column;align-items:center;border:2px solid #eadde8;border-radius:22px;background:linear-gradient(170deg,#fffdf9,var(--crew-light));padding:14px 9px 16px;box-shadow:0 4px 0 #e5d9e4;transition:transform .2s,border-color .2s;min-width:0}.character-card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--crew-color)}.character-card[aria-pressed=true]{border-color:var(--crew-color);box-shadow:0 5px 0 var(--crew-color),0 0 0 4px #fff,0 12px 20px #77507912}.crew-selected{visibility:hidden;position:absolute;top:9px;right:9px;width:22px;height:22px;background:var(--crew-color);border:2px solid #fff;border-radius:50%;color:#fff;font-size:12px;display:grid;place-items:center;box-shadow:0 2px 0 #0001}.character-card[aria-pressed=true] .crew-selected{visibility:visible}.character-card canvas{display:block;max-width:100%;width:150px;height:auto;aspect-ratio:260/270;pointer-events:none}.character-card>strong{font-size:21px;letter-spacing:-.6px;margin-top:7px}.crew-role{font-size:8px;color:#9c83a3;line-height:1.5;min-height:25px;margin:6px 0 9px;text-align:center}.character-card>small{font-size:8px;border:1px solid #e7dce7;background:#fffcf6c9;color:#a188a8;border-radius:20px;padding:5px 9px;min-width:68px;text-align:center}.character-card[aria-pressed=true]>small{background:var(--crew-color);border-color:var(--crew-color);color:#fff}.crew-choice{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:26px;padding:22px 5px 0;border-top:1px solid #e8d9e7}.crew-choice>div{max-width:540px}.crew-choice .eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--crew-color,#9871a5)}#character-choice-description{font-size:12px;color:#89718f;line-height:1.7;margin:7px 0}#character-choice-flavor{display:block;font-size:10px;color:#ad8cb3}.crew-choice .primary{flex-shrink:0;font-size:12px;min-width:205px;--accent:#9974b3;--deep:#73518f}.crew-save-note{font-size:9px;text-align:center;color:#a48ca9;margin-top:25px;line-height:1.7}.character-card:disabled{opacity:.65}.character-dialog:focus{outline:none}.character-loading-note{font-size:10px;color:#9878a0}
@media(max-width:760px){.site-header nav{gap:2px}.nav-link{padding:9px 20px}.character-dialog{width:calc(100% - 30px);padding:30px 22px 22px}.crew-heading h2{font-size:29px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.character-card canvas{width:140px}.crew-role{min-height:15px;font-size:8px}.crew-choice{gap:20px}.crew-choice .primary{min-width:180px;padding:14px 17px}.mission-character{grid-column:1/-1}.play-character{margin:6px 0 0;width:auto;max-width:100%}.play-character b{margin-left:10px}.crew-heading{padding-bottom:22px}.welcome-caption strong #hero-character-name{font-size:13px}}
@media(max-width:480px){.site-header nav{justify-content:space-between}.nav-link{padding:9px 13px;font-size:11px}.hero-cta+.character-pill{margin-top:14px;font-size:9px;padding:8px 11px;min-height:37px;max-width:220px}.character-pill b{font-size:8px}.character-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:23px;padding:31px 16px 18px}.crew-heading{padding:6px 12px 18px}.crew-heading .eyebrow{font-size:6.5px;letter-spacing:1.2px}.crew-heading h2{font-size:26px;letter-spacing:-.9px;margin:9px 0}.crew-heading>p:last-child{font-size:10px}.character-close{width:32px;height:32px;top:9px;right:9px;font-size:22px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.character-card{padding:10px 7px 12px;border-radius:18px}.character-card canvas{width:115px}.character-card>strong{font-size:19px;margin-top:3px}.crew-role{margin:4px 0 7px;font-size:8px;min-height:12px}.character-card>small{font-size:7px;padding:4px 8px}.crew-selected{top:6px;right:6px;width:20px;height:20px;font-size:10px}.crew-choice{display:block;margin-top:22px;padding-top:18px}.crew-choice .eyebrow{font-size:8px}#character-choice-description{font-size:11px}#character-choice-flavor{font-size:9px}.crew-choice .primary{margin-top:17px;width:100%;font-size:12px}.crew-save-note{font-size:8px;margin-top:20px}.play-character{font-size:9px;padding:9px 12px}.mission-character{font-size:10px}}
@media(prefers-reduced-motion:reduce){.character-card{transition:none}}