.grimoire-title-screen.has-practitioner-picker{min-height:0}.grimoire-title-screen.has-practitioner-picker:after{background:linear-gradient(110deg,#071b20f2,#071b20d9 60%,#071b20a8)}.grimoire-title-screen.has-practitioner-picker .grimoire-title-copy{width:100%;box-sizing:border-box;padding:32px;max-width:none}.grimoire-title-screen.has-practitioner-picker .grimoire-title-copy h2{font-size:36px;margin:10px 0}.grimoire-title-screen.has-practitioner-picker .grimoire-title-copy>p{font-size:13px;margin:8px 0 18px;max-width:600px}.grimoire-title-screen.has-practitioner-picker #grimoire-start{margin-top:17px;min-height:46px;padding:12px 22px}.grimoire-practitioner-picker{width:100%;max-width:960px}.gp-feature{display:flex;gap:24px;align-items:center;margin:20px 0}.gp-portrait{width:148px;height:auto;aspect-ratio:5/7;object-fit:contain;flex:none;border:1px solid #bd9d5c;box-shadow:0 7px 18px #0005;background:#d4be8e}.gp-feature-copy{min-width:0}.grimoire .gp-kicker{font-size:9px;margin:0 0 8px;letter-spacing:.14em;color:#eac486;line-height:1.4}.grimoire .gp-feature h3{font-size:30px;line-height:1.15;font-weight:500;color:#eee9da;margin:0 0 8px}.grimoire .gp-specialty{font-size:13px;margin:0;color:#b8d3c6;line-height:1.5}.gp-pixel-preview{display:flex;gap:15px;align-items:center;margin-top:12px}.gp-pixel-preview canvas{width:48px;height:72px;display:block;image-rendering:pixelated;flex:none}.gp-pixel-preview span{font-size:11px;line-height:1.5;color:#cabfa4;max-width:110px}.gp-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.grimoire .gp-choice{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 7px 9px;min-width:0;min-height:148px;background:#122b2eed;border:1px solid #628278;text-align:center;color:#eee9da;transition:background .15s,border-color .15s}.grimoire .gp-choice:hover{background:#274840;border-color:#b3cdb7}.grimoire .gp-choice[aria-checked=true]{background:#3c4e3a;border-color:#eac486;box-shadow:inset 0 0 0 1px #eac486}.grimoire .gp-choice:focus-visible{outline:3px solid #f5d398;outline-offset:3px}.gp-choice img{height:64px;width:auto;max-width:100%;aspect-ratio:5/7;object-fit:contain;border:1px solid #bd9d5c;display:block}.gp-choice strong{font-size:14px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}.gp-choice-specialty{font-size:10px;line-height:1.4;color:#bed0bd;min-height:28px;display:flex;align-items:center;justify-content:center}.gp-choice-state{font-size:9px;line-height:1.4;color:#a9b9a8}.gp-choice[aria-checked=true] .gp-choice-state{color:#f5d398}.gp-keyboard-help,.gp-selected-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:720px){.grimoire-title-screen.has-practitioner-picker .grimoire-title-copy{padding:22px 17px}.grimoire-title-screen.has-practitioner-picker .grimoire-title-copy h2{font-size:29px}.grimoire-title-screen.has-practitioner-picker .grimoire-title-copy>p{font-size:12px;margin-bottom:14px}.gp-feature{gap:16px;margin:16px 0}.gp-portrait{width:108px}.grimoire .gp-feature h3{font-size:24px;overflow-wrap:anywhere}.grimoire .gp-specialty{font-size:11px}.gp-pixel-preview{gap:9px;margin-top:7px}.gp-pixel-preview span{font-size:10px;max-width:80px}.gp-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grimoire .gp-choice{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:8px;row-gap:3px;align-items:center;text-align:left;padding:9px 7px;min-height:85px}.gp-choice img{grid-column:1;grid-row:1/4;height:auto;width:38px}.gp-choice strong{font-size:13px;align-self:end}.gp-choice-specialty{font-size:9px;min-height:0;display:block}.gp-choice-state{font-size:9px;align-self:start}.grimoire .gp-choice:last-child{grid-column:1/-1;width:calc((100% - 8px)/2);box-sizing:border-box;justify-self:center}.grimoire-title-screen.has-practitioner-picker #grimoire-start{width:100%;margin-top:16px}}
@media(max-width:360px){.gp-feature{gap:12px}.gp-portrait{width:92px}.grimoire .gp-feature h3{font-size:21px}.gp-pixel-preview span{max-width:65px}.grimoire .gp-choice{grid-template-columns:32px minmax(0,1fr);column-gap:6px}.gp-choice img{width:32px}.gp-choice strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.grimoire .gp-choice{transition:none}}
.grimoire-title-screen.gp-character-title{display:block;padding:30px 32px;background:radial-gradient(ellipse at 20% 40%,#28473b,#102528 72%);box-sizing:border-box;min-height:0}.grimoire-title-screen.gp-character-title:after{content:none}.gp-character-title .grimoire-practitioner-picker,.gp-character-title .gp-begin{max-width:960px;margin-left:auto;margin-right:auto}.grimoire .gp-picker-heading h2{color:#eee9da;font-size:32px;line-height:1.12;margin:8px 0 9px;font-weight:500}.grimoire .gp-picker-heading>p:last-child{font-size:12px;line-height:1.6;color:#b9cebf;margin:0}.gp-character-title .gp-portrait{width:178px}.gp-character-title .gp-feature{margin:20px 0}.gp-begin{padding-top:18px}.gp-begin .grimoire-primary{min-height:46px;padding:12px 22px}.gp-begin .grimoire-small{margin:10px 0 0;font-size:11px!important}.gp-playing-as{display:block;font-size:10px;line-height:1.5;color:#d4c09a;margin-right:7px;max-width:150px}
@media(max-width:720px){.grimoire-title-screen.gp-character-title{padding:21px 17px}.grimoire .gp-picker-heading h2{font-size:29px}.grimoire .gp-picker-heading>p:last-child{font-size:11px}.gp-character-title .gp-portrait{width:128px}.gp-character-title .gp-feature{gap:14px;margin:17px 0}.gp-begin{padding-top:16px}.gp-begin .grimoire-primary{width:100%}.gp-playing-as{font-size:9px;max-width:110px}}
@media(max-width:360px){.gp-character-title .gp-portrait{width:108px}.grimoire .gp-picker-heading h2{font-size:27px}}
@media(max-width:480px){.grimoire .gp-feature h3{font-size:20px}.grimoire .gp-choice{grid-template-columns:32px minmax(0,1fr);column-gap:6px}.gp-choice img{width:32px}.gp-choice strong{font-size:12px}}
@media(max-width:360px){.gp-character-title .gp-portrait{width:92px}.grimoire .gp-feature h3{font-size:17px}.gp-choices{grid-template-columns:minmax(0,1fr)}.grimoire .gp-choice{min-height:72px}.grimoire .gp-choice:last-child{width:100%}.gp-choice strong{font-size:13px}}