#lobby .setupPage{max-width:1320px;padding-top:8px}#lobby .setupPage>h1{font-size:clamp(28px,3vw,42px);margin-bottom:10px}#lobby .setupPage>p{margin-bottom:24px}.setupPage .pickGrid{gap:24px;align-items:start}
.paintedChoice{min-width:0;margin:0;display:flex;flex-direction:column}
#lobby .setupPage .pickGrid .paintedChoice>button{width:100%;min-height:0;aspect-ratio:2/3;padding:0;display:block;overflow:visible;background:transparent;border:0;border-radius:12px;box-shadow:0 8px 20px #100b1566;transition:transform .18s ease,filter .18s ease;filter:saturate(.75) brightness(.85)}
#lobby .setupPage .pickGrid .paintedChoice>button:hover{transform:translateY(-6px);background:transparent;filter:none}
#lobby .setupPage .pickGrid .paintedChoice>button.selected{background:transparent;border:0;outline:3px solid #ffc84d;outline-offset:5px;box-shadow:0 8px 24px #100b1599;filter:none;transform:translateY(-4px)}
.paintedCardArt{position:absolute;inset:0;border-radius:12px;overflow:hidden;display:block;background:#f6e5bd}.paintedCardArt>img{display:block;width:100%;height:100%;object-fit:fill}.paintedCardArt.artStrip>img{position:absolute;max-width:none!important;width:300%;height:100%;object-fit:fill;top:0;left:0}.artStrip1>img{transform:translateX(-33.333333%)}.artStrip2>img{transform:translateX(-66.666667%)}
#lobby .setupPage .pickMark{z-index:1;top:-10px;right:10px;font-size:12px;background:#f7e6be;color:#8f6d48;border:1px solid #b88b4c;padding:7px 12px;box-shadow:0 3px 0 #442d25;border-radius:7px}.selected .pickMark{background:#ffd056!important;color:#563522!important;border-color:#f3a642!important}
.paintedCaption{padding:18px 2px 6px;display:flex;flex-direction:column;gap:6px}.paintedCaption .pickName{font-size:18px;color:#ffe1a8}.paintedCaption .pickDescription{font-size:13px;line-height:1.7;color:#d0bfa2}.paintedCaption .pickOwner{font-size:11px;color:#a18c70}.paintedInspect{font-size:12px;color:#e8b76d;text-decoration:none;align-self:flex-start;padding:6px 0}.paintedInspect:hover{text-decoration:underline}.selectionFooter{margin-top:6px;padding-top:20px}
@media(max-width:850px){.setupPage .pickGrid{gap:22px 18px}.paintedChoice{max-width:300px;width:100%;justify-self:center}}
@media(max-width:620px){#lobby .setupPage{padding-bottom:calc(155px + env(safe-area-inset-bottom))}.setupPage .pickGrid{gap:24px 16px}#lobby .setupPage .pickGrid .paintedChoice>button{min-height:0;padding:0;aspect-ratio:2/3}.paintedCaption{padding-top:16px;gap:5px}.paintedCaption .pickName{font-size:17px}.paintedCaption .pickDescription{font-size:12px}.paintedCaption .pickOwner{display:none}#lobby .setupPage .pickMark{font-size:10px;padding:5px 9px;right:6px}.paintedInspect{min-height:32px;display:flex;align-items:center}.selectionFooter{margin:0}}
@media(prefers-reduced-motion:reduce){#lobby .setupPage .pickGrid .paintedChoice>button{transition:none}}
.skillSectionTitle{font-size:19px;color:#ffe1a8;margin:16px 0 22px;line-height:1.5}.lockedSkills{border-top:1px solid #6b5748;padding-top:18px;margin:16px 0 28px}.lockedSkills>p{font-size:13px;color:#c2b195;margin:0 0 20px;line-height:1.7}.lockedSkillGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lockedSkill{position:relative;display:grid;grid-template-columns:94px minmax(0,1fr);gap:18px;border:1px solid #6e5845;border-radius:12px;padding:14px;background:#45373a;min-width:0}.lockedSkill>.paintedCardArt{position:relative;inset:auto;aspect-ratio:2/3;filter:saturate(.55);border-radius:6px}.lockedSkill>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.lockedSkill strong{font-size:16px;line-height:1.5;color:#ffe5b1}.lockedSkill p{font-size:12px;line-height:1.7;color:#d3bfa2;margin:0}.lockedSkill small{font-size:11px;color:#ac9476}.lockedSkill button{font-size:12px!important;padding:8px 14px!important;margin:4px 0 0!important;box-shadow:none!important}.selectionFooter{position:sticky;bottom:0;background:#322a33f5;padding-bottom:18px;z-index:4}
@media(max-width:620px){.lockedSkillGrid{grid-template-columns:1fr}.lockedSkill{grid-template-columns:80px minmax(0,1fr);gap:14px;padding:12px}.lockedSkill button{min-height:44px}.selectionFooter{position:fixed;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.skillSectionTitle{font-size:17px}.lockedSkills{margin-bottom:20px}}
