.service-intro{padding-bottom:20px}.character-select{margin:8px 0 50px}.character-select-heading{display:flex;justify-content:space-between;gap:15px;padding:17px 0;color:var(--muted);border-top:1px solid var(--line);font:11px var(--mono);letter-spacing:.7px}.selection-count{color:var(--green);white-space:nowrap}
.character-roster{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0 5px 7px 0}.character-option{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;border:1px solid #455b36;background:#14231a;padding:15px 8px 12px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.character-option:hover{transform:translateY(-3px);background:#1d3021;border-color:#839e64}.character-option.is-selected{background:#273b22;border-color:var(--green);box-shadow:4px 4px 0 #718d4d}.character-number{position:absolute;top:9px;left:11px;font:10px var(--mono);color:var(--muted)}.character-thumbnail{display:block;width:100%;max-width:150px;aspect-ratio:1;margin-bottom:8px}.service-sprite{display:block;width:100%;height:100%;background-image:url('/assets/offdev-services.webp');background-size:200% 200%;background-repeat:no-repeat;image-rendering:pixelated;mix-blend-mode:lighten}.architect{background-position:0 0}.robot{background-position:100% 0}.wizard{background-position:0 100%}.mechanic{background-position:100% 100%}.wildcard-glyph{display:grid;place-items:center;height:100%;font:clamp(70px,9vw,135px)/1 var(--display);color:var(--green);text-shadow:5px 5px #3b562a}.character-name{font-size:14px;font-weight:600;text-align:center;line-height:1.5;min-height:42px;display:grid;place-items:center}.character-choice{font:8px var(--mono);letter-spacing:.7px;color:#849c72;margin-top:10px}.is-selected .character-choice{color:var(--green)}
.character-panels{margin-top:27px}.character-panel{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:45px;padding:36px;background:#14231a;border:1px solid #4c643b;scroll-margin-top:20px}.character-panel+.character-panel{margin-top:24px}.character-panel[hidden]+.character-panel{margin-top:0}.character-panel.is-entering{animation:character-enter .24s ease-out both}.character-profile{align-self:start;text-align:center;padding-top:25px}.character-portrait{width:100%;max-width:285px;aspect-ratio:1;margin:auto;position:relative;background:radial-gradient(ellipse at bottom,#2c432333,transparent 70%)}.character-portrait .wildcard-glyph{font-size:200px}.character-profile>p{font:26px/1 var(--display);margin:22px 0 12px}.character-profile>span{font:9px var(--mono);letter-spacing:.5px;color:var(--muted)}.character-description>.eyebrow{font-size:10px;line-height:1.7;margin-bottom:15px;color:#9fc37b}.inner-screen .character-description>h2{font-size:49px;margin-bottom:15px}.character-description>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#bdcbb2;margin:0 0 22px}.character-description>ul{list-style:none;padding:0;margin:0 0 26px}.character-description>ul li{display:flex;align-items:baseline;gap:12px;font-size:14px;color:#b2c2a5;line-height:1.65;margin:10px 0}.character-description>ul li>span{color:var(--green);font:20px var(--display)}.character-stats{padding:18px 0 21px;border-top:1px solid #3d5431;border-bottom:1px solid #3d5431;max-width:420px}.character-stats>p{font:9px var(--mono);letter-spacing:1px;color:var(--muted);margin:0 0 17px}.stat-row{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center;margin:11px 0}.stat-row>span{font:11px var(--mono)}.stat-meter{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.stat-meter i{height:11px;background:#2b3c26;border:1px solid #3b512c}.stat-meter .filled{background:var(--green);border-color:#d3fba1}.is-entering .stat-meter .filled{animation:stat-fill .22s ease-out both;animation-delay:calc(var(--step)*45ms)}.character-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:27px}.character-cta .solid-button{font-size:14px;padding:14px 18px}.character-secondary{font:11px var(--mono);text-decoration:underline;text-underline-offset:5px;line-height:1.8}.wildcard-stats{display:flex;gap:20px;align-items:center}.wildcard-stats>span{font:50px var(--display)}.wildcard-stats p{font-size:14px;line-height:1.65;color:#bdcbb2;margin:0}
@keyframes character-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes stat-fill{from{opacity:.25;transform:scaleX(.3)}to{opacity:1;transform:none}}
@media(max-width:1050px){.character-roster{gap:9px}.character-name{font-size:12px}.character-choice{font-size:7px}.character-panel{grid-template-columns:minmax(140px,.65fr) minmax(0,1.35fr);padding:27px 23px;gap:25px}.character-profile>p{font-size:22px}.character-description>.eyebrow{font-size:9px}.inner-screen .character-description>h2{font-size:41px}.character-cta{gap:20px}.character-cta .solid-button{font-size:13px}.character-profile>span{font-size:8px}.stat-row{gap:12px}.stat-row>span{font-size:10px}}
@media(max-width:700px){.character-select-heading{font-size:9px;letter-spacing:0}.character-roster{grid-template-columns:repeat(5,112px);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8da76b #18281b;scroll-snap-type:x proximity;padding:4px 6px 12px 0;gap:10px}.character-option{scroll-snap-align:start;padding:15px 7px 11px}.character-thumbnail{width:91px;height:91px}.character-name{font-size:12px;line-height:1.4;min-height:36px}.character-choice{font-size:7px}.wildcard-glyph{font-size:87px}.character-panel{display:block;padding:23px 20px}.character-profile{display:flex;align-items:center;flex-wrap:wrap;padding:0;text-align:left;column-gap:15px;margin-bottom:25px}.character-portrait{width:100px;flex:0 0 100px;height:100px;margin:0}.character-profile>p{flex:1;margin:0;font-size:24px;line-height:1.15}.character-profile>span{width:100%;margin-top:8px;font-size:8px}.character-portrait .wildcard-glyph{font-size:95px}.inner-screen .character-description>h2{font-size:38px}.character-description>p:not(.eyebrow){font-size:16px;line-height:1.7}.character-description>ul li{font-size:14px}.stat-row{grid-template-columns:1.2fr 1fr;gap:12px}.stat-row>span{font-size:10px}.stat-meter{gap:3px}.stat-meter i{height:10px}.character-cta .solid-button{width:100%;font-size:13px;gap:10px;padding:13px}.character-description>.eyebrow{font-size:8px}.character-panels{margin-top:19px}}
@media(prefers-reduced-motion:reduce){.character-option,.character-panel.is-entering,.is-entering .stat-meter .filled{animation:none!important;transition:none!important}}
.service-intro{padding-top:35px}.service-intro h1{font-size:70px;line-height:.92}.service-intro .page-lead{font-size:16px;max-width:650px}.character-thumbnail{max-width:125px}
@media(max-width:700px){.service-intro{padding-top:30px}.service-intro h1{font-size:48px}.character-thumbnail{max-width:91px}}

/* Two service worlds, sharing the same character roster. */
.service-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:12px 0 34px}
.service-category{display:flex;flex-direction:column;min-width:0;padding:23px 28px 26px;background:#18291d;border:1px solid #587243;box-shadow:5px 5px 0 #07150d;transition:transform .22s,border-color .22s,background .22s}
.category-label{display:flex;justify-content:space-between;align-items:center;font:11px var(--mono);letter-spacing:1px;color:#a8c18e}.category-label>span:last-child{font-size:23px;color:var(--green)}
.category-art{display:flex;justify-content:center;height:185px;margin:6px 0 14px;overflow:hidden}.category-art .service-sprite{height:185px;width:185px;flex:0 1 185px;aspect-ratio:1}
.inner-screen .service-category h2{font-size:47px;margin-bottom:12px}.service-category>p{font-size:16px;line-height:1.7;color:#bdcbb2;margin:0 0 18px;max-width:430px}.category-cast{font:9px/1.7 var(--mono);color:#9cba81;letter-spacing:.6px;margin-top:auto}
.category-link{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #4d653b;padding-top:18px;margin-top:20px;font-size:15px;font-weight:600;color:#dcffb3}
.service-category:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.category-wildcard{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:25px;align-items:center;padding:30px 0 42px;border-top:1px solid #4d653b}.category-wildcard>.wildcard-glyph{font-size:90px}.category-wildcard .eyebrow{font-size:10px;margin:0 0 12px}.inner-screen .category-wildcard h2{font-size:35px;margin:0 0 10px}.category-wildcard p:not(.eyebrow){color:#b6c7a9;font-size:15px;line-height:1.7;max-width:500px;margin:0}.category-wildcard .solid-button{font-size:14px;white-space:nowrap}
.service-category-nav{display:flex;flex-wrap:wrap;gap:10px;padding-top:22px}.service-category-nav a{border:1px solid #4c643b;padding:12px 16px;font-size:14px;line-height:1.4;color:#b6c7a9}.service-category-nav a[aria-current="page"]{background:var(--green);border-color:var(--green);color:var(--screen);font-weight:600}
.category-roster{grid-template-columns:repeat(var(--roster-size),minmax(0,1fr))}.category-roster .character-thumbnail{max-width:130px}.category-faq{padding:35px 0 15px}.category-faq>.eyebrow{font-size:11px}.category-crosslink{padding:24px 0 0;font-size:15px;line-height:1.8;color:#b6c7a9}.category-crosslink a{color:var(--green);text-decoration:underline;text-underline-offset:4px}
@media(hover:hover) and (pointer:fine){.service-category:hover{transform:translateY(-4px);border-color:var(--green);background:#20351f}.service-category-nav a:hover{border-color:var(--green)}}
@media(max-width:1050px){.service-category{padding:20px}.category-art{height:145px}.category-art .service-sprite{width:145px;height:145px;flex-basis:145px}.inner-screen .service-category h2{font-size:37px}.category-wildcard{grid-template-columns:65px 1fr;gap:20px}.category-wildcard .solid-button{grid-column:2;justify-self:start}}
@media(max-width:700px){.service-categories{grid-template-columns:1fr;gap:23px}.service-category{padding:19px 20px 22px}.category-art{height:150px}.category-art .service-sprite{width:150px;height:150px;flex-basis:150px;min-width:0}.category-wildcard{grid-template-columns:44px 1fr;gap:18px;padding:25px 0 35px}.category-wildcard>.wildcard-glyph{font-size:65px}.inner-screen .category-wildcard h2{font-size:32px}.category-wildcard .solid-button{grid-column:1/-1;justify-self:stretch;font-size:14px}.service-category-nav{gap:8px}.service-category-nav a{font-size:12px;padding:11px 12px}.category-roster{gap:7px;padding-right:4px;overflow-x:visible}.category-roster .character-option{padding:13px 5px 10px}.category-roster .character-thumbnail{width:100%;height:auto;aspect-ratio:1;margin-top:6px}.category-roster .character-name{font-size:11px;min-height:48px}.category-roster .character-choice{font-size:6px;letter-spacing:0}.category-roster .wildcard-glyph{font-size:64px}.category-faq>.eyebrow{font-size:9px}.category-crosslink{font-size:14px}}
@media(prefers-reduced-motion:reduce){.service-category{transition:none}}
@media(max-width:700px){.service-category-nav+.service-intro h1{font-size:clamp(32px,11vw,44px)}.category-art .service-sprite{height:auto;aspect-ratio:1;align-self:center}}