.sh21-head{display:flex;align-items:center;gap:8px;padding:6px 0}.sh21-title{flex:1}.sh21-title b{font-size:1.5rem;letter-spacing:.12em;color:#ffd34e;display:block}.sh21-title small{color:#e9d3a8}.sh21-money{background:#173d1f;color:#9dff9d;border:2px solid #3f8a47;border-radius:20px;padding:5px 10px;font-weight:700;white-space:nowrap}
.sh21-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:6px 0}.sh21-tabs button{position:relative;padding:6px 2px 4px;border-radius:10px;border:2px solid #7a4a1e;background:#3b2210;color:#f0d9a8;font-size:.68rem;display:flex;flex-direction:column;align-items:center;gap:1px}.sh21-tabs button.on{background:#c9892e;color:#2a1608;border-color:#ffd34e}.sh21-tabs i{font-style:normal;font-size:1.2rem}.sh21-tabs em{position:absolute;top:-6px;right:-2px;background:#d63a2a;color:#fff;font-style:normal;font-size:.6rem;border-radius:9px;padding:1px 5px}
.sh21-banner{position:relative;background:linear-gradient(#5c3a1c,#3a2210);border:3px solid #b8862e;border-radius:14px;padding:26px 8px 8px;margin:8px 0}.sh21-sign{position:absolute;top:-2px;left:50%;transform:translateX(-50%);background:#8a2a22;color:#ffe9b0;font-size:.72rem;padding:3px 12px;border:2px solid #ffd34e;border-radius:0 0 10px 10px;white-space:nowrap}
.sh21-npc{display:flex;gap:8px;align-items:flex-end}.sh21-face{width:64px;height:84px;flex:none;object-fit:contain}.sh21-face.sm{width:44px;height:56px}.sh21-say{background:#fff3d6;color:#3a2210;border:2px solid #7a4a1e;border-radius:12px;padding:6px 9px;font-size:.82rem;flex:1}.sh21-say b{display:block;color:#a8321f}
.sh21-pills{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.sh21-pills span{background:#e8b34a;color:#2a1608;border-radius:14px;padding:2px 9px;font-size:.72rem;font-weight:700}
.sh21-body{max-height:44vh;overflow:auto;padding-right:2px}.sh21-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:2px solid #7a4a1e;font-size:.8rem;color:#ffe9b0}
.c21card{background:#2f1c0e;border:2px solid #7a4a1e;border-radius:12px;padding:8px;margin:7px 0}.c21card.on{border-color:#7cd67c;background:#1d3320}.c21card.lock{opacity:.78}.c21card h3{margin:4px 0;font-size:.95rem}.c21card p{margin:2px 0;color:#d9c39a;font-size:.8rem}
.rib21{display:flex;justify-content:space-between;font-size:.7rem}.rib21 span{background:#5b3a1a;border-radius:8px;padding:1px 8px;color:#ffe9b0}.rib21 span.g{background:#2f7a3a;color:#eaffea}
.ch21{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0}.c21{background:#134a2c;color:#9dffb6;border:1px solid #2f8a50;border-radius:10px;padding:1px 7px;font-size:.7rem}
.lh21{margin-top:10px;padding:5px 8px;border-radius:10px;background:#4a2c14;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.lh21 em{margin-left:auto;font-style:normal;color:#ffd34e}.lh21 small{width:100%;color:#d9c39a}
.mirror21{display:flex;gap:10px;background:#3a2210;border:2px solid #b8862e;border-radius:12px;padding:8px}.av21{width:96px;flex:none;background:radial-gradient(#fff3d655,transparent 70%)}.av21 svg{width:100%;height:auto}.av21.s{width:64px}.mi21{flex:1;display:flex;flex-direction:column;gap:5px}.mi21 input{width:100%}.mi21 small{color:#d9c39a}
.sw21,.sub21{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0}.sw21 button,.sub21 button{flex:1;border-radius:14px;padding:5px 8px;font-size:.78rem}.sw21 .on,.sub21 .on{background:#c9892e;color:#2a1608;border-color:#ffd34e}.sub21.chips button{flex:none}
.dye21{margin:8px 0}.dye21>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.dye21 button{display:flex;flex-direction:column;align-items:center;font-size:.74rem;padding:5px}.dye21 button.on{outline:2px solid #7cd67c}.dye21 i{width:28px;height:28px;border-radius:50%;border:2px solid #fff8}.dye21 small{color:#d9c39a}
.cr21{display:flex;gap:8px;align-items:center}.th21{width:52px;height:52px;flex:none;display:grid;place-items:center;font-size:2rem;background:#4a2c14;border-radius:10px}
.slots21{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0}.slot21{background:#2f1c0e;border:2px dashed #7a4a1e;border-radius:10px;padding:6px;text-align:center;font-size:.72rem;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:110px}.slot21.lock{opacity:.6}.slot21 strong{font-size:.8rem}
.hire21{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hc21{display:flex;flex-direction:column;border-radius:10px;padding:8px 4px;font-size:.78rem}.hc21.t1{background:#2c5a2c}.hc21.t2{background:#2c4a7a}.hc21.t3{background:#7a2c5a}.hc21 span{font-weight:700;color:#ffd34e}
.note{font-size:.75rem;color:#d9c39a}
.tw-wrap{position:relative;border:3px solid #b8862e;border-radius:12px;overflow:hidden;background:#000}#twc{width:100%;display:block;touch-action:none;image-rendering:auto}.tw-msg{position:absolute;left:6px;right:6px;bottom:6px;background:#000b;color:#ffe9b0;border-radius:10px;padding:5px 9px;font-size:.8rem}
.tw-ctrl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.tw-dpad{display:grid;grid-template-columns:repeat(3,46px);grid-template-areas:". u ." "l d r";gap:4px}.tw-dpad button{width:46px;height:46px;font-size:1.1rem;touch-action:none}.tw-dpad [data-k=up]{grid-area:u}.tw-dpad [data-k=left]{grid-area:l}.tw-dpad [data-k=down]{grid-area:d}.tw-dpad [data-k=right]{grid-area:r}#twAct{flex:1;min-height:56px;font-size:1rem}
@media(max-width:420px){.sh21-tabs button{font-size:.6rem}.sh21-tabs i{font-size:1rem}}