.charBtn{right:max(12px, env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));color:#f4ead9;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#1d1a2bc7;border:1px solid #ffd98a66;border-radius:16px;justify-items:center;gap:1px;width:60px;padding:5px 2px 4px;display:grid;position:absolute}.charBtn span{white-space:nowrap;font-size:10px;font-weight:700}.charBtn--high{bottom:calc(64px + env(safe-area-inset-bottom))}.charSheet{z-index:6;max-height:58%;padding:14px max(16px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:#f4ead9;background:#1d1a2bf5;border-radius:20px 20px 0 0;gap:14px;display:grid;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -10px 30px #08061073}.charHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.charHead h2{margin:0;font-size:18px}.charHead h2 span{color:#ffd98a;margin-left:6px;font-size:14px;font-weight:700}.charNote{margin:0;font-size:14px}.charKinds{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.charKind{cursor:pointer;color:inherit;background:#ffffff0f;border:1px solid #f4ead92e;border-radius:14px;justify-items:center;gap:2px;padding:6px 2px;display:grid}.charKind span{white-space:nowrap;font-size:11px;font-weight:700}.charKind[aria-checked=true]{background:#ffc86b2e;border-color:#ffc86b;box-shadow:0 0 0 2px #ffc86b59}.charKindGroups{gap:10px;display:grid}.charKindGroup{gap:6px;display:grid}.charKindLabel{letter-spacing:.04em;color:#f4ead9b3;align-items:center;gap:8px;padding-left:2px;font-size:11px;font-weight:700;display:flex}.charKindLabel:after{content:"";background:#f4ead924;flex:1;height:1px}.charFurs{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;display:grid}.charFur{color:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:3px;padding:4px 0;display:grid}.charFur i{border:2px solid #f4ead959;border-radius:50%;width:28px;height:28px;display:block}.charFur--default i{background:conic-gradient(#e6bd8e 0 33%, #9aa3b8 0 66%, #8fc7c0 0)}.charFur span{white-space:nowrap;font-size:10px;font-weight:600}.charFur[aria-checked=true] i{border-color:#ffc86b;box-shadow:0 0 0 3px #ffc86b73}.charActs{justify-content:flex-end;gap:8px;display:flex}@media (width<=380px){.charKinds{grid-template-columns:repeat(3,minmax(0,1fr))}.charFurs{grid-template-columns:repeat(5,minmax(0,1fr))}}.jumpBtn{left:calc(max(16px, env(safe-area-inset-left)) + 124px);bottom:calc(84px + env(safe-area-inset-bottom));color:#f4ead9;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#1d1a2bc7;border:1px solid #ffd98a73;border-radius:50%;align-content:center;place-items:center;gap:0;width:54px;height:54px;padding:0;transition:transform .12s,background-color .12s;display:grid;position:absolute}.jumpBtn span{font-size:10px;font-weight:700;line-height:1.1}.jumpBtn:active{background:#3a3052e6;transform:translateY(2px)scale(.94)}.jumpBtn:focus-visible{outline-offset:2px;outline:3px solid #ffc86b}.joystick.run{box-shadow:0 0 0 3px #ffc86b59, var(--shadow-2);border-color:#ffc86bf2}@media (prefers-reduced-motion:reduce){.jumpBtn{transition:none}.jumpBtn:active{transform:none}}