.slayer-appearance{border:0;padding:0;margin:20px 0;color:#eee4d7;min-width:0}.slayer-appearance legend{font-size:13px;font-weight:700}.slayer-appearance>p{font-size:12px;color:#a9aaa7;margin:7px 0 13px}.slayer-appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.slayer-appearance-options label{position:relative;cursor:pointer;min-width:0}.slayer-appearance-options input{position:absolute;opacity:0;width:1px;height:1px}.slayer-appearance-options label>span{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:110px;overflow:hidden;border:1px solid #fff2;border-radius:11px;background:linear-gradient(120deg,#191f25,#292528);transition:border-color .15s,background .15s}.slayer-appearance-options img{height:130px;width:75px;object-fit:contain;align-self:start;margin-top:3px;filter:drop-shadow(0 0 12px #0008)}.slayer-appearance-options strong{font-size:14px}.slayer-appearance-options i{position:absolute;top:8px;right:8px;font-style:normal;color:#e7c78f;opacity:0}.slayer-appearance-options input:checked+span{border-color:#d7b77e;background:linear-gradient(120deg,#302d28,#382e27);box-shadow:inset 0 0 20px #dbb47510}.slayer-appearance-options input:checked+span i{opacity:1}.slayer-appearance-options input:focus-visible+span{outline:2px solid #efd6aa;outline-offset:4px}.starter-screen{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:linear-gradient(#07111cb0,#07111ce8),url('../images/characters/character-bg.png') center/cover}.starter-card{width:min(520px,100%);padding:30px;border:1px solid #d7b77e55;border-radius:18px;background:#121c27eb;color:#e9e7df}.starter-card h1{font:34px/1.15 Georgia,serif;margin:12px 0}.starter-card>p{font-size:14px;line-height:1.6;color:#aebec8}.starter-card .slayer-appearance-options label>span{height:210px;flex-direction:column;gap:0}.starter-card .slayer-appearance-options img{height:160px;width:100%;margin:0}.starter-card button{width:100%;min-height:48px;margin-top:16px;background:#d9bb84;border:0;border-radius:8px;color:#1c242c;font-weight:700;cursor:pointer}.starter-card button:disabled{opacity:.6}.starter-card [role=status]{color:#f1b8ad;font-size:13px}.starter-kicker{color:#d9bb84;font-size:10px;letter-spacing:2px}.starter-card a{color:#d9bb84}.starter-card .starter-back{display:inline-block;margin-top:20px;font-size:12px}
@media(max-width:420px){.slayer-appearance-options{gap:8px}.slayer-appearance-options img{width:55px}.starter-card{padding:22px}.starter-card h1{font-size:30px}}