.reaperControls{width:100%;--reaper:#cfbba1;display:grid;gap:6px}
.reaperControls.spirit{--reaper:#9cd9cb}
.reaperForms{display:grid;grid-template-columns:1fr 1fr 36px;gap:6px}
.reaperForms button{min-height:36px;padding:6px 8px;border:1px solid #4a434e;background:#18161e;color:#b5abb6;border-radius:5px;font:inherit}
.reaperForms button.selected{border-color:var(--reaper);background:#2a2530;color:var(--reaper);opacity:1;box-shadow:inset 0 -2px var(--reaper)}
.reaperForms button:disabled:not(.selected){opacity:.45}
.reaperStatus{font-size:11px;line-height:1.4;color:var(--reaper);text-align:center}
.reaperMark{padding:6px 8px;border:1px solid #9b765a;border-radius:5px;background:#30241f;color:#ffe0b4;text-align:center;font-size:12px;line-height:1.35}
.reaperMark.spirit{border-color:#649b9d;background:#1b3034;color:#bcf4eb}
.reaperMark.empty{border-color:#4a434e;background:#1b1921;color:#a8a1ad}
.reaperBuildTags{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}
.reaperBuildTags button{font-family:inherit;font-size:10px;line-height:1.4;padding:3px 7px!important;border:1px solid #514653;border-radius:4px;background:#211c26;color:#b0a5b5}
.reaperBuildTags button.active{border-color:#a5a18d;color:#e0d5c4}
.reaperBuildTags button.harvest.active{border-color:#a65c6c;color:#eaa0ac}
.reaperBuildTags button.shroud.active{border-color:#5b8a9e;color:#acd6ec}
.reaperSkills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.reaperSkill{display:grid;grid-template-columns:26px 1fr;gap:3px 5px;align-items:center;padding:8px 6px!important;min-height:56px;border:1px solid #524954!important;border-radius:5px;background:linear-gradient(135deg,#29232d,#17161d)!important;color:#e4ddd3!important;text-align:left;font:inherit}
.reaperSkill .reaperIcon{grid-row:span 2;display:flex}
.reaperSkill strong{font-size:11px;line-height:1.25;overflow-wrap:anywhere}
.reaperSkill small{font-size:10px;color:var(--reaper)}
.reaperSkill:disabled{opacity:.42}
.reaperSkill.ready:hover{border-color:var(--reaper)!important;background:#34303b!important}
.reaperSkill.marked.ready{border-color:#cba866!important;box-shadow:inset 0 0 0 1px #a37a49,0 0 9px #a37a4933}
.reaperControls button:focus-visible,.reaperGuide button:focus-visible{outline:2px solid #def9d8;outline-offset:2px}
.reaperGuide{width:min(720px,calc(100vw - 24px));max-height:85dvh;box-sizing:border-box;padding:20px;background:#17151d;color:#e3d9c9;border:1px solid #84768b;border-radius:9px;font:14px/1.55 Georgia,serif;overflow:auto}
.reaperGuide::backdrop{background:rgba(8,7,14,.82)}
.reaperGuide header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.reaperGuide h2{font-size:20px;margin:0}
.reaperGuide button{background:#302a37;color:#e6dbc8;border:1px solid #756781;border-radius:4px;padding:8px;white-space:nowrap}
.reaperGuide section{border-top:1px solid #4a414e;margin-top:18px}
.reaperGuide h3{color:#d4bea4}
.reaperGuide .spirit h3{color:#9cd9cb}
.reaperGuide article{padding:12px;background:#211d28;margin:8px 0;border-left:2px solid #786c7f}
.reaperGuide article p{margin:6px 0}
.reaperGuide small{color:#a5c7bd}
.reaperBuildGuide{padding:10px;border:1px solid #53475c;border-radius:5px;background:#201b28}
.reaperBuildGuide summary{cursor:pointer;color:#bde1d2}
.reaperBuildGuide .active{color:#c8e2bd}
.reaperBuildGuide .harvest h3{color:#e2a1aa}
.reaperBuildGuide .shroud h3{color:#a5d8ed}
@media(max-width:420px){.reaperGuide{padding:14px}.reaperGuide h2{font-size:16px}.reaperSkill{grid-template-columns:1fr;text-align:center;justify-items:center;padding:6px 3px!important}.reaperSkill .reaperIcon{grid-row:auto}.reaperSkill strong{font-size:10px}.reaperStatus{font-size:10px}}