.painted-starters17{position:relative;width:100%;color:#f3e4bf}.painted-starter-plane17{position:relative;aspect-ratio:2/1;width:100%;overflow:hidden}.painted-starter-plane17>img{display:block;width:100%;height:100%;object-fit:contain}.painted-starter-outlines17{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.painted-starter-outlines17 polygon{opacity:0;fill:#93e57818;stroke:#a7ea84;stroke-width:4;filter:drop-shadow(0 0 4px #72e27d);vector-effect:non-scaling-stroke}.painted-starter-choices17{position:absolute;inset:0}.painted-starter-choice17{appearance:none;position:absolute;inset:0;min-height:0;width:100%;height:100%;padding:0;border:0;background:transparent!important;box-shadow:none!important;color:inherit;cursor:pointer;font-family:Georgia,serif}.painted-starter-choice17:focus-visible{outline:none}.painted-starter-choice17:disabled{opacity:1;cursor:default}.painted-starter-name17{position:absolute;left:var(--starter-x);top:85%;transform:translateX(-50%);display:flex;align-items:baseline;justify-content:center;gap:5px;width:18%;min-height:7%;box-sizing:border-box;padding:4px 5px;border:1px solid #b79d61;border-radius:7px 3px 8px 3px;background:#1e3028;color:#f3e2ba;font-size:18px;line-height:1.1;white-space:nowrap}.painted-starter-name17 small{font-size:13px}.painted-starter-hint17{display:none;position:absolute;left:var(--hint-x);top:2.5%;transform:translateX(-50%);width:21%;min-height:20.5%;box-sizing:border-box;padding:8px 9px;border:1px solid #9ec18c;border-radius:8px 5px;background:#203329;color:#f1dfb6;text-align:center;font:15px/1.25 Georgia,serif}.painted-starter-hint17 strong{display:block;color:#b8e7a2;margin-bottom:3px}.painted-starter-choice17:is(:hover,:focus-visible):not(:disabled) .painted-starter-hint17{display:block}.painted-starter-choice17:is(:hover,:focus-visible):not(:disabled) .painted-starter-name17{border-color:#b7e99b;box-shadow:0 0 0 2px #72c66d}
.painted-starters17:has([data-starter="hunter"]:is(:hover,:focus-visible):not(:disabled)) [data-pilot-focus="hunter"],.painted-starters17:has([data-starter="hunter"][aria-pressed="true"]) [data-pilot-focus="hunter"]{opacity:1}
.painted-starters17:has([data-starter="guardian"]:is(:hover,:focus-visible):not(:disabled)) [data-pilot-focus="guardian"],.painted-starters17:has([data-starter="guardian"][aria-pressed="true"]) [data-pilot-focus="guardian"]{opacity:1}
.painted-starters17:has([data-starter="pathfinder"]:is(:hover,:focus-visible):not(:disabled)) [data-pilot-focus="pathfinder"],.painted-starters17:has([data-starter="pathfinder"][aria-pressed="true"]) [data-pilot-focus="pathfinder"]{opacity:1}
.painted-starters17:has([data-starter="healer"]:is(:hover,:focus-visible):not(:disabled)) [data-pilot-focus="healer"],.painted-starters17:has([data-starter="healer"][aria-pressed="true"]) [data-pilot-focus="healer"]{opacity:1}

@media(max-width:650px){.painted-starter-choices17{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:8px}.painted-starter-choice17{position:relative;inset:auto;height:auto;min-height:50px;clip-path:none!important}.painted-starter-name17{position:static;transform:none;width:100%;height:100%;min-height:50px;font-size:16px;flex-wrap:wrap}.painted-starter-name17 small{font-size:12px}.painted-starter-hint17{position:absolute;top:calc(100% + 7px);left:0;transform:none;width:100%;min-height:90px;font-size:14px;z-index:20}.painted-starter-choice17:nth-child(-n+2) .painted-starter-hint17{top:auto;bottom:calc(100% + 7px)}.painted-starters17{margin-bottom:110px}}

@media(max-width:650px){.painted-starter-choice17 .painted-starter-hint17,.painted-starter-choice17:nth-child(-n+2) .painted-starter-hint17{position:fixed;left:12px;right:12px;top:auto;bottom:18px;transform:none;width:calc(100vw - 24px);min-height:80px;z-index:50}}

.painted-starter-hint17 em{display:block;margin:3px 0 5px;font-size:14px;line-height:1.15}.story-starters17:has(.painted-starters17){max-width:min(1100px,calc((100vh - 110px)*2));margin:6px auto}.story-starter-name17{display:flex;align-items:center;justify-content:center;gap:7px;margin:6px 0;font:16px Georgia,serif;color:#ead9af}.story-starter-name17 input{font:16px Georgia,serif;width:min(270px,45vw);padding:5px 8px;background:#1c2d24;color:#f1dfb5;border:1px solid #9d8c5b}.story-starters17 #storyStarterError17:empty{display:none}@media(max-width:650px){.story-starters17:has(.painted-starters17){max-width:100%}.story-starter-name17{flex-wrap:wrap}.story-starter-name17 input{width:90%;max-width:270px}.painted-starter-hint17 em{font-size:13px}}

/* The actual choice plate carries the complete role cue; approximate body outlines are absent. */
.painted-starter-name17{top:81%;width:22%;min-height:18%;padding:8px;display:grid;grid-template-columns:28px 1fr;align-content:center;align-items:center;gap:3px 6px;white-space:normal;text-align:left;border-radius:3px;background:#203329;font-size:18px}
.painted-starter-name17 .starter-class-glyph19{grid-row:1/3;width:28px!important;height:28px!important;object-fit:contain}
.painted-starter-name17 strong{grid-column:2}.painted-starter-name17 small{grid-column:2;font-size:15px}
.painted-starter-description21{grid-column:1/-1;display:block;font:16px/1.2 var(--fantasy-copy,Georgia,serif)}
.painted-starter-choice17:is(:hover,:focus-visible,[aria-pressed="true"]) .painted-starter-name17{background:#3c5132;border-color:#efd99f;box-shadow:inset 0 0 0 2px #ddbd77,0 0 0 2px #19291e;outline:2px solid #efd99f;outline-offset:-2px}
.refuge-selection18 .painted-starter-name17{top:81%;font-size:18px}
.refuge-selection18 [data-opening-preview]{display:none}
.refuge-selection18>footer.refuge-selection-footer18{display:flex;justify-content:center;margin-top:8px}
.refuge-selection-controls18{max-width:none;justify-content:center}
@media(max-width:650px){.painted-starters17 .painted-starter-name17{position:static;width:100%;min-height:126px;transform:none;font-size:18px;padding:10px}.painted-starter-choice17{min-height:126px}.painted-starter-description21{font-size:16px}.painted-starters17{margin-bottom:0}.painted-starter-hint17{display:none!important}.refuge-selection18 .painted-starter-name17{font-size:18px}}

/* Role plates stay near the source character without covering faces or the raised paw. */
.refuge-selection18 .painted-starter-choice17{--choice-paint:#aaa48d}
.refuge-selection18 [data-role="DPS"]{--choice-paint:#873d30}.refuge-selection18 [data-role="Tank"]{--choice-paint:#42623b}.refuge-selection18 [data-role="Support"]{--choice-paint:#315e7b}
.refuge-selection18 .painted-starter-name17{top:var(--starter-y);width:var(--starter-width);min-height:19%;padding:7px;grid-template-columns:44px minmax(0,1fr);background:var(--choice-paint);color:#fff1d0;font-size:17px;border:2px solid #bdad7a;box-shadow:0 3px #122018}
.refuge-selection18 [data-role="Lead"] .painted-starter-name17{color:#212921}
.refuge-selection18 .painted-starter-name17 .starter-class-glyph19{width:42px!important;height:42px!important}
.refuge-selection18 .painted-starter-name17 small{font-size:15px}
.refuge-selection18 .painted-starter-description21{font-size:16px;line-height:1.18}
.refuge-selection18 .painted-starter-choice17:is(:hover,:focus-visible,[aria-pressed="true"]) .painted-starter-name17{background:var(--choice-paint);outline:3px solid #f3d88e;outline-offset:-4px}
@media(max-width:650px){.refuge-selection18 .painted-starter-name17{top:auto;width:100%;min-height:136px;padding:10px;grid-template-columns:42px minmax(0,1fr)}.refuge-selection18 .painted-starter-choice17{min-height:136px}}
