.name-profile{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 15px;margin:10px 0 4px;border:1px solid #b8aa83;border-radius:8px;background:#fff8e9;color:#284738;position:sticky;top:0;z-index:8;box-shadow:0 3px 12px #43341518}
.name-profile-title{font-size:11px;color:#87613e;white-space:nowrap}
.name-profile strong{font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.name-profile button{margin-left:auto;border:1px solid #a4784f;border-radius:6px;background:#31543d;color:#fff5df;font-weight:700;min-height:44px;padding:8px 14px;white-space:nowrap}
#nameDialog{width:min(440px,94vw)}
#nameDialog h2{margin:0 0 8px}
#nameDialog label{display:block;font-weight:700;margin:14px 0 0}
#nameDialog input{display:block;width:100%;font-size:16px;min-height:46px;padding:8px 10px;margin-top:6px;border:1px solid #a99a78;border-radius:5px}
#nameMessage{min-height:22px;color:#a23d2e}
.name-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.name-actions button{min-height:44px;padding:8px 16px;border-radius:5px;border:1px solid #ab9a73}
.name-actions .primary{border-color:#9d3d29}
.battle-score>div>span{font-weight:800;font-size:clamp(11px,1.4vw,16px);line-height:1.4;max-width:calc(100% - 70px);overflow-wrap:anywhere}
@media(max-width:600px){.name-profile{gap:6px;padding:5px 7px;min-height:52px}.name-profile-title{display:none}.name-profile strong{font-size:12px}.name-profile button{font-size:11px;padding:5px 8px;min-height:44px}.battle-score>div>span{font-size:11px;max-width:calc(100% - 44px)}}